@charset "utf-8";

/* // base
----------------------------------------------- */
html,
body {
  min-height: 100vh;
  color: #000;
  font-weight: 400;
  background-color: #fff;
  line-height: 2;
}
html {
  font-size: 10px;
}
body {
  padding-top: 0;
  font-size: 1.4rem;
}
body.pageBg1 {
}
a {
  color: #000;
}
a:not(.nohover):hover {
  color: #666;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  body {
    padding-top: 0;
  }
}

/* // Container / ContentsWrap
----------------------------------------------- */
#Container {
  position: relative;
  padding-top: 134px;
}
#ContentsWrap {
  max-width:1800px;
  position: relative;
  z-index: 50;
  margin: 0 auto;
  padding-bottom: 100px;
  min-height: 450px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  #Container {
    padding-top: 0px;
  }
  #ContentsWrap {
    padding-bottom: 45px;
  }
}

/* // Breadcrumb
----------------------------------------------- */
#Breadcrumb {
  line-height: 1.4;
  font-size: 80%;
  z-index: 300;
  color: #666 !important;
  position: relative;
  z-index: 300;
  margin-bottom: 25px;
}
#Breadcrumb.over {
  height: 0px;
  margin-bottom: 0;
}
#Breadcrumb .inner {
  padding: 7px 0 4px 0;
}
#Breadcrumb .list {
  text-align: left;
  margin-bottom: 7px;
}
#Breadcrumb .list:last-of-type {
  text-align: left;
  margin-bottom: 0px;
}
#Breadcrumb .list li {
  display: inline-block;
  padding-right: 13px;
  margin-right: 13px;
  position: relative;
}
#Breadcrumb .list li:after {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 70%;
  transform: translate(50%, -50%);
  content: "\e90e";
  font-family: iconfontA;
}
#Breadcrumb .list li:last-of-type {
  padding-right: 0;
  margin-right: 0;
}
#Breadcrumb .list li:last-of-type:after {
  display: none;
}
#Breadcrumb .list li a {
  color: #333 !important;
}
#Breadcrumb .list li:last-of-type a {
  cursor: default;
}
#Breadcrumb .list li:last-of-type a.hoverLine em:after {
  display: none;
}
#Breadcrumb.white,
#Breadcrumb.white .list li a {
  color: #fff !important;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  #Breadcrumb {
    display: block !important;
    margin-top: 8px;
    margin-bottom: 20px;
  }
  #Breadcrumb .list li {
    padding-right: 9px;
    margin-right: 7px;
  }
}

/* // ボタン設定
----------------------------------------------- */
.btnA {
  background-color: rgba(0, 0, 0, 0.07);
  min-width: 325px;
  color: #000 !important;
}
.btnA .tx {
  font-size: 1.6rem;
  font-weight: 400;
}
.btnA .icon {
  font-size: 20px;
  right: 20px;
}
/* .btnA.back  */
.btnA.back {
  padding-right: 0;
  padding-left: 16px;
}
.btnA.back .icon {
  right: auto;
  left: 20px !important;
}
/* .btnA.b1  */
.btnA.b1 {
  background-color: #fff;
}
/* .btnA.borderBlue  */
.btnA.borderBlue {
  border: 1px solid #1a3a71;
  background-color: #fff;
  min-width: 415px;
}
.btnA.borderBlue .icon {
  color: #1a3a71;
}
.btnA.borderBlue .tx {
  color: #1a3a71;
}

/* .btnA.darkblue  */
.btnA.darkblue {
  background-color: #1a3a71;
  min-width: 415px;
  color: #fff !important;
}

/* .btnA.download  */
.btnA.download {
  min-width: 415px;
  background-color: #367a9c;
  box-shadow: 5px 5px 0 #042739;
  color: #fff !important;
}
.btnA.download .icon {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 1;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  right: 30px;
}
.btnA.download .icon:before {
  transform: translateY(-2px);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .btnA {
    min-width: 0;
    max-width: 100%;
  }
  .btnA .tx {
    font-size: 1.4rem;
  }
  .btnA .icon {
    font-size: 16px;
    right: 20px;
  }
  /* .btnA.back  */
  .btnA.back {
    padding-left: 30px;
  }
  .btnA.back .icon {
    right: auto;
    left: 10px;
  }
  /* .btnA.darkblue  */
  .btnA.darkblue {
    min-width: 0;
    width: 80%;
  }

  /* .btnA.borderBlue  */
  .btnA.borderBlue {
    min-width: 0;
    width: 90%;
  }

  /* .btnA.download  */
  .btnA.download {
    min-width: 0;
    width: 90%;
  }
}

/* // テーブル
----------------------------------------------- */

/* tableA  */

.tableA > tbody > tr > th,
.tableA > tbody > tr > td {
  line-height: 2;
}
.tableA > tbody > tr > th {
  padding: 15px 35px;
}
.tableA > tbody > tr > td {
  font-weight: 300;
  padding: 15px 35px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  /* tableA  */
}

/* // カラー設定
----------------------------------------------- */
.fcA {
  color: #1a3a71 !important;
}

.bgcA {
  background-color: #1a3a71 !important;
}

/* // テキスト設定
----------------------------------------------- */
/* pageHeaderA  */
.pageHeaderA {
  position: relative;
  margin-bottom: 35px;
}
.pageHeaderA:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #005082;
  z-index: 1;
  transition: 0.5s;
}
.pageHeaderA .wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.pageHeaderA .inner {
  transform: translateX(-20px);
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  padding: 0 25px;
  position: relative;
  z-index: 10;
  color: #1a3a71;
}
.pageHeaderA .inner:after {
  content: " ";
  position: absolute;
  display: block;
  width: 130px;
  height: 4px;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #a4b0b5;
  z-index: 1;
  transition: 0.5s;
}
.pageHeaderA .jp {
  font-weight: 400;
  font-size: 1.9rem;
  padding-right: 1.5em;
}
.pageHeaderA .en {
  font-size: 1.6rem;
}

/* pageHeaderB  */
.pageHeaderB {
  margin-bottom: 50px;
  line-height: 1;
}
.pageHeaderB .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.pageHeaderB .txt {
  font-size: 3rem;
  color: #1a3a71;
  font-weight: 500;
  padding-right: 48px;
}
.pageHeaderB .bar {
  flex-grow: 10;
  margin-right: 13px;
  height: 27px;
  background-color: #005082;
  margin-top: 5px;
  position: relative;
  transform: skewX(-25deg);
}
.pageHeaderB .bar:after {
  content: " ";
  position: absolute;
  display: block;
  width: 70px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #a4b0b5;
}

/* pageHeaderC  */
.pageHeaderC {
  background: #005082;
  margin-bottom: 50px;
  line-height: 1;
  color: #1a3a71;
}
.pageHeaderC .wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.pageHeaderC .inner {
  padding-right: 45px;
  position: relative;
  z-index: 10;
  color: #1a3a71;
}
.pageHeaderC .inner:before {
  content: " ";
  position: absolute;
  display: block;
  height: calc(100% + 2px);
  left: -35px;
  right: 0;
  top: 50%;
  background-color: #fff;
  transform: skewX(-25deg) translate(-18px, -50%);
  z-index: 1;
}
.pageHeaderC .inner:after {
  content: " ";
  position: absolute;
  display: block;
  width: 130px;
  height: 100%;
  left: calc(100% - 6px);
  top: 0;
  background-color: #a4b0b5;
  transform: skewX(-25deg);
  z-index: 1;
}
.pageHeaderC .inner > * {
  position: relative;
  z-index: 10;
}
.pageHeaderC .jp {
  font-size: 3.8rem;
  font-weight: 500;
  margin-bottom: 15px;
}
.pageHeaderC .en {
  font-size: 2.8rem;
  padding-left: 1px;
}

/* htxA  */
.htxA {
  font-size: 2.4rem;
  margin-bottom: 25px;
  line-height: 1.5;
  position: relative;
}
.htxA:after {
  content: " ";
  position: absolute;
  display: block;
  width: 80px;
  height: 5px;
  left: 0;
  bottom: 0;
  background-color: #a4b0b5;
  z-index: 1;
}
.htxA .txt {
  color: #1a3a71;
  font-weight: 500;
  border-bottom: 5px solid #005082;
  padding-bottom: 15px;
}

/* htxB  */
.htxB {
  margin-bottom: 25px;
}
.htxB .txtWrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.htxB .txt {
  font-size: 2rem;
  color: #1a3a71;
  font-weight: 500;
  padding-right: 35px;
}
.htxB .bar {
  flex-grow: 10;
  margin-right: 5px;
  height: 12px;
  background-color: #005082;
  position: relative;
  transform: skewX(-25deg);
}
.htxB .bar:after {
  content: " ";
  position: absolute;
  display: block;
  width: 105px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #a4b0b5;
}
.htxB .txt .ffEn1 {
  font-size: 3.6rem;
}

/* htxC  */
.htxC {
  margin-bottom: 10px;
  position: relative;
  text-align: left;
}
.htxC:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  background-color: #d1d8e3;
  z-index: 1;
  transition: 0.5s;
}
.htxC .txt {
  display: inline-block;
  font-size: 1.6rem;
  color: #1a3a71;
  background-color: #fff;
  font-weight: 500;
  padding-right: 30px;
  position: relative;
  z-index: 10;
}

/* htxD  */
.htxD {
  margin-bottom: 50px;
  position: relative;
  line-height: 1.5;
}
.htxD:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 48px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #005082;
  z-index: 1;
}
.htxD .txtWrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding-left: 24px;
  z-index: 10;
}
.htxD .txt {
  font-size: 3.4rem;
  color: #1a3a71;
  font-weight: 500;
  padding: 0 90px 0 28px;
  background: #fff;
  position: relative;
}
.htxD .txt:after {
  content: " ";
  position: absolute;
  display: block;
  width: 105px;
  height: 48px;
  left: 100%;
  margin-left: -25px;
  top: 50%;
  background-color: #a4b0b5;
  transform: skewX(-25deg) translateY(-50%);
}

/* htxE  */
.htxE {
  margin-bottom: 50px;
  position: relative;
  line-height: 1.5;
  margin-right: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 10;
  padding-left: 26px;
}
.htxE:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 48px;
  left: 0;
  top: 50%;
  transform: skewX(-25deg) translateY(-50%);
  background-color: #005082;
  z-index: 1;
}
.htxE .txtWrap {
  position: relative;
  padding-left: 38px;
  padding-right: 30px;
}
.htxE .txtWrap:before {
  content: " ";
  position: absolute;
  display: block;
  height: 50px;
  left: 0;
  right: 0;
  top: 50%;
  background-color: #fff;
  transform: skewX(-25deg) translateY(-50%);
  z-index: 2;
}
.htxE .txtWrap:after {
  content: " ";
  position: absolute;
  display: block;
  width: 135px;
  height: 48px;
  left: 100%;
  top: 50%;
  background-color: #a4b0b5;
  transform: skewX(-25deg) translateY(-50%);
  z-index: 1;
}
.htxE .txt {
  font-size: 3.4rem;
  color: #1a3a71;
  font-weight: 500;
  position: relative;
  z-index: 10;
}

/* htxF  */
.htxF {
  margin-bottom: 50px;
  line-height: 1;
  color: #1a3a71;
}
.htxF .en {
  font-size: 4.1rem;
  text-align: center;
  margin-bottom: 18px;
}
.htxF .jp {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}

/* htxG  */
.htxG {
  margin-bottom: 25px;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #c6cedb;
  padding-bottom: 5px;
}
.htxG .txt {
  font-size: 2.2rem;
  color: #1a3a71;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  /* pageHeaderA  */
  .pageHeaderA {
    margin-bottom: 40px;
    overflow: hidden;
  }
  .pageHeaderA:before {
    height: 2px;
  }
  .pageHeaderA .inner {
    transform: translateX(-5px);
    padding: 0 10px 0;
  }
  .pageHeaderA .inner:after {
    width: 30px;
    height: 2px;
  }
  .pageHeaderA .jp {
    font-size: 1.6rem;
    padding-right: 0;
  }
  .pageHeaderA .en {
    display: none;
  }

  /* pageHeaderB  */
  .pageHeaderB {
    margin-bottom: 30px;
  }
  .pageHeaderB .txt {
    font-size: 1.9rem;
    padding-right: 15px;
  }
  .pageHeaderB .bar {
    margin-right: 5px;
    height: 7px;
    margin-top: 3px;
  }
  .pageHeaderB .bar:after {
    width: 30px;
  }

  /* pageHeaderC  */
  .pageHeaderC {
    margin-bottom: 30px;
    padding-left: 10px;
    overflow: hidden;
  }
  .pageHeaderC .inner {
    padding-right: 15px;
    padding-left: 20px;
  }
  .pageHeaderC .inner:before {
    left: -5px;
    height: calc(100% + 2px);
    top: 50%;
    transform: skewX(-25deg) translateY(-50%);
  }
  .pageHeaderC .inner:after {
    width: 40px;
  }
  .pageHeaderC .jp {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
  .pageHeaderC .en {
    font-size: 1.2rem;
  }

  /* htxA  */
  .htxA {
    font-size: 2.1rem;
    margin-bottom: 25px;
  }
  .htxA:after {
    width: 60px;
    height: 3px;
  }
  .htxA .txt {
    border-bottom-width: 3px;
    padding-bottom: 12px;
  }

  /* htxB  */
  .htxB {
    margin-bottom: 10px;
    overflow: hidden;
  }
  .htxB .txt {
    font-size: 1.6rem;
    padding-right: 10px;
  }
  .htxB .bar {
    height: 7px;
  }
  .htxB .bar:after {
    width: 30px;
  }
  .htxB .txt .ffEn1 {
    font-size: 2.4rem;
  }

  /* htxC  */
  .htxC {
    margin-bottom: 10px;
  }
  .htxC .txt {
    font-size: 1.5rem;
    padding-right: 15px;
  }

  /* htxD  */
  .htxD {
    margin-bottom: 50px;
  }
  .htxD:before {
    height: 24px;
  }
  .htxD .txtWrap {
    padding-left: 12px;
  }
  .htxD .txt {
    font-size: 1.9rem;
    padding: 0 30px 0 10px;
  }
  .htxD .txt:after {
    width: 60px;
    height: 24px;
    margin-left: -14px;
  }

  /* htxE  */
  .htxE {
    margin-bottom: 50px;
    margin-right: 12px;
    padding-left: 15px;
  }
  .htxE:before {
    height: 24px;
  }
  .htxE .txtWrap {
    padding-left: 17px;
    padding-right: 15px;
  }
  .htxE .txtWrap:before {
    height: 24px;
  }
  .htxE .txtWrap:after {
    width: 60px;
    height: 24px;
  }
  .htxE .txt {
    font-size: 1.9rem;
  }

  /* htxF  */

  .htxF {
    margin-bottom: 30px;
  }
  .htxF .en {
    font-size: 2.4rem;
    margin-bottom: 8px;
  }
  .htxF .jp {
    font-size: 1.4rem;
  }

  /* htxG  */
  .htxG {
    margin-bottom: 25px;
    padding-bottom: 5px;
    line-height: 1.5;
  }
  .htxG .txt {
    font-size: 1.6rem;
  }
}

/* // PC_Header
----------------------------------------------- */
#PC_Header {
  border-bottom: 1px solid #eaeae9;
  width: 100%;
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fff;
}
#PC_Header .topBlock {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
}
#PC_Header .topBlock .shop {
  display: block;
  margin-right: 20px;
  padding: 0 40px 0 15px;
  border: 1px solid #1A3A71;
  line-height: 38px;
  color: #1A3A71;
  font-size: 14px;
  background: url(/_pack/img/shop.svg) no-repeat right 15px top 50%;
}
#PC_Header .topBlock .search {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: stretch;
}
#PC_Header .topBlock .search input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background-color: #efefef;
  box-sizing: border-box;
  padding: 0 20px;
  height: 40px;
  width: 270px;
  line-height: 1;
}
#PC_Header .topBlock .search .btn {
  position: relative;
}

#PC_Header .topBlock .search input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  border: 0;
  background-color: #004d7f;
  width: 40px;
  height: 40px;
  font-family: "iconFontA";
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}

#PC_Header .topBlock .block1 {
  line-height: 1;
  padding: 0 35px;
}
#PC_Header .topBlock .block1 .tel {
  font-size: 2.2rem;
  margin-bottom: 4px;
  text-align: center;
}
#PC_Header .topBlock .block1 .time {
  font-size: 1.1rem;
  text-align: center;
}
#PC_Header .topBlock .btns {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: stretch;
  line-height: 1;
}
#PC_Header .topBlock .btns a {
  width: 273px;
  text-align: center;
  display: block;
  padding: 12px 27px 12px 0;
  color: #fff !important;
  font-weight: 500;
  min-width: 1px;
  line-height: 1.4;
}
#PC_Header .topBlock .btns a .tx {
  padding: 0;
  font-size: 96%;
  line-height: 1.4;
}
#PC_Header .topBlock .btns a .icon {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  width: 34px;
  height: 34px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
}
#PC_Header .topBlock .btns a .tx .en {
  padding: 0;
  font-size: 98%;
  margin-top: 4px;
  display: block;
}
#PC_Header .topBlock .btns a.cv1 {
  background-color: #8fb82d;
}
#PC_Header .topBlock .btns a.cv2 {
  background-color: #007b9f;
}

#PC_Header .naviBlock .inner {
  position: relative;
  padding: 15px 0 15px;
}
#PC_Header .naviBlock .logo {
  width: 218px;
  padding-bottom: 26px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#PC_Header .naviBlock .logo {
  width: 195px;
}
#PC_Header.narrow {
  position: fixed;
  animation: headerAppear 0.4s ease forwards;
  transform: translate3d(0, 0, 0);
}
@-webkit-keyframes headerAppear {
  0% {
    top: -100px;
  }
  100% {
    top: 0;
  }
}
#PC_Header.narrow .topBlock {
  display: none;
}
#PC_Header.narrow .topBlock .btns a {
  padding: 27px 0 29px;
  font-size: 95%;
}
#PC_Header.narrow .naviBlock > .widthFix {
}
#PC_Header.narrow .naviBlock .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0 5px 0;
}
#PC_Header.narrow .naviBlock .logo {
  position: static;
  padding: 0;
  width: 130px;
  padding-bottom: 10px;
}
#PC_Header.narrow .naviBlock #Gnavi {
  font-size: 95%;
}

