@charset "UTF-8";

/*===============================================
	TOPページ
===============================================*/
#Contents.TopPageContents {
  display: flex;
  flex-direction: column;
}

/* #sekai{min-height:0%; } */
#finance-bnr a {
  display: block;
  transition: 0.3s;
}

#finance-bnr a:hover {
  opacity: 0.7;
}

/* TOPページ共通 */
.TitleWrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.TitleWrap .SectionTitle {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .TitleWrap {
    flex-direction: column;
    align-items: baseline;
  }

  .TitleWrap .SectionTitle {
    font-size: 150%;
    margin-bottom: 20px;
  }
}

/* ブランディングイメージ */
#Branding {
  width: 100%;
  min-height: 330px;
  display: flex;
  align-items: center;
  background: url("products/it/finance/image/finance/top/bg_branding_finance.jpg") no-repeat center;
  background-size: cover;
  padding: 10px 0;
}

#Branding .ImageArea {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}

#Branding .Title {
  font-size: 256.25%;
  font-weight: 600;
  margin-bottom: 30px;
  text-shadow: 0 0 10px #fff, 0 0 6px #fff;
}

#Branding .Title:after {
  content: '';
  display: block;
  width: 70px;
  height: 2px;
  background: #993366;
  margin: 10px 0;
  -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

#Branding .CatchCopy {
  font-size: 125%;
  text-shadow: 0 0 10px #fff, 0 0 6px #fff;
}

#Branding .BrandingLink {
  display: inline-block;
  width: 280px;
  font-weight: bold;
  text-align: center;
  color: #333;
  padding: 12px 0 8px;
  border: 1px solid #000;
  text-decoration: none;
  font-size: 125%;
  background: url("image/jp/r1/icon/icon_link_right_hd.gif") no-repeat right 2px center #fff;
  background-size: 25px;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

@media screen and (min-width: 768px) {
  #Branding .BrandingLink:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
}

@media screen and (max-width: 1304px) {
  #Branding {
    width: 100vw;
    padding: 10px 15px;
    margin-left: -15px;
  }
}

@media screen and (max-width: 767px) {
  #Branding {
    min-height: 320px;
  }

  #Branding .Title {
    font-size: 187.5%;
  }

  #Branding .CatchCopy {
    font-size: 100%;
  }

  #Branding .BrandingLink {
    font-size: 100%;
  }
}

/* TOPICS & NEWS */


.TopTopics {
  position: relative;
  margin: 60px 0 40px;
}

.TopTopics:before,
.TopTopics:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  width: 95%;
  height: 100%;
  background: #f2f2f2;
  margin: auto;
}

.TopTopics:before {
  width: 95%;
}

.TopTopics:after {
  width: calc(100% + 30px);
  max-width: 1110px;
}

.TopTopics .ContentInner {
  position: relative;
  z-index: 1;
  background: #f2f2f2;
  padding: 50px 0 60px;
}

.TopTopics .TitleWrap {
  padding-left: 10px;
}

.TopTopics .TopicsList {
  display: flex;
  align-items: center;
  padding: 0 10px;
  overflow: hidden;
}

.TopTopics .TopicsList .SlickArrow {
  min-width: 20px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #333;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.TopTopics .TopicsList .SlickArrow img {
  width: 25px;
}

@media screen and (min-width: 768px) {
  .TopTopics .TopicsList .SlickArrow:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
}

.TopTopics .TopicsList .slick-track {
  display: flex;
}

.TopTopics .TopicsList li.slick-active:not(.slick-current) {
  position: relative;
}

.TopTopics .TopicsList li.slick-active:not(.slick-current):before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #ccc;
}

.TopTopics .TopicsList li a,
.TopTopics .TopicsList li .Cover {
  display: block;
  color: #333;
  padding: 0 30px;
  text-decoration: none;
}

.TopTopics .TopicsList li a:focus .TopicsDate,
.TopTopics .TopicsList li a:focus .TopicsContent {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .TopTopics .TopicsList li a:hover .TopicsContent {
    text-decoration: underline;
  }
}

.TopTopics .TopicsList li .TopicsTitle {
  font-size: 82.5%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  padding: 8px 0 6px;
}

.TopTopics .TopicsList li .TopicsTitle.CategoryTopics {
  background: #467D98;
}

.TopTopics .TopicsList li .TopicsTitle.CategoryNews {
  background: #184C6D;
}

.TopTopics .TopicsList li .TopicsTitle.CategoryInfo {
  background: #6d787f;
}

.TopTopics .TopicsList li .TopicsDate,
.TopTopics .TopicsList li .TopicsContent {
  font-size: 90%;
}

.TopTopics .TopicsList li .TopicsDate {
  padding: 20px 0;
}

@media screen and (max-width: 1304px) {
  .TopTopics {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
  }
}

@media screen and (max-width: 1100px) {

  .TopTopics .TopicsList li a,
  .TopTopics .TopicsList li .Cover {
    padding: 0 20px;
  }
}

@media screen and (max-width: 994px) {
  .TopTopics:before {
    width: 100vw;
    margin-left: -15px;
  }
}

@media screen and (max-width: 767px) {
  .TopTopics {
    margin: 30px 0;
    padding: 0;
  }

  .TopTopics .ContentInner {
    padding: 40px 0;
  }
}

/* PICK UP SOLUTION */
.PickUpSolutions {
  min-height: 600px;
  background: url("products/it/finance/image/finance/top/bg_pickup.jpg") no-repeat center;
  background-size: cover;
  margin-bottom: 100px;
  padding: 30px 0 70px;
  position: relative;
  display: flex;
  align-items: center;
}

.PickUpSolutions:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  min-height: 90%;
  content: '';
  background: rgba(109, 60, 93, 0.8);
  transform-origin: center;
  -webkit-transform: translateY(-50%) skewY(2deg);
  -moz-transform: translateY(-50%) skewY(2deg);
  -ms-transform: translateY(-50%) skewY(2deg);
  transform: translateY(-50%) skewY(2deg);
}

.PickUpSolutions.Section {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}

.PickUpSolutions .ContentInner {
  position: relative;
  z-index: 10;
}

.PickUpSolutions .SolutionList li.PickUp01 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_01.jpg") no-repeat center;
  background-size: cover;
}

.PickUpSolutions .SolutionList li.PickUp02 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_02.jpg") no-repeat center;
  background-size: cover;
}

.PickUpSolutions .SolutionList li.PickUp03 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_03.jpg") no-repeat center;
  background-size: cover;
}

.PickUpSolutions .SolutionList li.PickUp04 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_04.jpg") no-repeat center;
  background-size: cover;
}

.PickUpSolutions .SolutionList li.PickUp05 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_05.png") no-repeat center;
  background-size: cover;
}

.PickUpSolutions .SolutionList li.PickUp06 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_06.jpg") no-repeat center;
  background-size: cover;
}

.PickUpSolutions .SolutionList li.PickUp07 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_07.png") no-repeat center;
  background-size: cover;
}

.PickUpSolutions .SolutionList li.PickUp08 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_08.png") no-repeat center;
  background-size: cover;
}

.PickUpSolutions .SolutionList li.PickUp09 .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/top/ph_pickup_09.png") no-repeat center;
  background-size: cover;
}




