@charset "UTF-8";
/*
Theme Name:         EMデバイス専用
Description:        Walls is a clean designed for construction, building companies, renovation and remodeling contractor services or business who wants to showcase their work, services and professional way. This template has beautifull and unique design that will be best suited for your online web presence. It has 100% responsive design and tested on all major handheld devices, the theme also responsive and high quality in any browsers
Version: 1.30
/* your style here */
tw{
	display:inline-block;
}


* {
  box-sizing: border-box;
}

/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent no-repeat;
  font-weight: normal;
}

.product_relay_contentBox1 .imgBox{
	overflow:hidden;
}

img {
  max-width: 100%;
}

button {
  border: none;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1;
  font-size: 1rem;
  font-weight: 500;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #323232;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing=0' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  /*フォントの名前*/
  font-family: "notosans";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("./font/NotoSans-Regular.woff2") format("woff2"), url("./font/NotoSans-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  /*フォントの名前*/
  font-family: "notosansI";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("./font/NotoSans-Italic1.woff2") format("woff2"), url("./font/NotoSans-Italic1.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  /*フォントの名前*/
  font-family: "notosans";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("./font/NotoSans-Bold.woff2") format("woff2"), url("./font/NotoSans-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  /*フォントの名前*/
  font-family: "notosans_sc";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("./font/NotoSansSC-Regular.woff2") format("woff2"), url("./font/NotoSansSC-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  /*フォントの名前*/
  font-family: "notosans_sc";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("./font/NotoSansSC-Bold.woff2") format("woff2"), url("./font/NotoSansSC-Bold.woff") format("woff");
  font-weight: 700;
}
body {
  font-family: "notosans", "notosans_sc", sans-serif;
  color: #202020;
  font-size: 16px;
}

body.zh-hans {
  font-family: "notosans_sc", "notosans", sans-serif;
  color: #202020;
  font-size: 16px;
}

i {
  font-style: italic !important;
  font-family: "notosansI";
}

:root {
  --main_color:#fd8124;
  --sub_color:#041e42;
  --color_03:#0b127d;
}

* {
  box-sizing: border-box;
}

img[usemap] {
  max-width: 100%;
  height: auto;
}

.ie_polyfill {
  display: none;
}

main {
  display: block;
}

body {
  min-width: 300px;
}

strong {
  font-weight: 700;
}

.text_wrap, .test_wrap {
  display: inline-block;
}

.imgBox, .imgBox1, .imgBox2, .imgBox3, .imgBox4 {
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.container_home {
  max-width: 1306px;
  width: 90%;
  margin: 0 auto;
}

.lower_page_container {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
}

.lower_page_container2 {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}

.show960 {
  display: block !important;
}

.btnBox1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
  top: 0;
}
.btnBox1 .btn {
  width: 150px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.btnBox1 .btn a {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.btnBox1 .btn1 {
  background-color: var(--main_color);
  margin-bottom: 20px;
}
.btnBox1 .btn1:hover {
  background-color: var(--sub_color);
}
.btnBox1 .btn2 {
  background-color: var(--sub_color);
}
.btnBox1 .btn2:hover {
  background-color: var(--main_color);
}
.btnBox1 .btn3 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 1em;
}

@media (min-width: 520px) {
  .btnBox1 .btn {
    max-width: 338px;
    width: 90%;
    height: 80px;
    max-height: 80px;
  }
  .btnBox1 .btn a {
    font-size: 32px;
  }
}
@media (min-width: 960px) {
  .show960 {
    display: none !important;
  }

  .btnBox1 {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 90px;
  }
  .btnBox1 .btn {
    width: 197px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
  }
  .btnBox1 .btn a {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .btnBox1 .btn1 {
    background-color: var(--main_color);
    margin-right: 0;
    margin-bottom: 0;
  }
  .btnBox1 .btn1:hover {
    background-color: var(--sub_color);
  }
  .btnBox1 .btn2 {
    background-color: var(--sub_color);
  }
  .btnBox1 .btn2:hover {
    background-color: var(--main_color);
  }
  .btnBox1 .btn3 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 1em;
  }
}
.show960 {
  display: none !important;
}

.show960f {
  display: none !important;
}

.show960i {
  display: none !important;
}

.show960ib {
  display: none !important;
}

.show550 {
  display: none !important;
}

.show550f {
  display: none !important;
}

.show550i {
  display: none !important;
}

.show550ib {
  display: none !important;
}

.show450 {
  display: none !important;
}

.show450f {
  display: none !important;
}

.show450i {
  display: none !important;
}

.show450ib {
  display: none !important;
}

.show350 {
  display: none !important;
}

.show350f {
  display: none !important;
}

.show350i {
  display: none !important;
}

.show350ib {
  display: none !important;
}

@media (max-width: 960px) {
  .hide960 {
    display: none !important;
  }

  .show960 {
    display: block !important;
  }

  .show960f {
    display: flex !important;
  }

  .show960i {
    display: inline !important;
  }

  .show960ib {
    display: inline-block !important;
  }
}
@media (max-width: 550px) {
  .hide550 {
    display: none !important;
  }

  .show550 {
    display: block !important;
  }

  .show550f {
    display: flex !important;
  }

  .show550i {
    display: inline !important;
  }

  .show550ib {
    display: inline-block !important;
  }
}
@media (max-width: 450px) {
  .hide450 {
    display: none !important;
  }

  .show450 {
    display: block !important;
  }

  .show450f {
    display: flex !important;
  }

  .show450i {
    display: inline !important;
  }

  .show450ib {
    display: inline-block !important;
  }
}
@media (max-width: 350px) {
  .hide350 {
    display: none !important;
  }

  .show350 {
    display: block !important;
  }

  .show350f {
    display: flex !important;
  }

  .show350i {
    display: inline !important;
  }

  .show350ib {
    display: inline-block !important;
  }
}
/*-------------------------------

header

--------------------------------*/
header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transition: 0.8s;
}

.active_logo {
  display: none;
}

.header_container {
  position: relative;
  margin: 0 auto;
  display: flex;
}

header.active {
  position: fixed;
  background-color: var(--main_color);
  padding: 6px 0 10px;
}
header.active .header_logoBox {
  margin-top: 8px;
}
header.active .header_logoBox p {
  display: none;
}
header.active .language {
  display: none;
}
header.active .bars {
  bottom: 20%;
}

.bars {
  align-self: center;
  position: absolute;
  right: 4%;
  bottom: 12%;
  /*=============================
  #btn01
  =============================*/
}
.bars .btn-trigger {
  position: relative;
  width: 40px;
  height: 25px;
  cursor: pointer;
}
.bars .btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.bars .btn-trigger, .bars .btn-trigger span {
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
}
.bars .btn-trigger span:nth-of-type(1) {
  top: 0;
}
.bars .btn-trigger span:nth-of-type(2) {
  top: 10px;
}
.bars .btn-trigger span:nth-of-type(3) {
  bottom: 0;
}
.bars #btn01.active span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
}
.bars #btn01.active span:nth-of-type(2) {
  opacity: 0;
}
.bars #btn01.active span:nth-of-type(3) {
  transform: translateY(-10px) rotate(45deg);
}
@media (min-width: 520px) {
  .bars {
    /*=============================
    #btn01
    =============================*/
  }
  .bars .btn-trigger {
    width: 50px;
    height: 45px;
  }
  .bars .btn-trigger span:nth-of-type(2) {
    top: 20px;
  }
  .bars #btn01.active span:nth-of-type(1) {
    transform: translateY(20px) rotate(-45deg);
  }
  .bars #btn01.active span:nth-of-type(3) {
    transform: translateY(-20px) rotate(45deg);
  }
}

.header_container.lower .header_logoBox p, .header_container.lower .language span, .header_container.lower .language a {
  color: var(--main_color);
  font-size: 14px;
}
.header_container.lower .language span {
  font-size: 16px;
  color: #fff;
}
.header_container.lower .language svg {
  width: 1.3em;
}
.header_container.lower .language svg path {
  fill: #fff;
}
@media (min-width: 1150px) {
  .header_container.lower .language span {
    font-size: 16px;
    color: #7a7a7a;
  }
  .header_container.lower .language svg {
    width: 1.3em;
  }
  .header_container.lower .language svg path {
    fill: #7a7a7a;
  }
}
.header_container.lower .wpml-ls-current-language a span {
  color: var(--sub_color);
}
@media (min-width: 1150px) {
  .header_container.lower .wpml-ls-current-language a span {
    color: var(--main_color);
  }
}
.header_container.lower .wpml-ls-current-language a svg path {
  fill: var(--sub_color);
}
@media (min-width: 1150px) {
  .header_container.lower .wpml-ls-current-language a svg path {
    fill: var(--main_color);
  }
}

ul.search {
  display: none;
}

.language {
  display: none;
}
.language span {
  font-size: 16px;
  color: #fff;
}
.language .wpml-ls-current-language a {
  color: var(--sub_color);
  cursor: default;
}
.language .wpml-ls-current-language a span {
  color: var(--sub_color);
}
.language .wpml-ls-current-language a span:hover {
  color: var(--sub_color);
}
@media (min-width: 1150px) {
  .language .wpml-ls-current-language a span {
    color: var(--main_color);
  }
  .language .wpml-ls-current-language a span:hover {
    color: var(--main_color);
  }
}

.header_logoBox {
  width: 100%;
}
.header_logoBox p {
  color: #fff;
  font-size: 20px;
  line-height: 2.75;
  letter-spacing: 0.8px;
  text-align: center;
  margin-bottom: 5px;
}

.header_logo .imgBox {
  width: 50%;
  max-width: 285px;
  margin-left: 16px;
}

.header_navi {
  flex: 1;
}
.header_navi a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
}

.global_nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100px;
  display: none;
  overflow-y: scroll;
  background-color: var(--main_color);
  /* globalナビ＞サブナビ*/
}
.global_nav > ul, .global_nav #menu-main-menu {
  padding-left: 18px;
}
.global_nav > ul li, .global_nav #menu-main-menu li {
  padding: 30px 18px 18px;
}
.global_nav #menu-main-menu, .global_nav .language-menu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1120px;
}
.global_nav #menu-main-menu li, .global_nav .language-menu li {
  position: relative;
}
.global_nav #menu-main-menu li.current_page_item > a, .global_nav #menu-main-menu li.current-menu-item > a, .global_nav .language-menu li.current_page_item > a, .global_nav .language-menu li.current-menu-item > a {
  color: var(--sub_color);
  position: relative;
}
.global_nav #menu-main-menu li.current_page_item > a:after, .global_nav #menu-main-menu li.current-menu-item > a:after, .global_nav .language-menu li.current_page_item > a:after, .global_nav .language-menu li.current-menu-item > a:after {
  content: "";
  position: absolute;
  border-bottom: 2px solid var(--sub_color);
  left: 0;
  right: 0;
  bottom: -10px;
}
.global_nav #menu-main-menu li.current_page_item > .pull_down, .global_nav #menu-main-menu li.current-menu-item > .pull_down, .global_nav .language-menu li.current_page_item > .pull_down, .global_nav .language-menu li.current-menu-item > .pull_down {
  color: var(--sub_color);
  position: relative;
}
.global_nav #menu-main-menu li .pull_down, .global_nav .language-menu li .pull_down {
  color: #fff;
  font-size: 16px;
  margin-left: 2.5em;
  position: relative;
  z-index: 100;
}
.global_nav #menu-main-menu li.hav_sub, .global_nav .language-menu li.hav_sub {
  display: flex;
  align-items: flex-end;
}
.global_nav #menu-main-menu li:hover .sub-menu-container, .global_nav .language-menu li:hover .sub-menu-container {
  display: block;
}
.global_nav #menu-main-menu a, .global_nav .language-menu a {
  font-size: 16px;
  display: inline-block;
}
.global_nav #menu-main-menu a:hover, .global_nav .language-menu a:hover {
  color: var(--sub_color);
}
.global_nav .language-menu {
  padding-left: 10px;
}
.global_nav .language-menu .imgBox {
  width: 17px;
  margin-right: 8px;
}
.global_nav .language-menu li {
  padding: 1em 18px;
}
@media (min-width: 1150px) {
  .global_nav .language-menu li {
    padding: 30px 18px 18px;
  }
}
.global_nav .language-menu li a {
  display: flex;
}
.global_nav .sub-menu-container {
  position: absolute;
  top: 60px;
  display: none;
  z-index: 500;
}
.global_nav .sub-menu {
  background-color: var(--sub_color);
  padding: 1em;
}
.global_nav .sub-menu li {
  padding: 0.5em 0 !important;
  margin-bottom: 1.3em;
  width: 100%;
}
.global_nav .sub-menu li:hover a {
  color: #fff !important;
  opacity: 0.7;
}
.global_nav .sub-menu a {
  text-align: center;
  color: #fff !important;
  display: inline-block;
}