/* // SP_Header
----------------------------------------------- */
/* ________SP________ */
@media screen and (max-width: 800px) {
  #SP_Header {
    display: flex;
    align-items: end;
    gap: 20px;
    height: auto;
    padding: 5px 15px 10px;
  }
  #SP_Header .logo {
    display: block;
  }
  #SP_Header .logo img {
    width: auto;
    height: 48px;
  }
  #SP_Header .shop {
    display: block;
    padding: 0 30px 0 10px;
    border: 1px solid #1A3A71;
    line-height: 24px;
    color: #1A3A71;
    font-size: 12px;
    background: url(/_pack/img/shop.svg) no-repeat right 10px top 50%;
    background-size: 14px;
  }
}

/* // modal WH CUSTOMIZE //
----------------------------------------------- */
@media screen and (max-width: 800px) {
  .modalBtn.rightFix {
    right: 8px;
    top: 8px;
  }
  .modalMenuBox .closeBg .btn,
  .modalBtn.rightFix {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .modalBtn.rightFix .inner i,
  .modalMenuBox .closeBg .btn .in .icon {
    font-size: 220%;
    color: #005082;
  }
  .modalMenuBox > .inner > .menuWrap {
    right: -50px;
    padding-right: 50px;
    background-color: #fff;
    /*
		background-image: linear-gradient(to right, #1D1D1D 0%, #3B3B3B 100%);
		border-left-width:0;
		 */
  }
  .modalMenuBox.right > .inner > .menuWrap {
    left: -46px;
    padding-left: 46px;
  }
  .modalMenuBox .closeBg .btn,
  .modalMenuBox .closeBtn,
  .modalMenuBox .closeBtn .inner,
  .modalMenuBox .closeBtn.fix,
  .modalBtn.rightFix {
    width: 50px;
    height: 50px;
  }
}

/* // SPModalMenu //
----------------------------------------------- */
#SPModalMenu .modalNavilistA {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
  color: #000 !important;
}
#SPModalMenu .modalNavilistA li {
  line-height: 1.4;
  border: 0 !important;
  position: relative;
}
#SPModalMenu .modalNavilistA li.parent {
  border-bottom: 1px dotted #aeaeae !important;
}
#SPModalMenu .modalNavilistA li.parent:first-of-type {
  border-top: 1px dotted #aeaeae !important;
}
#SPModalMenu .modalNavilistA li a {
  padding: 15px 20px;
  display: block;
  position: relative;
  color: #000 !important;
}
#SPModalMenu .modalNavilistA li.parent > a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 70%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\ebe2";
  font-family: iconfontA;
}
/*
#SPModalMenu .modalNavilistA li.parent > a.noClose:after {
	content:"\e917";
}
#SPModalMenu .modalNavilistA li.parent > a.noClose.minus:after {
	content:"\e915";
}
.modalMenuBox .modalNavilistA li.parent .naviChildrenWrap {
  // display:none;
}
.modalMenuBox .modalNavilistA li.parent.on .naviChildrenWrap {
  // display:block;
}
 */

#SPModalMenu .modalNavilistA li.child a {
  padding: 10px 20px;
  color: #000;
}
.modalMenuBox .modalNavilistA .naviChildren {
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-size: 90%;
  font-weight: 300;
}
#SPModalMenu .modalNavilistA li.parent.on > a,
#SPModalMenu .modalNavilistA li.child.on a {
  background-color: rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
#SPModalMenu .modalNavilistA li.on a:before {
}

#SPModalMenu .modalNavilistA li.parent a:not(.noClose) {
}

/* s1  */
#SPModalMenu .modalNavilistA.s1 {
  padding: 10px 30px;
}
#SPModalMenu .modalNavilistA.s1 li {
  border-bottom: 1px dotted #ccc !important;
}
#SPModalMenu .modalNavilistA.s1 li:first-of-type {
  border-top: 1px dotted #ccc !important;
}
#SPModalMenu .modalNavilistA.s1 li a {
  padding: 10px 0;
  font-size: 80%;
  color: #333;
}

/* // spModalCtaA //
----------------------------------------------- */
.spModalCtaA {
  padding: 30px 20px;
}
.spModalCtaA > .inner {
  padding: 0 0px;
}
.spModalCtaA .htx1 {
  text-align: center;
  line-height: 1.6;
  font-size: 110%;
  font-weight: 500;
  margin-bottom: 13px;
}
.spModalCtaA .btns {
  margin-bottom: 20px;
}
.spModalCtaA .btns li {
  margin-bottom: 0px;
}
.spModalCtaA .btns li a {
  width: 100%;
  padding: 5px 0;
}

/* // Gnavi
----------------------------------------------- */
#Gnavi {
}
#Gnavi .naviParents {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-align-items: center;
  justify-content: flex-end;
}
#Gnavi .naviParents li {
  display: block;
  position: relative;
}
#Gnavi .naviParents > li.on {
  border-bottom: 1px solid #223a6d;
}
#Gnavi .naviParents li a {
  font-size: 90%;
  padding: 6px 11px;
  color: #000 !important;
  transition: opacity 0.2s;
}

/* naviChildrenWrap  */
#Gnavi .naviChildrenWrap,
#Gnavi .naviChildrenWrap * {
  transition: 0s;
}
#Gnavi .naviChildrenWrap {
  display: none;
  /*! display:block; */
  z-index: 5;
  position: absolute;
  left: calc(50%);
  top: calc(100% + -2px);
  transform: translateX(-50%);
  width: auto;
  min-width: 100%;
  padding-top: 10px;
  z-index: 5;
}
#Gnavi .naviChildrenWrap > .inner {
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  width: 100%;
  display: block !important;
  padding: 20px 24px !important;
}
#Gnavi .naviChildren li {
  display: block;
}
#Gnavi .naviChildren li .tx {
  white-space: nowrap;
  display: block;
  position: relative;
}
#Gnavi .parent {
  position: relative;
}
#Gnavi .parent:after {
}
#Gnavi .parent:last-of-type:after {
  display: none;
}
#Gnavi .parent.on .naviChildren li.on .tx {
  font-weight: 600;
}

#Gnavi .naviChildren li .tx br {
  display: none;
}
#Gnavi li.child {
  margin-bottom: 5px;
}
#Gnavi li.child .tx {
  position: relative;
}
#Gnavi .child.on .tx:before {
  content: " ";
  position: absolute;
  display: block;
  width: calc(100% + 8px);
  height: 1px;
  background-color: #555;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);
}

#Gnavi li.child:last-of-type {
  margin-bottom: 0;
}
#Gnavi li.child a {
  display: block;
  text-align: center;
  position: relative;
  font-size: 94%;
  line-height: 1.4;
  padding: 8px 10px 8px;
}
#Gnavi li.child a:after {
  height: 1px !important;
}
#Gnavi li.child.on .wrap > a:after,
#Gnavi li.child.on .wrap > a:after {
  height: 1px !important;
  background-color: #000;
  width: 100%;
}

/* // wp-pagenavi
----------------------------------------------- */
.wp-pagenavi .current {
  background-color: #3063AD;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // MidCta
----------------------------------------------- */
#MidCta {
  background: url(/_pack/img/cta_bg.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 30px 0;
}
#MidCta .title {
  text-align: center;
  font-size: 171%;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 6%;
  margin-bottom: 30px;
}
#MidCta .sub_title {
  width: fit-content;
  text-align: center;
  font-size: 145%;
  line-height: 1;
  letter-spacing: 6%;
  margin: 0 auto;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #fff;
}
#MidCta .contactBlock {
  margin-top: 30px;
  display: flex;
  display: -ms-flexbox;
}
#MidCta .contactBlock .htx1 {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 143%;
  line-height: 1.5;
  padding-bottom: 8px;
  text-align: center;
}
#MidCta .contactBlock .telBlock {
  width: 410px;
  margin-right: 60px;
}
#MidCta .contactBlock .telBlock .tel {
  margin-bottom: 6px;
  text-align: center;
}
#MidCta .contactBlock .telBlock .tel a {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  color: #fff !important;
  line-height: 1;
}
#MidCta .contactBlock .telBlock .tel a .icon {
  padding: 0;
  font-size: 42px;
}
#MidCta .contactBlock .telBlock .tel a .num {
  padding-left: 19px;
  font-size: 4.5rem;
  letter-spacing: 0.04em;
  text-align: left;
}
#MidCta .contactBlock .telBlock .time {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 15px;
  font-size: 1.3rem;
}
#MidCta .contactBlock .telBlock .tel a .btn {
  text-align: center;
  line-height: 1.4;
}
#MidCta .contactBlock .telBlock .btn {
  text-align: center;
}
#MidCta .contactBlock .telBlock .btn a {
  width: 100%;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 1.7rem;
  color: #fff !important;
}
#MidCta .contactBlock .telBlock .btn a .tx {
  color: #fff !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

#MidCta .contactBlock .mailBlock {
  width: calc(100% - 410px - 60px);
}
#MidCta .contactBlock .mailBlock .btns1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
#MidCta .contactBlock .mailBlock .btns1 li {
  width: 100%;
}
#MidCta .contactBlock .mailBlock .btns1 li a {
  width: 100%;
  background: #8fb82d;
  /*! box-shadow: 0 0 18px rgba(0, 0, 0, 0.5); */
  color: #fff !important;
  min-width: 0;
  padding-right: 43px;
}
#MidCta .contactBlock .mailBlock .btns1 li.contact a {
  /* background: #007b9f; */
  background: #98b647;
}
#MidCta .contactBlock .mailBlock .btns1 li a .tx {
  font-weight: 400 !important;
  font-size: 143%;
  color: #fff !important;
}
#MidCta .contactBlock .mailBlock .btns1 li a .tx .small {
  display: block;
  text-align: center;
  font-size: 80%;
  margin-bottom: 3px;
  font-weight: 400;
}
#MidCta .contactBlock .mailBlock .btns1 li a .en {
  display: block;
  line-height: 1;
  margin-top: 10px;
  font-size: 94%;
}

#MidCta .contactBlock .mailBlock .btns1 li a .iconBtn {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  line-height: 64px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  text-align: center;
  top: 50%;
  right: -17px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
#MidCta .contactBlock .mailBlock .btns1 li.contact a .iconBtn {
  background: rgba(0, 0, 0, 0.3);
}
#MidCta .contactBlock .mailBlock .btns1 li a .iconBtn .icon {
  margin: 0;
  position: static;
  font-size: 29px;
  transform: none;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  #MidCta {
    padding: 40px 0 45px;
  }
  #MidCta .title {
    font-size: 150%;
    margin-bottom: 20px;
  }
  #MidCta .sub_title {
    font-size: 94%;
    line-height: 1.4;
  }
  #MidCta .contactBlock {
    margin-top: 20px;
    width: auto;
    display: block;
  }
  #MidCta .contactBlock .htx1 {
    margin-bottom: 12px;
    text-align: center;
    font-size: 1.8rem;
    padding-bottom: 0;
  }
  #MidCta .contactBlock .telBlock {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
  #MidCta .contactBlock .telBlock .tel {
    margin-bottom: 7px;
    text-align: center;
  }
  #MidCta .contactBlock .telBlock .tel a {
  }
  #MidCta .contactBlock .telBlock .tel a .icon {
    padding: 0;
    font-size: 34px;
  }
  #MidCta .contactBlock .telBlock .tel a .num {
    padding-left: 10px;
    font-size: 3.6rem;
  }
  #MidCta .contactBlock .telBlock .time {
    margin-bottom: 25px;
    font-size: 1.3rem;
  }
  #MidCta .contactBlock .telBlock .tel a .btn {
    line-height: 1.4;
  }
  #MidCta .contactBlock .telBlock .btn {
  }
  #MidCta .contactBlock .telBlock .btn a {
    font-size: 1.7rem;
  }
  #MidCta .contactBlock .mailBlock {
    width: auto;
  }
  #MidCta .contactBlock .mailBlock .btns1 {
    width: auto;
    display: block;
  }
  #MidCta .contactBlock .mailBlock .btns1 li {
    width: auto;
    margin-right: 0;
  }
  #MidCta .contactBlock .mailBlock .btns1 li a {
    height: auto;
    padding: 16px 15px 18px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  #MidCta .contactBlock .mailBlock .btns1 li a .tx {
    font-size: 1.6rem;
    padding: 0;
  }
  #MidCta .contactBlock .mailBlock .btns1 li a .tx .small {
    text-align: left;
  }
  #MidCta .contactBlock .mailBlock .btns1 li a .iconBtn {
    position: static;
    transform: none;
    width: 38px;
    height: 38px;
    line-height: 43px;
  }
  #MidCta .contactBlock .mailBlock .btns1 li a .iconBtn .icon {
    font-size: 22px;
  }
}

/* // FooterCta
----------------------------------------------- */
#FooterCta {
  background: #005082;
  color: #fff;
  padding: 60px 0 85px;
}
#FooterCta .title {
  text-align: center;
  font-size: 210%;
  font-weight: 500;
  margin-bottom: 30px;
}
#FooterCta .contactBlock {
  margin-top: 55px;
  display: flex;
  display: -ms-flexbox;
}
#FooterCta .contactBlock .htx1 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.5;
  padding-bottom: 8px;
  text-align: center;
}
#FooterCta .contactBlock .telBlock {
  width: 410px;
  margin-right: 60px;
}
#FooterCta .contactBlock .telBlock .tel {
  margin-bottom: 6px;
  text-align: center;
}
#FooterCta .contactBlock .telBlock .tel a {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  color: #fff !important;
  line-height: 1;
}
#FooterCta .contactBlock .telBlock .tel a .icon {
  padding: 0;
  font-size: 42px;
}
#FooterCta .contactBlock .telBlock .tel a .num {
  padding-left: 19px;
  font-size: 4.5rem;
  letter-spacing: 0.04em;
  text-align: left;
}
#FooterCta .contactBlock .telBlock .time {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 15px;
  font-size: 1.3rem;
}
#FooterCta .contactBlock .telBlock .tel a .btn {
  text-align: center;
  line-height: 1.4;
}
#FooterCta .contactBlock .telBlock .btn {
  text-align: center;
}
#FooterCta .contactBlock .telBlock .btn a {
  width: 100%;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 1.7rem;
  color: #fff !important;
}
#FooterCta .contactBlock .telBlock .btn a .tx {
  color: #fff !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

#FooterCta .contactBlock .mailBlock {
  width: calc(100% - 410px - 60px);
}
#FooterCta .contactBlock .mailBlock .btns1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
#FooterCta .contactBlock .mailBlock .btns1 li {
  width: 100%;
}
#FooterCta .contactBlock .mailBlock .btns1 li a {
  width: 100%;
  background: #8fb82d;
  /*! box-shadow: 0 0 18px rgba(0, 0, 0, 0.5); */
  color: #fff !important;
  min-width: 0;
  padding-right: 43px;
}
#FooterCta .contactBlock .mailBlock .btns1 li.contact a {
  /* background: #007b9f; */
  background: #98b647;
}
#FooterCta .contactBlock .mailBlock .btns1 li a .tx {
  font-weight: 400 !important;
  font-size: 143%;
  color: #fff !important;
}
#FooterCta .contactBlock .mailBlock .btns1 li a .tx .small {
  display: block;
  text-align: center;
  font-size: 80%;
  margin-bottom: 3px;
  font-weight: 400;
}
#FooterCta .contactBlock .mailBlock .btns1 li a .en {
  display: block;
  line-height: 1;
  margin-top: 10px;
  font-size: 94%;
}

#FooterCta .contactBlock .mailBlock .btns1 li a .iconBtn {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  line-height: 64px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  text-align: center;
  top: 50%;
  right: -17px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
#FooterCta .contactBlock .mailBlock .btns1 li.contact a .iconBtn {
  background: rgba(0, 0, 0, 0.3);
}
#FooterCta .contactBlock .mailBlock .btns1 li a .iconBtn .icon {
  margin: 0;
  position: static;
  font-size: 29px;
  transform: none;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  #FooterCta {
    padding: 40px 0 45px;
  }
  #FooterCta .title {
    font-size: 150%;
    margin-bottom: 10px;
  }
  #FooterCta .contactBlock {
    margin-top: 20px;
    width: auto;
    display: block;
  }
  #FooterCta .contactBlock .htx1 {
    margin-bottom: 12px;
    text-align: center;
    font-size: 1.8rem;
    padding-bottom: 0;
  }
  #FooterCta .contactBlock .telBlock {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
  #FooterCta .contactBlock .telBlock .tel {
    margin-bottom: 7px;
    text-align: center;
  }
  #FooterCta .contactBlock .telBlock .tel a {
  }
  #FooterCta .contactBlock .telBlock .tel a .icon {
    padding: 0;
    font-size: 34px;
  }
  #FooterCta .contactBlock .telBlock .tel a .num {
    padding-left: 10px;
    font-size: 3.6rem;
  }
  #FooterCta .contactBlock .telBlock .time {
    margin-bottom: 25px;
    font-size: 1.3rem;
  }
  #FooterCta .contactBlock .telBlock .tel a .btn {
    line-height: 1.4;
  }
  #FooterCta .contactBlock .telBlock .btn {
  }
  #FooterCta .contactBlock .telBlock .btn a {
    font-size: 1.7rem;
  }
  #FooterCta .contactBlock .mailBlock {
    width: auto;
  }
  #FooterCta .contactBlock .mailBlock .btns1 {
    width: auto;
    display: block;
  }
  #FooterCta .contactBlock .mailBlock .btns1 li {
    width: auto;
    margin-right: 0;
  }
  #FooterCta .contactBlock .mailBlock .btns1 li a {
    height: auto;
    padding: 16px 15px 18px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  #FooterCta .contactBlock .mailBlock .btns1 li a .tx {
    font-size: 1.6rem;
    padding: 0;
  }
  #FooterCta .contactBlock .mailBlock .btns1 li a .tx .small {
    text-align: left;
  }
  #FooterCta .contactBlock .mailBlock .btns1 li a .iconBtn {
    position: static;
    transform: none;
    width: 38px;
    height: 38px;
    line-height: 43px;
  }
  #FooterCta .contactBlock .mailBlock .btns1 li a .iconBtn .icon {
    font-size: 22px;
  }
}