@media screen and (max-width: 1304px) {
  .PickUpSolutions {
    padding: 40px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media screen and (max-width: 994px) {
  .PickUpSolutions:before {
    min-height: 96%;
  }

  .PickUpSolutions .SolutionList li {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .PickUpSolutions {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 579px) {
  .PickUpSolutions .SolutionList li a {
    flex-direction: column;
  }
}

/* 導入事例 */
.TopCasestudies {
  min-height: 640px;
  /* background: url("products/it/finance/image/finance/top/bg_topcase.jpg") no-repeat center; */
  background-size: cover;
  margin-bottom: 100px;
  padding: 20px 0;
  position: relative;
  display: flex;
  align-items: center;
}

.TopCasestudies:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  min-height: 116%;
  content: '';
  background: rgba(27, 86, 124, 0.8);
  transform-origin: center;
  -webkit-transform: translateY(-50%) skewY(-2deg);
  -moz-transform: translateY(-50%) skewY(-2deg);
  -ms-transform: translateY(-50%) skewY(-2deg);
  transform: translateY(-50%) skewY(-2deg);
}

.TopCasestudies.Section {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}

.TopCasestudies .ContentInner {
  position: relative;
  z-index: 10;
}

.TopCasestudies .CaseList {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  gap:  14px;
}

/* .TopCasestudies .CaseList::after{
  content: "";
  display: block;
  flex: auto;
} */

.TopCasestudies .CaseList li {
  width: 24%;
  position: relative;
  background: #eee;
}

.TopCasestudies .CaseList li a {
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

@media screen and (min-width: 768px) {
  .TopCasestudies .CaseList li a:hover .DetailBlock .ContentTitle {
    background: url("../../image/h1/icon/icon_arrow_blue.png") no-repeat right 9px center;
  }

  .TopCasestudies .CaseList li a:hover .ImageBlock .ImageBox {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.TopCasestudies .CaseList li .ImageBlock {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  background: #fff;
  padding: 0 5px;
  overflow: hidden;
}

.TopCasestudies .CaseList li .ImageBlock .ImageBox {
  width: 100%;
  /*height: 100%;*/
  text-align: center;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

/*.TopCasestudies .CaseList li:first-child .ImageBox {
			        background: url("/products/it/finance/image/finance/top/logo_sompo-japan.png") no-repeat center center #fff;
			        background-size: contain; }
      .TopCasestudies .CaseList li:nth-child(2) .ImageBox {
			        background: url("/products/it/finance/image/finance/top/logo_shizuokabank.jpg") no-repeat center center #fff;
			        background-size: contain; }
      .TopCasestudies .CaseList li:nth-child(3) .ImageBox {
				background: url("/products/it/finance/image/finance/top/logo_sbi.gif") no-repeat center center #fff;
			        background-size: contain; }
      .TopCasestudies .CaseList li:nth-child(4) .ImageBox {
				background: url("/products/it/finance/image/finance/top/logo_mumss.gif") no-repeat center center #fff;
			        background-size: contain; }*/
.TopCasestudies .CaseList li .ImageBlock .ImageBox img {
  max-width: 100%;
  height: auto;
}

.TopCasestudies .CaseList li .DetailBlock {
  background: #eee;
  display: flex;
  flex-direction: column;
}

.TopCasestudies .CaseList li .DetailBlock .ContentTitle {
  font-size: 96.25%;
  display: flex;
  align-items: center;
  color: #000066;
  background: url("../../image/h1/icon/icon_arrow_blue.png") no-repeat right 12px center;
  min-height: 68px;
  margin-top: 0;
  padding: 2px 40px 2px 15px;
  border-top: 3px solid #000066;
  border-bottom: 1px solid #000066;
  margin-bottom: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.TopCasestudies .CaseList li .DetailBlock .ContentText {
  color: #333;
  font-size: 90%;
  padding: 20px 12px;
}

@media screen and (max-width: 1304px) {
  .TopCasestudies {
    padding: 40px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media screen and (max-width: 994px) {
  .TopCasestudies:before {
    min-height: 96%;
  }

  .TopCasestudies .CaseList li {
    width: 48%;
  }

  .TopCasestudies .CaseList li:nth-child(1),
  .TopCasestudies .CaseList li:nth-child(2) {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .TopCasestudies {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 480px) {
  .TopCasestudies:before {
    min-height: 97%;
    -webkit-transform: translateY(-50%) skewY(-1deg);
    -moz-transform: translateY(-50%) skewY(-1deg);
    -ms-transform: translateY(-50%) skewY(-1deg);
    transform: translateY(-50%) skewY(-1deg);
  }

  .TopCasestudies .CaseList li {
    width: 100%;
  }

  .TopCasestudies .CaseList li:nth-child(3) {
    margin-bottom: 30px;
  }
}

/* ソリューションを探す */
#TopSolutions {
  position: relative;
}

/*#TopSolutions .ContentInner {
  max-width: 1080px;
  margin: auto; }*/
#TopSolutions:before,
#TopSolutions:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: #f2f2f2;
  margin: auto;
}

#TopSolutions:before {
  width: 95%;
}

#TopSolutions:after {
  width: calc(100% + 30px);
  max-width: 1110px;
}

#TopSolutions .BorderTitle {
  color: #333333;
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}

#TopSolutions .BorderTitle span {
  font-size: 175%;
  color: #333;
  background: none;
  display: inline-block;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #333;
}

#TopSolutions .ContentInner {
  position: relative;
  z-index: 1;
  background: #f2f2f2;
  padding-top: 60px;
  padding-bottom: 125px;
}

#TopSolutions .SearchList {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 10px;
  margin: 0 auto 90px;
}

#TopSolutions .SearchList li {
  text-align: center;
  width: 225px;
  height: 50px;
  line-height: 50px;
}

#TopSolutions .SearchList li a {
  font-size: 90%;
  display: block;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

#TopSolutions .SearchList li:first-child a {
  color: #0d3666;
  border: 1px solid #0d3666;
  background: url("products/it/finance/image/finance/icon/icon_arrow_bottom_blue.png") no-repeat right 8px center;
}

#TopSolutions .SearchList li:first-child a span {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #TopSolutions .SearchList li:first-child:hover a {
    color: #fff;
    background: url("image/jp/r1/icon/icon_down_l_white.gif") no-repeat right 6px bottom 15px #0d3666;
    background-size: 18px;
  }
}

#TopSolutions .SearchList li:nth-child(2) a {
  color: #004c3f;
  border: 1px solid #004c3f;
  background: url("products/it/finance/image/finance/icon/icon_arrow_bottom_green.png") no-repeat right 8px center;
}

#TopSolutions .SearchList li:nth-child(2) a span {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #TopSolutions .SearchList li:nth-child(2):hover a {
    color: #fff;
    background: url("image/jp/r1/icon/icon_down_l_white.gif") no-repeat right 6px bottom 15px #004c3f;
    background-size: 18px;
  }
}

#TopSolutions .SearchList li:nth-child(3) a {
  color: #561d1d;
  border: 1px solid #561d1d;
  background: url("products/it/finance/image/finance/icon/icon_arrow_bottom_red.png") no-repeat right 8px center;
}

#TopSolutions .SearchList li:nth-child(3) a span {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #TopSolutions .SearchList li:nth-child(3):hover a {
    color: #fff;
    background: url("image/jp/r1/icon/icon_down_l_white.gif") no-repeat right 6px bottom 15px #561d1d;
    background-size: 18px;
  }
}

#TopSolutions .SearchList li:nth-child(4) a {
  color: #4a441a;
  border: 1px solid #4a441a;
  background: url("products/it/finance/image/finance/icon/icon_arrow_bottom_brown.png") no-repeat right 8px center;
}

#TopSolutions .SearchList li:nth-child(4) a span {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #TopSolutions .SearchList li:nth-child(4):hover a {
    color: #fff;
    background: url("image/jp/r1/icon/icon_down_l_white.gif") no-repeat right 6px bottom 15px #4a441a;
    background-size: 18px;
  }
}

#TopSolutions section .SearchTitleWrap {
  width: 100%;
  height: 45px;
  position: relative;
  margin-bottom: 25px;
}

#TopSolutions section .SearchTitleWrap .SearchTitle {
  width: 540px;
  text-align: center;
  font-size: 150%;
  position: absolute;
  top: -50%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f2f2f2;
  margin-top: 0;
  margin-bottom: 0;
}

#TopSolutions section .SearchTitleWrap .SearchTitle span {
  display: inline-block;
  color: #fff;
  padding: 5px 10px 1px;
  margin: 0 10px;
}

#TopSolutions section .AccordionWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#TopSolutions section .AccordionWrap>li {
  width: 19.4%;
}

#TopSolutions section .AccordionWrap>li .AccordionTrigger {
  line-height: 150%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 190px;
  color: #fff;
  font-size: 124%;
  font-weight: bold;
  padding: 0 10px;
  z-index: 5;
  cursor: pointer;
}

#TopSolutions section .AccordionWrap>li .AccordionTrigger:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  transition: height 0.3s, position 0.3s, color 0.3s, background-color 0.3s;
  z-index: -1;
}

@media all and (-ms-high-contrast: none) {
  #TopSolutions section .AccordionWrap>li .AccordionTrigger:before {
    top: 0;
    left: 0;
  }
}

#TopSolutions section .AccordionWrap>li .AccordionTrigger:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 50%;
  bottom: 0;
  display: inline-block;
  border-style: solid;
  border-width: 20px;
  border-color: transparent;
  line-height: 0;
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#TopSolutions section .AccordionWrap>li .AccordionTrigger.active:after {
  height: 20px;
  bottom: -20px;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

@media screen and (min-width: 768px) {
  #TopSolutions section .AccordionWrap>li .AccordionTrigger:hover:before {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 40%;
    background: rgba(255, 255, 255, 0.7);
  }
}

#TopSolutions section .AccordionWrap>li .AccordionTrigger.active:before {
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 40%;
  background: rgba(255, 255, 255, 0.7);
}

#TopSolutions section .AccordionWrap>li:nth-child(n + 6) {
  margin-top: 10px;
}

@media screen and (max-width: 994px) {
  #TopSolutions section .AccordionWrap>li {
    width: 49%;
    margin-bottom: 20px;
  }

  #TopSolutions section .AccordionWrap>li:nth-child(n + 6) {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  #TopSolutions section .SearchTitleWrap .SearchTitle {
    width: 240px;
  }
}

@media screen and (max-width: 480px) {
  #TopSolutions section .AccordionWrap>li {
    width: 100%;
  }
}

#TopSolutions section:not(:last-child) {
  margin-bottom: 100px;
}

#TopSolutions section .Accordion {
  display: none;
}

#TopSolutions section .Accordion:not(.ProductAccordion) {
  position: relative;
  width: 100vw;
  z-index: 2;
  margin-top: 20px;
}