@media (min-width: 520px) {
  .header_logoBox {
    width: 100%;
  }
  .header_logoBox p {
    color: #fff;
    font-size: 28px;
    margin-bottom: 4px;
  }

  .header_logo .imgBox {
    margin-left: 33px;
    max-width: 285px;
    width: 50%;
  }
}
@media (min-width: 1050px) {
  .global_nav {
    overflow-y: visible;
  }

  header.active .global_nav {
    background-color: transparent;
  }
  header.active ul.search svg path {
    fill: #202020;
  }
  header.active ul.search:hover svg path {
    fill: #fff;
  }

  .bars {
    display: none;
  }

  .header_logoBox {
    width: 18%;
    max-width: 502px;
    margin-left: auto;
    margin-right: 38px;
  }
  .header_logoBox p {
    color: #fff;
    font-size: 14px;
    text-align: right;
    margin-bottom: 0px;
    margin-top: 30px;
  }

  .header_logo .imgBox {
    width: 85%;
    max-width: 175px;
    margin-left: auto;
  }

  .header_navi {
    flex: 1;
  }
  .header_navi a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
  }
  .header_navi .language {
    display: block;
    width: 100%;
    max-width: 1090px;
    padding-top: 9px;
    margin-bottom: 20px;
    padding-right: 20px;
  }
  .header_navi .language ul {
    display: flex;
    justify-content: flex-end;
  }
  .header_navi .language ul li {
    margin-right: 30px;
  }
  .header_navi .language ul li:last-child {
    margin-right: 0;
  }
  .header_navi .language ul li:hover svg path {
    fill: #fff;
  }
}
@media (min-width: 1050px) and (min-width: 1150px) {
  .header_navi .language ul li:hover svg path {
    fill: var(--main_color);
  }
}
@media (min-width: 1050px) {
  .header_navi .language .imgBox {
    width: 17px;
    height: 17px;
  }
}
@media (min-width: 1050px) {
  .header_navi .language span {
    letter-spacing: 0.8px;
    margin-left: 0.5em;
    display: inline-block;
  }
  .header_navi .language span a {
    font-weight: 700;
  }
  .header_navi .language span:hover {
    color: var(--sub_color);
  }
}
@media (min-width: 1050px) and (min-width: 1150px) {
  .header_navi .language span:hover {
    color: var(--main_color);
  }
}
@media (min-width: 1050px) {
  .header_navi .language .wpml-ls-current-language a {
    color: #fff;
    cursor: default;
    font-weight: 700;
  }
}
@media (min-width: 1050px) and (min-width: 1150px) {
  .header_navi .language .wpml-ls-current-language a {
    color: var(--main_color);
  }
}
@media (min-width: 1050px) {
  .header_navi .language .wpml-ls-current-language a:hover svg path {
    fill: --main_color;
  }
}
@media (min-width: 1050px) {
  .header_navi .language .wpml-ls-current-language a span:hover {
    color: #b6b6b6;
  }
}
@media (min-width: 1050px) {
  .global_nav {
    position: static;
    display: flex;
    background-color: var(--main_color);
    /* globalナビ＞サブナビ*/
  }
  .global_nav > ul, .global_nav #menu-main-menu {
    padding-left: 0px;
  }
  .global_nav > ul li, .global_nav #menu-main-menu li {
    padding: 20px 0;
  }
  .global_nav #menu-main-menu {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    position: relative;
    padding-left: 16px;
  }
  .global_nav #menu-main-menu li {
    position: static;
    margin-right: 4%;
  }
  .global_nav #menu-main-menu li:last-child {
    margin-right: 0px;
  }
  .global_nav #menu-main-menu li.active a {
    color: var(--sub_color);
    position: relative;
  }
  .global_nav #menu-main-menu li.active a:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid var(--sub_color);
    left: 0;
    right: 0;
    bottom: -10px;
  }
  .global_nav #menu-main-menu li .pull_down {
    color: #fff;
    font-size: 10px;
    margin-left: 0.5em;
    position: relative;
    z-index: 100;
  }
  .global_nav #menu-main-menu li.hav_sub {
    display: flex;
    align-items: flex-end;
  }
  .global_nav #menu-main-menu > li:hover > .sub-menu-container {
    display: block;
  }
  .global_nav #menu-main-menu a {
    font-size: 14px;
    display: block;
  }
  .global_nav #menu-main-menu a:hover {
    color: var(--sub_color);
  }
  .global_nav .sub-menu-container {
    position: absolute;
    top: 50px;
    display: none;
  }
  .global_nav .sub-menu-container > .sub-menu-container {
    display: none;
  }
  .global_nav .sub-menu {
    background-color: var(--sub_color);
    padding: 1em;
  }
  .global_nav .sub-menu li {
    padding: 0 !important;
    margin-bottom: 1.3em;
    width: 100%;
  }
  .global_nav .sub-menu li:hover a {
    color: #fff;
    opacity: 0.7;
  }
  .global_nav .sub-menu li:last-child {
    margin-bottom: 0;
  }
  .global_nav .sub-menu a {
    text-align: center;
    color: #fff;
    display: inline-block;
  }
  .global_nav ul.search {
    display: block;
    padding-right: 18px;
  }
  .global_nav ul.search svg {
    width: 14px;
    cursor: pointer;
  }
  .global_nav ul.search svg path {
    fill: #fff;
  }
  .global_nav ul.search:hover svg path {
    fill: #fff;
  }
}
@media (min-width: 1050px) {
  .search_inputBox {
    display: none;
    background: #041e42;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    bottom: 0;
    text-align: center;
    top: unset;
    padding: 10px 0;
  }
  .search_inputBox li {
    width: 100%;
  }
}
@media (min-width: 1050px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin: 4px 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}
@media (min-width: 1050px) {
  .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%;
    position: relative;
  }
  .form-group input {
    max-width: 768px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #f7f7f7;
    border-color: #dcdde1;
    box-shadow: none;
    height: 45px;
    font-size: 14px;
    line-height: 1.7333333;
    padding: 0 0.5em;
  }
}
@media (min-width: 1050px) {
  .form_inner {
    display: inline;
    position: relative;
  }
}
@media (min-width: 1050px) {
  #s-btn-area {
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    color: #666;
    border: none;
    font-size: 20px;
    outline: 0;
  }
}
@media (min-width: 1050px) {
  #s-btn {
    background-color: var(--sub_color);
    width: 50px;
    height: 30px;
    position: relative;
    right: 20px;
    bottom: 10px;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    line-height: 31px;
  }
}
@media (min-width: 1550px) {
  .header_logoBox {
    width: 27%;
  }
  .header_logoBox p {
    font-size: 14px;
  }

  .global_nav #menu-main-menu {
    padding-left: 0px;
  }
  .global_nav #menu-main-menu li {
    margin-right: 4%;
  }
  .global_nav #menu-main-menu a {
    font-size: 16px;
    display: block;
  }
  .global_nav #menu-main-menu a:hover {
    color: var(--sub_color);
  }

  .header_navi .language {
    padding-top: 18px;
  }
}
@media (min-width: 2000px) {
  .header_logoBox {
    max-width: initial;
    width: 35%;
  }
}
.lower_main-view {
  position: relative;
}
.lower_main-view .imgBox {
  height: auto;
}
.lower_main-view .imgBox img {
  width: 100%;
  min-height: 400px;
  -o-object-position: 45% center;
     object-position: 45% center;
}
.lower_main-view h1 {
  position: absolute;
  text-align: left;
  top: 20%;
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto;
  padding: 2em 0;
  font-weight: 700;
}
.lower_main-view h1 span {
  font-weight: 700;
}
.lower_main-view .breadcrumb {
  position: absolute;
  bottom: 8px;
  margin: 16px auto 8px;
  left: 0;
  right: 0;
  padding-bottom: 20px;
  padding-right: 10%;
}
@media (min-width: 960px) {
  .lower_main-view .breadcrumb {
    padding-right: 38%;
  }
}

/*-------------------------------

footer

--------------------------------*/
footer {
  background-color: var(--sub_color);
  color: #fff;
  margin-top: 80px;
}
footer a {
  color: #fff;
}
footer .wrapper {
  position: relative;
}
@media (min-width: 960px) {
  footer {
    margin-top: 173px;
  }
}

body.lower footer {
  margin-top: 0;
}
@media (min-width: 960px) {
  body.lower {
    margin-top: 0px;
  }
}

.footer_contentBox1 {
  overflow: hidden;
  background-color: var(--main_color);
  height: 16vh;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 100;
  justify-content: center;
  align-items: center;
}
.footer_contentBox1 ul {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.footer_contentBox1 li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((87% / 3));
}
.footer_contentBox1 .imgBox {
  position: absolute;
  left: -5%;
  top: 0;
  bottom: 0;
  max-width: 4em;
}
.footer_contentBox1 .list3 .imgBox {
  left: -3%;
}
.footer_contentBox1 a {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  display: inline-block;
  padding: 80px 0;
  text-align: center;
}
.footer_contentBox1 a span {
  font-weight: 700;
}
@media (min-width: 520px) {
  .footer_contentBox1 {
    min-height: 140px;
  }
  .footer_contentBox1 ul {
    width: 100%;
    margin-right: -6%;
  }
  .footer_contentBox1 li {
    max-width: 140px;
  }
  .footer_contentBox1 .imgBox {
    position: absolute;
    left: -36%;
    max-width: 4em;
  }
  .footer_contentBox1 .list3 .imgBox {
    left: -41%;
  }
  .footer_contentBox1 a {
    position: relative;
    color: #fff;
    font-size: 28px;
    padding: 40px 0;
    text-align: left;
    letter-spacing: 0;
  }
}
@media (min-width: 960px) {
  .footer_contentBox1 {
    height: auto;
    position: absolute;
    top: -72px;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    max-width: 1306px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer_contentBox1 ul {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .footer_contentBox1 li {
    width: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer_contentBox1 .imgBox {
    position: absolute;
    left: -50%;
    top: 0;
    bottom: 0;
    max-width: 6em;
  }
  .footer_contentBox1 .list3 .imgBox {
    left: -37%;
  }
  .footer_contentBox1 a {
    position: relative;
    color: #fff;
    font-size: 20px;
    padding: 64px 0;
    text-align: left;
    letter-spacing: 1px;
  }
}

.footer_main {
  display: flex;
  flex-direction: column-reverse;
  padding: 40px 0;
}
.footer_main .nav_title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  padding-bottom: 26px;
  position: relative;
  margin-bottom: 1em;
}
.footer_main .nav_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2em;
  height: 7px;
  border-radius: 4px;
  background-color: var(--main_color);
}
.footer_main nav {
  margin: 24px 0;
}
.footer_main dl {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.8px;
  margin-bottom: 2em;
}

.footer_logo {
  margin-top: 30px;
  margin-right: 5%;
}
.footer_logo .imgBox {
  width: 195px;
}
.footer_logo p {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 28px;
}

.footer_megaNavi {
  display: flex;
  flex-direction: column;
}

.nav1 {
  border-bottom: 3px dotted #fff;
}
.nav1 li {
  font-size: 16px;
  margin-bottom: 1.5em;
}
.nav1 a {
  font-size: 22px;
  letter-spacing: 1px;
  font-weight: 400;
}

.nav3 {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}
.nav3 p {
  margin-bottom: 1em;
}

.copyright {
  background-color: var(--sub_color);
  padding: 20px 0;
  border-top: 1px solid #022c66;
  font-size: 12px;
  color: #656973;
  letter-spacing: 1px;
  text-align: center;
}

@media (min-width: 960px) {
  .footer_main {
    padding-top: 228px;
  }

  .footer_megaNavi {
    min-width: 900px;
  }

  .copyright {
    padding: 60px 0;
  }
}
@media (min-width: 1280px) {
  .footer_logo {
    margin-top: 0;
    margin-right: 16%;
  }

  .footer_megaNavi {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1;
  }

  .nav1 {
    border: none;
    width: 50%;
  }

  .nav1 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .nav1 li {
    font-size: 18px;
    width: 48%;
    margin-bottom: 1.8em;
  }

  .nav2 {
    flex: 1;
  }

  .nav2_innerBox {
    display: flex;
  }

  .nav2 dl {
    font-size: 18px;
    margin-bottom: 0;
  }
  .nav2 dl:first-child {
    margin-right: 1.5em;
  }
  .nav2 dl dd {
    line-height: 1.5;
    margin-bottom: 0.3em;
  }
}
@media (min-width: 1500px) {
  .footer_logo {
    margin-top: 0;
  }

  .footer_megaNavi {
    flex-wrap: nowrap;
  }
  .footer_megaNavi nav {
    margin-top: 12px;
  }
  .footer_megaNavi .nav3 {
    max-width: 280px;
    margin-right: 22px;
  }
}
.pager01 {
  text-align: center;
  margin-bottom: 80px;
}

@media screen and (max-width: 640px) {
  .pager01 {
    margin-bottom: 50px;
  }
}
.pager01 li {
  display: inline-block;
  margin: 0 15px;
}

@media screen and (max-width: 640px) {
  .pager01 li {
    margin: 0 10px;
  }
}
.pager01 li.current a {
  background: #000;
  color: #fff;
  display: block;
  padding: 15px;
  border-radius: 50%;
  line-height: 7px;
}

#breadcrumb {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  font-size: 14px;
}
#breadcrumb a:hover {
  opacity: 0.7;
}
@media (min-width: 550px) {
  #breadcrumb {
    font-size: 16px;
  }
}
@media (min-width: 960px) {
  #breadcrumb {
    font-size: 20px;
  }
}

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

製品情報(home/.product_section)

///////////////////////////*/
.product_section a {
  color: var(--main_color);
}
.product_section .home_section_title h2::after {
  background-color: var(--main_color);
}

.product_section__contentBox ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product_section__contentBox li {
  max-width: 411px;
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  border: 1px solid #585858af;
  cursor: pointer;
}

.home .product_section__contentBox li img , .product .product_section__contentBox li img{
	aspect-ratio: 309 / 355;
}
.product_section__contentBox h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 1px;
  margin: 8px 0;
  position: relative;
}

.home .product_section__contentBox h3, .product .product_section__contentBox h3{
	display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
	
}
.home .product_section__contentBox h3 span, .product .product_section__contentBox h3 span{
	font-size:0.8em;
}
.product_section__contentBox h3::after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  background-color: var(--main_color);
  left: 0;
  bottom: -16px;
  transition: 0.5s;
}
.product_section__contentBox h3.open::after {
  width: 2em;
}
.product_section__contentBox p {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.8px;
}
.product_section__contentBox a {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 1px;
  color: var(--main_color);
  margin-top: 20px;
  display: inline-block;
}
.product_section__contentBox a:hover {
  opacity: 0.7;
}
.product_section__contentBox .product_section__textBox {
  position: absolute;
  color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(68, 68, 68, 0.7);
  padding: 1em;
  transition: 0.3s;
}
.product_section__contentBox .product_section__textBox .inner {
  display: none;
}
@media (min-width:960px) {
  .product_section__contentBox ul {
    flex-wrap:wrap;
	  flex-direction: row;
	   justify-content: space-around;
  }
  .product_section__contentBox li {
    width: calc((100% - 32px) / 2);
  }
}

@media (min-width: 1280px) {
  .product_section__contentBox ul {
    flex-direction: row;
    justify-content: space-between;
  }
  .product_section__contentBox li {
    width: calc((100% - 64px) / 4);
  }
}



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

404ページ

///////////////////////////*/
.error404 .language-menu > ul {
  display: none;
}
.error404 h2 {
  font-weight: 700;
  margin-bottom: 1em;
}
.error404 p {
  line-height: 1.7;
}
.error404 .btn {
  background-color: var(--sub_color);
}

section {
  padding: 60px 0;
}
@media (min-width: 960px) {
  section {
    padding: 100px 0;
  }
}

.home_section_title {
  text-align: center;
  margin-bottom: 60px;
}
.home_section_title h2 {
  position: relative;
  font-weight: 700;
  letter-spacing: 0.0625em;
  margin-bottom: 60px;
}
.home_section_title h2::after {
  content: "";
  width: 1em;
  height: 3px;
  background-color: var(--main_color);
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
}
.home_section_title p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.07em;
}
@media (min-width: 960px) {
  .home_section_title {
    margin-bottom: 98px;
  }
  .home_section_title h2 {
    margin-bottom: 96px;
  }
}