/* // Footer
----------------------------------------------- */
#Footer {
  padding: 60px 0 40px;
  background: #a4b0b5;
}
#Footer .footerInner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
#Footer .logoBlock {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 380px;
}
#Footer .logoBlock .logo {
  display: block;
  transform: translateY(-40px);
  width: 180px;
}
#Footer .logoBlock .snsBlock{
  width: 181px;
}
#Footer .logoBlock .snsBlock ul {
  line-height: 1;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: stretch;
  gap: 10px 11px;
  font-size: 37px;
}
#Footer .logoBlock .snsBlock ul .icon {
  padding: 0;
  color: #fff;
}
#Footer .logoBlock .snsBlock ul .shop {
  width: 181px;
  padding: 0 40px 0 15px;
  border-radius: 5px;
  line-height: 40px;
  color: #1A3A71;
  font-size: 14px;
  background: url(/_pack/img/shop_f.svg) no-repeat right 15px top 50% #fff;
  color: #A4B0B5;
  vertical-align: top;
}
#Footer .logoBlock .copyright {
  margin-top: auto;
  color: #fff;
  opacity: 0.6;
  font-size: 1.1rem;
}
#Footer .footerNavi {
  width: calc(100% - 380px);
}
#Footer .footerNavi .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: stretch;
}
#Footer .footerNavi ul {
  margin-right: 60px;
}
#Footer .footerNavi ul:last-of-type {
  margin-right: 0;
}
#Footer .footerNavi ul li {
  line-height: 1.4;
  margin-bottom: 12px;
}
#Footer .footerNavi ul:not(:last-of-type) li {
  margin-bottom: 20px;
}
#Footer .footerNavi ul.small li {
  font-size: 85%;
}
#Footer .footerNavi ul li a {
  color: #fff;
}

#Footer .footerMenu1 {
  border-top: 1px solid #c6c6c6;
  padding-top: 25px;
}
#Footer .footerMenu1 ul {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-justify-content: center;
}
#Footer .footerMenu1 ul li {
  font-size: 80%;
  line-height: 1.5;
}
#Footer .footerMenu1 ul li:after {
  content: "｜";
  display: inline-block;
  padding: 0 20px;
}
#Footer .footerMenu1 ul li:last-of-type:after {
  display: none;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  #Footer {
    padding: 50px 0 40px;
  }
  #Footer .footerInner {
  }
  #Footer .logoBlock {
    width: 100%;
  }
  #Footer .logoBlock .logo {
    transform: translateY(-30px);
    width: 160px;
  }
  #Footer .logoBlock .snsBlock{
    width: 100%;
  }
  #Footer .logoBlock .snsBlock ul {
    gap: 0;
    flex-flow: nowrap;
    justify-content: space-between;
    font-size: 32px;
  }
  #Footer .logoBlock .snsBlock ul .shop {
    width: auto;
    padding: 0 40px 0 15px;
    border-radius: 5px;
    line-height: 32px;
    color: #1A3A71;
    font-size: 14px;
    background: url(/_pack/img/shop_f.svg) no-repeat right 15px top 50% #fff;
    color: #A4B0B5;
    vertical-align: top;
  }
  #Footer .logoBlock .copyright {
    font-size: 1.1rem;
  }

  #Footer .footerNavi {
    width: auto;
  }
  #Footer .footerNavi .inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: stretch;
  }
  #Footer .footerNavi ul {
    margin-right: 60px;
  }
  #Footer .footerNavi ul:last-of-type {
    margin-right: 0;
  }
  #Footer .footerNavi ul li {
    line-height: 1.4;
    margin-bottom: 12px;
  }
  #Footer .footerNavi ul:not(:last-of-type) li {
    margin-bottom: 20px;
  }
  #Footer .footerNavi ul.small li {
    font-size: 85%;
  }
  #Footer .footerNavi ul li a {
    color: #fff;
  }

  #Footer .footerMenu1 {
    border-top: 1px solid #c6c6c6;
    padding-top: 25px;
  }
  #Footer .footerMenu1 ul {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-justify-content: center;
  }
  #Footer .footerMenu1 ul li {
    font-size: 80%;
    line-height: 1.5;
  }
  #Footer .footerMenu1 ul li:after {
    content: "｜";
    display: inline-block;
    padding: 0 20px;
  }
  #Footer .footerMenu1 ul li:last-of-type:after {
    display: none;
  }
}

/* // xxx
----------------------------------------------- */

/* xxx  */

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // xxx
----------------------------------------------- */

/* xxx  */

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // **************************************************************************************************** */

/* // pageTop
----------------------------------------------- */
.pageTop {
  background-color: #a0a0a0;
  right: 0px;
  bottom: 0px;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
  .pageTop {
    right: 0px;
    bottom: 0px;
  }
  .pageTop .inner {
    width: 40px;
    height: 40px;
  }
}

/* // mvslider
----------------------------------------------- */

.topMv .mvslider {
  position: relative;
  overflow: hidden;
}
.topMv .mvslider,
.topMv .mvslider * {
  cursor: default;
}
.topMv .mvslider .slider {
  height: 450px;
  padding: 0;
}
.topMv .mvslider .swiper-slide div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.topMv .mvslider .textBlock {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  color: #004d7f;
}
.topMv .mvslider .textBlock .copyL {
  font-size: 6rem;
  text-align: center;
  color: #004d7f;
  white-space: nowrap;
  line-height: 1;
}
.topMv .mvslider .textBlock .copyS {
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
}
.topMv .mvslider .textBlock .btns .btnA {
  color: #fff !important;
  min-width: 370px;
  padding-right: 41px;
}
.topMv .mvslider .textBlock .btns .btnA + .btnA {
  margin-left: 30px;
}
.topMv .mvslider .textBlock .btns .btnA .tx {
  padding: 5px 20px 6px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  height: 77px;
  font-weight: 400 !important;
  font-size: 110%;
}
.topMv .mvslider .textBlock .btns .btnA .tx .en {
  display: block;
  line-height: 1.4;
  margin-top: 6px;
  font-size: 94%;
}
.topMv .mvslider .textBlock .btns .btnA .icon {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  right: 30px;
  border-radius: 50%;
}
.topMv .mvslider .textBlock .btns .btnA .icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.topMv .mvslider .textBlock .btns .topBtn1 {
  background-color: #8fb82d;
}
.topMv .mvslider .textBlock .btns .topBtn2 {
  background-color: #007b9f;
}
.topMv .mvslider .textBlock .btns .topBtn2 .s {
  display: block;
  text-align: center;
  font-size: 87%;
}
.topMv .mvslider .textBlock .btns .topBtn2 .icon {
  background-color: rgba(0, 0, 0, 0.1);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .topMv .mvslider .slider {
    height: 450px;
  }
  .topMv .mvslider .textBlock {
    padding: 0 15px;
  }
  .topMv .mvslider .textBlock .copyL {
    font-size: 2.4rem;
  }
  .topMv .mvslider .textBlock .copyS {
    font-size: 1.6rem;
  }
  .topMv .mvslider .textBlock .btns .btnA {
    min-width: 0;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-right: 30px;
  }
  .topMv .mvslider .textBlock .btns .btnA + .btnA {
    margin-left: auto;
    margin-top: 15px;
  }
  .topMv .mvslider .textBlock .btns .btnA .tx {
    padding: 7px 10px 3px;
    height: 78px;
    font-size: 108%;
  }
  .topMv .mvslider .textBlock .btns .btnA .icon {
    width: 30px;
    height: 30px;
    right: 20px;
  }
}

/* // topBannerArea
----------------------------------------------- */

.topBannerArea {
  padding: 55px 0 40px;
}

/* bnrSlider  */
.bnrSlider {
  overflow: hidden;
}
.bnrSlider .slider {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  padding: 0;
}
.bnrSlider .swiper-wrapper {
  -webkit-align-items: stretch;
  align-items: stretch;
}
.bnrSlider .swiper-slide {
  width: 420px;
  transition: 0.3s;
  height: auto;
}
.bnrSlider .swiper-slide:hover {
  opacity: 0.7;
}
.bnrSlider .swiper-slide a {
  display: block;
  position: relative;
  width: 100%;
  color: #111;
}
.bnrSlider .swiper-slide a .image {
}
.bnrSlider .swiper-slide .text {
  padding: 7px 0 0;
}
.bnrSlider .swiper-slide .ttl {
  font-size: 1.6rem;
}
.bnrSlider .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.bnrSlider .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 6px !important;
  background-color: #1a3a71;
  opacity: 0.1;
}
.bnrSlider .swiper-pagination-bullet-active {
  opacity: 1;
}
.bnrSlider .swiper-button-next,
.bnrSlider .swiper-button-prev {
  background: rgba(0, 0, 0, 0.5) !important;
  font-size: 18px;
  font-family: "IconFontA";
  top: 88px;
  text-align: center;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  margin-top: 0;
  line-height: 2.5em;
  color: #fff;
  transition: 0.2s;
}
.bnrSlider .swiper-button-next:hover,
.bnrSlider .swiper-button-prev:hover {
  background: #004d7f !important;
}
.bnrSlider .swiper-button-prev {
  left: 30px;
}
.bnrSlider .swiper-button-next {
  right: 30px;
}
.bnrSlider .swiper-button-next:before {
  content: "\e907";
}
.bnrSlider .swiper-button-prev:before {
  content: "\e908";
}
.bnrSlider.is_static .swiper-wrapper {
  justify-content: center;
}
.bnrSlider.is_static .swiper-slide:not(:last-child) {
  margin-right: 40px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .topBannerArea {
    padding: 40px 0 50px;
  }
  /* bnrSlider  */
  .bnrSlider .swiper-slide {
    width: 60vw;
  }
  .bnrSlider .swiper-slide:hover {
    opacity: 0.7;
  }
  .bnrSlider .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    color: #111;
  }
  .bnrSlider .swiper-slide .text {
    padding: 7px 0 0;
  }
  .bnrSlider .swiper-slide .ttl {
    font-size: 1.3rem;
  }
  .bnrSlider .swiper-pagination {
    margin-top: 15px;
  }
  .bnrSlider .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 4px !important;
  }
  .bnrSlider .swiper-button-next,
  .bnrSlider .swiper-button-prev {
    font-size: 14px;
    top: 13vw;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
  }
  .bnrSlider .swiper-button-prev {
    left: 10px;
  }
  .bnrSlider .swiper-button-next {
    right: 10px;
  }
}

/* // topSec
----------------------------------------------- */

.topSec {
  padding: 80px 0 90px;
  border-top: 1px solid #e5e5e5;
  position: relative;
}
.topSec:after {
  content: " ";
  position: absolute;
  display: block;
  width: 490px;
  height: 1px;
  left: 50%;
  top: -1px;
  transform: translateX(-50%);
  background-color: #1a3a71;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .topSec {
    padding: 40px 0 45px;
  }
  .topSec:after {
    width: 200px;
  }
}

/* // topNewproducts
----------------------------------------------- */

.topNewproducts .newproductsSlides {
  overflow: hidden;
}

/* // topCategoryList
----------------------------------------------- */

.topCategoryList ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.topCategoryList ul li {
  width: 25%;
  background-color: #f6f6f6;
  padding: 30px 12px 25px;
}
.topCategoryList ul:nth-child(2n-1) li:nth-child(2n-1),
.topCategoryList ul:nth-child(2n) li:nth-child(2n) {
  background-color: #fff;
  box-shadow: 0 0 0 1px #f0f0f0 inset;
}
.topCategoryList ul li * {
  text-align: center;
}
.topCategoryList ul li .categoryname {
  color: #1a3a71;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.58;
  margin-bottom: 15px;
}
.topCategoryList ul li .detail {
  line-height: 1.58;
  color: #5c5c5c;
  font-size: 1.2rem;
  margin-bottom: 30px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .topCategoryList ul li {
    width: 50%;
    padding: 30px 12px 25px;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
  }
  .topCategoryList ul:nth-child(2n-1) li:not(:first-child):not(:nth-child(4)),
  .topCategoryList ul:nth-child(2n) li:not(:first-child):not(:nth-child(4)) {
    background-color: #f6f6f6;
    box-shadow: none;
  }
  .topCategoryList ul:nth-child(2n-1) li:first-child,
  .topCategoryList ul:nth-child(2n-1) li:nth-child(4),
  .topCategoryList ul:nth-child(2n) li:first-child,
  .topCategoryList ul:nth-child(2n) li:nth-child(4) {
    background-color: #fff;
    box-shadow: 0 0 0 1px #f0f0f0 inset;
  }
  .topCategoryList ul li .categoryname {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
  .topCategoryList ul li .detail {
    margin-bottom: 15px;
  }
}

/* // columnContainer
----------------------------------------------- */

.columnContainer > div > div {
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.columnContainer .sideBlock {
  width: 230px;
}
.columnContainer .mainBlock {
  width: calc(100% - 230px);
  padding-left: 50px;
}

/* side  */
.sideItem:first-of-type {
  padding-bottom: 30px;
}
.sideItem + .sideItem {
  margin-top: 50px;
}
.sideTtl {
  color: #1a3a71;
  font-size: 1.8rem;
  font-weight: 500;
  position: relative;
  margin-bottom: 18px;
}
.sideTtl:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #1a3a71;
  z-index: 1;
  transition: 0.5s;
}
.sideTtl span {
  display: inline-block;
  position: relative;
  z-index: 10;
  padding-right: 20px;
  background-color: #fff;
}
.sideMenu {
  border-top: 1px solid #ddd;
  font-size: 1.3rem;
  line-height: 1.5;
}
.sideMenu li {
  border-bottom: 1px solid #ddd;
}
.sideMenu li a {
  display: block;
  padding: 15px 5px;
  min-width: 1px;
  background-color: #fff;
  text-align: left;
}
.sideMenu li.on a {
  background-color: #e8ebf0;
}
.sideMenu li a:before {
  background-color: #21507e;
  opacity: 0.07;
}

/* currentCategory  */
.currentCategory {
  font-size: 1.3rem;
  padding: 0px 0 20px;
  border-bottom: 1px solid #ddd;
}
.currentCategory.topBorder {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.currentCategory .title {
  margin-bottom: 13px;
}
.currentCategory .title a {
  font-weight: 500;
  background-color: #21507e;
  color: #fff !important;
  line-height: 1.4;
  padding: 11px 10px;
  font-size: 106%;
  display: block;
  min-width: 1px;
  text-align: left;
}
.currentCategory .title a .in {
  z-index: 100;
  position: relative;
}
.currentCategoryMenu li {
  line-height: 1.5;
}
.currentCategoryMenu li + li {
}
.currentCategoryMenu li a {
  display: block;
  position: relative;
  min-width: 1px;
  text-align: left;
  padding: 11px 6px 11px 25px;
  background-color: #fff;
}
.currentCategoryMenu li a:before {
  background-color: #21507e;
  opacity: 0.07;
}
.currentCategoryMenu li a.current {
  font-weight: 500;
  color: #1a3a71;
}
.currentCategoryMenu li a.current:after {
  content: " ";
  position: absolute;
  display: block;
  width: 12px;
  height: 3px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #1a3a71;
  z-index: 1;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .columnContainer > div > div {
    display: block;
  }
  .columnContainer .sideBlock {
    width: auto;
  }
  .columnContainer .mainBlock {
    width: auto;
    padding-left: 0;
    padding-bottom: 20px;
  }

  /* side  */
  .sideItem + .sideItem {
    margin-top: 40px;
  }
  .sideTtl {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .sideTtl:after {
    height: 2px;
  }
  .sideMenu {
    font-size: 1.3rem;
  }
  .sideMenu li a {
    padding: 15px 10px;
  }

  /* currentCategory  */
  .currentCategory {
    font-size: 1.3rem;
    padding: 15px 10px 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
}

/* // productList
----------------------------------------------- */

.productList > ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(100% + 35px);
}
.productList > ul > li {
  width: calc(100% / 3 - 35px);
  margin-right: 35px;
  margin-bottom: 35px;
  position: relative;
}
.productList > ul.column4 > li {
  width: calc(100% / 4 - 35px);
}
.productItem {
  display: block;
  position: relative;
  padding: 10px 20px 25px;
  border: 1px solid #dddddd;
  height: 100%;
}
.productItem > .top,
.productItem > .bottom {
  position: relative;
  width: 41px;
  height: 41px;
  pointer-events: none;
  position: absolute;
  transition: 0.4s;
}
.productItem > .top {
  top: 0;
  left: 0;
}
.productItem > .bottom {
  bottom: 0;
  right: 0;
}
.productItem > .top:before,
.productItem > .top:after,
.productItem > .bottom:before,
.productItem > .bottom:after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #1a3a71;
  z-index: 1;
}
.productItem > .top:before,
.productItem > .top:after {
  left: 0;
  top: 0;
}
.productItem > .top:before {
  width: 1px;
  height: 100%;
}
.productItem > .top:after {
  width: 100%;
  height: 1px;
}
.productItem > .bottom:before,
.productItem > .bottom:after {
  right: 0;
  bottom: 0;
}
.productItem > .bottom:before {
  width: 1px;
  height: 100%;
}
.productItem > .bottom:after {
  width: 100%;
  height: 1px;
}
.productItem .img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate3d(0, 0, 0);
  margin-bottom: 10px;
}
.productItem .img.noImg {
  position: relative;
}
.productItem .img.noImg p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  opacity: 0.22;
  width: 100%;
  text-align: center;
}

.productItem .img:after {
  content: " ";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: calc(100% * (17 / 24));
}
.productItem .taglist {
  margin-bottom: 3px;
  font-size: 10px;
  line-height: 1;
}
.productItem .taglist ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-right: -5px;
}
.productItem .taglist li {
  margin-right: 4px;
  margin-bottom: 6px;
}
.productItem .taglist li .tag {
  padding: 0.3em 0.4em 0.35em;
}
.productItem .name {
  line-height: 1.5;
  font-weight: 500;
}
.productItem .description {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.66;
  color: #7a7a7a;
  padding-top: 10px;
}