@media screen and (max-width: 1304px) {
  #TopSolutions section .Accordion:not(.ProductAccordion) {
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}

#TopSolutions section .Accordion:not(.ProductAccordion) .AccordionInner {
  display: flex;
  max-width: 1080px;
  margin: auto;
  padding: 20px 10px;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  #TopSolutions section .Accordion:not(.ProductAccordion) .AccordionInner {
    width: 100%;
  }
}

#TopSolutions section .Accordion ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

#TopSolutions section .Accordion ul li {
  width: 33%;
}

#TopSolutions section .Accordion ul li a {
  background: url("image/jp/r1/icon/icon_link_right_l_white.gif") no-repeat left 4px;
}

@media screen and (min-width: 768px) {
  #TopSolutions section .Accordion ul {
    padding: 0 10px;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #TopSolutions section .Accordion ul li a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 994px) {
  #TopSolutions section .Accordion ul li {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  #TopSolutions section .Accordion ul li {
    width: 100%;
  }
}

#TopSolutions section .Accordion a {
  display: inline-block;
  padding-left: 20px;
  color: #fff;
  font-size: 75%;
  text-decoration: none;
}

#TopSolutions section .Accordion .ProductWrap {
  width: 100%;
}

#TopSolutions section .Accordion .ProductWrap:nth-child(n+2) {
  margin-top: 20px;
}

#TopSolutions section .Accordion .ProductWrap dt {
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  font-size: 75%;
  font-weight: bold;
}

#TopSolutions section .Accordion .ProductWrap dt.AccordionTrigger:before {
  display: none;
}

#TopSolutions section .Accordion .ProductWrap dt.AccordionTrigger:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 20px;
  vertical-align: middle;
}

#TopSolutions section .Accordion .ProductWrap dt.AccordionTrigger.active:after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#TopSolutions section .Accordion .ProductWrap dd {
  width: 100% !important;
  margin: 0 !important;
}

#TopSolutions section .Accordion .ProductWrap dd .AccordionInner {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}

#TopSolutions section .Accordion .ProductWrap dd.Accordion {
  display: none;
}

#TopSolutions section .Accordion .ProductWrap dd {
  padding: 10px 10px 0;
}

#TopSolutions section .Accordion .ProductWrap.UpperLink {
  margin-top: 0;
  margin-bottom: 20px;
}

#TopSolutions section .Accordion .ProductWrap:not(.w100) {
  width: 33%;
}

@media screen and (max-width: 994px) and (min-width: 768px) {
  #TopSolutions section .Accordion .ProductWrap:not(.w100) {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  #TopSolutions section .Accordion .ProductWrap:not(.w100) {
    width: 100%;
  }
}

#TopSolutions section .Accordion .ProductWrap:not(.w100) ul {
  width: 100%;
}

#TopSolutions section .Accordion .ProductWrap.w100 dd {
  display: flex;
  flex-wrap: wrap;
}

#TopSolutions section .Accordion .ProductWrap.w100 ul {
  width: 33%;
}

@media screen and (max-width: 994px) and (min-width: 768px) {
  #TopSolutions section .Accordion .ProductWrap.w100 ul {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  #TopSolutions section .Accordion .ProductWrap.w100 ul {
    width: 100%;
  }
}

#TopSolutions section .Accordion .ProductWrap.w100 ul ul {
  width: 100%;
}

#TopSolutions section .Accordion div.ProductWrap.w100 {
  display: flex;
  flex-wrap: wrap;
}

#TopSolutions .IndustrySection .SearchTitleWrap {
  border-top: 2px solid #0d3666;
  border-right: 2px solid #0d3666;
  border-left: 2px solid #0d3666;
}

#TopSolutions .IndustrySection .SearchTitleWrap .SearchTitle {
  color: #0d3666;
}

#TopSolutions .IndustrySection .SearchTitleWrap .SearchTitle span {
  background: #0d3666;
}

@media screen and (min-width: 768px) {
  #TopSolutions .IndustrySection li .AccordionTrigger:hover {
    color: #0d3666;
  }
}

#TopSolutions .IndustrySection li .AccordionTrigger.active {
  color: #0d3666;
}

#TopSolutions .IndustrySection li .AccordionTrigger.active:after {
  border-bottom-color: #0d3666;
}

#TopSolutions .IndustrySection li .AccordionTrigger:before {
  background: rgba(13, 54, 102, 0.6);
}

#TopSolutions .IndustrySection li .Accordion {
  background: #0d3666;
}

#TopSolutions .IndustrySection li.Bank .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_industry_01.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IndustrySection li.SecuritiesCompany .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_industry_02.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IndustrySection li.InsuranceCompany .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_industry_03.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IndustrySection li.OtherFinance .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_industry_04.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IndustrySection li.CommonSolution .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_industry_05.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection .SearchTitleWrap {
  border-top: 2px solid #004c3f;
  border-right: 2px solid #004c3f;
  border-left: 2px solid #004c3f;
}

#TopSolutions .TechnologySection .SearchTitleWrap .SearchTitle {
  color: #004c3f;
}

#TopSolutions .TechnologySection .SearchTitleWrap .SearchTitle span {
  background: #004c3f;
}

@media screen and (min-width: 768px) {
  #TopSolutions .TechnologySection li .AccordionTrigger:hover {
    color: #004c3f;
  }
}

#TopSolutions .TechnologySection li .AccordionTrigger.active {
  color: #004c3f;
}

#TopSolutions .TechnologySection li .AccordionTrigger.active:after {
  border-bottom-color: #004c3f;
}

#TopSolutions .TechnologySection li .AccordionTrigger:before {
  background: rgba(0, 76, 63, 0.6);
}

#TopSolutions .TechnologySection li .Accordion {
  background: #004c3f;
}

#TopSolutions .TechnologySection li.Biometrics .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_01.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.AiBigdata .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_02.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.BlockChain .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_03.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.Security .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_04.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.AspCrowd .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_05.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.Authentication .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_06.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.ApiIntegration .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_07.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.Paperless .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_08.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.Cashless .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_09.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .TechnologySection li.Network .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_technology_10.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection .SearchTitleWrap {
  border-top: 2px solid #561d1d;
  border-right: 2px solid #561d1d;
  border-left: 2px solid #561d1d;
}

#TopSolutions .IssueSection .SearchTitleWrap .SearchTitle {
  color: #561d1d;
}

#TopSolutions .IssueSection .SearchTitleWrap .SearchTitle span {
  background: #561d1d;
}

@media screen and (min-width: 768px) {
  #TopSolutions .IssueSection li .AccordionTrigger:hover {
    color: #561d1d;
  }
}

#TopSolutions .IssueSection li .AccordionTrigger.active {
  color: #561d1d;
}

#TopSolutions .IssueSection li .AccordionTrigger.active:after {
  border-bottom-color: #561d1d;
}

#TopSolutions .IssueSection li .AccordionTrigger:before {
  background: rgba(86, 29, 29, 0.6);
}

#TopSolutions .IssueSection li .Accordion {
  background: #561d1d;
}

#TopSolutions .IssueSection li.WorkEfficiency .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_01.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.WorkHome .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_02.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.EnhancedSecurity .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_03.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.CreationBusiness .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_04.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.DataLinkage .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_05.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.InternalSupport .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_06.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.OperationalSupport .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_07.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.DevelopmentSupport .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_08.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.ContentsManagement .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_09.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .IssueSection li.BprBpo .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_task_10.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .BusinessSection .SearchTitleWrap {
  border-top: 2px solid #4a441a;
  border-right: 2px solid #4a441a;
  border-left: 2px solid #4a441a;
}

#TopSolutions .BusinessSection .SearchTitleWrap .SearchTitle {
  color: #4a441a;
}

#TopSolutions .BusinessSection .SearchTitleWrap .SearchTitle span {
  background: #4a441a;
}

@media screen and (min-width: 768px) {
  #TopSolutions .BusinessSection li .AccordionTrigger:hover {
    color: #4a441a;
  }
}

#TopSolutions .BusinessSection li .AccordionTrigger.active {
  color: #4a441a;
}

#TopSolutions .BusinessSection li .AccordionTrigger.active:after {
  border-bottom-color: #4a441a;
}

#TopSolutions .BusinessSection li .AccordionTrigger:before {
  background: rgba(74, 68, 26, 0.6);
}

#TopSolutions .BusinessSection li .Accordion {
  background: #4a441a;
}

#TopSolutions .BusinessSection li.FrontSupport .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_business_01.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .BusinessSection li.BackOffice .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_business_02.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .BusinessSection li.DesignDevelopment .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_business_03.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .BusinessSection li.CallCenter .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_business_04.jpg") no-repeat center;
  background-size: cover;
}

#TopSolutions .BusinessSection li.Marketing .AccordionTrigger {
  background: url("products/it/finance/image/finance/top/ph_search_business_05.jpg") no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 1304px) {
  #TopSolutions {
    margin: 0 -15px;
    padding: 0 15px;
  }
}