.home_main-view {
  height: 90vh;
  min-height: 500px;
  max-height: 900px;
  position: relative;
}
.home_main-view li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #a7b0bd3a;
}
.home_main-view li img {
  height: 90vh;
  min-height: 500px;
  max-height: 900px;
  position: relative;
  display: inline-block;
}
.home_main-view .slider li {
  position: relative;
}
.home_main-view .textContent {
  color: #fff;
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
  z-index: 300;
  margin: 0 auto;
  padding: 0 0.5em;
}
.home_main-view .textContent h2 {
  line-height: 1.5909;
  letter-spacing: 0.0227em;
  text-align: center;
  font-weight: 700;
}
.home_main-view .textContent p {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.055em;
  font-weight: 400;
  text-align: center;
}
.home_main-view .btnBox1 .btn {
  width: 250px;
}
@media (min-width: 960px) {
  .home_main-view {
    height: 100vh;
    min-height: 500px;
    max-height: 900px;
    position: relative;
  }
  .home_main-view li::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #a7b0bd3a;
  }
  .home_main-view li img {
    height: 100vh;
    min-height: 500px;
    max-height: 900px;
    position: relative;
    display: inline-block;
  }
  .home_main-view .slider li {
    position: relative;
  }
  .home_main-view .textContent {
    color: #fff;
    position: absolute;
    top: 30%;
    left: 17vw;
    z-index: 300;
  }
  .home_main-view .textContent h2 {
    line-height: 1.5909;
    letter-spacing: 0.0227em;
    text-align: left;
  }
  .home_main-view .textContent p {
    font-size: 18px;
    line-height: 2.666;
    letter-spacing: 0.055em;
    font-weight: 400;
    text-align: left;
  }
}
@media (min-width: 1150px) {
	.home_main-view .btnBox1{
		gap:20px;	
	}
		.home_main-view .btnBox1 .btn {
    width: 150px;
  }
}
@media (min-width: 1500px) {
  .home_main-view .textContent {
    left: 27vw;
  }
}

.slick-arrow {
  display: none !important;
}

.slides-navigation {
  width: 95%;
  position: absolute;
  bottom: 35%;
  left: 0;
  right: 0;
  z-index: 500;
  margin: 0 auto;
}
.slides-navigation nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slides-navigation .prev svg, .slides-navigation .next svg {
  width: 46px;
  height: 47px;
}
.slides-navigation .prev svg path, .slides-navigation .next svg path {
  fill: #fff;
}
.slides-navigation .prev:hover svg path, .slides-navigation .next:hover svg path {
  fill: rgba(128, 128, 128, 0.8);
}
@media (min-width: 520px) {
  .slides-navigation {
    bottom: 30%;
  }
}
@media (min-width: 960px) {
  .slides-navigation {
    width: 85%;
    max-width: 1460px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 500;
    margin: 0 auto;
  }
  .slides-navigation nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .slides-navigation .prev svg, .slides-navigation .next svg {
    width: 46px;
    height: 47px;
  }
  .slides-navigation .prev svg path, .slides-navigation .next svg path {
    fill: #fff;
  }
  .slides-navigation .prev:hover svg path, .slides-navigation .next:hover svg path {
    fill: rgba(128, 128, 128, 0.8);
  }
}

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

会社情報(home/.home_section1)