@media all and (min-width: 841px) {
  .productItem:hover > .top,
  .productItem:hover > .bottom {
    width: 100%;
    height: 100%;
  }
}
/* ________SP________ */
@media screen and (max-width: 800px) {
  .productList > ul {
    width: calc(100% + 15px);
  }
  .productList > ul > li {
    width: calc(100% / 2 - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .productList > ul.column4 > li {
    width: calc(100% / 2 - 15px);
  }
  .productItem {
    padding: 5px 10px 12px;
  }
  .productItem > .top,
  .productItem > .bottom {
    width: 30px;
    height: 30px;
  }
  .productItem .taglist {
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .productItem .taglist ul {
    margin-right: -5px;
  }
  .productItem .taglist li {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .productItem .name {
    font-size: 1.3rem;
  }
  .productItem .description {
    font-size: 1.1rem;
    line-height: 1.4;
  }
}

/* // tag
----------------------------------------------- */

/* tag  */

.tag {
  display: block;
  line-height: 1.2;
  padding: 0.45em 0.9em 0.5em;
}
.tag.c1 {
  background-color: #1a3a71;
  color: #fff !important;
}
a.tag.c1:hover {
  background-color: #1e54aa;
}
.tag.c2 {
  box-shadow: 0 0 0 1px #1a3a71;
  color: #1a3a71;
}
a.tag.c2:hover {
  background-color: #345c9b;
}
.tag.c2 {
  box-shadow: 0 0 0 1px #1a3a71;
  color: #1a3a71;
}

.tag.s1 {
  background-color: #e8ebf1;
  color: #1a3a71;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // tab
----------------------------------------------- */

/* tabNaviA  */
.tabNaviA .navis {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-right: -12px;
  line-height: 1;
}
.tabNaviA .navis li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.tabNaviA .navis li a {
  display: block;
  border: 1px solid #1a3a71;
  color: #1a3a71 !important;
  font-size: 110%;
  padding: 8px 15px 9px !important;
  background-color: #fff;
  min-width: 1px;
  line-height: 1;
}
.tabNaviA .navis li a .tx {
}
.tabNaviA .navis li a:before {
  opacity: 0.07;
}

.tabNaviA .navis li a.current {
  background-color: #1a3a71;
  color: #fff !important;
}

/* tabNaviB  */

.tabNaviB .navis {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 10px 0 30px;
}
.tabNaviB .navis li {
  width: calc(100% / 3);
}
.tabNaviB .navis li a {
  display: block;
  border: 1px solid #1a3a71;
  color: #1a3a71;
  font-weight: 500;
  font-size: 1.8rem;
  padding: 10px 10px 12px;
  text-align: center;
  position: relative;
  height: 100%;
  display: grid;
  place-content: center;
  line-height: 1.5;
}
.tabNaviB .navis li:not(:first-of-type) a {
  border-left: none;
}
.tabNaviB .navis li a.current {
  background-color: #1a3a71;
  color: #fff;
}
.tabNaviB .navis li a:not(.current):after {
  content: "\e9bb";
  font-family: "iconFontA";
  position: absolute;
  font-size: 24px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  /* tabNaviA  */
  .tabNaviA .navis {
    margin-left: -4px;
    margin-right: -4px;
    justify-content: center;
  }
  .tabNaviA .navis li {
    margin-right: 0;
    margin-bottom: 0;
    min-width: 50%;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
  }
  .tabNaviA .navis li a {
    font-size: 1.2rem;
    padding: 9px 10px 11px;
    text-align: center;
  }

  /* tabNaviB  */
  .tabNaviB .navis {
    flex-direction: column;
    gap: 10px;
  }
  .tabNaviB .navis li {
    width: 100%;
  }
  .tabNaviB .navis li:not(:first-of-type) a {
    border-left: 1px solid #1a3a71;
  }
}

/* // list
----------------------------------------------- */

.listA {
  line-height: 1.5;
  color: #1a3a71;
  font-size: 1.5rem;
}
.listA li {
  position: relative;
  padding-left: 1.5em;
}
.listA li + li {
  margin-top: 14px;
}
.listA li:before {
  content: "\ea62";
  font-family: "iconFontA";
  position: absolute;
  left: 0;
  top: 0;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .listA {
    font-size: 1.4rem;
  }
  .listA li {
    padding-left: 1.5em;
  }
}

/* // sortSearch
----------------------------------------------- */

.sortSearch {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-right: -20px;
}
.sortSearch li {
  margin-right: 14px;
  margin-bottom: 10px;
}
.sortSearch li label {
  display: block;
  position: relative;
  padding: 6px 11px 7px 38px;
  line-height: 1.4;
  transition: 0.1s;
  font-size: 94%;
}
.sortSearch li label:before {
  content: " ";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #bababa inset;
  z-index: 1;
  transition: 0.2s;
}
.sortSearch li input:checked + label:after {
  content: "\ea61";
  font-family: "iconFontA";
  position: absolute;
  display: block;
  left: 6px;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  color: #1a3a71;
  font-size: 23px;
  z-index: 10;
  opacity: 0;
  transition: 0.2s;
}
.sortSearch li input:checked + label {
  background-color: #1a3a71;
  color: #fff;
}
.sortSearch li input:checked + label:before {
  box-shadow: none;
}
.sortSearch li input:checked + label:after {
  opacity: 1;
}
.sortSearch li input[type="checkbox"] {
  display: none;
}
.searchbtn .btnA {
  min-width: 260px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .sortSearch {
    margin-right: -7px;
  }
  .sortSearch li {
    margin-right: 7px;
    margin-bottom: 7px;
  }
  .sortSearch li label {
    padding: 7px 7px 7px 30px;
    font-size: 1.2rem;
  }
  .sortSearch li label:before {
    width: 18px;
    height: 18px;
    left: 6px;
    border-radius: 2px;
  }
  .sortSearch li input:checked + label:after {
    left: 7px;
    font-size: 17px;
  }
  .searchbtn .btnA {
    min-width: 80%;
  }
}

/* // solution
----------------------------------------------- */

/* solutionDsp  */
.solutionDsp {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 40px;
}
.solutionDsp .img {
  width: 290px;
}
.solutionDsp .title {
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 1.75;
}
.solutionDsp .txt {
  width: calc(100% - 290px);
  padding-left: 30px;
}
.solutionDsp .txt p {
  font-weight: 300;
  font-size: 1.3rem;
  line-height: 1.84;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  /* solutionDsp  */
  .solutionDsp {
    display: block;
    margin-bottom: 40px;
  }
  .solutionDsp .img {
    width: 100%;
    margin-bottom: 20px;
  }
  .solutionDsp .title {
    font-size: 1.6rem;
  }
  .solutionDsp .txt {
    width: auto;
    padding-left: 0;
  }

  /* sortBlock  */
  .sortBlock {
    padding-bottom: 20px;
  }
}

/* // productDetailTop
----------------------------------------------- */

.productDetailTop .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .productDetailTop .inner {
    display: block;
  }
}

/* // productImage
----------------------------------------------- */

.productImage {
  position: relative;
  width: 500px;
}
.productImage .slider {
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 100;
}
.productImage .slider:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: 0 0 0 1px #dedede inset;
  pointer-events: none;
  z-index: 100;
}
.productImage .slider .swiper-slide {
  width: 100%;
  /* transition: .3s; */
}
.productImage .slider .productImageItem {
  display: block;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.productImage .slider .productImageItem.noImg {
  position: relative;
}
.productImage .slider .productImageItem.noImg p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  opacity: 0.15;
  width: 100%;
  text-align: center;
}
.productImage .slider .productImageItem:after {
  content: "　";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.productImage .swiper-thumb{
  overflow: hidden;
  margin-top: 20px;
}
.productImage .swiper-thumb .swiper-slide{
  padding: 1px;
  box-shadow: 0 0 0 1px #dedede inset;
  transition: 0.2s;
}
.productImage .swiper-thumb .swiper-slide.swiper-slide-thumb-active{
  box-shadow: 0 0 0 1px #1a3a71 inset;
}
.productImage .swiper-thumb .swiper-slide img{
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.productImage-next,
.productImage-prev {
  position: absolute;
  bottom: calc(460px / 6 - 20px);
  z-index: 2;
  width: 40px;
  height: 40px;
  background: #1A3A71;
  border-radius: 20px;
  opacity: 0.8;
  transition: 0.2s;
}
.productImage-prev{
  left: -20px;
}
.productImage-next{
  right: -20px;
  transform: scaleX(-1);
}
.productImage-next::before,
.productImage-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-70%, -50%);
  width: 6px;
  height: 12px;
  background: url(/_pack/img/chev.svg) no-repeat;
}
.swiper-button-disabled{
  opacity: 0;
  visibility: hidden;
}
/*
.productImage .swiper-pagination {
  width: 100%;
  position: static;
  margin: 0;
  bottom: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.productImage .thumbnail {
  width: calc((100% - 40px) / 3);
  height: auto;
  border-radius: 0;
  color: #999;
  background-color: transparent;
  opacity: 1;
  margin: 20px 20px 0 0 !important;
  min-width: 0;
  text-align: center;
  border: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  transition: 0.2s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0 0 0 1px #dedede inset;
}
.productImage .thumbnail:focus {
  outline: none;
}
.productImage .thumbnail:after {
  content: "　";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.productImage .thumbnail.swiper-slide-active {
  box-shadow: 0 0 0 1px #1a3a71 inset;
}
*/
@media all and (min-width: 560px) {
  .productImage {
    width: 500px;
  }
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .productImage {
    width: auto;
    margin-bottom: 40px;
  }
  .productImage .slider {
    width: 100%;
  }
  /*
  .productImage .swiper-pagination-bullet {
    width: calc((100% - 40px) / 5);
    margin: 10px 10px 0 0 !important;
  }
  .productImage .swiper-pagination-bullet:nth-child(3n) {
    margin-right: 10px !important;
  }
  .productImage .swiper-pagination-bullet:nth-child(5n) {
    margin-right: 0 !important;
  }
  */
  .productImage .swiper-thumb{
    overflow: hidden;
    margin-top: 10px;
  }
  .productImage-next,
  .productImage-prev {
    bottom: calc((100vw - 70px) / 10 - 15px);
    width: 30px;
    height: 30px;
  }
  .productImage-prev{
    left: -15px;
  }
  .productImage-next{
    right: -15px;
  }
  .productImage-next::before,
  .productImage-prev::before {
    width: 5px;
    height: 10px;
    background-size: contain;
  }
}

/* // productSummery
----------------------------------------------- */

.productSummery {
  width: calc(100% - 500px);
  padding-left: 50px;
}
.productSummery .nameBlock {
  display: block;
  position: relative;
}

/* categoryBlock  */
.productSummery .categoryBlock ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.productSummery .categoryBlock ul li {
  margin-right: 10px;
}

/* solutionBlock  */
.productSummery .solutionBlock ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 1.3rem;
  margin-bottom: 35px;
  margin-right: -13px;
}
.productSummery .solutionBlock ul li {
  margin-right: 13px;
}
.productSummery .solutionBlock .tag:before {
  content: "#";
  display: inline-block;
  padding-right: 0.5em;
}

/* descriptionBlock  */
.productSummery .descriptionBlock {
  margin-bottom: 50px;
}
.productSummery .descriptionBlock .title {
  font-size: 1.8rem;
  line-height: 1.75;
  margin-bottom: 20px;
}
.productSummery .descriptionBlock .body p {
  font-weight: 300;
}

/* btns  */
.productSummery .btns {
  text-align: left;
}

/* movieBlock  */
.productSummery .movieBlock {
  display: block;
  position: relative;
  margin-top: 50px;
  height: calc(550px * 315 / 560);
}
.productSummery .movieBlock:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #999;
  left: 0px;
  top: 0px;
  z-index: 10;
  opacity: 0;
}

.productSummery .movieBlock iframe {
  width: 100%;
  height: 100%;
  z-index: 5;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .productSummery {
    width: auto;
    padding-left: 0;
  }

  /* categoryBlock  */
  .productSummery .categoryBlock ul {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  /* nameBlock  */
  .productSummery .nameBlock .htxA {
  }

  /* solutionBlock  */
  .productSummery .solutionBlock ul {
    font-size: 1.3rem;
    margin-bottom: 25px;
    margin-right: -8px;
  }
  .productSummery .solutionBlock ul li {
    margin-right: 8px;
  }

  /* descriptionBlock  */
  .productSummery .descriptionBlock {
    margin-bottom: 30px;
  }
  .productSummery .descriptionBlock .title {
    font-size: 1.7rem;
    margin-bottom: 15px;
  }

  /* btns  */
  .productSummery .btns p {
    text-align: center;
  }

  /* movieBlock  */
  .productSummery .movieBlock {
    display: block;
    position: relative;
    margin-top: 50px;
    height: calc(550px * 315 / 560);
  }
  .productSummery .movieBlock:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #999;
    left: 0px;
    top: 0px;
    z-index: 10;
    opacity: 0;
  }

  .productSummery .movieBlock iframe {
    width: 100%;
    height: 100%;
    z-index: 5;
  }
}

/* // customProductInfo
----------------------------------------------- */

.customProductInfo {
  padding-bottom: 120px;
}
.customProductInfo .block1 {
  padding-top: 40px;
  border-top: 1px solid #e8ebf1;
  margin-top: 55px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .customProductInfo {
    padding-bottom: 60px;
  }
  .customProductInfo .block1 {
    padding-top: 20px;
    margin-top: 30px;
  }
  .customProductInfo .block1 .scroll {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
  }
  .customProductInfo .block1 .scroll .scrollInner1 {
    padding-left: 15px;
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .customProductInfo .block1 .scroll .scrollInner2 {
    width: 1000px;
    padding-right: 15px;
  }
}
/* // categoryOverview
----------------------------------------------- */

.categoryOverview {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 50px 0 60px;
  background-color: #fafafa;
  position: relative;
}
.categoryOverview:before,
.categoryOverview:after {
  content: " ";
  position: absolute;
  display: block;
  width: 490px;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #1a3a71;
  z-index: 1;
  transition: 0.5s;
}
.categoryOverview:before {
  top: -1px;
}
.categoryOverview:after {
  bottom: -1px;
}
.categoryOverview .title {
  line-height: 1.5;
  font-size: 1.7rem;
  margin-bottom: 15px;
}
.categoryOverview p {
  max-width: 880px;
  font-size: 1.3rem;
  font-weight: 300;
}

/* xxx  */

/* ________SP________ */
@media screen and (max-width: 800px) {
  .categoryOverview {
    padding: 30px 0 40px;
  }
  .categoryOverview:before,
  .categoryOverview:after {
    width: 150px;
  }
  .categoryOverview .title {
    font-size: 1.5rem;
  }
  .categoryOverview p {
    max-width: none;
  }
}

/* // otherProducts
----------------------------------------------- */

.otherProducts {
  overflow: hidden;
  padding: 60px 0 0;
}
.productSlider .slider {
  overflow: visible;
  box-sizing: border-box;
  padding: 40px 0 0;
  position: relative;
}
.productSlider .swiper-wrapper {
  -webkit-align-items: stretch;
  align-items: stretch;
}
.productSlider .swiper-slide {
  background: #fff;
  height: auto;
  width: 276px;
}
.productSlider .swiper-slide a {
  height: 100%;
}
.productSlider .swiper-pagination {
  position: static;
  margin-top: 40px;
}
.productSlider .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 6px !important;
  background-color: #1a3a71;
  opacity: 0.1;
}
.productSlider .swiper-pagination-bullet-active {
  opacity: 1;
}
.productSlider .swiper-button-next,
.productSlider .swiper-button-prev {
  background: rgba(0, 0, 0, 0.5) !important;
  font-size: 18px;
  font-family: "IconFontA";
  top: 50%;
  text-align: center;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  margin-top: -22.5px;
  line-height: 2.5em;
  color: #fff;
  transition: 0.2s;
}
.productSlider .swiper-button-next:hover,
.productSlider .swiper-button-prev:hover {
  background: #004d7f !important;
}
.productSlider .swiper-button-prev {
  left: 30px;
}
.productSlider .swiper-button-next {
  right: 30px;
}
.productSlider .swiper-button-next:before {
  content: "\e907";
}
.productSlider .swiper-button-prev:before {
  content: "\e908";
}
.productSlider .productItem .name {
  min-height: 3em;
}
.productSlider.is_static .swiper-wrapper {
  justify-content: center;
}
.productSlider.is_static .swiper-slide {
  box-sizing: content-box;
  border-width: 0 16px 32px;
  border-style: solid;
  border-color: transparent;
}
.productSlider.is_static .swiper-slide .edit {
  display: inline-block;
  background-color: #eaeaea;
  line-height: 1;
  font-size: 81%;
  padding: 4px 7px 3px 7px;
  color: #bbb;
  border-radius: 3px;
  letter-spacing: 1px;
  font-weight: 400;
  height: auto !important;
}
.productSlider.is_static .swiper-slide .edit:hover {
  background-color: #cccccc;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .otherProducts {
    padding: 40px 0 0;
  }
  .productSlider .slider {
    padding: 30px 0 0;
  }
  .productSlider .swiper-slide {
    width: calc((100% - 12px) / 2);
  }
  .productSlider .swiper-pagination {
    margin-top: 15px;
  }
  .productSlider .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 4px !important;
  }
  .productSlider .swiper-button-next,
  .productSlider .swiper-button-prev {
    font-size: 14px;
    margin-top: -17.5px;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
  }
  .productSlider .swiper-button-prev {
    left: 10px;
  }
  .productSlider .swiper-button-next {
    right: 10px;
  }
  .productSlider .productItem .name {
    min-height: 0;
  }
  .productSlider.is_static {
    padding: 0 15px;
  }
  .productSlider.is_static .swiper-slide {
    border-width: 0 6px 20px;
  }
}

/* // topicsTagList
----------------------------------------------- */

/* topicsTagList  */
.topicsTagList {
  margin-bottom: 35px;
}
.topicsTagList ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.topicsTagList ul li {
  margin-right: 14px;
}

/* topicsTag  */
.topicsTag {
  border: 2px solid #21507e;
  color: #1a3a71;
  line-height: 1.3;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.25s;
  display: block;
  padding: 0;
  background-color: transparent;
}