@media screen and (max-width: 994px) {
  #TopSolutions:before {
    width: 100vw;
    margin-left: -15px;
  }

  #TopSolutions .BorderTitle {
    margin-bottom: 50px;
  }

  #TopSolutions .BorderTitle span {
    font-size: 162.5%;
  }

  #TopSolutions .SearchList {
    padding: 0;
  }

  #TopSolutions .SearchList li {
    width: 49%;
  }

  #TopSolutions .SearchList li:nth-child(1),
  #TopSolutions .SearchList li:nth-child(2) {
    margin-bottom: 10px;
  }

  #TopSolutions section {
    margin-bottom: 60px;
  }
}

/* アクセスランキングとバナー */
.Ranking {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.Ranking .BnrArea {
  width: 49%;
  max-width: 520px;
  margin-top: calc(3em + 20px);
}

.Ranking .RankingArea {
  width: 49%;
  max-width: 520px;
}

.Ranking .RankingList li {
  margin-bottom: 5px;
}

.Ranking .RankingList li a {
  position: relative;
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
  background-color: #f2f2f2;
}

.Ranking .RankingList li a .Img {
  display: table-cell;
  width: 90px;
  text-align: center;
  vertical-align: middle;
}

.Ranking .RankingList li a .TextStyle2 {
  display: table-cell;
  height: 72px;
  padding-right: 30px;
  vertical-align: middle;
  line-height: 120%;
  font-weight: bold;
}

.Ranking .RankingList li a .TextStyle2 span {
  display: block;
  margin: 15px 0 25px;
}

.Ranking .RankingList li a .Category {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px 1em 3px;
  line-height: 100%;
  font-size: 90%;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {

  .JS .Ranking .BnrArea,
  .JS .Ranking .RankingArea {
    width: 100%;
    max-width: none;
  }

  .JS .Ranking .BnrArea {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .JS .Ranking .RankingList li a .TextStyle2 {
    height: 60px;
  }
}

#FloatTopBtnStopper {
  width: 100%;
  max-width: 1275px;
  margin: auto;
  position: relative;
  height: 45px;
  background: #e5e5e5;
}

#FloatTopBtnWrap {
  position: fixed;
  width: 100%;
  height: 45px;
  opacity: 0;
  right: 0;
  bottom: 100px;
  z-index: 10;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

#FloatTopBtnWrap.narrow {
  -webkit-transition: none;
  transition: none;
}

#FloatTopBtnWrap.visible {
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#FloatTopBtnWrap.static {
  bottom: 0;
  height: 45px;
  position: absolute;
}

#FloatTopBtnWrap.static .SearchBlock {
  height: auto;
}

#FloatTopBtnWrap .ContentInner {
  position: relative;
}

#FloatTopBtnWrap .PageTopBtn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 45px;
  height: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#FloatTopBtnWrap .PageTopBtn img {
  width: 45px;
}

@media screen and (min-width: 768px) {
  #FloatTopBtnWrap .PageTopBtn:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  #FloatTopBtnWrap {
    right: 0;
    bottom: 65px;
  }
}

/*===============================================
	日立の強み
===============================================*/
/* 日立の取り組み */
.SolutionListWrap {
  position: relative;
  width: 100vw;
  background: url("products/it/finance/image/finance/innovation/bg_innovation_01.jpg") no-repeat center;
  background-size: cover;
  padding: 100px 0;
  margin-top: 35px;
  margin-left: calc((100% - 100vw) / 2);
}

.SolutionListWrap:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  min-height: 88%;
  content: '';
  background: rgba(27, 86, 124, 0.8);
  transform-origin: center;
  -webkit-transform: translateY(-50%) skewY(-2deg);
  -moz-transform: translateY(-50%) skewY(-2deg);
  -ms-transform: translateY(-50%) skewY(-2deg);
  transform: translateY(-50%) skewY(-2deg);
}

.SolutionListWrap .SolutionList li {
  width: 100%;
  margin-right: 11px;
  margin-bottom: 30px;
}

.SolutionListWrap .SolutionList li:before {
  z-index: 0;
}

.SolutionListWrap .SolutionList li.AiBigdata .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/innovation/ph_innovation_01.jpg") no-repeat center;
  background-size: cover;
}

.SolutionListWrap .SolutionList li.BlockChain .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/innovation/ph_innovation_02.jpg") no-repeat center;
  background-size: cover;
}

.SolutionListWrap .SolutionList li.BlockChain .DetailBlock {
  background: url("image/jp/r1/icon/icon_new_window_hd.gif") no-repeat bottom 4px right 8px #fff;
  background-size: 23px;
}

.SolutionListWrap .SolutionList li.Biometrics .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/innovation/ph_innovation_03.jpg") no-repeat center;
  background-size: cover;
}

.SolutionListWrap .SolutionList li.GlobalBusiness .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/innovation/ph_innovation_04.jpg") no-repeat center;
  background-size: cover;
}

.SolutionListWrap .SolutionList li.Channel .ImageBlock .ImageBox {
  background: url("products/it/finance/image/finance/innovation/ph_innovation_05.jpg") no-repeat center;
  background-size: cover;
}

.SolutionListWrap .SolutionList li .ImageBlock {
  min-width: 230px;
}

.SolutionListWrap .SolutionList li .DetailBlock {
  position: relative;
  width: 100%;
}

.SolutionListWrap .SolutionList li .DetailBlock .ContentTitle {
  font-size: 125%;
  color: #ba000e;
  margin-bottom: 15px;
  border-bottom: 2px solid #ba000e;
}

@media screen and (max-width: 1304px) {
  .SolutionListWrap {
    margin-left: calc((100% - 25px - 100vw) / 2);
  }
}

@media screen and (max-width: 994px) {
  .SolutionListWrap {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
  }
}

@media screen and (max-width: 767px) {
  .SolutionListWrap {
    margin-bottom: 40px;
  }

  .SolutionListWrap .PageTitle {
    font-size: 175%;
  }

  .SolutionListWrap:before {
    min-height: 95%;
  }
}

@media screen and (max-width: 579px) {
  .SolutionListWrap li a {
    flex-direction: column;
  }
}

/* イノベーション創出を加速する取り組み */
.Accelerate {
  padding: 110px 0 120px;
}

@media screen and (max-width: 767px) {
  .Accelerate {
    padding: 50px 0;
  }
}

/*===============================================
	ソリューション検索
===============================================*/
.SearchArea .FreeWordArea {
  max-width: 930px;
  margin: 0 auto 55px;
}

.SearchArea .FreeWordArea #SearchForm {
  display: flex;
  justify-content: space-between;
  height: 45px;
  margin-bottom: 12px;
}

.SearchArea .FreeWordArea #SearchForm #Keywords {
  font-size: 100%;
  width: calc(100% - 260px);
  line-height: 1;
  padding: 10px;
  border: 1px solid #bebebe;
}

.SearchArea .FreeWordArea #SearchForm .SearchBtnBlock {
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #SearchBtn,
.SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #ResetBtn {
  width: 110px;
  height: 45px;
  font-size: 90%;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

@media screen and (min-width: 768px) {

  .SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #SearchBtn:hover,
  .SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #ResetBtn:hover {
    opacity: 0.7;
  }
}

.SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #SearchBtn {
  color: #fff;
  background: url("products/it/finance/image/finance/icon/icon_nav_search.png") no-repeat center left 20px #ba000e;
  background-size: 20px;
  padding-left: 15px;
}

.SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #ResetBtn {
  color: #fff;
  background: #333;
}

.SearchArea .FreeWordArea .SearchInstructions {
  display: flex;
  flex-wrap: wrap;
  font-size: 75%;
}

.SearchArea .FreeWordArea .SearchInstructions dt {
  width: 370px;
}