///////////////////////////*/
.home_section1__contentBox ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home_section1__contentBox li {
  width: 100%;
  max-width: 411px;
  margin-bottom: 40px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #585858af;
}
.home_section1__contentBox li:hover .imgBox::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #fd82244b;
}
.home_section1__contentBox li:hover img {
  transform: scale(1.2);
  display: block;
}
.home_section1__contentBox .imgBox {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 225px;
  border-bottom: 1px solid #585858af;
}
.home_section1__contentBox img {
  transition: 0.5s;
  height: 100%;
}
.home_section1__contentBox h3 {
  font-weight: 700;
  line-height: 1.5;
  font-size: 1em;
  letter-spacing: 1px;
  padding: 12px 0;
}
.home_section1__contentBox p {
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.8px;
}
.home_section1__contentBox a {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 1px;
  color: var(--main_color);
  margin-top: 20px;
  display: inline-block;
}
.home_section1__contentBox a:hover {
  opacity: 0.7;
}
.home_section1__contentBox .home_section1__textBox {
  padding: 0 0.5em 1em;
  background-color: var(--sub_color);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
@media (min-width: 960px) {
  .home_section1__contentBox ul {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
  }
  .home_section1__contentBox li {
    width: calc((100% - 64px) / 3);
    position: relative;
    margin-bottom: 0;
  }
  .home_section1__contentBox .imgBox {
    max-width: 411px;
  }
  .home_section1__contentBox a {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.home_section1 .btnBox1 {
  margin-top: 50px;
}
.home_section1 .btnBox1 .btn1 {
  margin: 0 auto;
  width: 200px;
}
@media (min-width: 520px) {
  .home_section1 .btnBox1 .btn1 {
    margin: 0 auto;
    width: 280px;
  }
}
@media (min-width: 960px) {
  .home_section1 .btnBox1 {
    margin-top: 90px;
  }
}

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

お知らせ(home/.home_section4)

///////////////////////////*/
.home_section4 {
  background-color: #f2f2f2;
}
.home_section4 .btnBox1 .btn2 {
  margin: 0 auto;
}

.home_section4__contentBox ul {
  max-width: 700px;
  margin: 0 auto;
}
.home_section4__contentBox li {
  width: 100%;
  border-bottom: 1px solid #686868;
  position: relative;
  margin: 1em 0;
  padding: 1em 0;
}
.home_section4__contentBox li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 10;
  width: 0;
  height: 2px;
  background-color: var(--main_color);
  transition: 1s;
}
.home_section4__contentBox li a {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.home_section4__contentBox li:hover::after {
  width: 100%;
}
.home_section4__contentBox .imgBox {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 231px;
}
.home_section4__contentBox img {
  transition: 0.5s;
}
.home_section4__contentBox h3 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
}
.home_section4__contentBox .inner {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.home_section4__contentBox .inner time {
  font-size: 1em;
  margin-right: 1em;
}
.home_section4__contentBox .inner p {
  color: #fff;
  font-size: 0.9em;
  padding: 0.4em 0.8em 0.5em;
  background-color: var(--sub_color);
  border-radius: 8px;
}
.home_section4__contentBox .home_section4__textBox {
  flex: 1;
}
@media (min-width: 960px) {
  .home_section4__contentBox ul {
    max-width: 900px;
    margin: 0 auto;
  }
  .home_section4__contentBox li a {
    flex-direction: row;
    align-items: center;
  }
  .home_section4__contentBox .inner {
    width: 40%;
    margin-bottom: 0;
  }
}

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

電子公告(home/.home_section5)

///////////////////////////*/
.home_section5 {
  background-color: #f2f2f2;
  padding: 20px 0 30px;
  margin: 20px 0 10px;
}
.home_section5 h2 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  letter-spacing: 1px;
}
.home_section5 ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.home_section5 li {
  margin: 0 16px;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 1.5em;
}
.home_section5 a {
  text-decoration: underline;
}
@media (min-width: 920px) {
  .home_section5 {
    margin: 0 auto;
  }
  .home_section5 ul {
    flex-direction: row;
  }
  .home_section5 li {
    margin-bottom: 0;
  }
}

body.lower main, body.lower .main {
  background-color: #fff;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media (min-width: 960px) {
  body.lower main, body.lower .main {
    padding-bottom: 170px;
    padding-top: 100px;
  }
}

.search-highlight {
  background-color: yellow;
}

.resultsBox li {
  display: flex;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px double #979797;
}
.resultsBox li:hover {
  opacity: 0.7;
}
.resultsBox a {
  flex: 1;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
.resultsBox .inner {
  display: flex;
  align-items: center;
  margin-bottom: 0.8em;
}
.resultsBox .inner time {
  margin-right: 1em;
}
.resultsBox .inner p {
  font-size: 0.9em;
  padding: 0.2em 0.8em 0.25em;
  color: #fff;
  background-color: var(--sub_color);
  border-radius: 8px;
}
.resultsBox h2 {
  font-weight: 700;
  font-size: 1.1em;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
@media (min-width: 960px) {
  .resultsBox a {
    font-size: 20px;
  }
}

.page_sub_title {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px double #202020;
}

body.single main, body.single .main, body.page main, body.page .main {
  background-color: #fff;
  padding-bottom: 80px;
  padding-top: 40px;
}
body.single article p, body.single article li, body.page article p, body.page article li {
  line-height: 1.5;
  margin: 1em 0;
}
body.single article h2, body.single article h3, body.single article h4, body.page article h2, body.page article h3, body.page article h4 {
  line-height: 1.7;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
}
body.single article h2, body.page article h2 {
  font-size: 22px;
}
@media (min-width: 520px) {
  body.single article h2, body.page article h2 {
    font-size: 26px;
  }
}
@media (min-width: 960px) {
  body.single main, body.single .main, body.page main, body.page .main {
    padding-bottom: 170px;
    padding-top: 60px;
  }
  body.single article h2, body.page article h2 {
    font-size: 40px;
  }
}

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

lower_top-page(第2層ページ共通）


////////////////////////////////////////*/
.lower_top-page .content_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.lower_top-page .content_list li {
  background: #041e42;
  background: linear-gradient(90deg, #121b82 0%, #222a90 40%, #4149a7 75%, #646bc4 100%);
  width: 300px;
  padding: 8px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.lower_top-page .content_list li:hover {
  opacity: 0.7;
}
.lower_top-page .content_list a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  border: 1px solid #fff;
}
.lower_top-page .content_list .imgBox {
  width: 30%;
  overflow: hidden;
}
.lower_top-page .content_list .imgBox img {
  max-height: 100%;
}
.lower_top-page .content_list .textContent {
  flex: 1;
  text-align: center;
}
.lower_top-page .content_list .textContent h2 {
  font-size: 18px;
  text-align: center;
  width: 100%;
  font-weight: 400;
  position: relative;
  padding: 0 2em;
}
.lower_top-page .content_list .textContent h2::after {
  content: "";
  border-top: 0.6em solid transparent;
  border-bottom: 0.6em solid transparent;
  border-left: 0.6em solid #fff;
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  color: #fff;
}
.lower_top-page .content_list li.has_thumbnail {
  height: auto;
}
.lower_top-page .content_list li.has_thumbnail a {
  flex-direction: column;
}
.lower_top-page .content_list li.has_thumbnail .imgBox {
  width: 100%;
  height: auto;
}
.lower_top-page .content_list li.has_thumbnail .textContent {
  width: 100%;
}
.lower_top-page .content_list li.has_thumbnail h2 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media (min-width: 750px) {
  .lower_top-page {
    width: 650px;
    margin: 0 auto;
  }
  .lower_top-page .content_list {
    flex-direction: row;
  }
  .lower_top-page .content_list li:nth-child(odd) {
    margin-right: 50px;
  }
}
@media (min-width: 1050px) {
  .lower_top-page {
    width: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .lower_top-page .content_list li {
    margin-bottom: 50px;
  }
  .lower_top-page .content_list li:nth-child(odd) {
    margin-right: 0px;
  }
  .lower_top-page .content_list li:nth-child(3n+2) {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media (min-width: 1300px) {
  .lower_top-page {
    width: 1150px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .lower_top-page .content_list li {
    width: 350px;
    height: 100px;
    margin-bottom: 50px;
  }
  .lower_top-page .content_list .textContent h2 {
    font-size: 18px;
  }
}

.sales_base_top {
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: 60px;
}

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

lower_top-page002(第2層ページ共通002）


////////////////////////////////////////*/
.lower_top-pageContentBox {
  margin-bottom: 60px;
}
.lower_top-pageContentBox h2 {
  font-size: 18px;
  line-height: 1.5;
  margin: 1em 0;
  text-align: left;
}
.lower_top-pageContentBox p {
  font-size: 16px;
}
@media (min-width: 960px) {
  .lower_top-pageContentBox h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
  }
  .lower_top-pageContentBox p {
    font-size: 18px;
  }
}

.lower_top-page002 {
  max-width: 1200px;
  margin: 0 auto;
}
.lower_top-page002 .content_list {
  flex-direction: column;
  width: 100%;
}
.lower_top-page002 .content_list li {
  display: block;
  margin-bottom: 24px;
  list-style: outside;
  width: 100%;
  padding: 8px 16px;
  background: #041e42;
  background: linear-gradient(90deg, #041e42 0%, #17597c 56%, #1b6c97 83%, #288dc5 100%);
}
.lower_top-page002 .content_list li:hover {
  opacity: 0.7;
}
.lower_top-page002 .content_list li a {
  justify-content: space-between;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lower_top-page002 .textContent {
  flex: 1;
  text-align: left;
  margin-right: 8px;
}
.lower_top-page002 .textContent h3 {
  text-align: left;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-size: 18px;
}
.lower_top-page002 .imgBox {
  display: none;
}
@media (min-width: 520px) {
  .lower_top-page002 .content_list {
    flex-direction: column;
    width: 100%;
  }
  .lower_top-page002 .content_list li {
    width: 100% !important;
    margin-bottom: 24px;
    display: block;
  }
  .lower_top-page002 .content_list .textContent {
    flex: 1;
  }
  .lower_top-page002 .content_list .textContent h3 {
    font-size: 20px;
    margin-right: 16px;
  }
  .lower_top-page002 .content_list .imgBox {
    display: flex;
    max-width: 150px;
    min-width: 150px;
    height: 100px;
  }
  .lower_top-page002 .content_list .imgBox img {
    height: 100px;
    width: auto;
  }
}
@media (min-width: 960px) {
  .lower_top-page002 .content_list {
    flex-direction: column;
    width: 100%;
  }
  .lower_top-page002 .content_list li {
    width: 100% !important;
    margin-bottom: 24px;
    display: block;
  }
  .lower_top-page002 .content_list .textContent {
    flex: 1;
  }
  .lower_top-page002 .content_list .textContent h3 {
    font-size: 24px;
  }
  .lower_top-page002 .content_list .imgBox {
    max-width: 200px;
    min-width: 200px;
    height: 150px;
  }
  .lower_top-page002 .content_list .imgBox img {
    height: 130px;
    width: auto;
  }
}

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


固定ページ下部関連記事一覧


////////////////////////////////////////*/
.related_article {
  background-color: #fff;
  padding: 40px 0 60px;
  border-top: 1px double #202020;
}
.related_article .content_list h2 {
  color: #fff;
}

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


タイトル装飾


////////////////////////////////////////*/
.title_deco001 {
  color: var(--color_03);
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 700;
  border-left: 6px solid #0b127d;
  padding-left: 0.8em;
  margin-bottom: 1.5em;
}
.title_deco001 span {
  font-weight: 700;
}

.title_deco002 {
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 700;
  border-left: 6px solid #7a7a7a98;
  padding-left: 0.8em;
  margin-bottom: 1.5em;
  border-bottom: 2px solid #7a7a7a98;
}
.title_deco002 span {
  font-weight: 700;
}

.text_deco003 {
  line-height: 1.7;
  position: relative;
  font-weight: 700;
}
.text_deco003::before, .text_deco003::after {
  content: "";
  width: 2em;
  height: 2em;
  position: absolute;
}
.text_deco003::before {
  border-top: solid var(--main_color) 4px;
  border-left: solid var(--main_color) 4px;
  top: -0.5em;
  left: -0.5em;
}
.text_deco003::after {
  border-bottom: solid var(--main_color) 4px;
  border-right: solid var(--main_color) 4px;
  bottom: -0.5em;
  right: -0.5em;
}

.text_deco004 {
  text-align: center;
  position: relative;
  padding-bottom: 0.8em;
}
.text_deco004::after {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 6px;
  background-color: var(--main_color);
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 8px;
}

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

プライバシーポリシー  紛争鉱物対応方針

/////////////////////////////////*/
.privacy_policy_page .list, .conflict_page .list {
  list-style: outside;
  margin-left: 1.2em;
  margin-top: 24px;
  margin-bottom: 40px;
}
.privacy_policy_page .list li, .conflict_page .list li {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 0.8em;
}
.privacy_policy_page p, .conflict_page p {
  line-height: 1.5;
  padding-left: 1em;
  margin-bottom: 0.8em;
}
.privacy_policy_page p a, .conflict_page p a {
  color: blue;
  text-decoration: underline;
}

.privacy_policy_list {
  margin-left: 1.3em;
  margin-top: 24px;
  margin-bottom: 40px;
  list-style: auto;
}
.privacy_policy_list li {
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 0.8em;
}
.privacy_policy_list + .p-2 {
  text-align: right;
  margin-bottom: 1.5em;
}

.conflict_page p {
  padding-left: 0;
}
.conflict_page h4 {
  margin: 1.5em 0 1em;
}
.conflict_page .conflict_page_section2 {
  margin-top: 60px;
}

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

採用情報

/////////////////////////////////////*/
.home_section2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 60px;
}
.home_section2 .home_section_title, .home_section2 .imgBox {
  width: 100%;
}
.home_section2 .imgBox {
  height: auto;
  min-height: initial;
}
.home_section2 .imgBox img {
  height: auto;
  min-height: initial;
  width: 100%;
}
.home_section2 .home_section_title h2 {
  margin-bottom: 0.5em;
  color: #000;
  text-align: left;
}
.home_section2 .home_section_title h2::after {
  content: none !important;
}
.home_section2 .imgBox {
  cursor: pointer;
}
.home_section2 .videoContent {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  background-color: #6d6d6d;
}
.home_section2 .videoContent .inner {
  position: relative;
  text-align: right;
}
.home_section2 .videoContent video {
  position: fixed;
  top: 25%;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 70%;
  width: auto;
  min-width: 300px;
  margin: 0 auto;
  max-height: 80vh;
  z-index: 10;
}
.home_section2 .videoContent svg {
  width: 40px;
  height: 40px;
  margin-top: 5%;
  margin-right: 5%;
}
.home_section2 .videoContent svg path {
  fill: #fff;
}
@media (min-width: 960px) {
  .home_section2 {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .home_section2 .imgBox {
    height: 65vh;
    min-height: 500px;
    margin-top: 40px;
  }
  .home_section2 .imgBox img {
    height: 65vh;
    min-height: 550px;
    width: auto;
  }
  .home_section2 .videoContent video {
    top: 10%;
  }
  .home_section2 .videoContent svg {
    margin-top: 1%;
    margin-right: 15%;
  }
  .home_section2 .videoContent svg path {
    fill: #fff;
  }
  .home_section2 .home_section_title {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .home_section2 .home_section_title h2, .home_section2 .home_section_title p {
    text-align: left;
  }
  .home_section2 .home_section_title h2 {
    width: 100%;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
  }
  .home_section2 .home_section_title h2::after {
    content: none !important;
  }
}

.recruit_page .pc {
  display: initial;
}

.recruit_page .sp {
  display: none;
}

.recruit_page .EM {
  margin: 40px auto 80px;
}

.recruit_page .EM p {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.8em;
  letter-spacing: 5px;
  text-align: center;
}

.recruit_page .point4 ul {
  width: 88%;
  margin: auto;
}

.recruit_page .point4 ul {
  display: flex;
  justify-content: space-between;
}

.recruit_page .point4 ul li {
  background: #041e42;
  background: linear-gradient(90deg, #121b82 0%, #222a90 40%, #4149a7 75%, #646bc4 100%);
  width: 200px;
  padding: 8px;
  margin-bottom: 20px;
  height: 100px;
}

.recruit_page .point4 ul .box-line {
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  display: flex;
}

.recruit_page .point4 ul p {
  color: #fff;
  text-align: center;
  font-size: 16px;
  letter-spacing: 3px;
  line-height: 1.3em;
  margin: auto;
}

.recruit_page .main_content {
  width: 88%;
  margin: auto;
}

.recruit_page p {
  font-size: 16px;
  line-height: 1.8em;
}

.recruit_page p.title {
  margin: 0 0 40px;
  color: #0a137c;
  font-size: 18px;
  letter-spacing: 1px;
}

.recruit_page .vision {
  margin: 60px 0;
}

.recruit_page section {
  padding: 100px 0 40px;
}

.recruit_page .grey {
  background-color: #f2f2f2;
  width: calc(100vw - 18px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.recruit_page #work .content {
  width: 88%;
  margin: auto;
}

.recruit_page #work .text {
  margin-bottom: 60px;
}

.recruit_page #work .home_section_title {
  margin-bottom: 30px;
}

.recruit_page #work .home_section_title h2 {
  margin-bottom: 60px;
}

.recruit_page #voice ul {
  display: flex;
  justify-content: space-between;
}

.recruit_page #voice li {
  padding: 5px;
}

.recruit_page #voice li p.name {
  margin: 10px 0;
}

.recruit_page .btnBox1 {
  justify-content: center;
}

@media (max-width: 1050px) {
  .recruit_page .point4 ul {
    width: 100%;
  }

  .recruit_page .recruit_page_btn {
    flex-direction: column;
    align-items: center;
  }
  .recruit_page .recruit_page_btn .btnBox1 {
    width: 100%;
    margin-top: 24px;
  }
}
@media (max-width: 500px) {
  .recruit_page .pc {
    display: none;
  }

  .recruit_page .sp {
    display: initial;
  }

  .recruit_page .grey {
    width: 100vw;
  }

  .recruit_page .EM p {
    font-size: 19px;
    line-height: 1.6em;
    letter-spacing: 0;
    text-align: justify;
  }

  .recruit_page .point4 ul {
    flex-wrap: wrap;
  }

  .recruit_page .point4 ul li {
    width: calc(50% - 5px);
  }

  .recruit_page .point4 ul p {
    letter-spacing: 1px;
  }

  .recruit_page .main_content {
    width: 100%;
  }

  .recruit_page #work .content {
    width: 100%;
  }

  .recruit_page #voice ul {
    display: flex;
    justify-content: space-between;
  }

  .recruit_page #voice li {
    margin-bottom: 30px;
  }

  .recruit_page h1 {
    font-size: 30px;
  }
}
section.recruit_page_btn {
  padding-top: 0;
  display: flex;
  justify-content: space-between;
}
section.recruit_page_btn .btnBox1 {
  width: 48%;
}
section.recruit_page_btn .btnBox1 .btn {
  width: 100%;
  max-width: initial;
  height: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
section.recruit_page_btn .btnBox1 .btn a {
  line-height: 1.5;
}

body.page-template-default article p, body.page-template-default article li {
  line-height: 1.5;
  font-size: 20px;
}
@media (max-width: 960px) {
  body.page-template-default article p, body.page-template-default article li {
    font-size: 16px;
  }
}

.post-template-default article {
  font-size: 1em;
}
.post-template-default article img {
  width: auto;
}
.post-template-default article p, .post-template-default article li, .post-template-default article center, .post-template-default article div {
  line-height: 1.5;
  font-size: 20px;
}
@media (max-width: 960px) {
  .post-template-default article p, .post-template-default article li, .post-template-default article center, .post-template-default article div {
    font-size: 16px;
  }
}
.post-template-default article p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.post-template-default article center {
  margin-top: 2em;
  margin-bottom: 2em;
}
.post-template-default article a {
  text-decoration: underline;
  color: blue;
}

.single-product_app .product_app_page_contentBox1 ul {
  list-style: outside;
  padding-left: 1.2em;
}
.single-product_app .product_app_page_contentBox1 ul li {
  line-height: 1.5;
  margin-bottom: 0.5em;
}

.single_title {
  font-size: 1.5em !important;
  margin-bottom: 2em !important;
}

body.about.officer figure, body.about-child.officer figure {
  width: 300px;
  text-align: center;
  margin-bottom: 0;
}
body.about.officer figure img, body.about-child.officer figure img {
  width: 300px;
  height: 350px;
}
body.about.officer figure figcaption, body.about-child.officer figure figcaption {
  margin-bottom: 0em;
}
body.about.officer p, body.about-child.officer p {
  margin: 0;
}
body.about.officer .officer_content, body.about-child.officer .officer_content {
  display: flex;
  flex-wrap: wrap;
}
body.about.officer .officer_content > .wp-block-column, body.about-child.officer .officer_content > .wp-block-column {
  width: 300px;
}

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

TOPメッセージ

///////////////////////*/
.top_message_page_section1 {
  text-align: center;
  margin-bottom: 60px;
}

.top_message_page_section2 > .imgBox {
  max-width: 400px;
  margin: 0 auto;
}
.top_message_page_section2 .textContent1 {
  line-height: 1.7;
  letter-spacing: 0.05em;
  margin-top: 1em;
}
.top_message_page_section2 .textContent2 p {
  line-height: 1.5;
  font-size: 16px;
  text-align: right;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
.top_message_page_section2 .textContent2 p >span{
	font-size:1.1em;font-weight: 700; margin-top: 8px; display: inline-block;font-family:'notoserif', serif;letter-spacing: 0.05em;
}
.top_message_page_section2 .textContent2 .imgBox {
  width: 50%;
  min-width: 100px;
  max-width: 200px;
  margin-left: auto;
}

@media (min-width: 960px) {
  .top_message_page_section2 > .imgBox {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .top_message_page_section2 .textContent1 {
    font-size: 20px;
  }
  .top_message_page_section2 .textContent2 p {
    line-height: 1.5;
    font-size: 20px;
    text-align: right;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
  }
	.top_message_page_section2 .textContent2 p >span{
		font-size:1.1em;
	}
  .top_message_page_section2 .textContent2 .imgBox {
    width: 50%;
    min-width: 100px;
    max-width: 200px;
    margin-left: auto;
  }
}
/*///////////////////////////

役員紹介

//////////////////////////////*/
.officer_page {
  margin: 0 auto;
}
.officer_page h3 {
  margin-bottom: 1.5em;
  font-weight: 700;
}

.officer_page_contentBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 60px;
}
.officer_page_contentBox .innerBox {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  min-width: 120px;
  margin: 0 auto;
  margin-bottom: 2em;
}
.officer_page_contentBox .innerBox p {
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.officer_page_contentBox .innerBox .position_name {
  width: 100%;
  text-align: left;
  font-weight: 700;
}
.officer_page_contentBox .innerBox .name-main {
  font-weight: 700;
  width: 8em;
  margin-right: 2em;
}
.officer_page_contentBox .innerBox .name-en {
  width: 100%;
  font-size: 0.9em;
}
.officer_page_contentBox .nameBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
@media (min-width: 550px) {
  .officer_page_contentBox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .officer_page_contentBox .innerBox {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .officer_page_contentBox .innerBox {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 1em;
  }
  .officer_page_contentBox .innerBox p {
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 20px;
  }
  .officer_page_contentBox .innerBox .position_name {
    width: 30%;
    text-align: left;
  }
  .officer_page_contentBox .innerBox .name-ja {
    flex: 1;
  }
  .officer_page_contentBox .innerBox .name-en {
    width: 40%;
    font-size: 0.9em;
  }
  .officer_page_contentBox .nameBox {
    flex-direction: row;
    align-items: center;
  }
}

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

企業理念

//////////////////////////*/
.philosophy_page h2, .philosophy_page h3, .philosophy_page h3 span {
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #0b127d;
  margin-bottom: 0.5em;
}
.philosophy_page h2 {
  color: var(--main_color);
  background-image: repeating-linear-gradient(90deg, #b4a983 0, #b4a983 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px);
  background-size: 4px 4px;
  background-repeat: repeat-x;
  background-position: center bottom;
}
.philosophy_page h2 span {
  padding: 0;
  font-weight: 700;
}
.philosophy_page h3 {
  border-left: 6px solid #0b127d;
  padding-left: 0.8em;
  margin-bottom: 1.5em;
  background: rgba(255, 255, 255, 0.6);
}
.philosophy_page p {
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.philosophy_section1, .philosophy_section2 {
  margin-bottom: 60px;
  padding: 3% 5%;
}

.philosophy_section2 {
  border-radius: 8px;
  box-shadow: 3px 3px 5px rgba(104, 104, 104, 0.5);
}
.philosophy_section2 .philosophy_title {
  position: relative;
  z-index: 10;
}
.philosophy_section2 .philosophy_title svg {
  width: 2em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.philosophy_section2 .philosophy_title h3 span {
  font-size: 0.7em;
}
.philosophy_section2:nth-child(2) .philosophy_title .fa-primary {
  fill: #0b127d;
}
.philosophy_section2:nth-child(3) .philosophy_title .fa-primary {
  fill: #0b127d;
}
.philosophy_section2:nth-child(4) .philosophy_title .fa-primary {
  fill: var(--color_03);
}
@media (min-width: 550px) {
  .philosophy_section2 h3 {
    background-color: transparent;
  }
  .philosophy_section2 .philosophy_title svg {
    width: 3em;
  }
}

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

会社案内

/////////////////////////*/
.company_profile_page h2 {
  color: var(--color_03);
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 700;
  border-left: 6px solid #0b127d;
  padding-left: 0.8em;
  margin-bottom: 1.5em;
}
.company_profile_page h2 span {
  font-weight: 700;
}
.company_profile_page h3 {
  font-size: 16px;
}
.company_profile_page li {
  font-size: 14px;
}

.company_profile_section1 .company_list {
  margin: 80px 0;
}
.company_profile_section1 h3 {
  font-weight: 700;
  letter-spacing: 1.7;
  margin-bottom: 16px;
}
.company_profile_section1 li {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ddd;
}
.company_profile_section1 li > ul li {
  list-style: inside;
  border: none;
}

.company_profile_section2 h2 {
  margin-top: 1em;
}
.company_profile_section2 h3 {
  letter-spacing: 1.7;
  margin-bottom: 8px;
}
.company_profile_section2 h3 span {
  font-weight: 700;
  padding-bottom: 0.5em;
  border-bottom: 3px solid var(--main_color);
}
.company_profile_section2 .address {
  margin-top: 16px;
}
.company_profile_section2 li {
  border-radius: 8px;
  box-shadow: 3px 3px 5px rgba(104, 104, 104, 0.5);
  padding-bottom: 12px;
  margin-bottom: 12px;
  transition: 0.5s;
}
.company_profile_section2 li > a {
  padding: 5%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.company_profile_section2 li:hover {
  transform: scale(1.1);
}
.company_profile_section2 li.disabled a {
  cursor: auto;
}
.company_profile_section2 li.disabled:hover {
  transform: none;
}
.company_profile_section2 .contact {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.company_profile_section2 .contact p {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}
.company_profile_section2 .contact .tel {
  margin-right: 1.5em;
}
.company_profile_section2 .contact .tel::before {
  content: "";
  position: absolute;
  width: 1.3em;
  height: 1.3em;
  left: 0;
  background-image: url(./images/common/tel.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.company_profile_section2 .contact .fax::before {
  content: "";
  position: absolute;
  width: 1.3em;
  height: 1.3em;
  left: 0;
  background-image: url(./images/common/fax-regular.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.company_profile_section2-1 hr {
  margin: 50px 0;
  background: #000;
}

.company_listEU_contentBox_wrapper {
  margin-top: 20px;
}

.company_listEU_contentBox {
  display: flex;
  margin-top: 16px;
}
.company_listEU_contentBox .innerBox {
  margin-right: 20px;
  justify-content: flex-start;
}
.company_listEU_contentBox .innerBox a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.company_listEU_contentBox .innerBox a:hover {
  opacity: 0.7;
}
.company_listEU_contentBox .innerBox .imgBox {
  width: 1.5em;
}

.company_profile_section3 {
  margin-top: 60px;
}
.company_profile_section3 td {
  line-height: 1.5;
  padding: 0 1em;
  display: block;
}
.company_profile_section3 .td1 {
  font-weight: 700;
}
.company_profile_section3 tr {
  margin-bottom: 1.5em;
  display: block;
}
.company_profile_section3 .btnBox1 .btn2 {
  margin: 0 auto;
}

@media (min-width: 560px) {
  .company_profile_page h3 {
    font-size: 20px;
  }
  .company_profile_page li {
    font-size: 18px;
  }

  .company_profile_section1 h3 {
    margin-bottom: 0px;
    width: 30%;
  }
  .company_profile_section1 p {
    flex: 1;
  }
  .company_profile_section1 li {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .company_profile_section1 li > ul li {
    list-style: inside;
    padding-bottom: 0px;
    margin-bottom: 20px;
  }
}
@media (min-width: 960px) {
  .company_profile_section2 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .company_profile_section2 .address {
    display: flex;
  }
  .company_profile_section2 .address p:first-child {
    margin-right: 1em;
    width: 30%;
  }
  .company_profile_section2 li {
    width: 48%;
    padding: 0;
  }
  .company_profile_section2 li:nth-child(odd) {
    margin-right: 4%;
  }

  .company_profile_section2-1 hr {
    margin: 2.5em 0 !important;
  }
  .company_profile_section2-1 .company_list_re li:first-child {
/*     margin-right: 30%; */
  }
  .company_profile_section2-1 .address p:first-child {
    flex: 1;
  }

  .company_profile_section3 tr {
    display: table-row;
  }
  .company_profile_section3 td {
    line-height: 1.5;
    padding: 0.5em 1em;
    vertical-align: top;
    display: table-cell;
  }
  .company_profile_section3 .td1 {
    width: 20%;
  }
}
@media (max-width: 330px) {
  .company_profile_section2 h2 {
    line-height: 1;
  }
}
/*////////////////////////

拠点情報

////////////////////////////*/
.base_company {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1306px;
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
}
.base_company h2 {
  color: var(--color_03);
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 700;
  border-left: 6px solid #0b127d;
  padding-left: 0.8em;
  margin-bottom: 1.5em;
}
.base_company h2 span {
  font-weight: 700;
}
.base_company .chronology_list {
  margin: 40px 0 20px;
}
.base_company .chronology_list li {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.base_company .chronology_list li p {
  line-height: 1;
}
.base_company .chronology_list .year {
  margin-right: 1em;
  width: 3.5em;
  margin-bottom: 0.5em;
}
.base_company .chronology_list .textContent {
  flex: 1;
}

.base_company .base_company_text {
  text-align: center;
  margin-bottom: 60px;
}

.base_company .base_company_text, .base_company .imgBox {
  max-width: 650px;
  width: 100%;
}

.base_company.hkg .imgBox {
  max-width: 350px;
  margin-right: auto;
  margin-bottom: 40px;
}
@media (min-width: 960px) {
  .base_company.hkg .imgBox {
    margin-right: 40px;
    margin-bottom: 0;
  }
}

.base_company.hkg {
  margin-bottom: 60px;
}
.base_company.hkg .imgBox2 {
  margin-right: auto;
  max-width: 350px;
}
@media (min-width: 960px) {
  .base_company.hkg .imgBox2 {
    max-width: 335px;
  }
}

.base_company.gmbH .imgBox2 {
  margin-right: auto;
  max-width: 350px;
}
@media (min-width: 960px) {
  .base_company.gmbH .imgBox2 {
    max-width: 350px;
  }
}

.base_company.shanghai {
  margin-bottom: 60px;
}
@media (min-width: 960px) {
  .base_company.shanghai .imgBox {
    max-width: 240px;
  }
}
.base_company.shanghai .imgBox2 {
  max-width: 310px;
}

.base_company.usa_2 .flex-container {
  justify-content: flex-start;
  align-items: flex-end;
}
.base_company.usa_2 .flex-container .imgBox2 {
  justify-content: flex-start;
  margin-left: 0;
}
.base_company.usa_2 .flex-container .imgBox2 img {
  height: auto;
}
.base_company.usa_2 .flex-container .imgBox2:nth-child(2) {
  order: 5;
}
@media (min-width: 960px) {
  .base_company.usa_2 .flex-container .imgBox2:nth-child(2) {
    order: 0;
  }
}

.base_company .base_company_text h2 {
  display: inline-block;
  text-align: left;
  width: 100%;
}

.base_company .base_company_text h2, .base_company .base_company_text p {
  text-align: left;
}

.base_company .base_company_text p {
  font-size: 20px;
  /* letter-spacing: 0.05em; */
  line-height: 1.5;
}

.base_company .base_company_text h2 {
  font-size: 36px;
  position: relative;
  font-weight: 700;
  letter-spacing: 0.0625em;
  margin-bottom: 60px;
}

.base_company .flex-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.base_company .flex-container .innerBox {
  margin-bottom: 40px;
}
.base_company .flex-container .innerBox > p {
  padding-top: 20px;
}

.base_company .flex-container .flex-item img {
  height: 200px;
  padding: 0 5px;
}

.base_company .imgBox, .flex-container .flex-item, .base_company .imgBox2 {
  position: relative;
  z-index: 10;
}
.base_company .imgBox img, .flex-container .flex-item img, .base_company .imgBox2 img {
  box-shadow: 3px 3px 10px rgba(51, 51, 51, 0.836);
}
.base_company .imgBox::after, .flex-container .flex-item::after, .base_company .imgBox2::after {
  content: "";
  position: absolute;
  top: 5%;
  right: -3%;
  left: 3%;
  bottom: -5%;
  z-index: -1;
  background-color: var(--main_color);
}

.base_company .flex-container30 {
  flex-direction: column;
  align-items: center;
}
.base_company .flex-container30 .flex-item {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px;
}
.base_company .flex-container30 .flex-item img {
  height: auto;
  text-align: center;
}

@media (min-width: 960px) {
  .base_company {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 40px;
  }
  .base_company .chronology_list li {
    flex-direction: row;
    margin-bottom: 0.5em;
  }
  .base_company .chronology_list .year {
    margin-bottom: 0em;
  }
  .base_company .flex-container {
    flex-direction: row;
  }
  .base_company .flex-container .innerBox {
    margin-bottom: 0px;
  }

  .base_company .base_company_text {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 1.5em;
  }

  .base_company .base_company_text, .base_company .imgBox {
    width: calc((100% - 50px) / 2);
  }

  .base_company .base_company_text h2 {
    display: inline-block;
    margin-right: auto;
    margin-left: 0;
  }

  .base_company .base_company_text h2, .base_company .base_company_text p {
    text-align: left;
  }

  .base_company .base_company_text h2 {
    margin-bottom: 1em;
  }

  section.continue {
    padding: 10px 0;
  }

  .base_company .flex-container .flex-item img {
    height: 250px;
    padding: 0;
  }

  .base_company .flex-container30 {
    flex-direction: row;
    margin-bottom: 40px;
  }

  .base_company .flex-container30 .flex-item {
    width: 30%;
    margin-bottom: 0;
  }
}
/*////////////////////////

品質方針

////////////////////////////*/
.puality_page_section1 {
  text-align: left;
  margin-bottom: 60px;
}
.puality_page_section1 p {
  line-height: 1.7;
  margin-bottom: 2em;
}
.puality_page_section1 h2.title_deco001 {
  border-left: none;
}
.puality_page_section1 h3 {
  line-height: 1.7;
  position: relative;
  font-weight: 700;
  margin-bottom: 1.5em;
}
.puality_page_section1 h3::before, .puality_page_section1 h3::after {
  content: "";
  width: 2em;
  height: 2em;
  position: absolute;
}
.puality_page_section1 h3::before {
  border-top: solid var(--main_color) 4px;
  border-left: solid var(--main_color) 4px;
  top: -0.5em;
  left: -0.5em;
}
.puality_page_section1 h3::after {
  border-bottom: solid var(--main_color) 4px;
  border-right: solid var(--main_color) 4px;
  bottom: -0.5em;
  right: -0.5em;
}

.puality_page_section2 ol {
  list-style: auto;
  margin: 0 auto;
  margin-left: 1.3em;
}
.puality_page_section2 li {
  text-decoration: underline;
  line-height: 1.7;
  margin-bottom: 1em;
}
.puality_page_section2 li span {
  text-decoration: none;
}

.environment_page_section2 li {
  text-decoration: none;
}
.environment_page_section2 li h4 {
  text-decoration: underline;
  font-weight: 700;
}

.environment_page {
  margin-bottom: 80px;
}

.puality_page_section3 {
  margin-top: 60px;
  display: none;
}
.puality_page_section3 h2.title_deco001 {
  margin-bottom: 8px;
  font-size: 24px;
}
.puality_page_section3 h2.title_deco001 + p {
  margin-bottom: 30px;
  font-size: 12px;
}
.puality_page_section3 h3 {
  font-size: 18px;
  margin: 0 auto;
  margin-bottom: 1.5em;
  width: 90%;
  max-width: 350px;
}
.puality_page_section3 p {
  font-size: 14px;
  margin: 0 auto;
  margin-bottom: 1em;
  width: 90%;
  max-width: 350px;
}
.puality_page_section3 .innerBox2 li {
  max-width: 200px;
  width: 90%;
  margin: 0 auto 50px;
}
.puality_page_section3 .innerBox2 li:hover {
  opacity: 0.7;
}
.puality_page_section3.base {
  display: block;
  max-width: 1300px;
  width: 90%;
}

.puality_page .btnBox1 .btn {
  min-width: 250px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 550px) {
  .puality_page .btnBox1 .btn {
    max-width: 430px;
  }

  .puality_page_section2 ol {
    margin: 0 auto;
  }

  .puality_page_section3 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  .puality_page_section3 h3 {
    font-size: 24px;
    width: 100%;
    max-width: initial;
  }
  .puality_page_section3 p {
    font-size: 16px;
    width: 100%;
    max-width: initial;
  }
  .puality_page_section3 .innerBox2 ul {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
  }
  .puality_page_section3 .innerBox2 li {
    width: 48%;
    max-width: 250px;
    margin: 0 0 50px;
    margin-right: 10%;
  }
  .puality_page_section3 .innerBox2 li:last-child {
    margin-right: 0;
  }
}
@media (min-width: 960px) {
  .puality_page_section1 {
    text-align: center;
  }

  .puality_page_section2 li {
    text-align: left;
    font-weight: 700;
  }
}
/*////////////////////////

企業行動憲章・行動規範

////////////////////////////*/
.charter_page .btnBox1 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
}
.charter_page .btn1 {
  background-color: var(--sub_color);
}
.charter_page .btn {
  color: #fff;
  cursor: pointer;
  color: var(--sub_color);
  border: 1px solid var(--sub_color);
  background-color: #fff;
  cursor: pointer;
}
.charter_page .btn:hover {
  background-color: var(--sub_color);
  color: #fff;
}
.charter_page .btn.active_page {
  background-color: transparent;
  border: 1px solid var(--sub_color);
  color: var(--sub_color);
  cursor: auto;
  background-color: var(--sub_color);
  color: #fff;
  border: 1px solid var(--sub_color);
}
.charter_page .charter_list li {
  margin-bottom: 2em;
  font-size: 16px;
}
.charter_page .charter_list h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.8em;
}
.charter_page .charter_list p {
  padding-left: 2em;
}

.norm_section {
  letter-spacing: 0.05em;
  display: none;
}
.norm_section h4 {
  background-color: #ededed;
  padding: 0.5em;
  font-weight: 700;
  margin-bottom: 0.9em;
}
.norm_section .norm_link ul {
  margin-bottom: 40px;
  margin: 0 0 2em 0;
  padding: 0;
  list-style: inside;
}
.norm_section .norm_link ul li {
  margin-bottom: 0.9em;
}
.norm_section .norm_link ul li:hover {
  opacity: 0.7;
}
.norm_section .norm_link ul a {
  text-decoration: underline;
}
.norm_section .attn {
  font-size: 0.8em;
  margin-left: 1.5em;
}
.norm_section ol > li > p {
  margin-left: 1.7em;
  line-height: 1.5;
}
.norm_section ol.parent {
  list-style: none;
}
.norm_section ol.parent > li {
  margin-bottom: 1.5em;
}
.norm_section ol.parent ol {
  margin-left: 3em;
}
.norm_section ol.parent ol li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
  text-indent: -1.7em;
  line-height: 170%;
  margin-bottom: 0.5em;
}
.norm_section ol.parent ol li:before {
  content: "(" counter(cnt) ") ";
}

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

受賞歴

////////////////////////////////////*/
.award_page_contentBox {
  margin-bottom: 60px;
  max-width: 850px;
}
.award_page_contentBox .titleBox {
  margin-bottom: 40px;
}
.award_page_contentBox .titleBox h2 {
  margin-bottom: 0;
  line-height: 1.5;
}
.award_page_contentBox .titleBox p {
  font-weight: 700;
  line-height: 2;
  padding-left: 1.3em;
}
.award_page_contentBox .innerBox {
  display: flex;
  flex-direction: column;
}
.award_page_contentBox .img_deco {
  position: relative;
  z-index: 5;
}
.award_page_contentBox .img_deco::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--sub_color);
  transform: translate(4%, 5%);
  z-index: -1;
}
.award_page_contentBox .textContent {
  margin-top: calc(1em + 5%);
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (min-width: 960px) {
  .award_page_contentBox .innerBox {
    flex-direction: row;
  }
}

.award_page_contentBox1 .imgBox1 {
  max-width: 214px;
  margin-bottom: 40px;
}
.award_page_contentBox1 .imgBox2 {
  max-width: 413px;
}
@media (min-width: 960px) {
  .award_page_contentBox1 .imgBox1 {
    margin-right: 5%;
    margin-bottom: 0;
  }
}

.award_page_contentBox2 .innerBox {
  position: relative;
}
.award_page_contentBox2 .imgBox1 {
  align-items: flex-start;
  max-width: 170px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #202022;
  z-index: 10;
}
.award_page_contentBox2 .imgBox2 {
  max-width: 220px;
}
@media (min-width: 960px) {
  .award_page_contentBox2 .imgBox1 {
    margin-right: 5%;
  }
}

.product_top_page {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
}
.product_top_page .product_section__contentBox ul {
  justify-content: center;
}
.product_top_page .product_section__contentBox ul li {
  cursor: pointer;
  width: 100%;
  max-width: 450px;
  color: #fff;
}
@media (min-width: 960px) {
  .product_top_page .product_section__contentBox ul li {
    width: 35%;
  }
  .product_top_page .product_section__contentBox ul li:first-child {
    margin-right: 5.2%;
  }
}

.product_top_section2 {
  padding: 60px 0 80px;
  background-color: #f2f2f2;
}
.product_top_section2 h2 {
  font-weight: 700;
}
.product_top_section2 .home_section_title {
  margin-bottom: 60px;
}
.product_top_section2 .home_section_title p {
  line-height: 1.5;
}

.product_top_section2_contentBox {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
}
.product_top_section2_contentBox .innerBox1 {
  max-width: 440px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.product_top_section2_contentBox .innerBox1 a {
  text-align: center;
  display: block;
  color: #fff;
  line-height: 1.5;
  font-weight: 700;
  background-color: var(--main_color);
  padding: 1.3em 1.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
}
.product_top_section2_contentBox .innerBox1 a:hover {
  opacity: 0.7;
}
@media (min-width: 960px) {
  .product_top_section2_contentBox {
    display: flex;
    justify-content: center;
	 gap:2.5em;
  }
  .product_top_section2_contentBox .innerBox1 {
    margin: 0;
    width: 100%;
  }
}

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

製品個別ページ

///////////////////////////*/
.product_relay h3 {
  font-size: 1em;
}
.product_relay .stop_selling {
  margin-bottom: 8px;
}
.product_relay .stop_selling span {
  font-weight: 700;
  display: inline-block;
  padding: 0.3em 0.5em;
  border: 2px solid;
}

.product_relay_contentBox1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product_relay_contentBox1 .textContent {
  flex: 1;
  margin-right: 1.5em;
}
.product_relay_contentBox1 ul {
  line-height: 1.7em;
  list-style: outside;
  padding-left: 1.3em;
}
.product_relay_contentBox1 ul li {
  font-weight: 700;
}
.product_relay_contentBox1 .img_content {
  width: 40%;
  display: flex;
}
.product_relay_contentBox1 .imgBox {
  width: 350px;
  height: 250px;
  align-items: flex-start;
  border: 1px solid #000;
}

.product_relay_contentBox2 {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.product_relay_contentBox2 .innerBox {
  width: calc((100% - 50px) / 2);
}
.product_relay_contentBox2 .innerBox h3 {
  margin-bottom: 2.5em;
}
.product_relay_contentBox2 table {
  width: 100%;
}
.product_relay_contentBox2 table th, .product_relay_contentBox2 table td {
  border: 1px solid #202020;
  line-height: 1.5;
  padding: 0.3em 1em;
}
.product_relay_contentBox2 .innerBox2 h3 {
  margin-bottom: 0;
}
.product_relay_contentBox2 .innerBox2 .title_content p {
  text-align: right;
}
.product_relay_contentBox2 .product_relay_contentBox2_power_table {
  font-size: 0.9em;
}

.product_relay_contentBox3 {
  margin-top: 60px;
}
.product_relay_contentBox3 ul {
  padding-left: 1.3em;
}
.product_relay_contentBox3 li {
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.product_relay_contentBox3 li a {
  text-decoration: underline;
}
.product_relay_contentBox3 li a span {
  text-decoration: underline;
}
.product_relay_contentBox3 li a:hover {
  opacity: 0.7;
}
.product_relay_contentBox3 .innerBox2 {
  margin-top: 60px;
}
.product_relay_contentBox3 .use_list {
  list-style: outside;
}
.product_relay_contentBox3 .use_list_power {
  display: flex;
  flex-wrap: wrap;
  list-style: inside;
}
.product_relay_contentBox3 .use_list_power li {
  margin-right: 1.5em;
}
.product_relay_contentBox3 .use_list_power a {
  margin-left: -0.5em;
}

.product_relay_contentBox4 {
  margin-top: 60px;
  overflow-x: scroll;
}
.product_relay_contentBox4 table {
  min-width: 370px;
  border: 1px solid #ddd;
}
.product_relay_contentBox4 table ul li {
  margin-top: 0;
  margin-bottom: 0.3em;
}
.product_relay_contentBox4 table ul br {
  display: none;
}
.product_relay_contentBox4 table tbody th, .product_relay_contentBox4 table tbody td {
  line-height: 1.7em;
  padding: 0.5em 1em;
  border-right: 1px solid #ddd;
  vertical-align: middle;
  text-align: center;
}
.product_relay_contentBox4 table tbody th:last-child, .product_relay_contentBox4 table tbody td:last-child {
  border-right: none;
}
.product_relay_contentBox4 table th {
  text-align: center;
}
.product_relay_contentBox4 table th span {
  font-weight: 700;
}
.product_relay_contentBox4 table tr td {
  text-align: center;
}
.product_relay_contentBox4 table .row-1 td, .product_relay_contentBox4 table .row-2 td {
  background-color: #d9edf7;
  font-weight: 700;
}
.product_relay_contentBox4 table .row-1 td span, .product_relay_contentBox4 table .row-2 td span {
  font-weight: 700;
}
.product_relay_contentBox4 table.product_table_row2 th.row-2 td {
  background-color: #fff;
  font-weight: 400;
}

@media (max-width: 750px) {
  .product_relay_contentBox1 {
    flex-direction: column;
  }
  .product_relay_contentBox1 ul {
    margin-top: 1.2em;
    font-size: 1.2em;
  }
  .product_relay_contentBox1 .img_content {
    width: 100%;
    display: flex;
  }
  .product_relay_contentBox1 .imgBox {
    flex: 1;
    width: 100%;
    height: auto;
    max-width: 250px;
    max-height: 200px;
    margin-top: 40px;
  }

  .product_relay_contentBox2 {
    flex-direction: column;
  }
  .product_relay_contentBox2 .innerBox {
    width: 100%;
    margin-top: 60px;
  }
}
@media (max-width: 1150px) {
  body.ja .product_relay_contentBox4 .column-1, body.ja .product_relay_contentBox4 .product_table_c3 .column-2, body.ja .product_relay_contentBox4 .product_table_c4 .column-2, body.ja .product_relay_contentBox4 .product_table_c4 .column-3, body.ja .product_relay_contentBox4 .product_table_c4 .column-4 {
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    vertical-align: middle;
    text-align: left;
    padding: 0.3em;
  }
  body.ja .product_relay_contentBox4 .column-1 th, body.ja .product_relay_contentBox4 .column-1 td, body.ja .product_relay_contentBox4 .product_table_c3 .column-2 th, body.ja .product_relay_contentBox4 .product_table_c3 .column-2 td, body.ja .product_relay_contentBox4 .product_table_c4 .column-2 th, body.ja .product_relay_contentBox4 .product_table_c4 .column-2 td, body.ja .product_relay_contentBox4 .product_table_c4 .column-3 th, body.ja .product_relay_contentBox4 .product_table_c4 .column-3 td, body.ja .product_relay_contentBox4 .product_table_c4 .column-4 th, body.ja .product_relay_contentBox4 .product_table_c4 .column-4 td {
    line-height: 1em;
  }
  body.ja .product_relay_contentBox4 .column-1 .mixed, body.ja .product_relay_contentBox4 .product_table_c3 .column-2 .mixed, body.ja .product_relay_contentBox4 .product_table_c4 .column-2 .mixed, body.ja .product_relay_contentBox4 .product_table_c4 .column-3 .mixed, body.ja .product_relay_contentBox4 .product_table_c4 .column-4 .mixed {
    -webkit-text-orientation: sideways;
            text-orientation: sideways;
    vertical-align: sub;
    line-height: 0;
    margin: 0.2em auto;
  }

  .product_relay_contentBox4 table {
    width: auto;
  }
  .product_relay_contentBox4 table td {
    width: auto;
  }
}
@media (max-width: 400px) {
  .product_relay_contentBox2 table th {
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    vertical-align: middle;
    text-align: left;
    padding: 0.3em;
  }
  .product_relay_contentBox2 table .mixed {
    -webkit-text-orientation: sideways;
            text-orientation: sideways;
    vertical-align: sub;
    line-height: 0;
    margin: 0em auto;
    position: relative;
    left: -1.5px;
  }
}
/*///////////////////////

弊社からのご提案

/////////////////////////*/
.power_relay_selecter_suggestion {
  margin: 0 auto;
}
.power_relay_selecter_suggestion h2 {
  margin-bottom: 2em;
  font-weight: 700;
  letter-spacing: 0.03125em;
}
.power_relay_selecter_suggestion .title_deco001 {
  color: #000;
}
.power_relay_selecter_suggestion h4 {
  font-weight: 700;
  position: relative;
  padding-bottom: 0.8em;
  margin-bottom: 1.5em;
}
.power_relay_selecter_suggestion h4::before {
  content: "";
  width: 2em;
  height: 4px;
  background-color: #0a137c;
  border-radius: 16px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.proposal_page_contentBox1 {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}

.proposal_page_contentBox1_innerBox1 {
  width: 57%;
  max-width: 670px;
  margin-right: 87px;
}
.proposal_page_contentBox1_innerBox1 .p-1 {
  color: #0a137c;
  line-height: 1.2;
  letter-spacing: 0.025em;
  margin-bottom: 1.6em;
}
.proposal_page_contentBox1_innerBox1 .p-1 span {
  font-weight: 700;
}
.proposal_page_contentBox1_innerBox1 .p-2 {
  line-height: 1.7778;
  letter-spacing: 0.0278em;
}

.proposal_page_contentBox1_innerBox2 {
  flex: 1;
}
.proposal_page_contentBox1_innerBox2 a {
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  border: 2px solid var(--main_color);
}
.proposal_page_contentBox1_innerBox2 a:hover {
  opacity: 0.8;
}
.proposal_page_contentBox1_innerBox2 .imgBox {
  width: 57px;
  margin-right: 15px;
}
.proposal_page_contentBox1_innerBox2 .textContent span {
  color: var(--main_color);
}
.proposal_page_contentBox1_innerBox2 .imgBox2 {
  margin-top: 50px;
  max-width: 254px;
}

.proposal_page_contentBox2 {
  margin-bottom: 100px;
}

.proposal_page_contentBox2_innerBox1, .proposal_page_contentBox2_innerBox2 {
  display: flex;
  justify-content: center;
}
.proposal_page_contentBox2_innerBox1 .imgBox, .proposal_page_contentBox2_innerBox2 .imgBox {
  max-width: 520px;
}
.proposal_page_contentBox2_innerBox1 .textContent, .proposal_page_contentBox2_innerBox2 .textContent {
  margin-top: 3.5em;
  margin-left: 12%;
  flex: 1;
}
.proposal_page_contentBox2_innerBox1 .textContent p, .proposal_page_contentBox2_innerBox2 .textContent p {
  text-decoration: underline;
  margin-bottom: 2em;
}
.proposal_page_contentBox2_innerBox1 .listBox li, .proposal_page_contentBox2_innerBox2 .listBox li {
  line-height: 1.7;
}
.proposal_page_contentBox2_innerBox1 .listBox li:hover, .proposal_page_contentBox2_innerBox2 .listBox li:hover {
  opacity: 0.7;
}
.proposal_page_contentBox2_innerBox1 .listBox li::before, .proposal_page_contentBox2_innerBox2 .listBox li::before {
  content: "-";
  margin-right: 0.5em;
}

.proposal_page_contentBox2_innerBox1 {
  margin-bottom: 60px;
}

.proposal_page_contentBox3 .p-1 {
  line-height: 1.7;
}

.proposal_page_contentBox3_innerBox1 {
  margin-bottom: 50px;
}

.proposal_page_contentBox3_innerBox2 {
  margin-bottom: 50px;
}
.proposal_page_contentBox3_innerBox2 .p-1 {
  color: #0a137c;
  letter-spacing: 0.025em;
  font-weight: 700;
}
.proposal_page_contentBox3_innerBox2 .imgBox {
  margin-top: 20px;
  max-width: 960px;
}
.proposal_page_contentBox3_innerBox2 .p-2 {
  text-align: left;
  width: 35em;
  margin: 0 auto;
  line-height: 1.5;
  font-size: 14px;
  margin-top: 2em;
}
.proposal_page_contentBox3_innerBox2 .p-3 {
  max-width: 960px;
  text-align: right;
}
.proposal_page_contentBox3_innerBox2 .p-3 span {
  font-weight: 700;
  color: #fff;
  background-color: var(--color_03);
  display: inline-block;
  margin-left: auto;
  padding: 0.5em 1em;
  position: relative;
  text-align: center;
}
.proposal_page_contentBox3_innerBox2 .p-3 span::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid var(--color_03);
}

.proposal_page_contentBox4_wrapper {
  display: flex;
}

.proposal_page_contentBox4_innerBox1, .proposal_page_contentBox4_innerBox2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
  max-width: 500px;
}

.proposal_page_contentBox4_innerBox2 .textContent {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  width: 100%;
  background-color: var(--main_color);
  color: #fff;
  padding: 0.5em 1em;
}
.proposal_page_contentBox4_innerBox2 .textContent p {
  font-weight: 700;
  text-align: center;
}
.proposal_page_contentBox4_innerBox2 .textContent::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid var(--main_color);
}

@media (max-width: 960px) {
  .proposal_page_contentBox1 {
    flex-direction: column;
  }

  .proposal_page_contentBox1_innerBox1 {
    width: 100%;
    margin-bottom: 40px;
  }

  .proposal_page_contentBox2 {
    margin-bottom: 80px;
  }

  .proposal_page_contentBox1_innerBox2 {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  }
  .proposal_page_contentBox1_innerBox2 .imgBox2 {
    margin-right: 16px;
  }

  .proposal_page_contentBox2_innerBox1, .proposal_page_contentBox2_innerBox2 {
    flex-direction: column;
  }
  .proposal_page_contentBox2_innerBox1 .textContent, .proposal_page_contentBox2_innerBox2 .textContent {
    margin-left: 0;
    margin-top: 40px;
  }
  .proposal_page_contentBox2_innerBox1 .listBox, .proposal_page_contentBox2_innerBox2 .listBox {
    display: flex;
    flex-wrap: wrap;
  }
  .proposal_page_contentBox2_innerBox1 .listBox li, .proposal_page_contentBox2_innerBox2 .listBox li {
    margin-right: 1.5em;
  }

  .proposal_page_contentBox3_innerBox2 .p-2 {
    width: auto;
  }

  .proposal_page_contentBox4_wrapper {
    flex-direction: column;
  }

  .proposal_page_contentBox4_innerBox1, .proposal_page_contentBox4_innerBox2 {
    width: 80%;
    margin-left: 0;
    margin-bottom: 40px;
    max-width: 450px;
    min-width: 300px;
  }
}
/*//////////////////////////

製品一覧ページ

//////////////////////////*/
.product_summary_table {
  min-width: 1050px;
}
.product_summary_table th:empty {
  /* ▼ 斜線はSVG画像を背景として設定 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+");
}
.product_summary_table.sp {
  display: none;
}
@media (max-width: 1250px) {
  .product_summary_table.pc {
    display: none;
  }
  .product_summary_table.sp {
    display: inline-block;
    width: 100%;
  }
}

.power_summary_table {
  min-width: 900px;
}

.product_summary_page_contentBox1 {
  margin-bottom: 60px;
}
.product_summary_page_contentBox1 p {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.product_summary_page_contentBox1 p span {
  font-weight: 700;
  display: inline-block;
  padding: 1.5em 2em;
}

.product_summary_page_contentBox2 {
  margin-bottom: 60px;
}
.product_summary_page_contentBox2 ul {
  line-height: 1.5;
  list-style: outside;
  padding-left: 1.2em;
}

.product_summary_table {
  width: 100%;
}
.product_summary_table th, .product_summary_table td {
  border: 1px solid;
  width: auto;
  text-align: center;
  padding: 0.3em 0.5em;
}
.product_summary_table th a, .product_summary_table td a {
  line-height: 1.5;
}
.product_summary_table th a:hover, .product_summary_table td a:hover {
  opacity: 0.7;
}
.product_summary_table p {
  line-height: 1.7;
}
.product_summary_table th {
  font-weight: 700;
}
.product_summary_table .img_td {
  max-width: 150px;
  width: 100px;
  padding: 0;
}
.product_summary_table .imgBox {
  max-width: 150px;
}

.summary_table_download a {
  display: block;
  line-height: 1.7;
  font-size: 12px;
}

.product_list_sp2 {
  border-bottom: 4px double;
}

@media (max-width: 1250px) {
  .product_summary_page_contentBox3 {
    overflow-x: scroll;
  }
}
@media (max-width: 600px) {
  .product_summary_table {
    width: 100%;
  }
  .product_summary_table .img_td {
    max-width: 100px;
    width: 100px;
    padding: 0;
  }
  .product_summary_table .imgBox {
    max-width: 80px;
    min-width: 80px;
    width: 80px;
    margin: 0 auto;
  }
}
.product_summary_page_contentBox5 {
  margin-top: 1em;
  text-align: left;
}
.product_summary_page_contentBox5 p {
  line-height: 1.5;
  margin-bottom: 0.5em;
}
@media (min-width: 450px) {
  .product_summary_page_contentBox5 {
    text-align: right;
  }
}

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

アプリケーション個別ページ

////////////////////////////*/
.product_app_page_contentBox1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 60px;
}
.product_app_page_contentBox1 .textContent {
  width: 57%;
  margin-right: 5%;
}
.product_app_page_contentBox1 .textContent p {
  letter-spacing: 0.05em;
  line-height: 1.7;
}
.product_app_page_contentBox1 .imgBox {
  flex: 1;
  max-width: 450px;
}

.product_app_page_contentBox1-1 {
  margin: 1em 0 40px;
}
.product_app_page_contentBox1-1 p {
  line-height: 1.5;
}
.product_app_page_contentBox1-1 ul {
  list-style: outside;
  padding-left: 1.2em;
}
.product_app_page_contentBox1-1 ul li {
  line-height: 1.5;
  margin-bottom: 0.5em;
}

.product_app_page_contentBox2 {
  margin-bottom: 60px;
}
.product_app_page_contentBox2 ul {
  list-style: inside;
  margin-left: 0.5em;
  display: flex;
  flex-wrap: wrap;
}
.product_app_page_contentBox2 li {
  margin-right: 1.5em;
  margin-bottom: 1em;
}
.product_app_page_contentBox2 li span {
  margin-left: -0.5em;
}

.product_app_page_contentBox3 table {
  width: 100%;
}
.product_app_page_contentBox3 .textContent {
  text-align: right;
  margin-top: 16px;
}
.product_app_page_contentBox3 .textContent p {
  margin-bottom: 1em;
  line-height: 1.5;
}
.product_app_page_contentBox3 .textContent .p-1 {
  font-size: 14px;
}

@media (max-width: 1250px) {
  .product_app_page_contentBox3 {
    overflow-x: scroll;
  }
}
@media (max-width: 960px) {
  .product_app_page_contentBox1 .textContent {
    width: 100%;
    margin-right: 0;
  }
  .product_app_page_contentBox1 .imgBox {
    margin-bottom: 20px;
  }
}
/*/////////////////////////////

パワーリレーセレクト

//////////////////////////////*/
.power_relay_selecter_nav {
  margin: 0 auto;
  justify-content: center;
}
.power_relay_selecter_nav li {
  color: #fff;
  margin-right: 20px;
  cursor: pointer;
  padding: 0.5em;
}
.power_relay_selecter_nav li:last-child {
  margin-right: 0;
}
.power_relay_selecter_nav li.active {
  background-color: #fff;
  color: var(--sub_color);
  border: 2px solid var(--sub_color);
}
.power_relay_selecter_nav li.active:hover {
  pointer-events: none;
}
.power_relay_selecter_nav .btn {
  color: var(--sub_color);
  border: 1px solid var(--sub_color);
  background-color: #fff;
  cursor: pointer;
}
.power_relay_selecter_nav .btn:hover {
  color: #fff;
  background-color: var(--sub_color);
}
.power_relay_selecter_nav .btn.active {
  background-color: var(--sub_color);
  color: #fff;
  border: 1px solid var(--sub_color);
}
@media (max-width: 960px) {
  .power_relay_selecter_nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .power_relay_selecter_nav li.btn {
    width: 45%;
    margin-right: 24px;
    margin-bottom: 20px;
  }
  .power_relay_selecter_nav li.btn:nth-child(even) {
    margin-right: 0;
  }
}
@media (max-width: 520px) {
  .power_relay_selecter_nav {
    flex-direction: column;
  }
  .power_relay_selecter_nav li.btn {
    width: 90%;
    margin-right: 0px;
    margin-bottom: 16px;
  }
}

.power_relay_pageLink {
  display: none;
}
.power_relay_pageLink.active {
  display: block;
}
.power_relay_pageLink h2 {
  margin-right: auto;
  margin-left: auto;
}

.power_relay_selecter_summary h2 {
  max-width: initial;
}

.power_relay_selecter_app .imgBox {
  max-width: 860px;
  margin: 0 auto;
  width: 90%;
}
.power_relay_selecter_app h3.text_deco004 {
  text-align: center;
  min-width: 250px;
  margin: 0 auto;
  margin-bottom: 2.86em;
  font-weight: 700;
}
.power_relay_selecter_app h3.text_deco004 span {
  font-weight: 700;
  letter-spacing: 0.1em;
}

.power_relay_selecter_app_contentBox {
  padding: 60px 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.power_relay_selecter_app_contentBox2 {
  background-color: #f2f2f2;
}

.power_relay_selecter_table .imgBox {
  max-width: 860px;
  margin: 0 auto;
  width: 90%;
}
.power_relay_selecter_table .imgBox img {
  margin-left: -2%;
}
.power_relay_selecter_table .imgBox a:hover {
  opacity: 0.7;
}

.product_relay_contentBox4_table table {
  min-width: 1000px;
  position: relative;
}
.product_relay_contentBox4_table .product_table_c .row-2 td {
  font-weight: 400;
  background-color: transparent;
}
.product_relay_contentBox4_table .product_table_c .row-2 td span {
  font-weight: 400;
}

.power_relay_selecter_app .app_list {
  margin-top: 40px;
  list-style: outside;
  padding-left: 1.3em;
}
.power_relay_selecter_app .app_list li {
  line-height: 1.7;
  margin-bottom: 0.5em;
  text-decoration: underline;
}
.power_relay_selecter_app .app_list li a {
  font-weight: 700;
}
.power_relay_selecter_app .product_summary_page_contentBox5 {
  text-align: left;
}

@media (max-width: 1150px) {
  .product_relay_contentBox4_table {
    max-height: 94vw;
    overflow: scroll;
  }
  .product_relay_contentBox4_table .table_fixed {
    top: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    z-index: 1;
    font-size: 0.7em;
  }
  .product_relay_contentBox4_table .table_fixed_row {
    position: -webkit-sticky;
    position: sticky;
    height: 5.5em;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 2;
    font-size: 0.7em;
  }
  .product_relay_contentBox4_table .row-2 {
    top: 5.3em;
  }

  .product_table_c2 .column-2 {
    width: 80px;
    left: 50px;
  }
  .product_table_c2 .column-3 {
    left: 100px;
  }

  .product_table_c3 .column-2, .product_table_c4 .column-2 {
    left: 47px;
  }
  .product_table_c3 .column-3, .product_table_c4 .column-3 {
    width: 80px;
    left: 96px;
  }

  .product_table_c4 .column-4 {
    width: 80px;
  }
}
@media (max-width: 550px) {
  .product_relay_contentBox4_table table {
    min-width: 650px;
  }
}
/*////////////////////////////

製品カタログダウンロード

/////////////////////////////////*/
#signal_data, #signal_techData, #pawer_data, #power_techData {
  display: none;
}

@media (min-width: 960px) {
  .download_page section {
    padding-top: 48px;
    padding-bottom: 60px;
  }
}

.download_page_section1 {
  line-height: 1.5;
  background-color: #fff;
}
.download_page_section1 > p span {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}
.download_page_section1 > p span.active {
  color: #7700ff;
}

.download_page_section1_innerBox1 {
  padding: 40px 0;
  margin-bottom: 40px;
  border-bottom: 4px double #7a7a7a98;
  display: none;
}
.download_page_section1_innerBox1 ul {
  list-style: outside;
  padding-left: 1.5em;
}
.download_page_section1_innerBox1 li {
  margin-bottom: 1em;
}
.download_page_section1_innerBox1 .closeBox {
  text-align: right;
  margin-top: 40px;
}
.download_page_section1_innerBox1 .close {
  display: inline-block;
  padding: 8px 16px;
  border: 3px double #7a7a7a98;
  margin-right: auto;
  cursor: pointer;
}
.download_page_section1_innerBox1 .close:hover {
  opacity: 0.7;
}

.download_page_selectorNav {
  margin-bottom: 60px;
}
.download_page_selectorNav ul{
/* 	flex-wrap:wrap; */
	gap:1em;
}

.download_page_selectorNav .btn {
  text-align: center;
  line-height: 1.2;
  padding: 8px;
  height: auto;
  width: 100%;
  max-width: 300px;
  color: var(--sub_color);
  border: 1px solid var(--sub_color);
  background-color: #fff;
  cursor: pointer;
}
.download_page_selectorNav .btn:hover {
  color: #fff;
}
.download_page_selectorNav .btn.active {
  background-color: var(--sub_color);
  color: #fff;
  border: 1px solid var(--sub_color);
}

@media (min-width: 960px) {
  body.en .download_page_selectorNav ul {
    flex-wrap: wrap;
  }
  body.en .download_page_selectorNav .btn {
    min-width: 280px;
    margin-bottom: 0;
  }
}
.download_page .miniature_relay_imgBox img {
  width: 50%;
  height: 100%;
}
.download_page .product_section__contentBox .product_section__textBox {
  background-color: #585858e5;
  color: #fff;
}

@media (min-width: 960px) {
  .dawnload_page_miniature_relay .product_section__contentBox ul {
    justify-content: flex-start;
    align-items: center;
  }
  .dawnload_page_miniature_relay .product_section__contentBox li {
    width: 50%;
    max-width: 375px;
    height: 100%;
    border: 1px solid var(--sub_color);
  }
  .dawnload_page_miniature_relay .product_section__contentBox li:first-child {
    margin-right: 10%;
  }
}

.miniature_relay_cn > h3 {
  text-align: center;
  margin: 2em 0;
}

.miniature_relay_manual, .dawnload_page_signal_techData {
  margin: 40px auto;
}
.miniature_relay_manual li, .dawnload_page_signal_techData li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  border-bottom: 1px solid #7a7a7a98;
  padding: 20px 0;
}
.miniature_relay_manual li h3, .dawnload_page_signal_techData li h3 {
  width: 100%;
  font-weight: 700;
}
.miniature_relay_manual li h3 span, .dawnload_page_signal_techData li h3 span {
  font-weight: 700;
}
.miniature_relay_manual li p, .dawnload_page_signal_techData li p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.2;
}
.miniature_relay_manual li a, .dawnload_page_signal_techData li a {
  align-self: flex-end;
  color: blue;
  text-decoration: underline;
}
.miniature_relay_manual li a:hover, .dawnload_page_signal_techData li a:hover {
  opacity: 0.8;
}
@media (min-width: 560px) {
  .miniature_relay_manual li, .dawnload_page_signal_techData li {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .miniature_relay_manual li p, .dawnload_page_signal_techData li p {
    margin: 0;
  }
  .miniature_relay_manual li a, .dawnload_page_signal_techData li a {
    align-self: center;
  }
}
@media (min-width: 960px) {
  .miniature_relay_manual li h3, .dawnload_page_signal_techData li h3 {
    width: 50%;
  }
}

ul.dawnload_page_data_list li {
  max-width: 200px;
  border: 1px solid var(--sub_color);
}

@media (max-width: 559px) {
  ul.dawnload_page_data_list li {
    width: 100%;
    max-width: initial;
  }
  ul.dawnload_page_data_list li .imgBox {
    display: none;
  }
  ul.dawnload_page_data_list li .product_section__textBox {
    position: static;
  }
}
@media (min-width: 700px) {
  ul.dawnload_page_data_list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  ul.dawnload_page_data_list li {
    margin-right: 3%;
  }
}
@media (min-width: 960px) {
  ul.dawnload_page_data_list {
    justify-content: flex-start;
  }
  ul.dawnload_page_data_list li {
    margin-bottom: 5%;
    max-width: 250px;
    height: 100%;
    border: 1px solid var(--sub_color);
  }
  ul.dawnload_page_data_list li:nth-child(3n) {
    margin-right: 0;
  }

  .dawnload_page_product_top_section2 .innerBox1:first-child {
    
  }
}
@media (min-width: 1221px) {
  ul.dawnload_page_data_list li:nth-child(3n) {
    margin-right: 3%;
  }
  ul.dawnload_page_data_list li:nth-child(4n) {
    margin-right: 0;
  }
}
.about_company_name h2 {
  color: #000;
}
.about_company_name .about_em_device {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
}
.about_company_name p {
  line-height: 1.7;
  letter-spacing: 0.05em;
  width: 100%;
}
.about_company_name .imgBox {
  flex: 1;
  max-width: 200px;
}
@media (min-width: 550px) {
  .about_company_name .about_em_device {
    flex-direction: row;
  }
  .about_company_name p {
    width: 60%;
    margin-right: 1.5em;
  }
  .about_company_name .imgBox {
    max-width: initial;
  }
}

.brand_container {
  max-width: 790px;
}

.aboutUs_brand {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #f2f2f2;
}
.aboutUs_brand h2 span {
  font-weight: 700;
}
.aboutUs_brand .title_deco001 {
  color: #000;
}
.aboutUs_brand .imgBox {
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.aboutUs_brand p {
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.network {
  padding-top: 0;
}
.network h2 {
  color: #000;
}
.network ul {
  list-style: outside;
  padding-left: 1.2em;
  margin-bottom: 2em;
}
.network li {
  line-height: 1.7;
}
.network .imgBox {
  max-width: 1000px;
  margin: 0 auto;
}

.r_d {
  padding-top: 0;
}
.r_d h3 {
  color: #000;
}
.r_d .twin_relay {
  display: flex;
  flex-direction: column-reverse;
}
.r_d .twin_relay p, .r_d .twin_relay ul {
  margin: 1em 0;
  line-height: 1.5;
}
.r_d .twin_relay ul {
  list-style: outside;
  padding-left: 1.2em;
}
.r_d .twin_relay .textContent {
  flex: 1;
  margin-top: 1.5em;
  margin-right: 0;
}
.r_d .twin_relay .imgBox {
  width: 250px;
  align-items: flex-start;
}
@media (min-width: 750px) {
  .r_d .twin_relay {
    flex-direction: row;
  }
  .r_d .twin_relay .textContent {
    flex: 1;
    margin-right: 4.5em;
    margin-top: 0;
  }
}

.r_dexp_tran {
  margin-top: 60px;
}
.r_dexp_tran p {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.r_dexp_tran h4 {
  font-weight: 700;
  margin: 1em 0;
  text-align: center;
}
.r_dexp_tran .car, .r_dexp_tran .comm {
  margin: 20px 0 8px;
  text-align: center;
}
.r_dexp_tran .graph1, .r_dexp_tran .graph2 {
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.aboutUs_commitment {
  padding-top: 0;
}
.aboutUs_commitment h2 {
  margin-top: 1.5em;
}
.aboutUs_commitment p {
  line-height: 1.5em;
  letter-spacing: 0.05em;
  margin-bottom: 2em;
}
.aboutUs_commitment .half {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.aboutUs_commitment .half .imgBox {
  width: calc((100% - 5%) / 2);
  margin-bottom: 5%;
  max-width: 390px;
  margin-right: 2%;
}
.aboutUs_commitment .half .imgBox:nth-child(even) {
  margin-right: 0;
}
@media (min-width: 550px) {
  .aboutUs_commitment .half .imgBox {
    margin-right: 5%;
  }
}

.analysis {
  padding-top: 0;
}
.analysis h2 {
  color: #000;
}
.analysis .textContent {
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1em 0 2em;
}
.analysis .p-2 {
  text-align: right;
  margin-top: 1em;
  margin-bottom: 1em;
}
.analysis .analysis_content2 {
  margin-top: 60px;
  border: 4px solid var(--color_03);
  padding: 0.8em;
  background-color: #eef9ff;
  border-radius: 0.5em;
  position: relative;
}
@media (min-width: 960px) {
  .analysis .analysis_content2 {
    margin-top: 100px;
    padding-top: 4em;
  }
}

.analysis_content2_title {
  margin: 0 auto;
  margin-bottom: 40px;
  color: #fff;
  text-align: center;
}
.analysis_content2_title ul {
  list-style: inside;
  display: inline-flex;
  flex-wrap: wrap;
  text-align: left;
  flex-direction: column;
  width: 100%;
  max-width: 635px;
  margin: 0 auto;
  padding: 0.7em 1.819em;
  background-color: var(--color_03);
}
.analysis_content2_title li {
  width: 100%;
  line-height: 1.5;
}
@media (min-width: 550px) {
  .analysis_content2_title {
    margin-top: 0;
  }
  .analysis_content2_title ul {
    flex-direction: row;
  }
  .analysis_content2_title ul li {
    width: 50%;
  }
}
@media (min-width: 960px) {
  .analysis_content2_title {
    position: absolute;
    margin-top: 0;
    top: -3.5%;
    left: 0;
    right: 0;
    z-index: 10;
  }
}

.analysis_innerBox ul {
  display: flex;
  flex-wrap: wrap;
}
.analysis_innerBox li {
  width: calc((100% - 2.5% ) / 2);
  margin-right: 2.5%;
  margin-bottom: 2.5%;
  cursor: pointer;
}
.analysis_innerBox li:nth-child(even) {
  margin-right: 0;
}
.analysis_innerBox li:hover {
  opacity: 0.6;
}
.analysis_innerBox li h3 {
  text-align: center;
  font-weight: 700;
  margin: 0.5em 0;
  line-height: 1.3;
}
@media (min-width: 800px) {
  .analysis_innerBox li {
    width: calc((100% - 5% ) / 3);
    margin-right: 2.5% !important;
  }
  .analysis_innerBox li:nth-child(3n) {
    margin-right: 0 !important;
  }
}

.analysis_full_img {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 99999;
  display: none;
}
.analysis_full_img img {
  width: auto;
  max-height: 60vh;
  max-width: 95%;
}
.analysis_full_img svg {
  width: 20px;
  display: block;
  margin-left: auto;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-right: 3%;
  cursor: pointer;
}
.analysis_full_img svg path {
  fill: #fff;
}
.analysis_full_img p {
  color: #fff;
  text-align: center;
  margin-top: 1em;
}

.em_history {
  padding-top: 0;
}
.em_history .imgBox, .em_history .imgBox2 {
  flex-direction: column;
}
.em_history .imgBox img, .em_history .imgBox2 img {
  width: auto;
  max-height: 180px;
  background-color: #e2e2e2;
}
.em_history .imgBox p, .em_history .imgBox2 p {
  font-size: 12px;
  margin: 0.8em 0;
}
.em_history .p-5 {
  font-size: 1.1em;
  text-align: center;
  margin-top: 1.5em;
}
.em_history .p-5 span {
  display: inline;
  font-weight: 700;
  background: linear-gradient(transparent 90%, var(--main_color) 0%);
}

.em_history_list .imgContent {
  display: flex;
  width: 35%;
  padding-right: 20px;
  padding-bottom: 80px;
  justify-content: flex-end;
}
.em_history_list .textContent {
  flex: 1;
  padding-left: 20px;
  border-left: 2px solid gray;
  position: relative;
  padding-bottom: 80px;
}
.em_history_list .textContent h2 {
  color: #000;
  font-size: 1.1em;
  display: inline-block;
}
.em_history_list .textContent p {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.em_history_list .textContent .p-2 {
  border: 2px dashed var(--sub_color);
  margin-top: 1em;
  display: inline-block;
  padding: 0.5em 1em;
  color: var(--color_03);
}
.em_history_list .textContent .p-3 {
  font-size: 1.1em;
}
.em_history_list .textContent .p-3 span {
  display: inline;
  font-weight: 700;
  background: linear-gradient(transparent 90%, var(--main_color) 0%);
}
.em_history_list .textContent::after {
  content: "";
  position: absolute;
  top: -0.5em;
  left: calc((-0.5em) + (-1px));
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: var(--main_color);
}
.em_history_list li {
  display: flex;
}
.em_history_list .list1 .imgContent {
  flex-direction: column;
}
.em_history_list .list1 .imgBox {
  width: 100%;
  align-self: flex-start;
}
.em_history_list .list1 .imgBox2 {
  flex: 1;
  margin-top: 16px;
}
@media (min-width: 960px) {
  .em_history_list .list1 .imgContent {
    flex-direction: row;
  }
  .em_history_list .list1 .imgBox {
    width: 35%;
  }
  .em_history_list .list1 .imgBox2 {
    margin-left: 10px;
    margin-top: 0;
  }
  .em_history_list .list1 .textContent h2 {
    font-size: 1.2em;
  }
}
@media (min-width: 550px) {
  .em_history_list .imgContent {
    width: 50%;
  }
}
@media (min-width: 960px) {
  .em_history_list .imgContent {
    padding-right: 40px;
  }
  .em_history_list .imgContent .imgBox img, .em_history_list .imgContent .imgBox2 img {
    max-height: 260px;
  }
  .em_history_list .textContent {
    padding-left: 40px;
  }
  .em_history_list .textContent h2 {
    font-size: 1.2em;
  }
}

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

contact_top

///////////////////////////////*/
.contact_top_contentBox1 {
  margin-bottom: 80px;
}

.contact_page_list {
  display: flex;
  justify-content: space-between;
}
.contact_page_list li {
  width: calc((100% - 10%) / 3);
}
.contact_page_list li img {
  transition: 0.5s;
}
.contact_page_list li:hover img {
  transform: scale(1.1);
}
.contact_page_list li:hover h3 {
  color: #c9c9c9;
}
.contact_page_list li:hover h3::after {
  right: 2%;
  border-left: 0.6em solid #c9c9c9;
}
.contact_page_list .imgBox {
  overflow: hidden;
  border: 1px solid #000;
}
.contact_page_list a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.contact_page_list h3 {
  width: 100%;
  text-align: center;
  font-size: 0.9em;
  padding: 0.3em 1em 0.5em;
  color: #fff;
  background-color: var(--sub_color);
  position: relative;
}
.contact_page_list h3::after {
  content: "";
  border-top: 0.6em solid transparent;
  border-bottom: 0.6em solid transparent;
  border-left: 0.6em solid #fff;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  color: #fff;
  transition: 0.3s;
}

.contact_top_contentBox2 > p {
  font-weight: 700;
  margin: 1em 0;
}
.contact_top_contentBox2 .innerBox p {
  font-weight: 700;
  margin: 1em 0;
}
.contact_top_contentBox2 .s-1 {
  margin-right: 0.8em;
}

@media (max-width: 1200px) {
  .contact_page_list {
    display: flex;
    justify-content: space-between;
  }
  .contact_page_list li {
    width: calc((100% - 5%) / 3);
  }
  .contact_page_list li h3 {
    font-size: 1.1em;
  }
}
@media (max-width: 960px) {
  .contact_top_contentBox1 {
    margin-bottom: 40px;
  }

  .contact_page_list {
    flex-direction: column;
  }
  .contact_page_list li {
    width: 100%;
    max-width: 400px;
    margin-bottom: 60px;
  }
}
/* ----------------------------------------------------------------------
 contact
---------------------------------------------------------------------- */
.contsContact .list {
  list-style: none;
}

.contsContact .list .item {
  padding-left: 1.5em;
  position: relative;
  background: none;
  line-height: 1.75;
}

.contsContact .list .item:before {
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  background: #039;
  border-radius: 50%;
  content: "";
}

.contsContact .infoArea {
  padding: 0 1.5em;
}

.contsContact .textArea p {
  line-height: 1.75;
}

.contsContact .textArea a {
  text-decoration: none;
}

.required {
  color: #F00;
}

.formArea .table02 th {
  padding-left: 0;
  padding-right: 0;
  width: 250px;
  text-align: left;
  font-weight: bold;
}

.formArea .table02 td {
  padding-right: 0;
  width: auto;
}

.formItemWrap:not(:first-child) {
  margin-top: 40px;
}

.formItemWrap input[type=text],
.formItemWrap input[type=tel],
.formItemWrap input[type=email],
.formItemWrap textarea,
.formItemWrap select {
  box-sizing: border-box;
  padding: 5px 10px;
  width: 100%;
  border: 1px solid #CCC;
  border-radius: 3px;
  font-size: 14px;
}

.formItemWrap input {
  height: 40px;
}

.formItemWrap select {
  width: 100px;
  height: 40px;
  background-color: initial;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.formItemWrap .address .wpcf7-form-control-wrap:first-of-type {
  position: relative;
}

.formItemWrap .address .wpcf7-form-control-wrap:first-of-type:after {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 20%;
  right: 10px;
  z-index: 10;
  border: 6px solid transparent;
  border-top: 10px solid #000;
  content: "";
  pointer-events: none;
}

.formItemWrap .inline input[type=text] {
  width: 200px;
}

.formItemWrap .inline input[type=tel] {
  width: 260px;
}

.formItemWrap .inline br {
  display: none;
}

.formItemWrap .inline .text {
  margin-left: 10px;
  letter-spacing: -1px;
}

.wpcf7-form-control-wrap ~ .wpcf7-form-control-wrap input {
  margin-top: 10px;
}

span.wpcf7-list-item {
  margin: 0 2em 0 0;
}

.wpcf7-list-item label {
  cursor: pointer;
}

.wpcf7-list-item input[type=radio] {
  visibility: hidden;
}

.wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
}

.wpcf7-list-item .wpcf7-list-item-label:after {
  width: 13px;
  height: 13px;
  display: block;
  border: 1px solid #0B147D;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -13px;
  z-index: 10;
  content: "";
  transform: translateY(-50%);
}

.wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label:after,
.wpcf7-list-item input[type=radio]:checked + input[type=hidden] + .wpcf7-list-item-label:after {
  background: #039;
  border: 1px solid #039;
}

.formFunction {
  text-align: center;
}

.formFunction input[type=submit],
.formFunction input[type=button] {
  width: 310px;
  height: 55px;
  display: inline-block;
  border: none;
  border-radius: 4px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}

.formFunction input[type=submit] {
  background: #0A137C;
}

.formFunction input[type=button] {
  background: #AAA;
}

.formFunction input + input {
  margin-left: 15px;
}

.formFunction input[type=submit]:hover,
.formFunction input[type=button]:hover {
  opacity: 0.7;
}

div.wpcf7-validation-errors {
  border-color: #FF6200;
}

div.wpcf7-response-output {
  padding: 2em;
}

.contact_lower_container {
  margin-top: 60px;
}
.contact_lower_container h4 {
  padding-left: 0.5em;
  border-left: 5px solid var(--sub_color);
  display: inline-block;
  font-weight: 700;
}
.contact_lower_container p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.contact_lower_container tr {
  height: 85px;
  width: auto;
  padding: 1.5em 0;
  border-bottom: 1px solid #b6b6b6;
}
.contact_lower_container tr.address {
  height: 185px;
}
@media (max-width: 960px) {
  .contact_lower_container tr, .contact_lower_container td, .contact_lower_container th {
    display: block;
    height: auto;
  }
  .contact_lower_container th {
    margin-bottom: 0.8em;
  }
  .contact_lower_container tr {
    padding: 1.5em 0;
  }
  .contact_lower_container tr.address {
    height: auto;
  }
  .contact_lower_container span.text {
    display: block;
    margin-top: 0.5em;
  }
  .contact_lower_container p:not(.formButton) {
    text-align: left;
  }
}/*# sourceMappingURL=style.css.map */

.formItemWrap .address .wpcf7-form-control-wrap:first-of-type:after{
	top:50%;
}

.postid-15213 .elementor-widget-container th ,.postid-15213 .elementor-widget-container td{
border :1px solid #000 !important;
padding:0.3em 0.5em;
text-align: left;
}

.elementor-button , .elementor-button-text{
	text-decoration:none !important;
}

body .elementor-15213 .elementor-element.elementor-element-664fc4a7 .elementor-button{
	padding:20px 50px;
}

.performance_display th,.performance_display td{border :1px solid #000 !important;padding:0.3em 0.5em;}