.topicsTag:not(.current):hover:before {
  width: 100%;
}
.topicsTag.current {
  color: #fff !important;
}
.topicsTag:not(.current) {
}
.topicsTag:not(.current):after {
  content: "\ebf2";
  font-family: "iconFontA";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.topicsTag .tx {
  padding: 9px 30px 11px;
  display: block;
  font-size: 1.6rem;
  position: relative;
  z-index: 10;
}
.topicsTag.current .tx {
  color: #fff !important;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  /* topicsTagList  */
  .topicsTagList {
    margin-bottom: 20px;
  }
  .topicsTagList ul li {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  /* topicsTag  */
  .topicsTag {
  }
  .topicsTag:before {
    height: 100px;
  }
  .topicsTag.current {
  }
  .topicsTag:not(.current) {
    padding-right: 20px;
  }
  .topicsTag:not(.current):after {
    right: 10px;
  }
  .topicsTag .tx {
    padding: 6px 10px 8px;
    display: block;
    font-size: 1.2rem;
  }
}

/* // topicsList
----------------------------------------------- */

.topicsList li + li {
  margin-top: 27px;
}

/* topicItem  */
.topicItem {
  border: 1px solid #e0e0e0;
  display: block;
}
.topicItem:hover {
}
.topicItem .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.topicItem .img {
  width: 190px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.topicItem .img.noImg {
  background-size: 75% auto;
  opacity: 0.85;
}
.topicItem .img:after {
  content: " ";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: calc(100% * (135 / 190));
}
.topicItem .txt {
  width: calc(100% - 190px);
  padding: 20px 25px;
  line-height: 1.5;
}
.topicItem .txt .info {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
}
.topicItem .txt .info .date {
  display: inline-block;
  margin-right: 1.5em;
  color: #004d7f;
  font-size: 1.6rem;
}
.topicItem .txt .info .topicsCategory {
  display: inline-block;
  padding: 0.05em 0.7em 0.1em;
  color: #fff;
}
.topicItem .txt .info .topicsCategory.c1 {
  color: #00a8a2;
  border: 1px solid #00a8a2;
}
.topicItem .txt .info .topicsCategory.c2 {
  color: #f000a9;
  border: 1px solid #f000a9;
}
.topicItem .txt .info .topicsCategory.c3 {
  color: #009300;
  border: 1px solid #009300;
}
.topicItem .txt .title {
  font-size: 1.7rem;
  color: #1a3a71;
}

/* ________PC________ */
@media screen and (min-width: 801px) {
  .topicsList.col2 ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: -13px;
    margin-right: -13px;
  }
  .topicsList.col2 li {
    width: 50%;
    border-width: 0 13px 26px;
    border-style: solid;
    border-color: transparent;
  }
  .topicsList.col2 li + li {
    margin: 0;
  }
  .topicsList.col2 li .topicItem {
    height: 100%;
  }
  .topicsList.col2 li .topicItem .txt {
    padding: 15px 25px;
  }
  .topicsList.col2 li .topicItem .title {
    font-size: 1.5rem;
  }
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .topicsList li + li {
    margin-top: 18px;
  }

  /* topicItem  */
  .topicItem .inner {
    align-items: flex-start;
    padding: 10px;
  }
  .topicItem .img {
    width: 100px;
  }
  .topicItem .txt {
    width: calc(100% - 100px);
    padding: 0 0 0 15px;
  }
  .topicItem .txt .info {
    margin-bottom: 5px;
  }
  .topicItem .txt .info .date {
    margin-right: 1em;
    font-size: 1.2rem;
  }
  .topicItem .txt .info .topicsCategory {
    padding: 0.08em 0.4em 0.15em;
    font-size: 1.1rem;
  }
  .topicItem .txt .title {
    font-size: 1.3rem;
  }
}

/* // topicsBody
----------------------------------------------- */
.topicsBody {
  padding-top: 15px;
}
.topicsBody .inner {
  border: 1px solid #e1e1e1;
  border-top: 5px solid #1a3a71;
  padding: 35px 40px;
}
.topicsBody .topicsInfo {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 17px;
}
.topicsBody .topicsInfo .date {
  display: inline-block;
  margin-right: 1.7rem;
  color: #004d7f;
  font-size: 1.6rem;
}
.topicsBody .topicsInfo .topicsTag .tx {
  padding: 3px 25px 5px;
  font-size: 1.5rem;
}
.topicsBody .topicsTitle {
  font-size: 2.3rem;
  line-height: 1.65;
  color: #1a3a71;
  padding-bottom: 30px;
  border-bottom: 1px dotted #1a3a71;
  font-weight: 500;
  position: relative;
}
.topicsBody .topicsTitle h1 {
  font-weight: 500;
}
.topicsBody .topicsTitle .edit {
  position: absolute;
  bottom: 9px;
  right: 0px;
  display: inline-block;
  background-color: #ddd;
  line-height: 1;
  padding: 5px 13px 5px 15px;
  color: #828282;
  border-radius: 3px;
  letter-spacing: 1px;
  font-weight: 400;
  height: auto !important;
  font-size: 12px;
}
.topicsBody .topicsTitle .edit:hover {
  background-color: #ccc;
}

.topicsBody .editContents {
  padding-top: 20px !important;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .topicsBody {
    padding-top: 0;
  }
  .topicsBody .inner {
    padding: 20px 15px;
  }
  .topicsBody .topicsInfo {
    margin-bottom: 5px;
  }
  .topicsBody .topicsInfo .date {
    margin-right: 1.4rem;
    font-size: 1.4rem;
  }
  .topicsBody .topicsInfo .topicsTag .tx {
    padding: 1px 10px 3px;
    font-size: 1.3rem;
  }
  .topicsBody .topicsTitle {
    font-size: 1.8rem;
    padding-bottom: 20px;
  }
  .topicsBody .editContents {
    padding-top: 5px;
  }
}

/* // faqSection
----------------------------------------------- */

/* faqSection  */
.faqSection + .faqSection {
  margin-top: 70px;
}
.faqSection .faqBlock {
  padding-top: 20px;
  margin-bottom: 30px;
}
.faqSection .faqBlock:last-of-type {
  margin-bottom: 0px;
}

/* faqTab  */
.faqTab {
  margin-bottom: 10px;
}

.faqTab li a.on,
.___ {
  background-color: #1a3a71;
  color: #fff;
}

/* allSlideBtn  */
.allSlideBtn {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: stretch;
}
.allSlideBtn li + li {
  margin-left: 12px;
}
/*  |- slideDefinitionListA  */
.slideDefinitionListA .allSlideBtn {
  margin-bottom: 15px;
}
.slideDefinitionListA .item {
  margin-bottom: 14px;
  position: relative;
  border-width: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
}
.slideDefinitionListA .item .definition {
  padding: 13px 110px 9px 25px;
  position: relative;
  display: block;
  z-index: 2;
  color: #333;
}
.slideDefinitionListA .item .definition p {
  font-size: 96%;
  line-height: 1.5;
}
.slideDefinitionListA .item .definition .btn {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.slideDefinitionListA .item .definition .btn .tx {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  font-weight: 300;
  font-size: 100%;
}
.slideDefinitionListA .item .definition .btn .tx:after {
  position: absolute;
  right: 0px;
  top: 50%;
  font-size: 100%;
  transform: translateY(-50%);
  font-family: iconfontA;
  font-style: normal;
}
.slideDefinitionListA .item .definition .btn .cl .tx:after {
  content: "\e926";
}
.slideDefinitionListA .item .definition .btn .op .tx:after {
  content: "\e925";
}
.slideDefinitionListA .item .answer {
  padding: 0 25px 14px 25px;
  position: relative;
  margin-top: 10px;
  display: block;
  font-size: 100%;
  line-height: 1.9;
}
/*  |- slideDefinitionListA.faq  */
.slideDefinitionListA.faq .item .definition {
  padding-left: 44px;
}
.slideDefinitionListA.faq .item .answer {
  padding-left: 43px;
}
.slideDefinitionListA.faq .item .answer p {
  margin-bottom: 6px;
  font-size: 87%;
}
.slideDefinitionListA.faq .item .answer p:last-of-type {
  margin-bottom: 0px;
}
.slideDefinitionListA.faq .item .answer p a.link {
  color: #21507e;
  display: inline-block;
  position: relative;
  padding-right: 24px;
}
.slideDefinitionListA.faq .item .answer p a.link:after {
  position: absolute;
  right: 0%;
  top: 50%;
  font-size: 95%;
  transform: translateY(-50%);
  content: "\ebf2";
  font-family: iconfontA;
}
.slideDefinitionListA.faq .item .answer p a.link:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: " ";
  display: block;
  width: 0%;
  height: 1px;
  background-color: #21507e;
  transition: 0.22s;
}
.slideDefinitionListA.faq .item .answer p a.link:hover:before {
  width: 100%;
}

.slideDefinitionListA.faq .item .definition:after {
  content: "Q";
  font-family: "CG";
  font-style: normal;
  font-weight: 100;
  color: #1a3a71;
  position: absolute;
  left: 23px;
  top: 11px;
  font-size: 22px;
  line-height: 1;
  transform: translateX(-50%);
}
.slideDefinitionListA.faq .item .answer:after {
  content: "A";
  font-family: "CG";
  font-style: normal;
  font-weight: 100;
  color: #c60046;
  position: absolute;
  left: 23px;
  top: -2px;
  font-size: 23px;
  line-height: 1;
  transform: translateX(-50%);
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  /* faqSection  */
  .faqSection + .faqSection {
    margin-top: 50px;
  }

  /* faqTab  */
  .faqTab {
    margin-bottom: 20px;
  }

  /* allSlideBtn  */
  .allSlideBtn {
  }
  .allSlideBtn li + li {
    margin-left: 12px;
  }
  /* //    |- slideDefinitionListA  */
  .slideDefinitionListA .allSlideBtn {
    margin-bottom: 10px;
  }
  .slideDefinitionListA .item {
    margin-bottom: 15px;
  }
  .slideDefinitionListA .item .definition {
    padding: 13px 38px 11px 10px;
  }
  .slideDefinitionListA .item .definition p {
    font-size: 104%;
  }
  .slideDefinitionListA .item .definition .btn {
    right: 5px;
    display: block;
    text-align: center;
    line-height: 1.3;
  }
  .slideDefinitionListA .item .definition .btn .tx {
    position: relative;
    display: block;
    padding-right: 0;
    font-size: 66%;
  }
  .slideDefinitionListA .item .definition .btn .tx:after {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    font-size: 100%;
    transform: translateY(0%);
  }
  .slideDefinitionListA .item .answer {
    padding: 0 10px 12px 10px;
    margin-top: 8px;
    display: block;
    font-size: 94%;
    line-height: 1.8;
  }
  /* //    |- slideDefinitionListA.faq  */
  .slideDefinitionListA.faq .item .definition {
    padding-left: 28px;
  }
  .slideDefinitionListA.faq .item .answer {
    padding-left: 28px;
  }
  .slideDefinitionListA.faq .item .definition:after {
    position: absolute;
    left: 14px;
    top: 14px;
    font-size: 21px;
  }
  .slideDefinitionListA.faq .item .answer:after {
    left: 15px;
    top: 2px;
    font-size: 22px;
  }
}

/* // companyGmbh
----------------------------------------------- */

/* companyGmbh  */

.companyGmbh .philosophy {
  border: 1px solid #1a3a71;
  padding: 20px 30px 25px;
}
.companyGmbh .philosophy ul li {
  font-size: 1.6rem;
  font-weight: 500;
}
.companyGmbh .philosophy ul li:before {
  content: "●";
  display: inline-block;
  margin-right: 10px;
  transform: scale(0.7);
}
.companyGmbh .philosophy ul li + li {
  margin-top: 7px;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // greetingTxt
----------------------------------------------- */

.greetingTxt p + p {
  margin-top: 12px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // groupList
----------------------------------------------- */

.groupList {
}
.groupList ul {
  border-bottom: 1px solid #dde2ea;
}
.groupList li {
  border-top: 1px solid #dde2ea;
  padding: 19px 0;
}
.groupList li .name {
  color: #1a3a71;
  font-size: 2.1rem;
  margin-bottom: 9px;
}
.groupList li .name .small {
  font-size: 70%;
}
.groupList li .btnA {
  color: #1a3a71 !important;
  border-color: #1a3a71;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // accessInfo
----------------------------------------------- */

.accessInfo {
  font-weight: 300;
}
.accessInfo + .accessInfo {
  margin-top: 60px;
}
.accessInfo .tel {
  text-indent: -0.25em;
}
.accessInfo .tel span {
  display: inline-block;
}
.accessInfo .map {
  margin-top: 30px;
}
.accessInfo .map iframe {
  width: 100%;
  height: 427px;
}
.accessInfo .btn {
  margin-top: 35px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // isoList
----------------------------------------------- */

.isoList {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
.isoList .item {
  width: calc((100% - 48px) / 2);
  margin-bottom: 70px;
}
.isoList .item .title {
  margin-bottom: 20px;
}
.isoList .item .img {
  border: 1px solid #dcdcdc;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // domesticPartnerList
----------------------------------------------- */

/* domesticPartnerList  */

.domesticPartnerList ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
}
.domesticPartnerList ul li {
  border-width: 0 12px 19px;
  border-style: solid;
  border-color: transparent;
  width: calc(100% / 3);
}
.domesticPartnerList ul li .annotation {
  display: block;
  font-size: 78%;
  line-height: 1.4;
  color: #666;
  margin-top: 5px;
}
.domesticPartnerList ul li .btnA {
  min-width: 0;
  width: 100%;
  display: block;
}
.domesticPartnerList ul li .btnA .tx {
  font-size: 1.4rem;
}
.domesticPartnerList ul li .btnA .icon {
  font-size: 17px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // overseasContents
----------------------------------------------- */

.overseasContents .countryBlock + .countryBlock {
  margin-top: 70px;
}
.overseasContents .overseasPartnerList {
  margin-top: -15px;
}
.overseasContents .item + .item {
  margin-top: 50px;
}
.overseasContents .item .companyName {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.overseasContents .item .companyName .btnA {
  border-color: #1a3a71;
  color: #1a3a71 !important;
}
.overseasContents .item .info {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 1.8;
}
.overseasContents .item .info + .info {
  margin-top: 8px;
}
.overseasContents .item .info dt {
  min-width: 90px;
  text-align: center;
  background-color: #e8ebf1;
  color: #1a3a71;
  font-size: 1.6rem;
}
.overseasContents .item .info dd {
  width: calc(100% - 90px);
  padding-left: 1.2em;
  font-size: 1.7rem;
}
.overseasContents .item .table {
  margin-top: 23px;
}
.overseasContents .item .table .tableA {
  width: auto;
}
.overseasContents .item .table tbody th,
.overseasContents .item .table tbody td {
  padding: 1px 35px;
  text-align: center;
  width: 200px;
}
.overseasContents .item .table tbody th {
  color: #1a3a71;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // ecPartnerList
----------------------------------------------- */
/* ecContents  */
.ecContents .btnWrap {
  text-align: left;
  margin-top: 32px;
}
.ecContents .btnWrap > a {
  min-width: calc(100% / 3);
}

/* ecPartnerList  */
.ecPartnerList ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
}
.ecPartnerList ul li {
  border-width: 0 12px 19px;
  border-style: solid;
  border-color: transparent;
  width: calc(100% / 3);
}
.ecPartnerList ul li .annotation {
  display: block;
  font-size: 78%;
  line-height: 1.4;
  color: #666;
  margin-top: 5px;
  height: 100%;
}
.ecPartnerList ul li .btnA {
  min-width: 0;
  width: 100%;
  display: grid;
  place-items: center;
}
.ecPartnerList ul li .btnA .tx {
  font-size: 1.4rem;
}
.ecPartnerList ul li .btnA .icon {
  font-size: 17px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .ecPartnerList ul li {
    width: calc(100% / 2);
  }
}

/* // catalogList
----------------------------------------------- */

.catalogList .list {
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.catalogList .list > li {
  width: 25%;
  border-width: 0 12px 55px;
  border-style: solid;
  border-color: transparent;
}
.catalogList .list > li .img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f3f3f3;
  border: 2px solid #f3f3f3;
  margin-bottom: 10px;
}
.catalogList .list > li .img:after {
  content: " ";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.catalogList .list > li .taglist {
  margin-bottom: 10px;
}
.catalogList .list > li .taglist ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 1.1rem;
}
.catalogList .list > li .taglist .tag {
  padding: 0.3em 0.4em 0.35em;
}
.catalogList .list > li .name {
  line-height: 1.45;
  color: #1a3a71;
  margin-bottom: 13px;
  font-size: 96%;
  font-weight: 500;
}

.catalogList .list > li .btnA {
  min-width: 0;
  width: 100%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .catalogList .list {
    margin-left: -6px;
    margin-right: -6px;
  }
  .catalogList .list > li {
    width: 50%;
    border-width: 0 6px 30px;
  }
  .catalogList .list > li .taglist {
    margin-bottom: 7px;
  }
  .catalogList .list > li .name {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
}

/* // catalogDetailTop
----------------------------------------------- */

.catalogDetailTop .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .catalogDetailTop .inner {
    display: block;
  }
}

/* // catalogImage
----------------------------------------------- */

.catalogImage {
  width: 500px;
}
.catalogImage .img {
  width: 100%;
  background-color: #f3f3f3;
  border: 2px solid #f3f3f3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.catalogImage .img:after {
  content: " ";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .catalogImage {
    width: 60%;
    margin: 0 auto 30px;
  }
}

/* // catalogSummery
----------------------------------------------- */

.catalogSummery {
  width: calc(100% - 500px);
  padding-left: 50px;
}

/* categoryBlock  */
.catalogSummery .categoryBlock ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 1.6rem;
  margin-bottom: 20px;
}

/* listA  */
.catalogSummery .listA {
  padding: 15px 0 40px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .catalogSummery {
    width: auto;
    padding-left: 0;
  }

  /* categoryBlock  */
  .catalogSummery .categoryBlock ul {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  /* listA  */
  .catalogSummery .listA {
    padding: 0 0 20px;
  }
}

/* // downloadForm
----------------------------------------------- */

.downloadForm {
  padding-top: 15px;
  margin-top: 50px;
}
.downloadForm .inner {
  border: 1px solid #e1e1e1;
  border-top: 5px solid #1a3a71;
  padding: 35px 40px;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
  .downloadForm {
    padding-top: 0;
    margin-top: 30px;
  }
  .downloadForm .inner {
    padding: 20px 15px;
  }
}

/* // movieList
----------------------------------------------- */

.movieBlock + .movieBlock {
  margin-top: 80px;
}
.movieList ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
}
.movieList ul li {
  width: 25%;
  border-width: 0 12px 30px;
  border-style: solid;
  border-color: transparent;
}
.movieList ul li a {
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  display: block;
  line-height: 1;
}
.movieList ul li a iframe {
  width: 100%;
  position: relative;
  z-index: 5;
  line-height: 1;
}
.movieList ul li a:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 300px;
  background-color: #fff;
  left: 0px;
  top: 0px;
  z-index: 10;
  opacity: 0;
}
.movieList ul li a:hover:before {
  opacity: 0.1;
}
/*
.movieList ul li .img:after{
	content: "\e9cb";
	font-family: "iconFontA";
	color: #fff;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.26);
	font-size: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	pointer-events: none;
	transform: translate(-50%,-50%);
}
.movieList ul li .txt{
	line-height: 1.5;
}
*/
/* ________SP________ */
@media screen and (max-width: 800px) {
  .movieBlock + .movieBlock {
    margin-top: 40px;
  }
  .movieList ul {
    margin-left: -6px;
    margin-right: -6px;
  }
  .movieList ul li {
    width: 50%;
    border-width: 0 6px 30px;
  }
  .movieList ul li .img:after {
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.26);
    font-size: 35px;
  }
}

/* // columnList
----------------------------------------------- */

.column_empty{
  padding: 150px 0;
  text-align: center;
  color: #A4B0B5;
  font-size: 30px;
}

.columnList>ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}
.columnList>ul>li {
  width: calc(33.33% - 26.66px);
}
.columnList>ul>li a {
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  display: block;
  line-height: 1;
}
.column_thumb{
  width: 100%;
  height: 200px;
  background-color: #fff;
}
.column_thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.column_head{
  margin: 20px 0 0 0;
  font-size: 0;
  text-align: left;
  line-height: 1;
  color: #1A3A71;
}
.column_category{
  display: inline-block;
  margin: 0 0 0 12px;
  padding: 5px 10px;
  background: #EA9D33;
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
.column_date{
  font-size: 16px;
}
.column_title{
  margin: 15px 0 0 0;
  font-size: 17px;
  line-height: 1.5;
  color: #1A3A71;
}

/*single*/
.columnInfo{
  font-size: 0;
  text-align: left;
  line-height: 1;
}
.columnInfo_date{
  font-size: 16px;
  color: #1A3A71;
  font-weight: bold;
}
.columnInfo_category{
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 5px 25px;
  border: 2px solid #EA9D33;
  font-size: 16px;
  color: #FFAF2F;
  line-height: 1;
}
.columnTitle{
  position: relative;
  margin: 30px 0 0 0;
}
.columnTitle h1{
  color: #1A3A71;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.7;
}
.columnTitle .edit {
  position: absolute;
  bottom: 9px;
  right: 0px;
  display: inline-block;
  background-color: #ddd;
  line-height: 1;
  padding: 5px 13px 5px 15px;
  color: #828282;
  border-radius: 3px;
  letter-spacing: 1px;
  font-weight: 400;
  height: auto !important;
  font-size: 12px;
}
.topicsBody .topicsTitle .edit:hover {
  background-color: #ccc;
}
.columnSingle_subtitle{
	background: #f1f3f7;
	font-size: 128%;
	line-height: 1.6;
	padding: 15px 15px 15px 30px;
	border-left: 6px solid #1a3a71;
	font-weight: 500;
	margin-top: 70px;
	margin-bottom: 30px;
}
.mce-content-body.columnBody h3{
  border: none;
  padding-bottom: 0;
}
.mce-content-body.columnBody .aligncenter,
.mce-content-body.caseBody .aligncenter{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* ________SP________ */
@media screen and (max-width: 800px) {

  .column_empty{
    padding: 50px 0;
    font-size: 18px;
  }
  .columnList>ul>li {
    width: 100%;
  }

  /*single*/
  .columnInfo_date{
    font-size: 14px;
  }
  .columnInfo_category{
    border-width: 1px;
    font-size: 14px;
  }
  .columnTitle{
    margin-top: 20px;
  }
  .columnTitle h1{
    font-size: 24px;
  }
  .columnSingle_subtitle{
		font-size: 118%;
		line-height: 1.5;
		padding: 8px 10px 8px 15px;
		border-left-width: 5px;
		margin-top: 40px;
		margin-bottom: 20px;
	}
}

/* // eventList
----------------------------------------------- */

.event_empty{
  padding: 150px 0;
  text-align: center;
  color: #A4B0B5;
  font-size: 30px;
}

.eventBlock + .eventBlock {
  margin-top: 80px;
}
.eventList>ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}
.eventList>ul>li {
  width: calc(33.33% - 26.66px);
}
.eventList>ul>li a {
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  display: block;
  line-height: 1;
}
.event_thumb{
  width: 100%;
  height: 200px;
  background: #F1F1F1;
}
.event_thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.event_head{
  margin: 20px 0 0 0;
  font-size: 0;
  text-align: left;
  line-height: 1;
}
.topicsBody .event_head{
  margin: 0;
}
.eventTitle {
  position: relative;
  margin: 20px 0 0 0;
  font-size: 2.3rem;
  line-height: 1.65;
  color: #333;
  padding-bottom: 30px;
  border-bottom: 1px dotted #333;
  font-weight: 500;
}
.eventTitle h1 {
  font-weight: 500;
}
.eventTitle .edit {
  position: absolute;
  bottom: 9px;
  right: 0px;
  display: inline-block;
  background-color: #ddd;
  line-height: 1;
  padding: 5px 13px 5px 15px;
  color: #828282;
  border-radius: 3px;
  letter-spacing: 1px;
  font-weight: 400;
  height: auto !important;
  font-size: 12px;
}
.eventTitle .edit:hover {
  background-color: #ccc;
}
.event_category{
  display: inline-block;
  margin: 0 12px 0 0;
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
.event_category.seminar{
  background: #52A141;
}
.event_category.exhibition{
  background: #0071BC;
}
.event_date{
  font-size: 18px;
}
.event_date span{
  font-size: 14px;
}
.event_date small{
  font-size: 12px;
}
.event_title{
  margin: 20px 0 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
.event_tag{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 25px 0 0;
}
.event_tag li{
  padding: 6px 20px;
  border: 1px solid #005081;
  border-radius: 100px;
  line-height: 1;
  color: #005081;
  font-size: 12px;
}
.event_tag li::before{
  content: "#";
}

/*single*/
.event_btn{
  margin: 30px 0 0 0;
  text-align: center;
}
.event_speaker{
  display: flex;
  gap: 30px;
}
.event_speaker+.event_speaker{
  margin-top: 30px;
}
.event_speaker_photo{
  flex-shrink: 0;
}
.event_speaker_photo img{
  width: 130px;
  height: auto;
}
.event_speaker_txt{
  flex-grow: 1;
}
.mce-content-body p.event_speaker_company{
  margin-bottom: 0;
  font-size: 1.4rem;
}
.mce-content-body p.event_speaker_name{
  font-size: 1.6rem;
}
.mce-content-body p.event_speaker_name small{
  padding-left: 1em;
  font-size: 1.2rem;
}
.mce-content-body p.event_speaker_profile{
  margin: 20px 0 0 0;
}

/*
.movieList ul li .img:after{
	content: "\e9cb";
	font-family: "iconFontA";
	color: #fff;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.26);
	font-size: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	pointer-events: none;
	transform: translate(-50%,-50%);
}
.movieList ul li .txt{
	line-height: 1.5;
}
*/
/* ________SP________ */
@media screen and (max-width: 800px) {

  .event_empty{
    padding: 50px 0;
    font-size: 18px;
  }

  .eventBlock + .eventBlock {
    margin-top: 40px;
  }
  .eventList>ul {
  }
  .eventList>ul>li {
    width: 100%;
  }
  .eventTitle {
    font-size: 1.8rem;
  }
  .event_btn{
    margin: 30px 0 0 0;
    text-align: center;
  }
  .event_speaker{
    display: block;
  }
  .event_speaker+.event_speaker{
    margin-top: 20px;
  }
  .event_speaker_photo{
    float: left;
    margin: 0 15px 0 0;
    width: 80px;
  }
  .event_speaker_photo img{
    margin: 0;
  }
  .event_speaker_txt{
    margin: 10px 0 0 0;
  }
  .mce-content-body p.event_speaker_company{
    clear: none;
    margin-bottom: 0;
    font-size: 1.0rem;
  }
  .mce-content-body p.event_speaker_name{
    clear: none;
    margin: 0;
    font-size: 1.4rem;
  }
  .mce-content-body p.event_speaker_name small{
    display: block;
    padding-left: 0;
    font-size: 1.1rem;
  }
  .mce-content-body p.event_speaker_profile{
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
  }
}

/* // oemNayami
----------------------------------------------- */

.oemNayami .inner {
  padding-bottom: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.oemNayami .img {
  width: 300px;
  text-align: left;
  padding-left: 10px;
}
.oemNayami .txt {
  width: calc(100% - 300px);
  padding-top: 30px;
}
.oemNayami .txt .nayamiTitle {
  margin-bottom: 50px;
}
.oemNayami .txt .nayamiTitle span {
  font-size: 3rem;
  padding: 1px 30px 3px;
  display: inline-block;
  color: #fff;
  background-color: #1a3a71;
  font-weight: 500;
  position: relative;
}
.oemNayami .txt .nayamiTitle span:after {
  content: "　";
  position: absolute;
  display: block;
  left: 0;
  bottom: -22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 41px 32px 0 0;
  border-color: #1a3a71 transparent transparent transparent;
}
.oemNayami .txt .nayamiList li {
  font-size: 1.8rem;
  font-weight: 500;
  background-color: #f3f5f9;
  padding: 5px 20px;
}
.oemNayami .txt .nayamiList li + li {
  margin-top: 14px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // oemSolution
----------------------------------------------- */

/* solutionTtl  */

.solutionTtl {
  line-height: 1;
  color: #1a3a71;
  padding: 30px 0;
  position: relative;
  margin-bottom: 30px;
}
.solutionTtl:before {
  content: " ";
  position: absolute;
  display: block;
  width: 155px;
  height: 100px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-color: #f2f3f7;
  z-index: 1;
}
.solutionTtl:after {
  content: "　";
  position: absolute;
  display: block;
  left: 50%;
  top: 100px;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 62px 210px 0 210px;
  border-color: #f2f3f7 transparent transparent transparent;
  z-index: 1;
}
.solutionTtl .txt {
  position: relative;
  z-index: 10;
}
.solutionTtl .en {
  text-align: center;
  margin-bottom: 15px;
  font-size: 5.3rem;
}
.solutionTtl .jp {
  font-weight: 500;
  text-align: center;
  font-size: 3rem;
}

/* solutionIssue  */

.solutionIssue {
  padding: 0 6px 6px 0;
}
.solutionIssue .box {
  background: #eef2fa;
  box-shadow: 6px 6px 0 #1a3a71;
  color: #1a3a71;
  padding: 20px 85px 20px 115px;
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 1.9;
  position: relative;
}
.solutionIssue .box:before,
.solutionIssue .box:after {
  line-height: 1;
  content: "\ea5a";
  font-family: "iconFontA";
  position: absolute;
  font-size: 40px;
  color: #c4cddf;
  display: block;
}
.solutionIssue .box:before {
  left: 30px;
  top: 25px;
}
.solutionIssue .box:after {
  transform: scaleX(-1);
  right: 30px;
  bottom: 25px;
}

/* solutionType  */

.solutionType {
  margin-top: 80px;
}
.solutionType .meritList {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
}
.solutionType .meritList li {
  width: 25%;
  border-width: 0 12px;
  border-style: solid;
  border-color: transparent;
}
.solutionType .meritList li .wrap {
  border: 1px solid #1a3a71;
  height: 100%;
  color: #1a3a71;
  padding: 30px 5px 32px;
  font-size: 1.8rem;
  line-height: 1.55;
  text-align: center;
  font-weight: 500;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: stretch;
  position: relative;
}
.solutionType .meritList li .wrap:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #1a3a71 transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // oemFlow
----------------------------------------------- */

.oemFlow {
  margin-top: 110px;
}
.oemFlow .flowchart ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.oemFlow .flowchart ul li {
  font-size: 1.6rem;
  color: #1a3a71;
  margin-bottom: 27px;
}
.oemFlow .flowchart ul li:not(:last-child) {
  position: relative;
  padding-right: 65px;
}
.oemFlow .flowchart ul li:not(:last-child):after {
  content: "\e9b3";
  font-family: "iconFontA";
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  font-size: 120%;
}
.oemFlow .flowchart ul li .tx {
  background-color: #e8ebf1;
  padding: 5px 40px 7px;
  display: block;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // oemResults
----------------------------------------------- */

.oemResults {
  margin-top: 110px;
}
.oemResults .resultBlock + .resultBlock {
  margin-top: 40px;
}
.oemResults .resultBlock .resultsList ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-right: -8px;
  margin-left: -8px;
}
.oemResults .resultBlock .resultsList li {
  border-width: 0 8px 16px;
  border-style: solid;
  border-color: transparent;
  width: calc(100% / 3);
  color: #1a3a71;
  font-size: 1.6rem;
}
.oemResults .resultBlock .resultsList li span {
  text-align: center;
  padding: 9px 0 11px;
  display: block;
  border: 1px solid #a3b0c6;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // doc
----------------------------------------------- */

.doc {
  line-height: 2.1;
}
.doc .indent {
  text-indent: -1em;
  padding-left: 1em;
}
.doc .indent > li + li {
  margin-top: 10px;
}
.doc .indent ul {
  text-indent: 0;
  padding: 10px 0;
}
.doc .indent ul li {
  text-indent: -1.4em;
  padding-left: 1.4em;
}
.doc .indent ul li + li {
  margin-bottom: 5px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
}

/* // sitemapWrapA
----------------------------------------------- */
.sitemapWrapA .btn1 {
  background-color: #fff;
  border: 1px solid #21507e;
  color: #21507e !important;
  width: 100%;
  text-align: left;
}
.sitemapWrapA .btn1:before {
  opacity: 0.08;
}
.sitemapWrapA .btn1 .tx {
  font-size: 100%;
  font-weight: 400 !important;
}
.sitemapWrapA .btn1 .icon {
  font-size: 100%;
}
.sitemapWrapA .wrap1 {
  display: flex;
  display: -ms-flexbox;
}

.sitemapWrapA .parent {
  margin-top: 40px;
  margin-bottom: 10px;
}
.sitemapWrapA .parent:first-of-type {
  margin-top: 0;
}
.sitemapWrapA .parent .btn1 {
  padding: 0 0;
}
.sitemapWrapA .parent.s1 .btn1 .tx {
  padding-top: 12px;
  padding-bottom: 12px;
}

.sitemapWrapA .child {
  padding-left: 35px;
}
.sitemapWrapA .child li {
  margin-bottom: 3px;
}
.sitemapWrapA .child li .btn1 .tx {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .sitemapWrapA .parent {
    margin-top: 24px;
    margin-bottom: 4px;
  }
  .sitemapWrapA .parent.s1 .btn1 .tx {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .sitemapWrapA .child {
    padding-left: 30px;
  }
  .sitemapWrapA .child li {
    margin-bottom: 3px;
  }
  .sitemapWrapA .child li .btn1 .tx {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* // slutionListA
----------------------------------------------- */
.slutionListA .item {
}
.slutionListA .item .image {
  display: block;
  height: 160px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slutionListA .item .textWrap {
  background-color: #f3f3f3;
  padding: 25px 25px;
}
.slutionListA .item .textWrap .name {
  line-height: 1.5;
  color: #1a3a71;
  font-weight: 500;
  font-size: 120%;
  margin-bottom: 10px;
}
.slutionListA .item .textWrap .text1 {
  line-height: 1.7;
  color: #000;
  font-weight: 300;
  font-size: 90%;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .slutionListA .item .image {
    height: 80px;
  }
  .slutionListA .item .textWrap {
    padding: 10px;
  }
  .slutionListA .item .textWrap .name {
    font-size: 103%;
    margin-bottom: 7px;
    line-height: 1.5;
  }
  .slutionListA .item .textWrap .text1 {
    line-height: 1.5;
    font-size: 74%;
  }
}

/* // productCategoruDescriptionA
----------------------------------------------- */
.productCategoruDescriptionA {
  display: flex;
  display: -ms-flexbox;
  margin-bottom: 50px;
}
.productCategoruDescriptionA .image {
  width: 300px;
}
.productCategoruDescriptionA .textWrap {
  width: calc(100% - 300px);
  padding-left: 30px;
}
.productCategoruDescriptionA.noImg .image {
}
.productCategoruDescriptionA.noImg .textWrap {
  width: 100%;
  padding-left: 0;
}
.productCategoruDescriptionA .textWrap .text1 {
  line-height: 1.5;
  color: #1a3a71;
  font-weight: 500;
  font-size: 115%;
  margin-bottom: 15px;
}
.productCategoruDescriptionA .textWrap .text2 {
  line-height: 1.85;
  font-size: 100%;
}
.productCategoruDescriptionA .textWrap .text2 a {
  text-decoration: underline;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .productCategoruDescriptionA {
    display: flex;
    display: -ms-flexbox;
    margin-bottom: 50px;
  }
  .productCategoruDescriptionA .image {
    display: none;
  }
  .productCategoruDescriptionA .textWrap {
    width: 100%;
    padding-left: 0;
  }
  .productCategoruDescriptionA.noImg .image {
  }
  .productCategoruDescriptionA.noImg .textWrap {
    width: 100%;
    padding-left: 0;
  }
  .productCategoruDescriptionA .textWrap .text1 {
    font-weight: 500;
    font-size: 106%;
    margin-bottom: 9px;
  }
  .productCategoruDescriptionA .textWrap .text2 {
    line-height: 1.85;
    font-size: 88%;
  }
}

/* // productUses
----------------------------------------------- */
.productUses h2{
	background: #f1f3f7;
	font-size: 142%;
	line-height: 1.6;
	padding: 15px 15px 15px 30px;
	border-left: 6px solid #1a3a71;
	font-weight: 500;
	margin-top: 70px;
	margin-bottom: 30px;
}
.productUses h3{
  font-size: 128%;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #1A3A71;
  color: #1A3A71;
}
.productUses p,
.productUses ul{
  line-height: 1.5;
  font-size: 100%;
  margin-bottom: 20px;
}
.productUses p a,
.productUses ul a{
  text-decoration: underline;
}
.productUses ul li{
  position: relative;
  list-style-type: none;
  padding: 0 0 0 15px;
}
.productUses ul li+li{
  margin-top: 5px;
}
.productUses ul li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  background: #1A3A71;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.productUses img{
  max-width: 100%;
  height: auto;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
  .productUses h2{
		font-size: 118%;
		line-height: 1.5;
		padding: 8px 10px 8px 15px;
		border-left-width: 5px;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.productUses h3{
		font-size: 110%;
    margin-top: 20px;
    margin-bottom: 10px;
	}
	.productUses p,
  .productUses ul{
		margin-bottom: 10px;
    font-size: 85%;
	}
}

/* // categoryListA
----------------------------------------------- */
.categoryListA .item {
  background-color: #fff;
  border: 1px solid #eaeaea;
  margin-top: -1px;
  padding: 34px 20px 21px 20px;
}
.categoryListA .item:nth-of-type(2),
.categoryListA .item:nth-of-type(4),
.categoryListA .item:nth-of-type(5),
.categoryListA .item:nth-of-type(7),
.categoryListA .item:nth-of-type(10),
.categoryListA .item:nth-of-type(12),
.categoryListA .item:nth-of-type(13),
.categoryListA .item:nth-of-type(15),
.categoryListA .item:nth-of-type(18),
.categoryListA .item:nth-of-type(20),
.categoryListA .item:nth-of-type(21),
.categoryListA .item:nth-of-type(23),
.categoryListA .item:nth-of-type(26),
.categoryListA .item:nth-of-type(28),
.categoryListA .item:nth-of-type(29),
.categoryListA .item:nth-of-type(31),
.categoryListA .item:nth-of-type(34),
.___ {
  background-color: #f3f3f4;
  border: 0;
}

.categoryListA .item .name {
  color: #223a6d;
  line-height: 1.5;
  font-size: 113%;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 500;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  .categoryListA .item {
    border: 1px solid #eaeaea;
    padding: 14px 10px 6px 10px;
    background-color: #fff !important;
  }
  .categoryListA .item:nth-of-type(2),
  .categoryListA .item:nth-of-type(6),
  .categoryListA .item:nth-of-type(10),
  .categoryListA .item:nth-of-type(14),
  .categoryListA .item:nth-of-type(18),
  .categoryListA .item:nth-of-type(22),
  .categoryListA .item:nth-of-type(26),
  .categoryListA .item:nth-of-type(30),
  .categoryListA .item:nth-of-type(34),
  .categoryListA .item:nth-of-type(38),
  .categoryListA .item:nth-of-type(42),
  .categoryListA .item:nth-of-type(3),
  .categoryListA .item:nth-of-type(7),
  .categoryListA .item:nth-of-type(11),
  .categoryListA .item:nth-of-type(15),
  .categoryListA .item:nth-of-type(19),
  .categoryListA .item:nth-of-type(23),
  .categoryListA .item:nth-of-type(27),
  .categoryListA .item:nth-of-type(31),
  .categoryListA .item:nth-of-type(35),
  .categoryListA .item:nth-of-type(39),
  .categoryListA .item:nth-of-type(43),
  .___ {
    background-color: #f3f3f4 !important;
    border: 0 !important;
  }

  .categoryListA .item .name {
    line-height: 1.5;
    font-size: 100%;
    margin-bottom: 8px;
    text-align: center;
    font-weight: 500;
  }
}

/* // WebExhibition
----------------------------------------------- */

.pageTitleFollow.webexhibition {
  background: url(/_pack/img/bg_pageTitleFollow_webexhibition.png) no-repeat;
}
#WebExhibition .attention1 {
  font-size: 90%;
  margin-top: -22px;
  margin-bottom: 10px;
  text-align: right;
}
@media screen and (max-width: 740px) {
  #WebExhibition .attention1 {
    font-size: 90%;
    margin-top: -14px;
    margin-bottom: 10px;
  }
}
#WebExhibition .section1 {
  margin-bottom: 80px;
}
#WebExhibition .section1 .imageWrap img {
  width: 100%;
}
#WebExhibition .section1 .imageWrap > .inner {
  position: relative;
}

#WebExhibition .section1 .links a {
  display: inline-block;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  position: absolute;
}
#WebExhibition .section1 .links a.nolink {
  cursor: default;
}

#WebExhibition .section1 .links a:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border: 4px solid #ff0;
  border: 3px solid #2b65bd;
  opacity: 0;
  transition: 0.08s;
  z-index: 5;
  box-sizing: border-box;
}
#WebExhibition .section1 .links.c2 a:before {
  border: 4px solid #ff0;
}
#WebExhibition .section1 .links.bw2 a:before {
  border-width: 6px;
}
#WebExhibition .section1 .links a:hover:before {
  opacity: 1;
}

#WebExhibition .section1 .links a .in {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: relative;
}
#WebExhibition .section1 .links a .in .tx {
  display: inline-block;
  background-color: #2b65bd;
  position: absolute;
  top: 100%;
  left: 0px;
  white-space: nowrap;
  opacity: 0;
}
#WebExhibition .section1 .links a .in .tx em {
  display: block;
  line-height: 1.3;
  color: #fff;
  padding: 0px 18px 2px 4px;
  font-weight: 300;
  font-size: 76%;
}
#WebExhibition .section1 .links a:hover .in .tx {
  transition: 0.08s;
  opacity: 1;
}
#WebExhibition .section1 .links a.nolink .in .tx em {
  padding: 0px 4px 2px 4px;
}
#WebExhibition .section1 .links a:not(.nolink) .in .tx em:after {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 52%;
  content: "\e91d";
  font-family: iconfontA;
}
#WebExhibition .section1 .links a.nolink .in .tx em .contact {
  display: inline-block;
  line-height: 1;
  padding: 1px 2px 2px;
  background-color: #fff;
  color: #2b65bd;
  font-size: 94%;
  margin-top: 4px;
}