.SearchArea .SearchTabList {
  padding-bottom: 178px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.SearchArea .SearchTabList>li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 230px;
  height: 50px;
  font-weight: bold;
  padding-top: 2px;
  font-size: 112.5%;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchTabList>li span {
  font-size: 133.33333%;
}

.SearchArea .SearchTabList>li:nth-child(1) {
  color: #0d3666;
  background: #d3e4ea;
  border: 1px solid #0d3666;
}

.SearchArea .SearchTabList>li:nth-child(1).active,
.SearchArea .SearchTabList>li:nth-child(1):hover {
  background: #0d3666;
}

.SearchArea .SearchTabList>li:nth-child(2) {
  color: #004c3f;
  background: #e3ebea;
  border: 1px solid #004c3f;
}

.SearchArea .SearchTabList>li:nth-child(2).active,
.SearchArea .SearchTabList>li:nth-child(2):hover {
  background: #004c3f;
}

.SearchArea .SearchTabList>li:nth-child(3) {
  color: #561d1d;
  background: #ddcaca;
  border: 1px solid #561d1d;
}

.SearchArea .SearchTabList>li:nth-child(3).active,
.SearchArea .SearchTabList>li:nth-child(3):hover {
  background: #561d1d;
}

.SearchArea .SearchTabList>li:nth-child(4) {
  color: #4a441a;
  background: #e5e0c6;
  border: 1px solid #4a441a;
}

.SearchArea .SearchTabList>li:nth-child(4).active,
.SearchArea .SearchTabList>li:nth-child(4):hover {
  background: #4a441a;
}

.SearchArea .SearchTabList>li.active,
.SearchArea .SearchTabList>li:hover {
  color: #fff;
  height: 60px;
}

.SearchContentArea {
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
}

.SearchArea .SearchContentArea>div {
  margin-top: -1px;
}

.SearchArea .SearchContentArea>div:not(.active) {
  display: none;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  padding: 30px;
  border: 2px solid #0d3666;
  margin-bottom: 50px;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem {
  display: flex;
  align-items: center;
  width: 19%;
  height: 64px;
  background: #d3e4ea;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:not(:nth-child(5n)) {
  margin-right: 1.25%;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:nth-child(n+6) {
  margin-top: 10px;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:hover {
  color: #fff;
  background: #0d3666;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem input[type=radio] {
  display: none;
  cursor: pointer;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem input[type=radio]:checked+label {
  color: #fff;
  background: #0d3666;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem label {
  color: #333;
  text-align: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 10px 18px 45px;
  cursor: pointer;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem label:hover {
  color: #fff;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem label:after,
.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem label:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem label:after {
  left: 14px;
  margin-top: -11px;
  width: 21px;
  height: 21px;
  background: #fff;
  border: 1px solid #0d3666;
  border-radius: 50%;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem label:before {
  left: 18px;
  margin-top: -7px;
  width: 13px;
  height: 13px;
  background: #0d3666;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem input[type=radio]:checked+label:before {
  opacity: 1;
}

.SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem label:hover:after {
  border-color: #0d3666;
}

@media screen and (max-width: 994px) {
  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem {
    width: 32%;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:not(:nth-child(5n)) {
    margin-right: 0;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:not(:nth-child(3n)) {
    margin-right: calc(4% / 2);
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:nth-child(n+6) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:nth-child(n+4) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .SearchArea .SearchContentArea .IndustryContent .FilteringArea {
    padding: 15px;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem {
    height: 50px;
    font-size: 87.5%;
  }
}

@media screen and (max-width: 579px) {
  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem {
    width: 49%;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:not(:nth-child(2n)) {
    margin-right: 2%;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:nth-child(n+6) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:nth-child(n+4) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:nth-child(n+3) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 399px) {
  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem {
    width: 100%;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:nth-child(n+3) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .IndustryContent .FilteringArea .FilteringItem:not(:last-child) {
    margin: 0 0 10px 0 !important;
  }
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  padding: 30px;
  border: 2px solid #004c3f;
  margin-bottom: 50px;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem {
  display: flex;
  align-items: center;
  width: 19%;
  height: 64px;
  background: #e3ebea;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:not(:nth-child(5n)) {
  margin-right: 1.25%;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:nth-child(n+6) {
  margin-top: 10px;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:hover {
  color: #fff;
  background: #004c3f;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem input[type=radio] {
  display: none;
  cursor: pointer;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem input[type=radio]:checked+label {
  color: #fff;
  background: #004c3f;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem label {
  color: #333;
  text-align: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 10px 18px 45px;
  cursor: pointer;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem label:hover {
  color: #fff;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem label:after,
.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem label:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem label:after {
  left: 14px;
  margin-top: -11px;
  width: 21px;
  height: 21px;
  background: #fff;
  border: 1px solid #004c3f;
  border-radius: 50%;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem label:before {
  left: 18px;
  margin-top: -7px;
  width: 13px;
  height: 13px;
  background: #004c3f;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem input[type=radio]:checked+label:before {
  opacity: 1;
}

.SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem label:hover:after {
  border-color: #004c3f;
}

@media screen and (max-width: 994px) {
  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem {
    width: 32%;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:not(:nth-child(5n)) {
    margin-right: 0;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:not(:nth-child(3n)) {
    margin-right: calc(4% / 2);
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:nth-child(n+6) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:nth-child(n+4) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea {
    padding: 15px;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem {
    height: 50px;
    font-size: 87.5%;
  }
}

@media screen and (max-width: 579px) {
  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem {
    width: 49%;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:not(:nth-child(2n)) {
    margin-right: 2%;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:nth-child(n+6) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:nth-child(n+4) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:nth-child(n+3) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 399px) {
  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem {
    width: 100%;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:nth-child(n+3) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .TechnologyContent .FilteringArea .FilteringItem:not(:last-child) {
    margin: 0 0 10px 0 !important;
  }
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  padding: 30px;
  border: 2px solid #561d1d;
  margin-bottom: 50px;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem {
  display: flex;
  align-items: center;
  width: 19%;
  height: 64px;
  background: #ddcaca;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:not(:nth-child(5n)) {
  margin-right: 1.25%;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:nth-child(n+6) {
  margin-top: 10px;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:hover {
  color: #fff;
  background: #561d1d;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem input[type=radio] {
  display: none;
  cursor: pointer;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem input[type=radio]:checked+label {
  color: #fff;
  background: #561d1d;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem label {
  color: #333;
  text-align: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 10px 18px 45px;
  cursor: pointer;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem label:hover {
  color: #fff;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem label:after,
.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem label:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem label:after {
  left: 14px;
  margin-top: -11px;
  width: 21px;
  height: 21px;
  background: #fff;
  border: 1px solid #561d1d;
  border-radius: 50%;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem label:before {
  left: 18px;
  margin-top: -7px;
  width: 13px;
  height: 13px;
  background: #561d1d;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem input[type=radio]:checked+label:before {
  opacity: 1;
}

.SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem label:hover:after {
  border-color: #561d1d;
}

@media screen and (max-width: 994px) {
  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem {
    width: 32%;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:not(:nth-child(5n)) {
    margin-right: 0;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:not(:nth-child(3n)) {
    margin-right: calc(4% / 2);
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:nth-child(n+6) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:nth-child(n+4) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .SearchArea .SearchContentArea .IssueContent .FilteringArea {
    padding: 15px;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem {
    height: 50px;
    font-size: 87.5%;
  }
}

@media screen and (max-width: 579px) {
  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem {
    width: 49%;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:not(:nth-child(2n)) {
    margin-right: 2%;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:nth-child(n+6) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:nth-child(n+4) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:nth-child(n+3) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 399px) {
  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem {
    width: 100%;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:nth-child(n+3) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .IssueContent .FilteringArea .FilteringItem:not(:last-child) {
    margin: 0 0 10px 0 !important;
  }
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  padding: 30px;
  border: 2px solid #4a441a;
  margin-bottom: 50px;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem {
  display: flex;
  align-items: center;
  width: 19%;
  height: 64px;
  background: #e5e0c6;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:not(:nth-child(5n)) {
  margin-right: 1.25%;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:nth-child(n+6) {
  margin-top: 10px;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:hover {
  color: #fff;
  background: #4a441a;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem input[type=radio] {
  display: none;
  cursor: pointer;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem input[type=radio]:checked+label {
  color: #fff;
  background: #4a441a;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem label {
  color: #333;
  text-align: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 10px 18px 45px;
  cursor: pointer;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem label:hover {
  color: #fff;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem label:after,
.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem label:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem label:after {
  left: 14px;
  margin-top: -11px;
  width: 21px;
  height: 21px;
  background: #fff;
  border: 1px solid #4a441a;
  border-radius: 50%;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem label:before {
  left: 18px;
  margin-top: -7px;
  width: 13px;
  height: 13px;
  background: #4a441a;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem input[type=radio]:checked+label:before {
  opacity: 1;
}

.SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem label:hover:after {
  border-color: #4a441a;
}

@media screen and (max-width: 994px) {
  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem {
    width: 32%;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:not(:nth-child(5n)) {
    margin-right: 0;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:not(:nth-child(3n)) {
    margin-right: calc(4% / 2);
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:nth-child(n+6) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:nth-child(n+4) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .SearchArea .SearchContentArea .BusinessContent .FilteringArea {
    padding: 15px;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem {
    height: 50px;
    font-size: 87.5%;
  }
}

@media screen and (max-width: 579px) {
  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem {
    width: 49%;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:not(:nth-child(2n)) {
    margin-right: 2%;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:nth-child(n+6) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:nth-child(n+4) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:nth-child(n+3) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 399px) {
  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem {
    width: 100%;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:nth-child(n+3) {
    margin-top: 0;
  }

  .SearchArea .SearchContentArea .BusinessContent .FilteringArea .FilteringItem:not(:last-child) {
    margin: 0 0 10px 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .SearchArea .SearchTabList li {
    font-size: 87.5%;
  }

  .SearchArea .SearchTabList li span {
    font-size: 142.85714%;
  }

  .SearchArea .FreeWordArea {
    margin-bottom: 30px;
  }

  .SearchArea .FreeWordArea .SearchInstructions dt {
    width: 100%;
  }

  .SearchArea .FreeWordArea .SearchInstructions dt:nth-of-type(2) {
    margin-top: 5px;
  }
}

@media screen and (max-width: 579px) {
  .SearchArea .FreeWordArea #SearchForm {
    height: auto;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }

  .SearchArea .FreeWordArea #SearchForm #Keywords {
    width: 100%;
    margin-bottom: 10px;
  }

  .SearchArea .FreeWordArea #SearchForm .SearchBtnBlock {
    width: auto;
    display: flex;
    justify-content: center;
  }

  .SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #SearchBtn,
  .SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #ResetBtn {
    height: 38px;
  }

  .SearchArea .FreeWordArea #SearchForm .SearchBtnBlock #ResetBtn {
    margin-left: 10px;
  }
}

@media screen and (max-width: 480px) {
  .SearchArea .SearchTabList li {
    flex-direction: column;
  }
}

.ResultArea .TitleWrap {
  position: relative;
  height: 40px;
  margin-bottom: 30px;
}

.ResultArea .TitleWrap #ResulutCount {
  position: absolute;
  bottom: 0;
  left: 0;
}

.ResultArea .TitleWrap .ResultTitle {
  position: absolute;
  background: none;
  left: 50%;
  bottom: 0;
  text-align: center;
  font-size: 162.5%;
  font-weight: bold;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0;
  margin: 0;
}

.ResultArea .ResultContentArea {
  width: 100vw;
  padding: 60px 30px;
  margin-left: calc((100% - 100vw) / 2);
  margin-bottom: 60px;
  background: url(products/it/finance/image/finance/solution/bg_search_result.png) #e5eaee;
}

.ResultArea .ResultContentArea .ResultList {
  max-width: 1150px;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

.ResultArea .ResultContentArea .ResultList li {
  position: relative;
  width: 32%;
  background: #fff;
  margin-right: 2%;
  margin-bottom: 24px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.ResultArea .ResultContentArea .ResultList li:nth-child(3n) {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .ResultArea .ResultContentArea .ResultList li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}


.ResultArea .ResultContentArea .ResultList li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 25px;
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.ResultArea .ResultContentArea .ResultList li a .ResultTitle {
  position: relative;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px 8px 8px;
  padding-left: 15px;
  background: #e5e5e5;
  flex-grow: 1;
  flex-shrink: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  font-size: 100%;
}

.ResultArea .ResultContentArea .ResultList li a .ResultTitle:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  top: 0;
  left: 0;
  background: #ba000e;
}

.ResultArea .ResultContentArea .ResultList li a .ResultText {
  flex-grow: 100;
  padding: 0 28px 20px;
  font-size: 81.25%;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
}

.ResultArea .ResultContentArea .ResultList li a .ResultCompany {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 0 15px;
  text-align: right;
  letter-spacing: -0.5px;
  font-size: 75%;
}

.ResultArea .ResultContentArea .ResultList li a:before,
.ResultArea .ResultContentArea .ResultList li a:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.ResultArea .ResultContentArea .ResultList li a:before {
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 34px 34px;
  border-color: transparent transparent #ba000e transparent;
}

.ResultArea .ResultContentArea .ResultList li a:after {
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  right: 5px;
  bottom: 5px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ResultArea .ResultContentArea .ResultList li a .marker {
  background: #ffa700;
}

.ResultArea .ResultContentArea #MoreBtn {
  max-width: 500px;
  display: flex;
  justify-content: center;
  text-align: center;
  background: #fff;
  background-size: 25px;
  padding: 15px 0;
  border: 1px solid #333;
  padding-left: 10px;
  margin: 60px auto 0;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.ResultArea .ResultContentArea #MoreBtn:after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 20px;
  background: url("image/jp/r1/icon/icon_down_l_hd.gif") no-repeat center;
  background-size: contain;
  margin-left: 10px;
}

@media screen and (min-width: 768px) {
  .ResultArea .ResultContentArea #MoreBtn:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 994px) {
  .ResultArea .ResultContentArea {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    padding: 60px 40px;
  }

  .ResultArea .ResultContentArea .ResultList li {
    width: 48.5%;
  }

  .ResultArea .ResultContentArea .ResultList li:nth-child(2n) {
    margin-right: 0;
  }

  .ResultArea .ResultContentArea .ResultList li:nth-child(2n + 1) {
    margin-right: 3%;
  }
}

@media screen and (max-width: 767px) {
  .ResultArea .TitleWrap {
    height: auto;
    margin-bottom: 15px;
  }

  .ResultArea .TitleWrap #ResulutCount,
  .ResultArea .TitleWrap .ResultTitle {
    position: static;
  }

  .ResultArea .TitleWrap .ResultTitle {
    display: block;
    font-size: 137.5%;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .ResultArea .ResultContentArea {
    padding: 40px ​15px;
    margin-bottom: 30px;
  }

  .ResultArea .ResultContentArea #MoreBtn {
    padding: 12px 0;
    margin: 30px auto 0;
  }
}

@media screen and (max-width: 579px) {
  .ResultArea .ResultContentArea .ResultList li {
    width: 100%;
    margin-right: 0 !important;
  }

  .ResultArea .ResultContentArea .ResultList li a {
    padding: 20px;
  }

  .ResultArea .ResultContentArea .ResultList li a .ResultCompany {
    padding: 0 15px;
  }
}

/*===============================================
	トピックス＆ニュース
	トピックス＆ニュース：バックナンバー
	記事/コラム
	記事/コラム：バックナンバー
===============================================*/
.SelectCover {
  height: 45px;
  position: relative;
}

.SelectCover:before {
  position: absolute;
  top: 3px;
  right: 3px;
  content: '';
  display: block;
  width: 39px;
  height: 39px;
  background: url(products/it/finance/image/finance/icon/icon_pulldown.png) no-repeat center #1b567c;
  background-size: 12px;
  z-index: 1;
  pointer-events: none;
}

.IconWrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 80%;
  width: 150px;
  height: 22px;
  flex-shrink: 0;
  margin-right: 20px;
  padding-top: 2px;
  padding-left: 30px;
}

.IconWrap.IconSmall {
  width: 95px;
}

.IconWrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 100%;
}

.IconWrap.NewsIcon {
  color: #3A4AAE;
  background: #EBECF4;
  border: 2px solid #3A4AAE;
}

.IconWrap.NewsIcon:before {
  background: url("products/it/finance/image/finance/icon/icon_newsrelease.png") no-repeat center #3A4AAE;
  background-size: 19px;
}

.IconWrap.TopicsIcon {
  color: #6e4182;
  background: #f0ecf2;
  border: 2px solid #6e4182;
}

.IconWrap.TopicsIcon:before {
  background: url("products/it/finance/image/finance/icon/icon_topics.png") no-repeat center left 6px #6e4182;
  background-size: 16px;
}

.IconWrap.ArticleIcon {
  color: #004c3f;
  background: #ccdbd9;
  border: 2px solid #004c3f;
}

.IconWrap.ArticleIcon:before {
  background: url("products/it/finance/image/finance/icon/icon_article.png") no-repeat center left 8px #004c3f;
  background-size: 16px;
}

.IconWrap.ColumnIcon {
  color: #0c1465;
  background: #ced0e0;
  border: 2px solid #0c1465;
}

.IconWrap.ColumnIcon:before {
  background: url("products/it/finance/image/finance/icon/icon_column.png") no-repeat center left 4px #0c1465;
  background-size: 20px;
}

.IconWrap.ContributionIcon {
  color: #561d1d;
  background: #ddd2d2;
  border: 2px solid #561d1d;
}

.IconWrap.ContributionIcon:before {
  background: url("products/it/finance/image/finance/icon/icon_contribution.png") no-repeat center left 7px #561d1d;
  background-size: 14px;
}

.IconWrap.InfoIcon {
  color: #225d61;
  background: #ebf2f3;
  border: 2px solid #225d61;
}

.IconWrap.InfoIcon:before {
  background: url("products/it/finance/image/finance/icon/icon_notice.png") no-repeat center left 4px #225d61;
  background-size: 22px 15px;
}

.IconWrap.HumanResourceIcon {
  color: #6d0000;
  background: #f6dede;
  border: 2px solid #6d0000;
}

.IconWrap.HumanResourceIcon:before {
  background: url("products/it/finance/image/finance/icon/icon_humanresource.png") no-repeat center left 8px #6d0000;
  background-size: 16px;
}

.TableStyleNews {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 0;
}

.TableStyleNews tr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.TableStyleNews th,
.TableStyleNews td {
  display: block;
  width: 100%;
  font-size: 100%;
  padding-left: 0;
  border: none;
}

.TableStyleNews th {
  font-weight: bold;
  background: transparent;
  padding-top: 20px;
}

.TableStyleNews td {
  padding-bottom: 20px;
  display: flex;
}

.TableStyleNews td+td {
  padding-top: 0;
}

.TableStyleNews td .LinkListStyle1 {
  width: 100%;
  margin-bottom: 0;
}

.TableStyleNews td .LinkListStyle1 li {
  padding-top: 6px;
}

.TableStyleNews td .LinkListStyle1 li+li {
  margin-top: 15px;
}

.TableStyleNews td .LinkListStyle1 li a {
  margin-top: 2px;
}

.TableStyleNews.BackNumberStyle caption {
  font-size: 162.5%;
  color: #1b567c;
  border-bottom: 1px solid #1b567c;
  padding: 10px 15px 10px 0;
  font-weight: bold;
  line-height: 130%;
  margin-top: 40px;
}

.TableStyleNews.BackNumberStyle caption span {
  border-bottom: 3px solid #1b567c;
  padding: 10px 15px 6px 0;
}

.TableStyleNews.BackNumberStyle tr {
  border: none;
}

.TableStyleNews.BackNumberStyle th,
.TableStyleNews.BackNumberStyle td {
  display: table-cell;
  width: auto;
  padding: 10px 15px 10px 0;
}

.TableStyleNews.BackNumberStyle th {
  width: 150px;
  min-width: 150px;
  font-size: 90%;
  font-weight: normal;
  vertical-align: top;
}

.TableStyleNews.BackNumberStyle td {
  display: flex;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {

  .TableStyleNews.BackNumberStyle th,
  .TableStyleNews.BackNumberStyle td {
    padding-left: 0 !important;
  }

  .TableStyleNews.BackNumberStyle th {
    font-size: 90% !important;
    width: 135px;
    min-width: 135px;
  }

  .TableStyleNews.BackNumberStyle td {
    font-size: 100% !important;
  }

  .TableStyleNews.BackNumberStyle td .LinkListStyle1 li {
    flex-direction: column;
  }

  .TableStyleNews.BackNumberStyle td .LinkListStyle1 li .Icon {
    margin-bottom: 6px;
  }

  .TableStyleNews.BackNumberStyle td .LinkListStyle1 li+li {
    margin-top: 10px;
  }
}

@media screen and (max-width: 579px) {

  .TableStyleNews.BackNumberStyle th,
  .TableStyleNews.BackNumberStyle td {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 579px) {

  .TableStyleNews th,
  .TableStyleNews td {
    font-size: 100% !important;
  }

  .TableStyleNews th {
    padding-bottom: 0 !important;
  }

  .TableStyleNews td {
    flex-direction: column;
  }

  .TableStyleNews td .LinkListStyle1 {
    margin-top: 0;
  }
}

/*.ImageContentList {
  max-width: 100%; }
  .ImageContentList:not(:last-of-type) {
    margin-bottom: 50px; }
  .ImageContentList > li {
    display: flex; }
    .ImageContentList > li:not(:last-child) {
      margin-bottom: 20px; }
    .ImageContentList > li .ImageBlock {
      flex-shrink: 0;
      width: 180px;
      height: 120px;
      margin-right: 15px; }
    .ImageContentList > li .ContentBlock {
      padding: 5px 0; }
      .ImageContentList > li .ContentBlock .IconWrap {
        margin-bottom: 15px; }
      .ImageContentList > li .ContentBlock ul {
        margin-bottom: 0; }
		 .ImageContentList > li .ContentBlock ul.LinkListStyle1 {
        	font-size: 115%;}
		.ImageContentList > li .ContentBlock ul.LinkListStyle1 .SmallText {
			font-size: 80%;}

  @media screen and (max-width: 579px) {
    .ImageContentList:not(:last-of-type) {
      margin-bottom: 30px; }
    .ImageContentList > li {
      flex-direction: column; }
	  .ImageContentList > li .ImageBlock {
      margin: auto;}
      .ImageContentList > li .ContentBlock {
        padding-top: 10px; }
        .ImageContentList > li .ContentBlock .IconWrap {
          margin-bottom: 8px; } }*/


.ImageContentList {
  max-width: 100%;
}

.ImageContentList:not(:last-of-type) {
  margin-bottom: 50px;
}

.ImageContentList>li>a,
.ImageContentList .multipleLink,
.ImageContentList>li>.NoLinkCover {
  display: flex;
}

.ImageContentList>li:not(:last-child) {
  margin-bottom: 20px;
}

.ImageContentList>li .ImageBlock {
  flex-shrink: 0;
  width: 180px;
  height: 120px;
  margin-right: 15px;
}

.ImageContentList>li .ImageBlock img {
  width: 100%;
  height: auto;
  max-width: 180px;
  /*レスポンシブ時の表示用に必要*/
}

.ImageContentList>li .ContentBlock {
  flex-grow: 1;
  padding: 5px 0;
}

.ImageContentList>li .ContentBlock .IconWrap {
  margin-bottom: 15px;
}

.ImageContentList>li>a:link {
  text-decoration: none;
}

.ImageContentList>li .ContentBlock ul {
  margin-bottom: 0;
}

.ImageContentList>li .ContentBlock ul.LinkListStyle1 {
  font-size: 115%;
}

.ImageContentList>li>a:hover .ContentBlock ul.LinkListStyle1 {
  text-decoration: underline;
}

.ImageContentList>li>a .ContentBlock ul.LinkListStyle1 li {
  display: inline;
  padding: 0 22px 0 0;
  background-repeat: no-repeat;
  background-position: right center;
}

.ImageContentList>li>a:link .ContentBlock ul.LinkListStyle1 li,
.ImageContentList>li>a:visited .ContentBlock ul.LinkListStyle1 li {
  text-decoration: none;
  background-image: url(../../image/jp/r1/icon/icon_link_right_hd.gif);
  background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -ms-background-size: 16px 16px;
}

.ImageContentList>li>a:hover .ContentBlock ul.LinkListStyle1 li,
.ImageContentList>li>a:active .ContentBlock ul.LinkListStyle1 li {
  text-decoration: underline;
  background-image: url(../../image/jp/r1/icon/icon_link_right_hover_hd.gif);
  background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -ms-background-size: 16px 16px;
}

.ImageContentList>li>a .ContentBlock ul.LinkListStyle1 li.NewWin {
  background-image: url(../../image/jp/r1/icon/icon_new_window_hd.gif) !important;
}



.ImageContentList>li .ContentBlock ul.LinkListStyle1 .SmallText {
  font-size: 80%;
}

@media screen and (max-width: 579px) {
  .ImageContentList:not(:last-of-type) {
    margin-bottom: 30px;
  }

  .ImageContentList>li>a,
  .ImageContentList .multipleLink,
  .ImageContentList>li>.NoLinkCover {
    flex-direction: column;
  }

  .ImageContentList>li .ImageBlock {
    margin: auto;
  }

  .ImageContentList>li .ContentBlock {
    padding-top: 10px;
  }

  .ImageContentList>li .ContentBlock .IconWrap {
    margin-bottom: 8px;
  }
}

/* キーワード検索 */

#listdata .DownloadListDl {
  margin-bottom: 30px;
}

#KeywordSearch #searchform1 {
  position: relative;
}

#KeywordSearch #searchinput {
  width: 350px;
  height: 2em;
  /*background: url(../images/search.png) no-repeat 8px 3px;*/
  padding: 5px;
  border: 1px solid #CCC;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}

#KeywordSearch #searchinput:focus {
  border: solid 1px #EEA34A;
}

#KeywordSearch .KeywordSearchList {
  margin: 5px 5px 15px;
  padding-top: 1px;
}

#KeywordSearch .KeywordSearchList:after {
  content: "";
  display: block;
  clear: both;
}

#KeywordSearch .KeywordSearchList dt {
  clear: both;
  float: left;
  line-height: 140%;
  color: #333333;
  font-size: 100%;
  font-weight: bold;
}

#KeywordSearch .KeywordSearchList dd {
  margin: 0 0 0 9em;
}

@media screen and (max-width: 579px) {
  #KeywordSearch #searchinput {
    width: 90%;
  }

  #KeywordSearch .KeywordSearchList dt {
    float: none;
  }

  #KeywordSearch .KeywordSearchList dd {
    margin: 0;
  }
}

/*202305記事/コラム「語り手」スタイル追加*/
.talker {
  position: relative;
  margin: 0 0 15px;
  padding: 20px 20px 5px;
  background-color: #f2f7fd;
}

/*.talker:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 120px;
	width: 200px;
	border-bottom: 30px solid #4472c4;
	border-left: 50px solid transparent;
	border-right: 150px solid transparent;
}*/

/*.talker p {
	padding: 5px 10px 2px;
	background-color: #ffffff;
}*/
.talker p.title {
  /*display: inline-block;
	min-width: 200px;*/
  margin-bottom: 2px;
  font-weight: bold;
}

/*@media screen and (max-width: 579px) {
	.talker:before {
		left: 50px;
	}
}*/


/*===============================================
	記事/コラム　「後編」へのリンクバー
===============================================*/
#Contents .PageLinkBar {
  text-align: center;
  width: 100%;
  min-height: 55px;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  background: #1b567c;
  font-size: 100%;
  margin-bottom: 20px;
  position: relative;
}

#Contents .PageLinkBar a {
  padding: 20px 5px 20px;
  font-size: 100%;
  display: inline-block;
  width: 100%;
  color: #4d4d4d;
  color: #fff;
  background-size: 24px;
}

#Contents .PageLinkBar a span {
  font-size: 100%;
  display: inline-block;
  margin: auto;
  background: url("image/jp/r1/icon/icon_link_right_xl_white_hd.gif") no-repeat;
  background-position: right center;
  background-size: 22px;
  padding-right: 30px;
}

#Contents .PageLinkBar a:hover span {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #Contents .PageLinkBar a:hover {
    text-decoration: underline;
  }
}

#Contents .PageLinkBar a span {
  font-weight: bold;
}

/*===============================================
	記事/コラム
===============================================*/

/* 個条書き直後の「など」 */

li span.EtcAfterList {
  padding-left: 5em;
}

@media screen and (max-width: 580px) {
  .EtcAfterList {
    display: block;
    padding-left: 0;
    padding-right: 1.5em;
    text-align: right;
  }
}



/*===============================================
	導入事例
===============================================*/
.CaseWrap {
  border: 1px solid #0c1465;
  margin-bottom: 40px;
  background: #fff;
}

.CaseWrap a.FlexWrap:link {
  text-decoration: none;
}

.CaseWrap a.FlexWrap:hover {
  text-decoration: none;
}

.CaseWrap a.FlexWrap p.TextStyle1 {
  color: #333;
}

@media screen and (min-width: 768px) {
  .CaseWrap .FlexWrap {
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .CaseWrap .FlexWrap .ImageWrap {
    width: 35%;
    overflow: hidden;
  }

  .CaseWrap .FlexWrap .ImageWrap img {
    /*width: auto !important;*/
    object-fit: cover;
    max-width: none !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .CaseWrap .FlexWrap .ImageWrap img {
    width: 100%;
  }
}

.CaseWrap .FlexWrap .DetailWrap {
  display: flex;
  flex-direction: column;
  background: #f2f2f2;
}

@media screen and (min-width: 768px) {
  .CaseWrap .FlexWrap .DetailWrap {
    width: 65%;
  }
}

.CaseWrap .FlexWrap .DetailWrap .CaseCompany {
  display: flex;
  padding: 10px 20px;
  padding-right: 60px;
  font-size: 125%;
  font-weight: bold;
  align-items: center;
  text-decoration: none;
  border-bottom: 2px solid #0c1465;
  background: url(../../image/h1/icon/icon_arrow_blue.png) no-repeat right 14px center #fff;
}

.CaseWrap a.FlexWrap.NewWin .DetailWrap .CaseCompany {
  background: url(products/it/finance/image/finance/icon/icon_new_window_blue.png) no-repeat right 14px center #fff;
}

@media screen and (min-width: 768px) {
  .CaseWrap a.FlexWrap:hover:not(.NewWin) .CaseCompany {
    background: url(../../image/h1/icon/icon_arrow_blue.png) no-repeat right 12px center #fff;
  }

  .CaseWrap a.FlexWrap:hover .DetailWrap h3 {
    text-decoration: underline;
  }
}

.CaseWrap .FlexWrap .DetailWrap .CaseCategory {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  font-size: 60%;
}

.CaseWrap .FlexWrap .DetailWrap .CaseCategory span {
  display: block;
  color: #0c1465;
  line-height: 1;
}

.CaseWrap .FlexWrap .DetailWrap .CaseCategory.IconBank span {
  padding-top: 32px;
  background: url(products/it/finance/image/finance/casestudies/icon_case_bank.png) no-repeat center top;
  background-size: 25px;
}

.CaseWrap .FlexWrap .DetailWrap .CaseCategory.IconInsurance span {
  padding-top: 31px;
  background: url(products/it/finance/image/finance/casestudies/icon_case_insurance.png) no-repeat center top;
  background-size: 31px;
}

.CaseWrap .FlexWrap .DetailWrap .CaseCategory.IconSecurities span {
  padding-top: 24px;
  background: url(products/it/finance/image/finance/casestudies/icon_case_securities.png) no-repeat center top;
  background-size: 32px;
}

.CaseWrap .FlexWrap .DetailWrap .CaseCategory.IconCrossIndustry span {
  padding-top: 34px;
  background: url(products/it/finance/image/finance/casestudies/icon_crossindustry.png) no-repeat center top;
  background-size: 36px;
}

.CaseWrap .FlexWrap .DetailWrap h3 {
  color: #0c1465;
  margin: 0;
  padding: 8px 0 5px;
  padding-left: 15px;
}

.CaseWrap .FlexWrap .DetailWrap .Description {
  display: flex;
  height: 100%;
  padding: 20px 30px;
  flex-direction: column;
  justify-content: center;
}

.CaseWrap .FlexWrap .DetailWrap .Description .CaseTitle {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 125%;
  color: #000;
  line-height: 140%;
}

.CaseWrap a.FlexWrap .DetailWrap .Description {
  color: inherit;
  text-decoration: none;
}

.CaseWrap a.FlexWrap:hover .DetailWrap .Description .CaseTitle {
  text-decoration: underline;
  border-color: inherit;
}


.CaseWrap .CaseContent {
  padding: 20px 20px 15px;
}

@media screen and (min-width: 768px) {
  .CaseWrap .CaseContent {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .CaseWrap .CaseContent dl {
    width: 48%;
  }

  .CaseWrap .CaseContent.Trisection dl {
    width: 32%;
  }
}

@media screen and (max-width: 767px) {
  .CaseWrap .CaseContent dl:nth-child(n+2) {
    margin-top: 10px;
  }
}

.CaseWrap .CaseContent dl dt {
  display: block;
  max-width: 150px;
  padding: 3px 10px 2px;
  color: #fff;
  font-size: 68.75%;
  background: #1b567c;
}

.CaseWrap .CaseContent dl dd {
  margin-top: 10px;
  font-size: 81.25%;
}

/*===============================================
	サイトマップ
===============================================*/
.SitemapStyle .Section:not(:last-child) {
  padding-bottom: 30px;
}

.SitemapStyle .Section:not(:last-child) .Section {
  padding-bottom: 0;
}

.SitemapStyle h3 {
  color: #1b567c;
}

.SitemapStyle .LinkListStyle1 {
  padding-left: 5px;
  margin-top: 0;
}

/*===============================================
	英語版TOP
===============================================*/
.EnTop #MainVisual {
  position: relative;
  min-height: 600px;
  background: url(products/it/finance/en/image/branding.jpg) no-repeat top center;
  background-size: cover;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.EnTop #MainVisual .GridSet {}

.EnTop #MainVisual .Inner {
  height: 100%;
  position: relative;
  max-width: 995px;
  margin: auto;
  z-index: 2;
  color: #fff;
}

.EnTop #MainVisual h1 .PageTitle {
  margin-top: 0.5em;
  line-height: 1.2;
  font-weight: bold;
}

.EnTop #MainVisual h1 {
  margin-bottom: 1em;
}

.EnTop .LeadText {
  font-weight: bold;
  margin-bottom: 1rem;
}

.EnTop h2 span {
  background-color: #fff;
  padding: 0;
}

.EnTop #MainVisual .EnglishLabel {
  font-size: 125%;
  font-weight: bold;
}

.EnTop .SectionTitle .Title {
  margin-top: 0.2em;
  font-size: 117.857%;
  font-weight: bold;
  line-height: 1.5;
}

.EnTop .SectionTitle .EnglishLabel {
  color: #FF5617;
  font-size: 64.2858%;
  font-weight: bold;
}

.EnTop .ImgOnlyStyle {
  margin-top: 30px;
}

.EnTop .ImgOnlyStyle img {
  max-width: 915px;
}

.EnTop .SectionTitle {
  margin-bottom: 30px;
}

@media screen and (max-width: 1304px) {
  #Contents.EnTop {
    padding-left: 0;
    padding-right: 0;
  }

  #Contents.EnTop .Inner {
    padding-left: 15px;
    padding-right: 15px;
    margin: 30px 0;
  }
}

@media screen and (min-width: 995px) {
  .EnTop #MainVisual h1 .PageTitle {
    font-size: 368.75%;
  }
}

@media screen and (max-width: 994px) {
  .EnTop #MainVisual h1 .PageTitle {
    font-size: 293.75%;
  }

  .EnTop .SectionTitle .Title {
    font-size: 187.5%;
  }
}

@media screen and (max-width: 767px) {
  .EnTop #MainVisual h1 .PageTitle {
    font-size: 281.25%;
  }
}

@media screen and (max-width: 580px) {
  .EnTop #MainVisual h1 .PageTitle {
    font-size: min(7.75862vw, 45px);
  }

  .EnTop .SectionTitle .Title {
    font-size: min(5.17241vw, 30px);
  }

  .EnTop .SectionTitle .EnglishLabel {
    font-size: min(3.10345vw, 18px);
  }
}

@media screen and (max-width: 400px) {
  .EnTop #MainVisual h1 .PageTitle {
    font-size: min(9.75vw, 39px);
  }
}