@media screen and (max-width: 740px) {
  #WebExhibition .section1 {
    margin-bottom: 55px;
  }
  #WebExhibition .section1 .links a:before {
    border-width: 3px;
  }
  #WebExhibition .section1 .links a .in .tx {
    padding: 3px 3px;
    font-size: 80%;
  }
  #WebExhibition .section1 .links a:not(.nolink) .in .tx:after {
    font-size: 70%;
  }
}

/* //    |- ExhibitionSec1  */
#WebExhibition #ExhibitionSec1 .links a.b1 {
  top: 9%;
  left: 24%;
  width: 27.7%;
  height: 11.6%;
}
#WebExhibition #ExhibitionSec1 .links a.b2 {
  top: 27%;
  left: 20%;
  width: 12%;
  height: 32.3%;
}
#WebExhibition #ExhibitionSec1 .links a.b3 {
  top: 34.3%;
  left: 34.8%;
  width: 7.5%;
  height: 23.4%;
}
#WebExhibition #ExhibitionSec1 .links a.b4 {
  top: 27%;
  left: 42%;
  width: 7.5%;
  height: 19%;
}
#WebExhibition #ExhibitionSec1 .links a.b5 {
  top: 28.4%;
  left: 51%;
  width: 8.5%;
  height: 16.6%;
}

#WebExhibition #ExhibitionSec1 .links a.b6 {
  top: 12.4%;
  left: 73%;
  width: 22%;
  height: 5.1%;
}
#WebExhibition #ExhibitionSec1 .links a.b7 {
  top: 17.7%;
  left: 73%;
  width: 22%;
  height: 4.9%;
}
#WebExhibition #ExhibitionSec1 .links a.b8 {
  top: 22.8%;
  left: 73%;
  width: 22%;
  height: 6.5%;
}
#WebExhibition #ExhibitionSec1 .links a.b9 {
  top: 33.2%;
  left: 73%;
  width: 22%;
  height: 5.1%;
}
#WebExhibition #ExhibitionSec1 .links a.b10 {
  top: 38.3%;
  left: 73%;
  width: 22%;
  height: 4.8%;
}
#WebExhibition #ExhibitionSec1 .links a.b11 {
  top: 43.1%;
  left: 73%;
  width: 22%;
  height: 4.7%;
}
#WebExhibition #ExhibitionSec1 .links a.b12 {
  top: 50.1%;
  left: 73%;
  width: 22%;
  height: 4.6%;
}
#WebExhibition #ExhibitionSec1 .links a.b13 {
  top: 54.8%;
  left: 73%;
  width: 22%;
  height: 4.1%;
}
#WebExhibition #ExhibitionSec1 .links a.b14 {
  top: 71.5%;
  left: 72.3%;
  width: 22.3%;
  height: 3.5%;
}
#WebExhibition #ExhibitionSec1 .links a.b15 {
  top: 74.5%;
  left: 72.3%;
  width: 22.3%;
  height: 3.3%;
}
#WebExhibition #ExhibitionSec1 .links a.b16 {
  top: 77.4%;
  left: 72.3%;
  width: 22.3%;
  height: 3.5%;
}
#WebExhibition #ExhibitionSec1 .links a.b17 {
  top: 80.5%;
  left: 72.3%;
  width: 22.3%;
  height: 4.1%;
}
#WebExhibition #ExhibitionSec1 .links a.b18 {
  top: 95.8%;
  left: 51%;
  width: 45%;
  height: 5.1%;
}

/* //    |- ExhibitionSec2  */
#WebExhibition #ExhibitionSec2 .links a.b1 {
  top: 1.8%;
  left: 9.4%;
  width: 37.9%;
  height: 27%;
}
#WebExhibition #ExhibitionSec2 .links a.b2 {
  top: 1.7%;
  left: 61.5%;
  width: 31.2%;
  height: 36.7%;
}
#WebExhibition #ExhibitionSec2 .links a.b3 {
  top: 43%;
  left: 47%;
  width: 26.7%;
  height: 19.8%;
}
#WebExhibition #ExhibitionSec2 .links a.b4 {
  top: 47.7%;
  left: 74%;
  width: 10.7%;
  height: 15.1%;
}
#WebExhibition #ExhibitionSec2 .links a.b5 {
  top: 67%;
  left: 24.6%;
  width: 17.8%;
  height: 11.6%;
}
#WebExhibition #ExhibitionSec2 .links a.b6 {
  top: 78%;
  left: 4%;
  width: 18.4%;
  height: 16.6%;
}
#WebExhibition #ExhibitionSec2 .links a.b7 {
  top: 77.4%;
  left: 53.6%;
  width: 30.7%;
  height: 17.6%;
}

/* //    |- ExhibitionSec3  */
#WebExhibition #ExhibitionSec3 .links a.b1 {
  top: 9.6%;
  left: 6.1%;
  width: 5.5%;
  height: 32.5%;
}
#WebExhibition #ExhibitionSec3 .links a.b2 {
  top: 9.6%;
  left: 11.9%;
  width: 5.5%;
  height: 32.5%;
}
#WebExhibition #ExhibitionSec3 .links a.b3 {
  top: 9.6%;
  left: 17.3%;
  width: 5.5%;
  height: 32.5%;
}
#WebExhibition #ExhibitionSec3 .links a.b4 {
  top: 9.6%;
  left: 23.1%;
  width: 5%;
  height: 32.5%;
}
#WebExhibition #ExhibitionSec3 .links a.b5 {
  top: 9.6%;
  left: 28.2%;
  width: 5.5%;
  height: 32.5%;
}
#WebExhibition #ExhibitionSec3 .links a.b6 {
  top: 48.8%;
  left: 7%;
  width: 4.5%;
  height: 8.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b7 {
  top: 48.8%;
  left: 11.2%;
  width: 5.4%;
  height: 8.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b8 {
  top: 48.8%;
  left: 17.1%;
  width: 4.5%;
  height: 8.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b9 {
  top: 48.8%;
  left: 21.6%;
  width: 5.9%;
  height: 8.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b10 {
  top: 48.8%;
  left: 27.5%;
  width: 5.9%;
  height: 8.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b11 {
  top: 58.2%;
  left: 7%;
  width: 4.8%;
  height: 8.7%;
}
#WebExhibition #ExhibitionSec3 .links a.b12 {
  top: 58.2%;
  left: 11.7%;
  width: 4.9%;
  height: 8.7%;
}
#WebExhibition #ExhibitionSec3 .links a.b13 {
  top: 58.2%;
  left: 17.4%;
  width: 5.3%;
  height: 8.7%;
}
#WebExhibition #ExhibitionSec3 .links a.b14 {
  top: 58.2%;
  left: 23.2%;
  width: 4.8%;
  height: 8.7%;
}
#WebExhibition #ExhibitionSec3 .links a.b15 {
  top: 58.2%;
  left: 28.8%;
  width: 4.8%;
  height: 8.7%;
}
#WebExhibition #ExhibitionSec3 .links a.b16 {
  top: 74.2%;
  left: 6.1%;
  width: 9.6%;
  height: 11%;
}
#WebExhibition #ExhibitionSec3 .links a.b17 {
  top: 74.2%;
  left: 16.3%;
  width: 6.2%;
  height: 11%;
}
#WebExhibition #ExhibitionSec3 .links a.b18 {
  top: 74.2%;
  left: 23.5%;
  width: 8.5%;
  height: 11%;
}
#WebExhibition #ExhibitionSec3 .links a.b19 {
  top: 91.5%;
  left: 6.1%;
  width: 7.4%;
  height: 6.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b20 {
  top: 91.5%;
  left: 13.4%;
  width: 7.4%;
  height: 6.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b21 {
  top: 91.5%;
  left: 20.6%;
  width: 7.4%;
  height: 6.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b22 {
  top: 91.5%;
  left: 27.8%;
  width: 6.1%;
  height: 6.2%;
}
#WebExhibition #ExhibitionSec3 .links a.b23 {
  top: 10.2%;
  left: 64%;
  width: 15%;
  height: 5%;
}
#WebExhibition #ExhibitionSec3 .links a.b24 {
  top: 10.2%;
  left: 80.3%;
  width: 15%;
  height: 5%;
}
#WebExhibition #ExhibitionSec3 .links a.b25 {
  top: 18.6%;
  left: 64%;
  width: 32.7%;
  height: 5%;
}

#WebExhibition #ExhibitionSec3 .links a.b26 {
  top: 26.8%;
  left: 64%;
  width: 32.7%;
  height: 5%;
}
#WebExhibition #ExhibitionSec3 .links a.b27 {
  top: 34.8%;
  left: 64%;
  width: 32.7%;
  height: 6.5%;
}
#WebExhibition #ExhibitionSec3 .links a.b28 {
  top: 48%;
  left: 64.3%;
  width: 31%;
  height: 15.1%;
}
#WebExhibition #ExhibitionSec3 .links a.b29 {
  top: 70.3%;
  left: 64.1%;
  width: 32%;
  height: 3.6%;
}
#WebExhibition #ExhibitionSec3 .links a.b30 {
  top: 75.7%;
  left: 64.1%;
  width: 32%;
  height: 3.6%;
}
#WebExhibition #ExhibitionSec3 .links a.b31 {
  top: 81.4%;
  left: 64.1%;
  width: 32%;
  height: 3.6%;
}

/* //    |- ExhibitionSec4  */
#WebExhibition #ExhibitionSec4 .links a:before {
  border-color: #003c97;
}
#WebExhibition #ExhibitionSec4 .links a .in .tx {
  background-color: #003c97;
}

#WebExhibition #ExhibitionSec4 .links a.b1 {
  top: 5%;
  left: 1.7%;
  width: 26.3%;
  height: 21%;
}
#WebExhibition #ExhibitionSec4 .links a.b2 {
  top: 36.1%;
  left: 1.7%;
  width: 26.3%;
  height: 21%;
}
#WebExhibition #ExhibitionSec4 .links a.b3 {
  top: 67%;
  left: 1.7%;
  width: 26.3%;
  height: 21%;
}
#WebExhibition #ExhibitionSec4 .links a.b4 {
  top: 4.3%;
  left: 72%;
  width: 26.3%;
  height: 21%;
}
#WebExhibition #ExhibitionSec4 .links a.b5 {
  top: 30%;
  left: 72%;
  width: 26.3%;
  height: 29%;
}
#WebExhibition #ExhibitionSec4 .links a.b6 {
  top: 63%;
  left: 72%;
  width: 26.3%;
  height: 30%;
}

/* //    |- SampleCaseSec1  */
#WebExhibition #SampleCaseSec1 .links a.b1 {
  top: 4.8%;
  left: 72.4%;
  width: 24.3%;
  height: 12.6%;
}
#WebExhibition #SampleCaseSec1 .links a.b2 {
  top: 4.8%;
  left: 50.2%;
  width: 21.2%;
  height: 12.6%;
}

#WebExhibition #SampleCaseSec1 .links a.b3 {
  top: 4.8%;
  left: 12.6%;
  width: 9%;
  height: 14.9%;
}
#WebExhibition #SampleCaseSec1 .links a.b4 {
  top: 4.8%;
  left: 2.4%;
  width: 10.3%;
  height: 14.9%;
}
#WebExhibition #SampleCaseSec1 .links a.b5 {
  top: 4.8%;
  left: 21.3%;
  width: 7.3%;
  height: 14.9%;
}
#WebExhibition #SampleCaseSec1 .links a.b6 {
  top: 4.8%;
  left: 30.6%;
  width: 13%;
  height: 14.9%;
}
#WebExhibition #SampleCaseSec1 .links a.b7 {
  top: 64.5%;
  left: 55.6%;
  width: 20%;
  height: 11.2%;
}

#WebExhibition #SampleCaseSec1 .links a.b8 {
  top: 33.8%;
  left: 2.7%;
  width: 10.3%;
  height: 15%;
}
#WebExhibition #SampleCaseSec1 .links a.b9 {
  top: 33.8%;
  left: 13.2%;
  width: 8.6%;
  height: 15%;
}
#WebExhibition #SampleCaseSec1 .links a.b10 {
  top: 33.8%;
  left: 22%;
  width: 11.7%;
  height: 15%;
}

#WebExhibition #SampleCaseSec1 .links a.b11 {
  top: 34.8%;
  left: 60%;
  width: 11.7%;
  height: 13.2%;
}
#WebExhibition #SampleCaseSec1 .links a.b12 {
  top: 34.8%;
  left: 71.6%;
  width: 11.7%;
  height: 13.2%;
}
#WebExhibition #SampleCaseSec1 .links a.b13 {
  top: 34.8%;
  left: 83.6%;
  width: 11.7%;
  height: 13.2%;
}

#WebExhibition #SampleCaseSec1 .links a.b14 {
  top: 52.5%;
  left: 55.6%;
  width: 20%;
  height: 12.1%;
}
#WebExhibition #SampleCaseSec1 .links a.b15 {
  top: 48.5%;
  left: 76.6%;
  width: 20%;
  height: 15.1%;
}
#WebExhibition #SampleCaseSec1 .links a.b16 {
  top: 64.5%;
  left: 76.6%;
  width: 20%;
  height: 11.2%;
}
#WebExhibition #SampleCaseSec1 .links a.b17 {
  top: 21.5%;
  left: 53.6%;
  width: 23%;
  height: 11.6%;
}
#WebExhibition #SampleCaseSec1 .links a.b18 {
  top: 13.1%;
  left: 44.1%;
  width: 6.4%;
  height: 10.5%;
}
#WebExhibition #SampleCaseSec1 .links a.b19 {
  top: 21.5%;
  left: 75%;
  width: 22.2%;
  height: 11.6%;
}
#WebExhibition #SampleCaseSec1 .links a.b20 {
  top: 21.5%;
  left: 2%;
  width: 50.7%;
  height: 10.8%;
}
#WebExhibition #SampleCaseSec1 .links a.b21 {
  top: 60.8%;
  left: 2%;
  width: 50.7%;
  height: 10%;
}
#WebExhibition #SampleCaseSec1 .links a.b22 {
  top: 50.8%;
  left: 2%;
  width: 50.7%;
  height: 10%;
}
#WebExhibition #SampleCaseSec1 .links a.b23 {
  top: 72.7%;
  left: 2%;
  width: 50.7%;
  height: 10%;
}
#WebExhibition #SampleCaseSec1 .links a.b24 {
  top: 83.4%;
  left: 2%;
  width: 50.7%;
  height: 11%;
}
#WebExhibition #SampleCaseSec1 .links a.b25 {
  top: 75.5%;
  left: 55%;
  width: 42%;
  height: 7%;
}
#WebExhibition #SampleCaseSec1 .links a.b26 {
  top: 88%;
  left: 55%;
  width: 42%;
  height: 7%;
}
#WebExhibition #SampleCaseSec1 .links a.b27 {
  top: 82.4%;
  left: 55%;
  width: 42%;
  height: 6%;
}

/* //    |- SampleCaseSec2  */
#WebExhibition #SampleCaseSec2 .links a.b1 {
  top: 6.8%;
  left: 2.4%;
  width: 44%;
  height: 10.7%;
}
#WebExhibition #SampleCaseSec2 .links a.b2 {
  top: 49.8%;
  left: 50.8%;
  width: 18.8%;
  height: 13.7%;
}
#WebExhibition #SampleCaseSec2 .links a.b3 {
  top: 28.8%;
  left: 50.8%;
  width: 18%;
  height: 18.7%;
}
#WebExhibition #SampleCaseSec2 .links a.b4 {
  top: 50.9%;
  left: 73.8%;
  width: 20%;
  height: 12.9%;
}
#WebExhibition #SampleCaseSec2 .links a.b5 {
  top: 32.3%;
  left: 2.6%;
  width: 8.4%;
  height: 19.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b6 {
  top: 32.3%;
  left: 11.2%;
  width: 8.4%;
  height: 19.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b7 {
  top: 32.3%;
  left: 38.2%;
  width: 8.4%;
  height: 19.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b8 {
  top: 32.3%;
  left: 29.4%;
  width: 8.4%;
  height: 19.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b9 {
  top: 32.3%;
  left: 20.4%;
  width: 8.4%;
  height: 19.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b10 {
  top: 17.5%;
  left: 2.4%;
  width: 44%;
  height: 10.7%;
}
#WebExhibition #SampleCaseSec2 .links a.b11 {
  top: 36.8%;
  left: 75.5%;
  width: 18%;
  height: 13.5%;
}
#WebExhibition #SampleCaseSec2 .links a.b12 {
  top: 64.8%;
  left: 68%;
  width: 12.4%;
  height: 12.5%;
}
#WebExhibition #SampleCaseSec2 .links a.b13 {
  top: 64.8%;
  left: 86.4%;
  width: 10.2%;
  height: 12.5%;
}
#WebExhibition #SampleCaseSec2 .links a.b14 {
  top: 81.8%;
  left: 48%;
  width: 12.9%;
  height: 13.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b15 {
  top: 81.8%;
  left: 61.9%;
  width: 11.9%;
  height: 13.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b16 {
  top: 81.8%;
  left: 74%;
  width: 11.6%;
  height: 13.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b17 {
  top: 81.8%;
  left: 85.7%;
  width: 12.9%;
  height: 13.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b18 {
  top: 51.8%;
  left: 2.4%;
  width: 44%;
  height: 8.6%;
}
#WebExhibition #SampleCaseSec2 .links a.b19 {
  top: 60.4%;
  left: 2.4%;
  width: 44%;
  height: 7.8%;
}
#WebExhibition #SampleCaseSec2 .links a.b20 {
  top: 68%;
  left: 2.4%;
  width: 44%;
  height: 7.5%;
}
#WebExhibition #SampleCaseSec2 .links a.b21 {
  top: 75.1%;
  left: 2.4%;
  width: 44%;
  height: 7.4%;
}
#WebExhibition #SampleCaseSec2 .links a.b22 {
  top: 82.2%;
  left: 2.4%;
  width: 44%;
  height: 7.7%;
}
#WebExhibition #SampleCaseSec2 .links a.b23 {
  top: 89.6%;
  left: 2.4%;
  width: 44%;
  height: 8.6%;
}

/* //    |- SampleCaseSec3  */
#WebExhibition #SampleCaseSec3 .links a.b1 {
  top: 20%;
  left: 51%;
  width: 19.6%;
  height: 15.7%;
}
#WebExhibition #SampleCaseSec3 .links a.b2 {
  top: 4%;
  left: 23%;
  width: 40%;
  height: 18%;
}
#WebExhibition #SampleCaseSec3 .links a.b3 {
  top: 4%;
  left: 4%;
  width: 19%;
  height: 18.8%;
}
#WebExhibition #SampleCaseSec3 .links a.b4 {
  top: 27%;
  left: 2.8%;
  width: 21%;
  height: 20.8%;
}
#WebExhibition #SampleCaseSec3 .links a.b5 {
  top: 25%;
  left: 25.8%;
  width: 18.7%;
  height: 21.4%;
}
#WebExhibition #SampleCaseSec3 .links a.b6 {
  top: 35.8%;
  left: 50%;
  width: 43%;
  height: 16.8%;
}
#WebExhibition #SampleCaseSec3 .links a.b7 {
  top: 50%;
  left: 3.8%;
  width: 17.7%;
  height: 20.8%;
}
#WebExhibition #SampleCaseSec3 .links a.b8 {
  top: 49%;
  left: 26.8%;
  width: 16.7%;
  height: 21.4%;
}
#WebExhibition #SampleCaseSec3 .links a.b9 {
  top: 53.8%;
  left: 50%;
  width: 43%;
  height: 12.5%;
}
#WebExhibition #SampleCaseSec3 .links a.b10 {
  top: 73%;
  left: 3.8%;
  width: 17.6%;
  height: 20.8%;
}
#WebExhibition #SampleCaseSec3 .links a.b11 {
  top: 72%;
  left: 26.8%;
  width: 16.7%;
  height: 21.4%;
}
#WebExhibition #SampleCaseSec3 .links a.b12 {
  top: 66%;
  left: 50%;
  width: 43%;
  height: 10.5%;
}
#WebExhibition #SampleCaseSec3 .links a.b13 {
  top: 78%;
  left: 62%;
  width: 14%;
  height: 21%;
}
#WebExhibition #SampleCaseSec3 .links a.b14 {
  top: 78%;
  left: 77.3%;
  width: 16%;
  height: 21%;
}

/* //    |- SampleCaseSec4  */
#WebExhibition #SampleCaseSec4 .links a.b1 {
  top: 12%;
  left: 10.3%;
  width: 15.8%;
  height: 53%;
}
#WebExhibition #SampleCaseSec4 .links a.b2 {
  top: 65%;
  left: 10.3%;
  width: 15.8%;
  height: 22%;
}
#WebExhibition #SampleCaseSec4 .links a.b3 {
  top: 11.8%;
  left: 29.8%;
  width: 29%;
  height: 15%;
}
#WebExhibition #SampleCaseSec4 .links a.b4 {
  top: 30.8%;
  left: 29.8%;
  width: 29%;
  height: 15%;
}
#WebExhibition #SampleCaseSec4 .links a.b5 {
  top: 49.8%;
  left: 29.8%;
  width: 29%;
  height: 15%;
}
#WebExhibition #SampleCaseSec4 .links a.b6 {
  top: 70.8%;
  left: 29.8%;
  width: 29%;
  height: 15%;
}
#WebExhibition #SampleCaseSec4 .links a.b7 {
  top: 41%;
  left: 61.7%;
  width: 11%;
  height: 20%;
}
#WebExhibition #SampleCaseSec4 .links a.b8 {
  top: 37%;
  left: 72.8%;
  width: 12.5%;
  height: 27%;
}
#WebExhibition #SampleCaseSec4 .links a.b9 {
  top: 41%;
  left: 85.4%;
  width: 11%;
  height: 20%;
}
#WebExhibition #SampleCaseSec4 .links a.b10 {
  top: 70.1%;
  left: 63%;
  width: 15%;
  height: 14%;
}
#WebExhibition #SampleCaseSec4 .links a.b11 {
  top: 71.5%;
  left: 79%;
  width: 12%;
  height: 14%;
}

/* //    |- SampleCaseSec5  */
#WebExhibition #SampleCaseSec5 .links a.b1 {
  top: 13%;
  left: 3.6%;
  width: 17.5%;
  height: 29%;
}
#WebExhibition #SampleCaseSec5 .links a.b2 {
  top: 13%;
  left: 21.5%;
  width: 15.1%;
  height: 29%;
}
#WebExhibition #SampleCaseSec5 .links a.b3 {
  top: 6%;
  left: 36.6%;
  width: 13.5%;
  height: 36%;
}
#WebExhibition #SampleCaseSec5 .links a.b4 {
  top: 71.2%;
  left: 52%;
  width: 17%;
  height: 10%;
}
#WebExhibition #SampleCaseSec5 .links a.b5_6 {
  top: 8%;
  left: 49.9%;
  width: 14.9%;
  height: 34%;
}

#WebExhibition #SampleCaseSec5 .links a.b7 {
  top: 5%;
  left: 65.9%;
  width: 26.9%;
  height: 34.7%;
}
#WebExhibition #SampleCaseSec5 .links a.b8 {
  top: 42%;
  left: 3%;
  width: 43%;
  height: 56%;
}
#WebExhibition #SampleCaseSec5 .links a.b9 {
  top: 75%;
  left: 39%;
  width: 6.2%;
  height: 12.8%;
}
#WebExhibition #SampleCaseSec5 .links a.b10 {
  top: 75%;
  left: 33%;
  width: 6.2%;
  height: 12.8%;
}
#WebExhibition #SampleCaseSec5 .links a.b11 {
  top: 44%;
  left: 48.2%;
  width: 15.2%;
  height: 23%;
}
#WebExhibition #SampleCaseSec5 .links a.b12 {
  top: 44%;
  left: 64.4%;
  width: 15.2%;
  height: 23%;
}
#WebExhibition #SampleCaseSec5 .links a.b13 {
  top: 44%;
  left: 80.3%;
  width: 16.4%;
  height: 23%;
}
#WebExhibition #SampleCaseSec5 .links a.b14 {
  top: 71.2%;
  left: 69%;
  width: 28%;
  height: 10%;
}
#WebExhibition #SampleCaseSec5 .links a.b15 {
  top: 80.7%;
  left: 52%;
  width: 45.1%;
  height: 8.4%;
}
#WebExhibition #SampleCaseSec5 .links a.b16 {
  top: 88.6%;
  left: 52%;
  width: 45.1%;
  height: 8.4%;
}

/* //    |- SampleCaseSec6  */
#WebExhibition #SampleCaseSec6 .links a.b1 {
  top: 68%;
  left: 3%;
  width: 95%;
  height: 28%;
}
#WebExhibition #SampleCaseSec6 .links a.b2 {
  top: 25.7%;
  left: 43%;
  width: 55%;
  height: 41%;
}
#WebExhibition #SampleCaseSec6 .links a.b3 {
  top: 4%;
  left: 42%;
  width: 28%;
  height: 20%;
}
#WebExhibition #SampleCaseSec6 .links a.b4_5 {
  top: 4%;
  left: 3%;
  width: 38.6%;
  height: 62.4%;
}

#WebExhibition .thumbNavi1 {
}
#WebExhibition .thumbNavi1 .navis {
  width: calc(100% + 8px);
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
#WebExhibition .thumbNavi1 .navis li {
  width: calc(100% / 4 - 8px);
  margin-right: 8px;
  margin-bottom: 8px;
}
#WebExhibition .thumbNavi1 .navis li a {
  display: block;
  height: 100%;
  padding: 0 5px 10px !important;
  background-color: #e9eaef;
  color: #306fb5 !important;
  min-width: 1px;
}
#WebExhibition .thumbNavi1 .navis li a:before {
  opacity: 0.05;
}
#WebExhibition .thumbNavi1 .navis li a .tuhmb {
  display: block;
  position: relative;
  z-index: 50;
  width: 130px;
  height: 120px;
  margin: 0px auto 0;
  position: relative;
}
#WebExhibition .thumbNavi1 .navis li a .tuhmb img {
  width: 90%;
  opacity: 1 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#WebExhibition .thumbNavi1 .navis li a .tx {
  display: block;
  position: relative;
  z-index: 50;
  padding: 0 0;
  font-size: 92%;
  line-height: 1.4;
}
#WebExhibition .thumbNavi1 .navis li a .tx .icon {
  margin-right: 5px;
}

#WebExhibition .btnSet1 {
}
#WebExhibition .btnSet1 .btns {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: calc(100% + 5px);
}
#WebExhibition .btnSet1 .btns li {
  width: calc(100% / 2 - 5px);
  margin-right: 5px;
  margin-bottom: 3px;
}
#WebExhibition .btnSet1 .btns li a {
  width: 100%;
}
#WebExhibition .pageHeaderB .txt {
  font-size: 2.6rem;
}

@media screen and (max-width: 740px) {
  #WebExhibition .btnSet1 {
  }
  #WebExhibition .btnSet1 .btns {
    display: block;
    width: 100%;
  }
  #WebExhibition .btnSet1 .btns li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3px;
  }
  #WebExhibition .btnSet1 .btns li a {
    width: 100%;
  }
}

/* // PrivacyInfo //
----------------------------------------------- */
#PrivacyInfo {
  background-color: #fff;
  font-size: 11px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1000;
  margin-bottom: -1px;
  color: #666;
  display: none;
}
#PrivacyInfo .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  box-sizing: border-box;
  position: relative;
}

#PrivacyInfo .tx1 {
  color: #006dba;
  font-weight: 500;
  font-size: 130%;
  margin-bottom: 6px;
}
#PrivacyInfo .tx2 {
  line-height: 1.6;
}
#PrivacyInfo .tx2 .btn1 {
  display: inline-block;
  font-size: 90%;
  margin-left: 10px;
}
#PrivacyInfo .tx2 .btn1 .icon {
  display: inline-block;
  margin-left: 3px;
}
#PrivacyInfo .agreeBtn {
  margin-top: 8px;
  display: inline-block;
  background-color: #0071b9;
  padding: 2px;
  box-sizing: border-box;
  min-width: 10px;
}
#PrivacyInfo .agreeBtn .tx {
  font-size: 115% !important;
  color: #fff;
}

/* ________SP________ */
@media screen and (max-width: 800px) {
  #PrivacyInfo {
    font-size: 10px;
  }
  #PrivacyInfo .inner {
    width: 100%;
    padding: 10px 10px;
  }

  #PrivacyInfo .tx1 {
    font-size: 110%;
    margin-bottom: 3px;
  }
  #PrivacyInfo .tx2 {
    line-height: 1.5;
  }
  #PrivacyInfo .tx2 .btn1 {
    display: inline-block;
    font-size: 90%;
    margin-left: 10px;
  }
  #PrivacyInfo .tx2 .btn1 .icon {
    display: inline-block;
    margin-left: 3px;
  }
  #PrivacyInfo .agreeBtn {
    display: block;
    padding: 8px;
    width: 100%;
    margin: 15px auto 0;
  }
}

/* // grecaptcha-badge //
----------------------------------------------- */
.grecaptcha-badge {
  bottom: 210px !important;
  z-index: 999;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
  .grecaptcha-badge {
    bottom: 10px !important;
  }
}

/* // caseSearch //
----------------------------------------------- */
.caseSearch {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px 0;
  margin-bottom: 50px;
  padding: 40px;
  background: #F1F3F7;
}
.caseSearch dt{
  flex-shrink: 0;
  width: 90px;
  font-size: 18px;
  color: #1A3A71;
  line-height: 1.1;
}
.caseSearch dd{
  flex-grow: 1;
  width: calc(100% - 90px);
}
.caseSearch dd ul{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.caseSearch dd li{
  list-style: none;
}
.caseSearch dd li a{
  display: block;
  padding: 5px 15px;
  border-radius: 30px;
  border: 1px solid #1A3A71;
  background: #fff;
  line-height: 1;
  color: #1A3A71;
}
.caseSearch dd li a:hover{
  color: #1A3A71;
  opacity: .7;
}
.caseSearch dd li a.caseSearch_product{
  padding: 5px 10px;
  border-radius: 0;
  background: #1A3A71;
  color: #fff;
}
.caseSearch dd li a.caseSearch_product:hover{
  color: #fff;
}
.caseSearch dd li a.current{
  background: #8fb82d;
  border-color: #8fb82d;
  color: #fff;
}
/* ________SP________ */
@media screen and (max-width: 800px) {
  .caseSearch {
    display: block;
    margin-bottom: 30px;
    padding: 15px 15px 0;
  }
  .caseSearch dt{
    width: auto;
    font-size: 14px;
  }
  .caseSearch dd{
    width: auto;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .caseSearch dd+dt{
    padding-top: 15px;
    border-top: 1px solid #ccc;
  }
  .caseSearch dd li a{
    display: block;
    padding: 3px 10px;
    font-size: 12px;
  }
  .caseSearch dd li a.caseSearch_product{
    padding: 3px 10px;
  }
}

/* // caseList
----------------------------------------------- */

.otherColumn{
  margin-top: 70px;
  margin-bottom: 70px;
}

.caseList>ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}
.caseList>ul>li {
  width: calc(33.33% - 26.66px);
}
.caseList>ul>li a {
  position: relative;
  overflow: hidden;
  display: block;
  line-height: 1;
}
.case_thumb{
  width: 100%;
  height: 200px;
  background: #fff;
}
.case_thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.case_title{
  margin: 10px 0;
  font-size: 17px;
  line-height: 1.5;
}
.case_tags{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
}
.case_tags dt{
  flex-shrink: 0;
  width: 50px;
  font-size: 16px;
  color: #1A3A71;
  line-height: 1.1;
}
.case_tags dd{
  flex-grow: 1;
  width: calc(100% - 50px);
}
.case_tags dd ul{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.case_tags dd li{
  list-style: none;
  display: block;
  padding: 2px 12px;
  border-radius: 30px;
  border: 1px solid #1A3A71;
  background: #fff;
  line-height: 1;
  font-size: 12px;
  color: #1A3A71;
}
.case_tags dd li.case_tag_product{
  padding: 2px 10px;
  border-radius: 0;
  background: #1A3A71;
  color: #fff;
}

/*single*/
.caseTitle{
  position: relative;
  margin: 30px 0 0 0;
}
.caseTitle h1{
  font-size: 32px;
  font-weight: bold;
  line-height: 1.7;
}
.caseTitle .edit {
  position: absolute;
  bottom: 9px;
  right: 0px;
  display: inline-block;
  background-color: #ddd;
  line-height: 1;
  padding: 5px 13px 5px 15px;
  color: #828282;
  border-radius: 3px;
  letter-spacing: 1px;
  font-weight: 400;
  height: auto !important;
  font-size: 12px;
}
.caseTitle .edit:hover {
  background-color: #ccc;
}
.caseHeader{
  display: flex;
  align-items: flex-start;
  gap: 50px;
  margin: 30px 0 50px;
}
.caseHeader_kv{
  flex-shrink: 0;
  width: 550px;
  height: 300px;
  background: #F1F1F1;
}
.caseHeader_kv img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.caseHeader_lead{
  margin-bottom: 30px;
  padding: 30px;
  background: #F1F3F7;
  font-size: 18px;
  line-height: 1.6;
}

/* ________SP________ */
@media screen and (max-width: 800px) {

  .caseList>ul>li {
    width: 100%;
  }
  .case_tags dt{
    width: 40px;
    font-size: 14px;
  }
  .case_tags dd{
    width: calc(100% - 40px);
  }
  .case_title{
    font-size: 16px;
  }

  /*single*/
  .caseTitle{
    margin-top: 20px;
  }
  .caseTitle h1{
    font-size: 24px;
  }

  .caseHeader{
    display: block;
    margin: 20px 0;
  }
  .caseHeader_kv,
  .caseHeader_kv img{
    width: 100%;
    height: auto;
  }
  .caseHeader_lead{
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
  }
}