@charset "UTF-8";
/*
theme Name: JMS-United
Author: SNIAL
Description: original theme
version： 0.0.1
*/
/*!
 * ress.css • v2.0.2
 * MIT License
 * github.com/filipelinhares/ress
 */
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
:after,
:before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  padding: 0;
  margin: 0;
}

hr {
  overflow: visible;
  height: 0;
}

details,
main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b,
strong {
  font-weight: bolder;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

input {
  border-radius: 0;
}

[disabled] {
  cursor: default;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"],
[type="button"],
[type="reset"],
[type="submit"],
button {
  cursor: pointer;
  color: inherit;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  white-space: normal;
  max-width: 100%;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

body {
  color: #2f475d;
  line-height: 1.5;
  font-size: 18px;
  font-family: "Oswald", Arial, Verdana, "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1px;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

a {
  color: #2f475d;
  text-decoration: none;
  font-weight: 300;
}

a:hover {
  opacity: 0.72;
}

@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1;
  }
}

ul,
ol {
  list-style: none;
}

main {
  padding-top: 88px;
}

@media screen and (max-width: 767px) {
  main {
    padding-top: 64px;
  }
}

html,
body {
  scroll-padding-top: 88px;
  transform-origin: top left;
}

@media screen and (max-width: 767px) {
  html,
  body {
    scroll-padding-top: 64px;
  }
}

.jmscom .cChangeTbl {
  width: 100%;
}

.jmscom .cChangeTbl th.th1 {
  font-size: 123.1%;
  white-space: nowrap;
}

.jmscom .cChangeTbl th.th2 {
  font-size: 123.1%;
  text-align: left;
}

.jmscom .cChangeTbl td.bArw {
  width: 20%;
  background: transparent url(/wp-content/themes/jms_united/images/center_change_arw.jpg) 50% 100% no-repeat;
}

.jmscom .cChangeTbl th,
.jmscom .cChangeTbl td {
  padding: 8px;
}

.jmscom .cChangeTbl .scTbl th.th2 {
  width: 20%;
}

.jmscom .clrBlu {
  color: #007fcb;
}

.jmscom .algnC {
  text-align: center !important;
}

.jmscom .vlgnM {
  vertical-align: middle !important;
}

.jmscom .cChangeTbl .scTbl {
  width: 100%;
}

.jmscom table {
  font-size: inherit;
  font: 100%;
}

.jmscom .bottom2 {
  margin-bottom: 20px !important;
}

.jmscom h1,
.jmscom h2,
.jmscom h3,
.jmscom h4,
.jmscom strong,
.jmscom th,
.jmscom .Bld {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif" !important;
}

.jmscom table {
  border-collapse: collapse;
  border-spacing: 0;
}

.jmscom .cChangeTbl .scTbl th {
  background: #eee;
}

.jmscom .cChangeTbl .scTbl th,
.jmscom .cChangeTbl .scTbl td {
  border-right: 1px dotted #777;
  border-bottom: 1px dotted #777;
  text-align: center;
}

.jmscom .en-box .msg {
  padding: 10px 20px 0;
  margin-bottom: 20px;
}

.jmscom .en-box .tabMnu {
  border-bottom: 1px solid #ddd;
  text-align: center;
  margin-bottom: 30px;
}

.jmscom .en-box .tabMnu li {
  display: inline-block;
  width: 320px;
  margin: 0 5px;
  margin-bottom: -1px;
  border: 1px solid #ddd;
}

.jmscom .en-box .tabMnu li.selc {
  border-bottom: 1px solid #fff;
}

.jmscom .en-box .tabMnu li.selc a {
  color: #007fcb;
}

.jmscom .en-box .tabMnu li a {
  display: block;
  font-size: 140%;
  padding: 17px 10px;
  color: #aaa;
}

.jmscom .en-box .ancMnu {
  text-align: center;
  margin-bottom: 20px;
}

.jmscom .en-box .ancMnu li {
  display: inline-block;
  padding: 0 20px;
  border-right: 1px solid #ddd;
}

.jmscom .headline1 {
  border-left: 10px solid #ff870f;
  padding-left: 10px;
  margin-bottom: 20px;
  font-size: 171.5%;
  font-weight: bold;
  line-height: 30px;
}

.jmscom .en-box .headline1 {
  font-size: 130%;
}

.jmscom .cfix {
  display: block;
}

.jmscom .en-box .imgBox .photo {
  float: left;
  width: 30.4%;
}

@media screen and (max-width: 767px) {
  .jmscom .en-box .imgBox .photo {
    float: none;
    width: 100%;
  }
}

.jmscom .en-box .imgBox .txt {
  margin-left: 31.6%;
}

@media screen and (max-width: 767px) {
  .jmscom .en-box .imgBox .txt {
    margin-left: 0;
  }
}

.jmscom .cfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.jmscom .headline4 {
  background: url(/wp-content/themes/jms_united/images/headline4.jpg) left 5px no-repeat;
  padding-left: 17px;
  font-size: 18px;
}

.jmscom .mgB30 {
  margin-bottom: 30px !important;
}

.jmscom .list-box2 li {
  position: relative;
  padding-left: 1em;
  background: url(/wp-content/themes/jms_united/images/list-box2.png) left 8px no-repeat;
  margin-left: 5px;
}

.jmscom .en-box .enTbl th {
  width: 29.8%;
  font-size: 85%;
  text-align: left;
  vertical-align: baseline;
}

.jmscom .en-box .enTbl td,
.jmscom .en-box .enTbl th {
  border-bottom: 1px solid #ddd;
  padding: 15px 20px;
}

.jmscom .en-box .enTbl {
  width: 100%;
  border-top: 1px solid #ddd;
}

.jmscom .mgB40 {
  margin-bottom: 40px !important;
}

.jmscom .mgB50 {
  margin-bottom: 50px !important;
}

.jmscom .mgB20 {
  margin-bottom: 20px !important;
}

.jmscom .en-box .enTbl2 {
  width: 100%;
  border: 1px solid #d5d5d5;
  margin-bottom: 30px;
}

.jmscom .en-box .enTbl2 th {
  width: 27.5%;
  background-color: #f6f6f6;
  text-align: left;
  font-weight: normal;
}

.jmscom .en-box .enTbl2 td,
.jmscom .en-box .enTbl2 th {
  border: 1px solid #d5d5d5;
  font-size: 85%;
  padding: 15px 20px;
}

.textOverflow {
  overflow: hidden;
}

.ly-section {
  padding: 80px 0;
}

@media screen and (max-width: 767px) {
  .ly-section {
    padding: 56px 0;
  }
}

.ly-section.bg {
  background: #f3f6f9;
}

.ly-section.bgb {
  background: #f2f6f9;
}

.ly-section.nav {
  background: #284d9a;
  padding: 16px 0;
}

@media screen and (max-width: 767px) {
  .ly-section.nav {
    padding: 0;
  }
}

.ly-section.nav ul {
  color: #ffffff;
  color: #fff;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .ly-section.nav ul {
    display: block;
    padding: 0;
  }
}

.ly-section.nav ul li {
  width: 100%;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  .ly-section.nav ul li {
    border-left: none;
    border-right: none;
    padding: 8px;
  }
}

.ly-section.nav ul li a {
  color: #ffffff;
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ly-section.nav ul li a:after {
  content: "";
  width: 12px;
  height: 12px;
  margin-top: 6px;
  margin-left: 8px;
  border-top: 6px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
}

@media screen and (max-width: 767px) {
  .ly-section.nav ul li + li {
    border-top: 1px solid #fff;
  }
}

.ly-section_inner {
  width: 1160px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .ly-section_inner {
    width: 100%;
    padding: 0 24px;
  }
}

.ly-section_hero {
  text-align: center;
  margin-bottom: 40px;
}

.ly-section_hero p {
  margin-top: 80px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .ly-section_hero p {
    margin-top: 40px;
  }
}

.sw-title {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sw-title span {
  display: inline-block;
  line-height: 1;
}

.sw-title span:nth-of-type(1) {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 2px solid #90a3b1;
}

.sw-title span:nth-of-type(2) {
  font-size: 18px;
}

.sw-subTitle {
  text-align: center;
}

.sw-subTitle span {
  display: inline-block;
  font-size: 32px;
  border-bottom: 1px solid #90a3b1;
  padding-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .sw-subTitle span {
    font-size: 24px;
  }
}

.sw-button {
  margin-top: 80px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .sw-button {
    margin-top: 40px;
  }
}

.sw-button a {
  position: relative;
  display: inline-block;
  width: 360px;
  height: 64px;
  line-height: 62px;
  border-radius: 32px;
  color: #13202f;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid #3b5c74;
  box-sizing: border-box;
  transition: all 0.35s ease-out;
  z-index: 1;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.48);
}

@media screen and (max-width: 767px) {
  .sw-button a {
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
  }
}

.sw-button a::before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  top: 50%;
  margin-top: -12px;
  right: 16px;
  transition: all 0.35s ease-out;
}

.sw-button a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  content: "";
  background: #3b5c74;
  border-radius: 32px;
  opacity: 0;
  z-index: -1;
  transition: all 0.35s ease-out;
}

.sw-button a:hover {
  color: #fff;
}

.sw-button a:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.sw-button a:hover::after {
  width: 100%;
  opacity: 1;
  background: #3b5c74;
}

.sw-button-w {
  margin-top: 80px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .sw-button-w {
    margin-top: 40px;
  }
}

.sw-button-w a {
  position: relative;
  display: inline-block;
  width: 360px;
  height: 64px;
  line-height: 62px;
  border-radius: 32px;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  border: 1px solid #fff;
  box-sizing: border-box;
  transition: all 0.35s ease-out;
  z-index: 1;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .sw-button-w a {
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
  }
}

.sw-button-w a::before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  top: 50%;
  margin-top: -12px;
  right: 16px;
  transition: all 0.35s ease-out;
}

.sw-button-w a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  content: "";
  background: #fff;
  border-radius: 32px;
  opacity: 0;
  z-index: -1;
  transition: all 0.35s ease-out;
}

.sw-button-w a:hover {
  color: #3b5c74;
}

.sw-button-w a:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233b5c74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.sw-button-w a:hover::after {
  width: 100%;
  opacity: 1;
  background: #fff;
}

.sw-ripple {
  display: block;
  position: relative;
  z-index: 0;
  width: 360px;
  height: 64px;
  margin: 32px auto 0;
}

@media screen and (max-width: 767px) {
  .sw-ripple {
    width: 100%;
  }
}

.sw-ripple a {
  transition: all 0.35s ease-out;
}

.sw-ripple a:hover {
  opacity: 0.72;
}

.sw-ripple_text {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: #284d9a;
  font-weight: bold;
  top: 0;
  z-index: 2;
  width: 360px;
  height: 64px;
  color: #ffffff;
  border-radius: 32px;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  box-shadow: 0 0 5px white;
}

@media screen and (max-width: 767px) {
  .sw-ripple_text {
    width: 100%;
  }
}

.sw-button_bnr {
  width: 800px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .sw-button_bnr {
    width: 100%;
  }
}

.sw-button_bnr h3 {
  text-align: center;
  margin-bottom: 24px;
}

.sw-button_bnr a {
  display: block;
  margin: 0 auto;
  width: 800px;
  height: 200px;
}

@media screen and (max-width: 767px) {
  .sw-button_bnr a {
    width: 100%;
    height: auto;
  }
  .sw-button_bnr a img {
    width: 100%;
    height: auto;
  }
}

.sw-button_bnr a:hover {
  opacity: 0.72;
}

.sw-button_bnr.yakujyo {
  margin-top: 40px;
}

.sw-button_bnr.j-next {
  margin-top: 40px;
}

.sw-button_bnr.j-next-a {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .sw-button_bnr.j-next-a {
    margin-top: 40px;
  }
}

.st-header {
  width: 100%;
  height: 88px;
  border-bottom: 1px solid #e5e9ef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  background: #ffffff;
  z-index: 999;
  min-width: 1280px;
}

@media screen and (max-width: 767px) {
  .st-header {
    height: 64px;
    min-width: auto;
  }
}

.st-header_logo {
  padding-left: 24px;
}

.st-header_logo a {
  display: block;
}

.st-header_logo img {
  width: 100%;
  height: auto;
  image-rendering: high-quality;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 767px) {
  .st-header_logo img {
    width: 120px;
  }
}

.st-header_nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.st-header_navList {
  display: flex;
  align-items: center;
  margin-right: 32px;
}

.st-header_navList > li {
  margin-right: 32px;
  height: 100%;
}

@media screen and (max-width: 1440px) {
  .st-header_navList > li {
    margin-right: 24px;
  }
}

.st-header_navList > li > a {
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
}

.st-header_navList > li > a:hover {
  opacity: 1;
}

.st-header_navList > li:hover {
  box-sizing: content-box;
  border-bottom: 3px solid #284d9a;
  margin-top: 3px;
  height: calc(100% - 3px);
}

.st-header_contact {
  display: flex;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .st-header_contact {
    display: none;
  }
}

.st-header .NavMenu {
  display: none;
}

@media screen and (max-width: 767px) {
  .st-header .NavMenu {
    display: block;
    overflow-y: scroll;
    height: 100%;
  }
}

nav.NavMenu {
  position: fixed;
  /*表示位置を固定*/
  z-index: 2;
  /*重ね順を変更*/
  top: 0;
  /*表示位置を指定*/
  left: 0;
  /*表示位置を指定*/
  background: #fff;
  /*背景を白にする*/
  color: #000;
  /*文字色を黒にする*/
  text-align: center;
  /*テキストを中央揃え*/
  width: 100%;
  /*全幅表示*/
  transform: translateY(-100%);
  /*ナビを上に隠す*/
  transition: all 0.6s;
  /*アニメーションの時間を指定*/
}

nav.NavMenu ul {
  background: #284d9a;
  /*背景をグレーにする*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

nav.NavMenu ul > li > ul {
  background: #f2f6f9;
}

nav.NavMenu ul > li > ul ul {
  background: #ffffff;
}

nav.NavMenu ul > li > ul a {
  color: #2f475d;
}

nav.NavMenu ul li {
  font-size: 1.1em;
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px dotted #fff;
}

nav.NavMenu ul li.mailLang {
  background-color: #284d9a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px dotted #fff;
}

nav.NavMenu ul li.mailLang .lang {
  color: #ffffff;
}

nav.NavMenu ul li.mailLang .lang a {
  color: #ffffff;
}

nav.NavMenu ul li.mailLang .mail {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M53.334%2010.666H10.667c-2.933%200-5.307%202.4-5.307%205.333l-.026%2032c0%202.934%202.4%205.334%205.333%205.334h42.667c2.933%200%205.333-2.4%205.333-5.334V16c0-2.933-2.4-5.333-5.333-5.333zm0%2037.333H10.667V21.333L32%2034.666l21.334-13.333v26.666zM32%2029.333L10.667%2015.999h42.667L32%2029.333z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-position: center center;
  margin-left: 24px;
}

nav.NavMenu ul li.contact {
  color: #ffffff;
  background-color: #ffa047;
}

nav.NavMenu ul li.contact a {
  color: #ffffff;
}

nav.NavMenu ul li.contact a span {
  display: block;
  line-height: 1;
}

nav.NavMenu ul li.contact a span:nth-of-type(1) {
  font-size: 32px;
  font-weight: 500;
}

nav.NavMenu ul li.contact a span:nth-of-type(2) {
  font-size: 16px;
  padding-left: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67V7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center left;
  margin-top: 4px;
  display: inline-block;
}

nav.NavMenu ul li.contact_button ul {
  display: flex !important;
  font-size: 16px;
  padding: 16px;
}

nav.NavMenu ul li.contact_button ul a {
  color: #ffffff;
}

nav.NavMenu ul li.contact_button ul li {
  border-radius: 8px;
}

nav.NavMenu ul li.contact_button ul li + li {
  margin-left: 16px;
}

nav.NavMenu ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  /*最後のメニュー項目のみ下線を消す*/
}

.sp-aco a {
  position: relative;
}

.sp-aco a:after {
  position: absolute;
  top: 50%;
  right: 24px;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin-top: -12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%206.355h-2.4v4.796H6v2.398h4.8v4.796h2.4v-4.796H18V11.15h-4.8V6.355zM12%20.359C5.376.36%200%205.731%200%2012.35%200%2018.97%205.376%2024.34%2012%2024.34s12-5.371%2012-11.99S18.624.36%2012%20.36zm0%2021.583c-5.292%200-9.6-4.304-9.6-9.592S6.708%202.757%2012%202.757s9.6%204.305%209.6%209.593-4.308%209.592-9.6%209.592z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
}

.sp-aco.is-active a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%2011.094H6v2.398h12v-2.398h-4.8zM12%20.303c-6.624%200-12%205.372-12%2011.99%200%206.62%205.376%2011.99%2012%2011.99s12-5.37%2012-11.99C24%205.675%2018.624.303%2012%20.303zm0%2021.583c-5.292%200-9.6-4.305-9.6-9.593S6.708%202.701%2012%202.701s9.6%204.304%209.6%209.592-4.308%209.593-9.6%209.593z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}

.sp-aco_item {
  display: none;
}

.sp-aco_item .sp-aco_item a {
  font-size: 18px;
}

.sp-aco_item .sp-aco a {
  position: relative;
}

.sp-aco_item .sp-aco a:after {
  position: absolute;
  top: 50%;
  right: 24px;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin-top: -12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%206.355h-2.4v4.796H6v2.398h4.8v4.796h2.4v-4.796H18V11.15h-4.8V6.355zM12%20.359C5.376.36%200%205.731%200%2012.35%200%2018.97%205.376%2024.34%2012%2024.34s12-5.371%2012-11.99S18.624.36%2012%20.36zm0%2021.583c-5.292%200-9.6-4.304-9.6-9.592S6.708%202.757%2012%202.757s9.6%204.305%209.6%209.593-4.308%209.592-9.6%209.592z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
}

.sp-aco_item .sp-aco.is-active a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%2011.094H6v2.398h12v-2.398h-4.8zM12%20.303c-6.624%200-12%205.372-12%2011.99%200%206.62%205.376%2011.99%2012%2011.99s12-5.37%2012-11.99C24%205.675%2018.624.303%2012%20.303zm0%2021.583c-5.292%200-9.6-4.305-9.6-9.593S6.708%202.701%2012%202.701s9.6%204.304%209.6%209.592-4.308%209.593-9.6%209.593z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
}

.sp-aco_item li {
  padding: 0;
  width: 100%;
  border-bottom: 1px dotted #284d9a !important;
}

nav.NavMenu ul li a {
  display: block;
  /*クリックできる領域を広げる*/
  color: #fff;
  padding: 1em 0;
}

nav.NavMenu.active {
  transform: translateY(0%);
}

/*トグルボタンのスタイルを指定*/
.Toggle {
  display: none;
  position: fixed;
  /* bodyに対しての絶対位置指定 */
  right: 13px;
  top: 12px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .Toggle {
    display: block;
  }
}

.Toggle span {
  display: block;
  position: absolute;
  width: 20px;
  border-bottom: solid 3px #284d9a;
  -webkit-transition: 0.35s ease-in-out;
  /*変化の速度を指定*/
  -moz-transition: 0.35s ease-in-out;
  /*変化の速度を指定*/
  transition: 0.35s ease-in-out;
  /*変化の速度を指定*/
  left: 6px;
}

.Toggle.active span {
  border-bottom: solid 3px #fff;
}

.Toggle span:nth-child(1) {
  top: 10px;
}

.Toggle span:nth-child(2) {
  top: 18px;
}

.Toggle span:nth-child(3) {
  top: 26px;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
  top: 18px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.st-header_tel {
  background: #284d9a;
  line-height: 1;
}

.st-header_tel a {
  color: #ffffff;
  height: 88px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 264px;
}

.st-header_tel p {
  font-size: 14px;
}

.st-header_tel span {
  display: block;
  line-height: 1;
}

.st-header_tel span:nth-of-type(1) {
  font-size: 32px;
  font-weight: 500;
}

.st-header_tel span:nth-of-type(2) {
  font-size: 16px;
  padding-left: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67V7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center left;
  margin-top: 4px;
}

.st-header_lang {
  border-left: 1px solid #e5e9ef;
  font-size: 12px;
}

.st-header_lang a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.st-header_lang a:hover {
  opacity: 0.72;
}

.st-header_lang .lang {
  width: 72px;
  height: 100%;
}

.st-header_lang .mail {
  width: 72px;
  height: 43px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M53.334%2010.666H10.667c-2.933%200-5.307%202.4-5.307%205.333l-.026%2032c0%202.934%202.4%205.334%205.333%205.334h42.667c2.933%200%205.333-2.4%205.333-5.334V16c0-2.933-2.4-5.333-5.333-5.333zm0%2037.333H10.667V21.333L32%2034.666l21.334-13.333v26.666zM32%2029.333L10.667%2015.999h42.667L32%2029.333z%22%20fill%3D%22%232F475D%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  background-color: #f2f2f2;
}

.st-header_lang .mail:hover {
  background-color: #f9f9f9;
}

.st-header_megaContent {
  display: none;
  position: absolute;
  background: #f2f6f9;
  width: 100%;
  top: 88px;
  left: 0;
  padding: 32px 0;
}

.st-header_megaContent-inner {
  width: 1040px;
  margin: 0 auto;
}

.st-header_megaInner {
  width: 1160px;
  margin: 0 auto;
}

.st-header_megaInner .st-header_megaList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.st-header_megaInner .st-header_megaList li {
  width: 31%;
}

.st-header_megaInner .st-header_megaList li:nth-child(n + 4) {
  margin-top: 16px;
}

.st-header_megaInner .st-header_subList {
  display: flex;
  margin-top: 32px;
}

.st-header_megaInner .st-header_subList li + li {
  margin-left: 32px;
}

.st-header_megaInner .st-header_subList a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 24px 24px;
  padding-left: 32px;
}

.st-header_megaInner a {
  display: block;
}

.st-header_megaInner a:hover {
  opacity: 0.72;
}

.st-header_megaInner .st-header_megaImg {
  width: 100%;
  height: 120px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.st-header_megaInner.company .st-header_megaImg {
  height: 160px;
}

.st-header_megaInner.contact .contact_title {
  font-size: 24px;
  font-weight: bold;
  color: #284d9a;
  line-height: 1.2;
  border-left: 3px solid #284d9a;
  padding-left: 8px;
}

.st-header_megaInner.contact .contact_box {
  margin-top: 16px;
  display: flex;
}

.st-header_megaInner.contact .contact_item01 {
  width: 860px;
}

.st-header_megaInner.contact .contact_item02 {
  width: 270px;
  margin-left: 30px;
}

.st-header_megaInner.contact .contact_item01 a {
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 16px 40px 16px 16px;
  display: flex;
  width: 860px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right 16px;
  background-size: 24px 24px;
}

.st-header_megaInner.contact .contact_item01 a .img {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 240px;
}

.st-header_megaInner.contact .contact_item01 a .item {
  flex: 1;
  margin-left: 16px;
}

.st-header_megaInner.contact .contact_item02 a {
  box-sizing: border-box;
  padding: 16px 40px 16px 16px;
  width: 270px;
  height: 100%;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right 16px;
  background-size: 24px 24px;
}

.st-header_megaInner.contact .contact_item01_title {
  margin-top: 16px;
}

.st-header_megaInner.contact .contact_item01_title:nth-of-type(1) {
  margin-top: 0;
  font-weight: bold;
}

.st-header_megaInner.contact .contact_item02_img {
  width: 200px;
  height: 80px;
  margin: 16px auto 0;
  background-position: center center;
  background-size: contain;
}

.st-header_megaInner.contact .contact_item02_title {
  font-weight: bold;
  text-align: center;
  margin-top: 16px;
}

.st-header_megaInner.contact .contact_item02_note {
  margin-top: 8px;
}

.st-header_megaInner.contact .contact_item01_tell {
  margin-top: 8px;
}

.st-header_megaInner.contact .contact_item01_tell span {
  display: block;
  line-height: 1;
  color: #284d9a;
}

.st-header_megaInner.contact .contact_item01_tell span:nth-of-type(1) {
  font-size: 32px;
  font-weight: 500;
}

.st-header_megaInner.contact .contact_item01_tell span:nth-of-type(2) {
  font-size: 16px;
  padding-left: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%23284d9a%22%2F%3E%3Cpath%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67V7z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center left;
  margin-top: 4px;
}

.st-header_megaInner.contact .contact_item01_mail {
  margin-top: 8px;
  color: #284d9a;
}

.st-header_megaInner.contact .contact_item01_note {
  margin-top: 16px;
}

.st-header_megaTxt {
  background: #fff;
  margin-top: 1px;
  text-align: center;
  padding: 8px;
}

.st-footer {
  background: #fff;
}

.st-footer .fwb {
  font-weight: 500;
}

.st-footer_link {
  background: #2f475d;
  padding: 32px 0;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .st-footer_link {
    display: none;
  }
}

.st-footer_link a {
  color: #ffffff;
}

.st-footer_link .ly-section_inner {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .st-footer_link .ly-section_inner {
    display: block;
  }
}

.st-footer_link .ly-section_inner.copy {
  justify-content: flex-end;
  margin-top: 48px;
}

.st-footer_link .ly-section_inner.copy p {
  text-align: right;
}

.page-template-page-english .st-footer_sp,
.page-template-page-english_corporate .st-footer_sp {
  display: none;
}

.st-footer_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .st-footer_sp {
    display: block;
  }
  .st-footer_sp .NavMenu {
    display: block;
  }
  .st-footer_sp nav.NavMenu {
    position: static;
    transform: none;
  }
  .st-footer_sp nav.NavMenu > ul {
    background: #2f475d;
  }
}

.st-footer_link-left {
  width: 888px;
}

@media screen and (max-width: 767px) {
  .st-footer_link-left {
    width: 100%;
  }
}

.st-footer_link-right {
  width: 232px;
}

@media screen and (max-width: 767px) {
  .st-footer_link-right {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .st-footer_link-right {
    margin-top: 24px;
  }
}

.st-footer_link_cat > h2 {
  font-size: 18px;
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
  margin-bottom: 8px;
  font-weight: 300;
}

.st-footer_link_cat > ul > li {
  font-size: 16px;
  margin-top: 4px;
}

.st-footer_link_cat + .st-footer_link_cat {
  margin-top: 32px;
}

.st-footer_link_other {
  margin-top: 32px;
  padding-top: 8px;
  border-top: 1px solid #fff;
}

.st-footer_link_other > ul > li {
  font-size: 16px;
  margin-top: 8px;
}

.st-footer_link_catInner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -24px;
}

@media screen and (max-width: 767px) {
  .st-footer_link_catInner {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .st-footer_link_catInner {
    display: block;
  }
}

.st-footer_link_subCat {
  width: 280px;
  margin-right: 24px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .st-footer_link_subCat {
    display: block;
    margin-right: 0;
    width: 100%;
  }
}

.st-footer_link_subCat > h3 {
  font-weight: 300;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
  height: 60px;
  position: relative;
}

.st-footer_link_subCat > h3 > span {
  position: absolute;
  bottom: 8px;
  left: 0;
}

.st-footer_link_subCat > h4 {
  font-weight: 300;
  margin-top: 8px;
}

.st-footer_link_subCat > ul {
  padding-left: 1em;
}

.st-footer_link_subCat > ul li {
  margin-top: 4px;
}

.st-footer_link_subCat > ul li span {
  display: block;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .st-footer_link_subCat + .st-footer_link_subCat {
    margin-top: 16px;
  }
}

ul.st-footer_link_subCat li + li {
  margin-top: 4px;
}

.st-footer_asideInner {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
}

@media screen and (max-width: 767px) {
  .st-footer_asideInner {
    display: block;
  }
}

.st-footer_img ul {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .st-footer_img ul {
    justify-content: center;
    margin-top: 24px;
  }
  .st-footer_img ul img {
    width: 70%;
    height: auto;
  }
  .st-footer_img ul li {
    text-align: center;
  }
}

.st-footer_img ul li + li {
  margin-left: 16px;
}

.st-footer_logo {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .st-footer_logo {
    display: block;
    text-align: center;
  }
}

.st-footer_logo p {
  margin-left: 16px;
}

@media screen and (max-width: 767px) {
  .st-footer_logo p {
    margin-left: 0;
    font-size: 14px;
    text-align: center;
  }
}

.st-footer_aside-corp .st-footer_logo {
  margin: 8px 0;
}

.st-footer_aside-corp > p {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .st-footer_aside-corp > p {
    text-align: center;
  }
}

.st-contact {
  padding: 63px 0;
  background: #f2f6f9;
  color: #284d9a;
}

.st-contact h2 {
  font-weight: bold;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.st-contact_talk {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.st-contact_talk span {
  position: relative;
  border-radius: 8px;
  padding: 16px 24px;
  font-weight: 500;
  background: #ff9d1c;
  color: #ffffff;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .st-contact_talk span {
    padding: 12px 16px;
    font-size: 16px;
  }
}

.st-contact_talk span:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: 24px;
  border-top: 12px solid #ff9d1c;
  border-right: 12px solid #ff9d1c;
  border-bottom: 12px solid transparent;
  border-left: 12px solid transparent;
}

.st-contact_tell {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .st-contact_tell {
    display: block;
    text-align: center;
  }
}

.st-contact_tellText h3 {
  font-size: 20px;
  font-weight: 500;
}

.st-contact_tellText p {
  font-size: 24px;
  padding-left: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%23284d9a%22%2F%3E%3Cpath%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67V7z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center left;
}

@media screen and (max-width: 767px) {
  .st-contact_tellText p {
    display: inline-block;
    margin-top: 16px;
    font-size: 18px;
  }
}

.st-contact_tellNum {
  margin-left: 32px;
}

@media screen and (max-width: 767px) {
  .st-contact_tellNum {
    margin-left: 0;
  }
}

.st-contact_tellNum p {
  font-size: 48px;
  padding-left: 56px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M53.36%2041.013c-3.28%200-6.453-.533-9.413-1.493a2.606%202.606%200%2000-2.694.64l-4.186%205.253c-7.547-3.6-14.614-10.4-18.374-18.213l5.2-4.427c.72-.746.934-1.786.64-2.72-.986-2.96-1.493-6.133-1.493-9.413C23.04%209.2%2021.84%208%2020.4%208h-9.227C9.733%208%208%208.64%208%2010.64%208%2035.413%2028.613%2056%2053.36%2056c1.893%200%202.64-1.68%202.64-3.147v-9.2c0-1.44-1.2-2.64-2.64-2.64z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 48px 48px;
  background-position: center left;
  font-weight: 700;
}

.st-contact_tellNum p a {
  pointer-events: none;
  font-weight: bold;
  color: #284d9a;
}

@media screen and (max-width: 767px) {
  .st-contact_tellNum p {
    display: inline-block;
    font-size: 36px;
    pointer-events: auto;
  }
}

.st-contact.sub.sales .st-contact_icon {
  width: 100px;
  height: 100px;
  margin-left: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20style%3D%22width%3A256px%3Bheight%3A256px%22%3E%3Cpath%20d%3D%22M453.039%20429.75c-2-7.5-4.828-14.234-8.328-20.234-6.125-10.516-14.25-18.703-23.203-25.203-6.703-4.875-13.891-8.828-21.172-12.25-10.938-5.125-22.125-9.063-32.438-12.875-10.328-3.797-19.781-7.531-27.094-11.859-2.688-1.578-5.109-3.234-7.203-4.953-3.125-2.625-5.531-5.391-7.297-8.5s-2.953-6.594-3.406-10.969a84.28%2084.28%200%2001-.469-8.844c0-8.25%201.219-15.422%202.766-22.734%204.625-5.219%208.844-11.422%2012.844-18.859s7.813-16.172%2011.594-26.5a52.662%2052.662%200%20007.281-4.031c5.453-3.688%2010.625-8.781%2014.938-15.594s7.781-15.281%2010.141-25.734c.656-2.891.969-5.781.969-8.609%200-5.938-1.391-11.594-3.75-16.641-1.625-3.484-3.703-6.703-6.125-9.625a225.993%20225.993%200%20004.063-17.859c1.844-9.969%203.375-21.922%203.375-34.531%200-8.109-.625-16.484-2.281-24.781-1.25-6.203-3.047-12.359-5.625-18.266-3.844-8.859-9.438-17.203-17.234-24.094-7.203-6.391-16.234-11.453-27.125-14.734-4.609-5.516-9.375-10.188-14.297-14.109-8.281-6.609-17-11.047-25.891-13.719S270.18%200%20261.195%200c-4.734%200-9.453.266-14.203.688-4.438.406-8.125.859-11.422%201.422-4.938.828-9%201.922-12.938%203.281-3.953%201.359-7.75%202.953-12.734%204.906-1.891.75-4.359%201.844-7.359%203.359-5.219%202.625-11.969%206.531-19.156%2011.906-10.813%208.047-22.75%2019.438-32.031%2034.844a107.895%20107.895%200%2000-11.422%2026.141c-2.813%209.766-4.438%2020.516-4.438%2032.281%200%207.313.656%2015.063%202%2023.172%200%20.563.031%201.125.063%201.656.063%201%20.172%202.063.281%203.156.172%201.609.359%203.281.5%204.688.078.688.141%201.313.188%201.813%200%20.234.016.438.031.594v1.141l1.984%208.828c-2.844%203.109-5.313%206.609-7.234%2010.438-2.672%205.344-4.266%2011.344-4.25%2017.703%200%202.813.297%205.703.953%208.594%201.578%206.984%203.641%2013.078%206.125%2018.359%203.719%207.969%208.406%2014.156%2013.625%2018.813%204.031%203.609%208.344%206.25%2012.625%208.203%203.781%2010.313%207.578%2019.031%2011.594%2026.484%203.984%207.438%208.203%2013.625%2012.828%2018.844%201.531%207.297%202.766%2014.484%202.766%2022.75%200%202.797-.125%205.734-.453%208.844-.313%203-.984%205.594-1.938%207.938-1.422%203.484-3.484%206.453-6.313%209.281-2.813%202.781-6.422%205.375-10.672%207.797-4.328%202.453-9.328%204.734-14.781%206.938-9.547%203.859-20.406%207.516-31.438%2011.891-8.281%203.313-16.641%207.063-24.625%2011.781-5.984%203.516-11.75%207.594-17.047%2012.453-7.922%207.234-14.781%2016.297-19.5%2027.531-4.75%2011.203-7.391%2024.469-7.375%2040.156%200%202.203.469%204.328%201.234%206.266a22.502%2022.502%200%20002.844%205.078c2.172%202.969%205%205.609%208.438%208.172%206.047%204.469%2014.078%208.641%2024.484%2012.578%2015.594%205.875%2036.5%2011.141%2063.516%2015%2027%203.828%2060.125%206.234%20100.063%206.234%2034.594%200%2064.109-1.813%2088.938-4.797%2018.641-2.219%2034.641-5.125%2048.234-8.438%2010.188-2.5%2019.016-5.234%2026.594-8.109%205.688-2.141%2010.688-4.375%2015.016-6.688%203.234-1.75%206.125-3.5%208.656-5.344%203.813-2.75%206.859-5.594%209.188-8.813%201.141-1.609%202.125-3.328%202.828-5.172.688-1.859%201.109-3.891%201.109-5.969-.001-10.734-1.235-20.328-3.532-28.922zm-214.5%207.547l-59.031-75.469c3.078-1.797%206-3.75%208.734-5.938%202.938-2.359%205.641-4.969%208.016-7.938l42.922%2019.922-9.156%2015.281%2014.188%2015.047-5.673%2039.095zm-36.203-99.422a44.545%2044.545%200%20003.391-13.25c.391-3.688.563-7.219.563-10.563%200-10.938-1.813-20.156-3.609-28.5l-.516-2.266-1.594-1.688c-4.047-4.281-7.953-9.766-11.875-17.047-3.906-7.297-7.813-16.375-11.828-27.688l-1.313-3.703-3.688-1.359c-2.563-.938-5.047-2.141-7.438-3.75-3.594-2.438-7.016-5.734-10.156-10.656-3.125-4.922-5.938-11.531-7.969-20.469a22.831%2022.831%200%2001-.547-4.922c0-3.578.875-6.969%202.5-10.234%201.344-2.688%203.219-5.25%205.5-7.531%203.844%205.813%207%2010.406%208.172%2011.547%203.75%203.766%202.578%202.609%203.828.75%200%200%204.266-6%2026.828-49.891%2045.141%2010.031%20124.016-57.766%20124.016-57.766s.953%2021.891%2016%2041.953c14.266%2019.031%2022.406%2063.703%2022.406%2063.703s1.938-3.672%204.828-8.609c1.734%202.016%203.172%204.203%204.219%206.469%201.438%203.078%202.188%206.266%202.188%209.594%200%201.594-.172%203.234-.547%204.922-1.359%205.953-3.047%2010.891-4.969%2014.953-2.859%206.125-6.156%2010.328-9.609%2013.422-3.469%203.094-7.141%205.109-10.969%206.516l-3.688%201.344-1.313%203.703c-4.016%2011.328-7.922%2020.422-11.828%2027.703-3.922%207.313-7.844%2012.781-11.891%2017.063l-1.594%201.688-.5%202.281c-1.813%208.313-3.625%2017.547-3.625%2028.469%200%203.344.172%206.875.547%2010.563.453%204.344%201.438%208.406%202.938%2012.156.063.172.141.344.219.5L258.617%20364l-56.281-26.125zm75.219%20102.156l-6.078-41.828%2014.203-15.047-9.188-15.344%2038.828-20.406c1.078%201.391%202.203%202.719%203.422%203.953%203.859%203.953%208.297%207.219%2013.063%2010.063l-54.25%2078.609z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (max-width: 767px) {
  .st-contact.sub.sales .st-contact_icon {
    margin-left: 24px;
  }
}

.st-contact.sub h2 {
  text-align: center;
  display: block;
  color: #2f475d;
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  .st-contact.sub h2 {
    font-size: 24px;
  }
}

.st-contact.sub h2 span {
  display: block;
}

.st-contact.sub h2 span:nth-of-type(1) {
  font-size: 18px;
}

.st-contact.sub .st-contact_talk span:after {
  content: none;
}

.st-contact.sub .st-contact_check {
  margin-top: 32px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.st-contact.sub .check-list {
  background: #fff;
  padding: 40px;
  border-radius: 8px;
  position: relative;
}

.st-contact.sub .check-list:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 24px;
  right: -24px;
  border-top: 12px solid #fff;
  border-right: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #fff;
}

.st-contact.sub .check-list ul {
  color: #2f475d;
  margin-top: 0;
  font-weight: bold;
}

.st-contact.sub .check-list ul span {
  color: #62b0e3;
}

@media screen and (max-width: 767px) {
  .st-contact.sub .check-list {
    padding: 24px;
  }
  .st-contact.sub .check-list:after {
    right: -16px;
  }
}

.st-contact.sub .st-contact_icon {
  width: 100px;
  height: 100px;
  margin-left: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A256px%3Bheight%3A256px%22%3E%3Cpath%20d%3D%22M437.268%20404.936c-12.213-18.384-30.777-28.6-48.256-35.198-8.77-3.31-17.352-5.722-24.922-7.758-7.563-2.023-14.169-3.685-18.658-5.279-6.827-2.386-14.954-6.07-20.829-10.184-2.947-2.044-5.299-4.194-6.686-6.036l-.931-1.427c-1.274.429-2.499.911-3.812%201.293-3.457%201.025-7.122%201.856-10.913%202.592a24.903%2024.903%200%20003.638%206.666c2.693%203.504%206.083%206.412%209.768%209.011l-54.132%2083.864-56.905-88.165-6.915%204.476%2063.82%2098.877%2061.106-94.683c5.922%203.296%2012.173%205.976%2017.78%207.952.964.342%202.05.65%203.082.972l19.074%2058.768-38.642-9.091-62.399%2052.276-62.399-52.282-38.642%209.098%2020.674-63.685c5.38-2.405%2010.706-5.145%2015.416-8.428%203.732-2.62%207.128-5.561%209.788-9.165%202.646-3.571%204.589-8.04%204.576-13.017V301.753l-1.937-2.151c-10.29-11.463-24.225-26.671-29.055-53.716l-.764-4.321-4.126-1.474c-2.626-.938-4.629-1.896-6.378-3.108-2.579-1.822-4.917-4.308-7.65-9.406-2.7-5.065-5.561-12.628-8.689-23.609-1.374-4.81-1.862-8.535-1.862-11.308.007-2.432.354-4.1.804-5.28%2012.267%2015.362%2026.148%2018.015%2026.148%2018.015%20102.904-36.586%20132.629-98.328%20132.629-98.328s3.658%2083.864%2033.558%20103.466v28.473l.027.161c-1.742%201.098-3.658%201.99-6.023%202.867l-3.001%201.072-.556%203.135c-4.918%2027.622-19.261%2043.286-29.551%2054.734l-1.407%201.568v9.273c4.026-1.099%207.658-2.452%2010.974-4.046v-1.019c9.956-11.061%2024.453-28.057%2030.1-55.572l1.823-.891c.147-1.353.255-2.773.368-4.167%201.842%202.292%204.502%204.208%207.758%205.561-.984%208.83-2.492%2016.715-4.542%2023.542-5.809%2019.08-15.094%2030.563-28.104%2038.012-11.047%206.291-25.31%209.507-42.588%2010.344-2.304-2.753-5.722-4.535-9.594-4.535h-18.289c-6.94%200-12.575%205.627-12.575%2012.582%200%206.94%205.634%2012.575%2012.575%2012.575h18.289c4.911%200%209.118-2.841%2011.188-6.94%2010.94-.576%2021.083-2.078%2030.375-4.818%2018.564-5.406%2033.825-16.279%2043.674-33.758%206.773-11.965%2011.081-26.824%2013.164-44.98%2010.88-.817%2019.362-7.041%2019.362-14.699v-59.451c0-6.592-6.298-12.112-14.973-14.062C396.614%2087.8%20333.948%2018.849%20266.705%2015.774c-9.58-9.406-23.408-16.367-43.124-15.73-27.87.898-45.737%2022.048-54.078%2047.077-26.356%2022.872-40.07%2056.302-35.514%2094.248%201.608%2013.372%204.871%2023.904%208.884%2032.325-1.655%201.521-3.222%203.276-4.435%205.554-1.97%203.671-3.048%208.2-3.041%2013.412.007%204.516.777%209.594%202.445%2015.449%204.408%2015.355%208.388%2025.27%2013.54%2032.546%202.573%203.61%205.507%206.512%208.696%208.722%201.936%201.347%203.946%202.378%205.976%203.296%202.56%2011.845%206.76%2021.666%2011.47%2030-1.695%2025.431-13.848%2050.259-45.503%2043.928%200%2015.964%2019.208%2027.762%2027.85%2032.271-5.494%201.607-12.307%203.356-19.77%205.52-16.26%204.749-35.534%2011.483-51.237%2024.862-7.839%206.686-14.726%2015.101-19.57%2025.572-4.857%2010.464-7.631%2022.906-7.631%2037.484%200%203.37.148%206.854.456%2010.472.222%202.546%201.186%204.602%202.318%206.297%202.158%203.176%205.018%205.528%208.602%207.946%206.278%204.154%2014.974%208.214%2026.108%2012.2C132.462%20501.107%20187.632%20511.98%20256%20512c55.545-.007%20102.428-7.216%20135.892-16.266%2016.742-4.536%2030.107-9.507%2039.768-14.471%204.837-2.499%208.75-4.971%2011.851-7.678%201.554-1.367%202.915-2.801%204.06-4.509%201.126-1.694%202.097-3.751%202.318-6.297.309-3.618.456-7.116.456-10.492.02-19.441-4.958-35.125-13.077-47.351zM311.184%20494.36A595.986%20595.986%200%2001256%20496.906a596.29%20596.29%200%2001-52.37-2.311l-18.048-61.361%2011.436-2.693%2064.516%2054.058%2064.516-54.058%203.644.858-18.51%2062.961z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (max-width: 767px) {
  .st-contact.sub .st-contact_icon {
    margin-left: 24px;
  }
}

.contact-ssl {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.contact-ssl_text {
  flex: 1;
  margin-left: 24px;
}

.contact-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  .contact-step {
    display: block;
  }
}

.contact-step li {
  width: 100%;
}

.contact-step .contact-step_item {
  text-align: center;
  background: #ffffff;
  border: 1px solid #e5e9ef;
  padding: 16px;
}

.contact-step .contact-step_item.is-active {
  border: none;
  background: #284d9a;
  color: #ffffff;
}

.contact-step .contact-step_icon {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
  margin: 0 24px;
}

@media screen and (max-width: 767px) {
  .contact-step .contact-step_icon {
    transform: rotate(90deg);
    margin: 0 auto;
  }
}

input::placeholder {
  color: #c7ccd4;
}

/* IE */
input:-ms-input-placeholder {
  color: #c7ccd4;
}

/* Edge */
input::-ms-input-placeholder {
  color: #c7ccd4;
}

.custom-wpcf7c-confirmed .contact-form dd {
  background: #f7fafc;
}

.contact-form {
  margin-top: 40px;
}

.contact-form .contact-type .wpcf7-checkbox {
  display: block;
}

.contact-form .contact-type .wpcf7-list-item:nth-of-type(1):before {
  content: "BPO";
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 16px;
  display: inline-block;
  font-size: 20px;
}

.contact-form .contact-type .wpcf7-list-item:nth-of-type(15):before {
  content: "コンテンツソリューション";
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 16px;
  display: inline-block;
  font-size: 20px;
}

.contact-form .contact-type .wpcf7-list-item:nth-of-type(21) {
  display: block;
}

.contact-form .contact-type .wpcf7-list-item:nth-of-type(22):before {
  content: "システムソリューション";
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 16px;
  display: inline-block;
  font-size: 20px;
}

.contact-form .contact-type .wpcf7-list-item:nth-of-type(25) {
  display: block;
}

.contact-form .contact-type .wpcf7-list-item:nth-of-type(26):before {
  content: "セールスプロモーション";
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 16px;
  display: inline-block;
  font-size: 20px;
}

.contact-form .contact-type .wpcf7-list-item:nth-of-type(36) {
  display: block;
}

.contact-form .contact-type .wpcf7-list-item:nth-of-type(37):before {
  content: "人材サービス";
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 16px;
  display: inline-block;
  font-size: 20px;
}

.contact-form .required {
  position: relative;
}

.contact-form .required:after {
  content: "必須";
  background: #ff9d1c;
  border-radius: 2px;
  font-size: 11px;
  color: #ffffff;
  height: 20px;
  width: 3em;
  line-height: 20px;
  margin-top: 2px;
  text-align: center;
  margin-left: 8px;
  font-weight: 300;
}

.contact-form dl {
  display: flex;
  border-left: 1px solid #e5e9ef;
  border-right: 1px solid #e5e9ef;
  border-top: 1px solid #e5e9ef;
}

@media screen and (max-width: 767px) {
  .contact-form dl {
    display: block;
  }
}

.contact-form dl:last-of-type {
  border-bottom: 1px solid #e5e9ef;
}

.contact-form dt {
  box-sizing: border-box;
  width: 320px;
  font-weight: bold;
  padding: 16px;
  display: flex;
  background: #f2f6f9;
}

@media screen and (max-width: 767px) {
  .contact-form dt {
    width: 100%;
  }
}

.contact-form dd {
  padding: 16px 16px 16px 32px;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .contact-form dd {
    padding: 16px;
  }
}

.contact-form dd > div + div {
  margin-top: 24px;
}

.contact-form .sub {
  font-weight: bold;
}

.contact-form .sub span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #52677a;
}

.contact-form .sub.js-aco {
  font-weight: bold;
  position: relative;
  padding: 8px 40px 8px 8px;
  border-bottom: 1px solid #90a3b1;
}

.contact-form .sub.js-aco:after {
  position: absolute;
  top: 50%;
  right: 24px;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin-top: -12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%206.355h-2.4v4.796H6v2.398h4.8v4.796h2.4v-4.796H18V11.15h-4.8V6.355zM12%20.359C5.376.36%200%205.731%200%2012.35%200%2018.97%205.376%2024.34%2012%2024.34s12-5.371%2012-11.99S18.624.36%2012%20.36zm0%2021.583c-5.292%200-9.6-4.304-9.6-9.592S6.708%202.757%2012%202.757s9.6%204.305%209.6%209.593-4.308%209.592-9.6%209.592z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .contact-form .sub.js-aco:after {
    right: 0;
  }
}

.contact-form .sub.js-aco:hover {
  cursor: pointer;
  background-color: #f2f6f9;
}

.contact-form .sub.js-aco.is-active {
  background-color: #f2f6f9;
}

.contact-form .sub.js-aco.is-active:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%2011.094H6v2.398h12v-2.398h-4.8zM12%20.303c-6.624%200-12%205.372-12%2011.99%200%206.62%205.376%2011.99%2012%2011.99s12-5.37%2012-11.99C24%205.675%2018.624.303%2012%20.303zm0%2021.583c-5.292%200-9.6-4.305-9.6-9.593S6.708%202.701%2012%202.701s9.6%204.304%209.6%209.592-4.308%209.593-9.6%209.593z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
}

.contact-form .sub.js-aco.is-active:hover {
  cursor: pointer;
}

.contact-form .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
}

.contact-form .wpcf7-checkbox .wpcf7-list-item {
  width: 48%;
  margin: 1%;
}

@media screen and (max-width: 767px) {
  .contact-form .wpcf7-checkbox .wpcf7-list-item {
    width: 100%;
    margin: 0;
  }
}

.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"],
.contact-form textarea,
.contact-form select {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e5e9ef;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 8px;
}

.contact-form textarea {
  height: 160px;
}

.contact-form select {
  width: 320px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206-6-6%201.41-1.41z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center right 16px;
  background-size: 24px 24px;
}

@media screen and (max-width: 767px) {
  .contact-form select {
    width: 100%;
  }
}

.contact-form input[type="text"].p-postal-code {
  width: 320px;
}

@media screen and (max-width: 767px) {
  .contact-form input[type="text"].p-postal-code {
    width: 100%;
  }
}

.contact-form input[type="checkbox"] {
  display: none;
}

.contact-form input[type="checkbox"] + span {
  position: relative;
  padding-left: 20px;
  display: block;
}

.contact-form input[type="checkbox"] + span:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f096";
  letter-spacing: 10px;
  position: absolute;
  top: 3px;
  left: 0;
}

.contact-form input[type="checkbox"]:checked + span:before {
  content: "\f046";
}

.contact-form input[type="checkbox"] {
  display: none;
}

.contact-form input[type="checkbox"] ~ span {
  position: relative;
  padding-left: 20px;
  display: block;
}

.contact-form input[type="checkbox"] ~ span:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f096";
  letter-spacing: 10px;
  position: absolute;
  top: 3px;
  left: 0;
}

.contact-form input[type="checkbox"]:checked ~ span:before {
  content: "\f046";
}

.contact-form input[readonly] {
  border: none;
  background: none;
  pointer-events: none;
}

.contact-form textarea[readonly] {
  border: none;
  background: none;
  pointer-events: none;
}

.contact-form .contact-cal {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.contact-form .contact-cal span {
  width: 240px;
}

.contact-form .contact-cal span:nth-of-type(1) {
  margin-right: 8px;
}

.contact-form .contact-cal span:nth-of-type(2) {
  margin-left: 8px;
}

.contact-form .contact-cal span input {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22512%22%20height%3D%22512%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M149.192%20103.525c15.994%200%2028.964-12.97%2028.964-28.972V28.964C178.156%2012.97%20165.186%200%20149.192%200c-16.003%200-28.973%2012.97-28.973%2028.964v45.589c0%2016.003%2012.97%2028.972%2028.973%2028.972zM362.814%20103.525c15.994%200%2028.964-12.97%2028.964-28.972V28.964C391.779%2012.97%20378.809%200%20362.814%200c-16.003%200-28.972%2012.97-28.972%2028.964v45.589c0%2016.003%2012.97%2028.972%2028.972%2028.972z%22%20fill%3D%22%23284D9A%22%2F%3E%3Cpath%20d%3D%22M435.163%2041.287h-17.925v33.266c0%2030.017-24.415%2054.431-54.423%2054.431-30.017%200-54.431-24.414-54.431-54.43V41.286h-104.77v33.266c0%2030.017-24.414%2054.431-54.422%2054.431-30.018%200-54.432-24.414-54.432-54.43V41.286H76.835c-38.528%200-69.763%2031.235-69.763%2069.763v331.187C7.072%20480.765%2038.307%20512%2076.835%20512h358.328c38.528%200%2069.763-31.235%2069.763-69.763V111.05c0-38.528-31.236-69.763-69.763-69.763zm35.818%20400.95c0%2019.748-16.07%2035.818-35.818%2035.818H76.835c-19.749%200-35.818-16.07-35.818-35.818V155.138h429.964v287.099z%22%20fill%3D%22%23284D9A%22%2F%3E%3Cpath%20d%3D%22M240.403%20377.571h-56.727v56.727h56.727v-56.727zM240.403%20289.65h-56.727v56.727h56.727V289.65zM152.482%20377.571H95.764v56.727h56.718v-56.727zM152.482%20289.65H95.764v56.727h56.718V289.65zM416.234%20201.73h-56.718v56.727h56.718V201.73zM328.331%20201.73h-56.735v56.727h56.735V201.73zM328.331%20289.65h-56.735v56.727h56.735V289.65zM416.234%20377.571h-56.718v56.727h56.718v-56.727zM416.234%20289.65h-56.718v56.727h56.718V289.65zM328.331%20377.571h-56.735v56.727h56.735v-56.727zM240.403%20201.73h-56.727v56.727h56.727V201.73zM152.482%20201.73H95.764v56.727h56.718V201.73z%22%20fill%3D%22%23284D9A%22%2F%3E%3C%2Fsvg%3E");
  background-size: 16px 16px;
  background-position: center right 8px;
  background-repeat: no-repeat;
}

.contact-form .contact-cal span input:hover {
  cursor: pointer;
  opacity: 0.72;
}

.contact-form .contact-cal span input[readonly] {
  background: none;
}

.contact ~ .st-contact {
  display: none;
}

.contact .contact-roll {
  height: 160px;
  overflow: auto;
  border: 1px solid #e5e9ef;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
  margin-top: 40px;
  font-size: 16px;
}

.contact .contact-roll dd {
  padding: 0.3em 2em 0.5em;
}

.contact .contact-confirm {
  display: block;
  width: 360px;
  height: 64px;
  line-height: 62px;
  border-radius: 32px;
  color: #ffffff;
  background-color: #284d9a;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 24px 24px;
  font-weight: bold;
  margin: 40px auto 0;
}

@media screen and (max-width: 767px) {
  .contact .contact-confirm {
    width: 100%;
  }
}

.contact .wpcf7c-elm-step2 {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.contact .contact-back {
  display: block;
  width: 240px;
  height: 64px;
  line-height: 62px;
  border-radius: 32px;
  color: #13202f;
  background-color: rgba(255, 255, 255, 0.48);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.41%207.41L10.83%2012l4.58%204.59L14%2018l-6-6%206-6%201.41%201.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left 16px center;
  background-size: 24px 24px;
  font-weight: bold;
  margin-right: 32px;
  border: 1px solid #3b5c74;
}

.contact .contact-submit {
  display: block;
  width: 360px;
  height: 64px;
  line-height: 62px;
  border-radius: 32px;
  color: #ffffff;
  background-color: #284d9a;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 24px 24px;
  font-weight: bold;
}

.contact .contact-check {
  margin-top: 32px;
  text-align: center;
  margin-bottom: 16px;
}

.contact .wpcf7-not-valid-tip {
  font-size: 18px;
}

.contact .custom-wpcf7c-confirmed input[type="checkbox"]:checked {
  color: #284d9a;
}

.contact .custom-wpcf7c-confirmed input[type="checkbox"]:checked + span {
  color: #284d9a;
}

.contact .custom-wpcf7c-confirmed .contact-step li:nth-of-type(3) {
  border: none;
  background: #284d9a;
  color: #ffffff;
}

.page-template-page-company_history .st-contact,
.page-template-page-company .st-contact,
.page-template-page-english .st-contact,
.page-template-page-english_corporate .st-contact {
  display: none;
}

.single-jobs .st-hero {
  height: auto;
}

.single-jobs .st-hero_title {
  position: static;
  transform: none;
  padding: 32px 24px;
}

@media screen and (max-width: 767px) {
  .single-jobs .st-hero_title {
    padding: 24px;
  }
}

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

.custom-wpcf7c-confirmed .wpcf7-list-item-label:hover {
  cursor: default;
}

.js-back-confirmed .contact-form dd {
  background: #ffffff !important;
}

.js-back-confirmed .contact-step li:nth-of-type(3) {
  border: 1px solid #e5e9ef !important;
  background: #ffffff !important;
  color: #2f475d !important;
}

.js-back-confirmed .wpcf7-list-item-label:hover {
  cursor: pointer !important;
}

.comfirm-text {
  display: none;
}

.custom-wpcf7c-confirmed .comfirm-text {
  display: block;
}

.custom-wpcf7c-confirmed .comfirm-text h2 {
  font-size: 18px;
  margin-bottom: 8px;
}

.js-back-confirmed .comfirm-text {
  display: none !important;
}

.wpcf7-form {
  padding-top: 88px;
  margin-top: -88px;
}

.st-case {
  position: relative;
}

.st-case .swiper-button-prev {
  width: 56px;
  height: 80px;
  background-color: rgba(59, 92, 116, 0.64);
  left: -48px;
  margin-top: -40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.41%207.41L10.83%2012l4.58%204.59L14%2018l-6-6%206-6%201.41%201.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}

.st-case .swiper-button-prev.is-hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .st-case .swiper-button-prev {
    width: 40px;
    left: -24px;
  }
}

.st-case .swiper-button-next {
  width: 56px;
  height: 80px;
  background-color: rgba(59, 92, 116, 0.64);
  right: -48px;
  margin-top: -40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}

.st-case .swiper-button-next.is-hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .st-case .swiper-button-next {
    width: 40px;
    right: -24px;
  }
}

.st-case_list {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .st-case_list a {
    display: block;
    width: 100%;
  }
}

.st-case_item {
  border-radius: 6px;
  width: 370px;
  background: #ffffff;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .st-case_item {
    width: 100%;
  }
}

.st-case_title {
  background-image: url(/images/noimage.png);
  background-size: cover;
  background-position: center center;
  height: 264px;
  position: relative;
  border-bottom: 1px solid #e5e9ef;
}

@media screen and (max-width: 767px) {
  .st-case_title {
    height: 160px;
  }
}

.st-case_title + h3 {
  box-sizing: border-box;
  width: 370px;
  height: 66px;
  left: 0;
  font-size: 22px;
  line-height: 33px;
  background: #fff;
  padding: 0 16px;
  margin: 16px 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .st-case_title + h3 {
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    height: 54px;
    overflow: auto;
  }
}

.st-case_before {
  padding: 16px;
  position: relative;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e9ef;
}

.st-case_before h4 {
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  color: #62b0e3;
}

@media screen and (max-width: 767px) {
  .st-case_before h4 {
    font-size: 16px;
  }
}

.st-case_before p {
  margin-top: 8px;
  height: 108px;
}

@media screen and (max-width: 767px) {
  .st-case_before p {
    font-size: 14px;
    height: 88px;
  }
}

.st-case_before:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: -48px;
  border-top: 24px solid #f9f9f9;
  border-right: 60px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 60px solid transparent;
  margin-left: -59px;
}

.st-case_after {
  padding: 32px 16px 16px;
  background-color: #fff5e2;
  border-top: 1px solid #e5e9ef;
  position: relative;
}

.st-case_after h4 {
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  color: #ff9d1c;
}

@media screen and (max-width: 767px) {
  .st-case_after h4 {
    font-size: 16px;
  }
}

.st-case_after p {
  margin-top: 8px;
  height: 108px;
}

@media screen and (max-width: 767px) {
  .st-case_after p {
    font-size: 14px;
    height: 88px;
  }
}

.st-case_after:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 0px;
  border-top: 25px solid #e5e9ef;
  border-right: 61px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 61px solid transparent;
  margin-left: -60px;
}

.st-case_tag ul {
  display: flex;
  flex-wrap: wrap;
}

.st-case_tag li {
  margin: 8px;
  border: 1px solid #000;
  border-radius: 3px;
  padding: 2px 8px;
  font-size: 14px;
}

.cd-box {
  border: 1px solid #e5e9ef;
  background: #ffffff;
}

.cd-box h2 {
  border-bottom: 1px solid #e5e9ef;
  padding: 16px;
  color: #3b5c74;
}

.cd-box .st-case_tag {
  border-top: 1px solid #e5e9ef;
}

.cd-bfBox {
  display: flex;
}

@media screen and (max-width: 767px) {
  .cd-bfBox {
    display: block;
  }
}

.cd-bfBox p {
  height: auto;
  min-height: 80px;
}

@media screen and (min-width: 768px) {
  .cd-bfBox .st-case_before {
    background: #ffffff;
    width: 50%;
  }
  .cd-bfBox .st-case_before:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    right: -40px;
    left: auto;
    top: 50%;
    bottom: -48px;
    margin-top: -40px;
    width: 40px;
    height: 80px;
    border-top: 40px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 20px solid #fff;
  }
  .cd-bfBox .st-case_after {
    padding: 16px 16px 16px 32px;
    border-top: none;
    border-left: 1px solid #e5e9ef;
    width: 50%;
  }
  .cd-bfBox .st-case_after:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 9;
    left: -1px;
    top: 50%;
    width: 44px;
    height: 84px;
    margin-top: -42px;
    border-top: 42px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 42px solid transparent;
    border-left: 22px solid #e5e9ef;
    margin-left: 0;
  }
}

.cd-cat_wrap ul {
  display: flex;
  flex-wrap: wrap;
}

.cd-cat_wrap ul li {
  margin-top: 16px;
  margin-right: 16px;
}

.cd-cat {
  display: inline-block;
  border: 2px solid #3b5c74;
  font-weight: bold;
  color: #3b5c74;
  font-size: 22px;
  padding: 8px 24px;
}

@media screen and (max-width: 767px) {
  .cd-cat {
    padding: 4px 16px;
    font-size: 18px;
  }
}

.cd-cat_sub {
  display: inline-block;
  background: #eee;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .cd-cat_sub {
    font-size: 14px;
  }
}

.company-table {
  margin-top: 40px;
  width: 100%;
  border-collapse: collapse;
}

.company-table th {
  width: 25%;
  padding: 10px 15px;
  background: #f6f6f6;
  border: 1px solid #d5d5d5;
  text-align: left;
  font-weight: normal;
}

.company-table td {
  width: 75%;
  padding: 10px 20px;
  border: 1px solid #d5d5d5;
}

.company-child .company-table {
  margin-top: 24px;
}

.company-child .company-child_list {
  margin-top: 40px;
}

.company-child .company-child_list li h4,
.company-child .company-child_list li a {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.company-child .company-child_list li h4 span:nth-child(1),
.company-child .company-child_list li a span:nth-child(1) {
  width: 200px;
  height: 96px;
  background-size: contain;
  background-position: center center;
  margin-right: 24px;
}

.company-child .company-child_list > li + li {
  margin-top: 40px;
}

.company-history {
  margin: 0px auto 70px auto;
  width: 100%;
  position: relative;
}

.company-history:before {
  position: absolute;
  top: 16px;
  left: 230px;
  content: "";
  display: block;
  background-color: #83a0cf;
  width: 2px;
  height: 93%;
}

@media screen and (max-width: 767px) {
  .company-history:before {
    left: 28.5%;
    height: 100%;
  }
}

.company-history .block {
  width: 100%;
  display: table;
  position: relative;
}

.company-history .block:before {
  margin-left: -9px;
  width: 16px;
  height: 16px;
  content: "";
  border: #fff solid 2px;
  box-sizing: border-box;
  background: #104ba4;
  border-radius: 9px;
  box-shadow: 0 0 0 1px #104ba4;
  /*for IE*/
  position: absolute;
  top: 13px;
  left: 20%;
}

@media screen and (max-width: 767px) {
  .company-history .block:before {
    left: 29.5%;
  }
}

.company-history .block .year {
  width: 9%;
  display: table-cell;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .company-history .block .year {
    width: 28%;
  }
}

.company-history .block .year strong {
  padding: 4px 0px;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
  font-style: italic;
}

.company-history .block .year i {
  margin: 0px 8px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.8;
}

.company-history .block .entry {
  width: 80%;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .company-history .block .entry {
    width: 72%;
  }
}

.company-history .block .entry p {
  padding: 4px 0 4px 50px;
  line-height: 1.8;
  position: relative;
}

@media screen and (max-width: 767px) {
  .company-history .block .entry p {
    padding-left: 24px;
  }
}

.company-history .block .entry p span {
  width: 100px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  text-align: right;
  position: absolute;
  top: 6px;
  left: -130px;
}

.company-history .block .entry p span i {
  margin: 0px 5px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.8;
}

.history-greeting {
  margin-top: 40px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .history-greeting {
    display: block;
  }
}

.history-greeting .history-greeting_img {
  width: 240px;
  margin-right: 24px;
}

@media screen and (max-width: 767px) {
  .history-greeting .history-greeting_img {
    margin: 0 auto;
  }
}

.history-greeting .history-greeting_img img {
  width: 100%;
  height: auto;
}

.history-greeting .history-greeting_content {
  flex: 1;
  margin-top: 1em;
}

.history-greeting .history-greeting_content p + p {
  margin-top: 24px;
}

.history-greeting_content-name {
  margin: 0 0 0 auto;
  width: 240px;
}

.history-greeting_content-name span {
  display: block;
}

.history-greeting_content-name span:nth-of-type(1) {
  font-size: 16px;
}

.history-greeting_content-name span:nth-of-type(2) img {
  width: 240px;
  height: auto;
}

.company-list li {
  display: flex;
}

@media screen and (max-width: 767px) {
  .company-list li {
    display: block;
  }
}

.company-list > li + li {
  border-top: 1px solid #e5e9ef;
  margin-top: 24px;
  padding-top: 24px;
}

.company-list .thumb {
  width: 120px;
}

@media screen and (max-width: 767px) {
  .company-list .thumb {
    margin: 0 auto;
  }
}

.company-list .info {
  flex: 1;
  margin-left: 24px;
}

@media screen and (max-width: 767px) {
  .company-list .info {
    margin-left: 0;
  }
}

.company-list .info h2 {
  font-size: 24px;
}

.company-list .info h3 {
  font-size: 20px;
  margin-top: 16px;
}

.company-list .info p {
  margin-top: 8px;
}

.company-list .info .list-box2 {
  margin-top: 8px;
  font-size: 16px;
}

.company-list #company-map {
  margin-left: 24px;
}

@media screen and (max-width: 767px) {
  .company-list #company-map {
    margin-left: 0;
    margin-top: 16px;
  }
}

.company-privacy {
  font-size: 16px;
}

.company-privacy ol {
  list-style-type: decimal;
  padding-left: 25px;
}

.company-privacy ol li {
  list-style-type: decimal;
}

.company-privacy .bottom2 {
  margin-bottom: 20px !important;
}

.company-privacy .bottom1 {
  margin-bottom: 10px !important;
}

.company-privacy .algnR {
  text-align: right !important;
}

.company-privacy .headline3 {
  border-bottom: 4px solid #ddd;
  margin-bottom: 20px;
  font-size: 142.8%;
  font-weight: bold;
  line-height: 2em;
}

.company-privacy table {
  border-collapse: collapse;
  border-spacing: 0;
}

.company-privacy .headline4 {
  background: url(/wp-content/themes/jms_united/images/headline4.jpg) left 5px no-repeat;
  padding-left: 17px;
  font-size: 18px;
}

.company-privacy .common-tbl1 {
  margin-bottom: 20px;
  width: 100%;
}

.company-privacy a {
  color: #007fcb;
  text-decoration: none;
}

.company-privacy .privacy-box {
  background: #eee;
  padding: 15px 30px;
}

.company-privacy .common-tbl1 th {
  background: #f6f6f6;
  border: 1px solid #d5d5d5;
  width: 50%;
  text-align: center;
  padding: 10px 0;
}

.company-privacy .common-tbl1 td {
  border: 1px solid #d5d5d5;
  padding: 10px 20px;
}

.recruit-essential h4 {
  margin-top: 40px;
  font-size: 24px;
}

.recruit-essential h5 {
  margin-top: 40px;
  font-size: 20px;
}

.recruit-essential p {
  text-align: center;
  margin-top: 40px;
  margin: 40px auto 0;
}

.recruit-essentialList {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

@media screen and (max-width: 767px) {
  .recruit-essentialList {
    display: block;
  }
}

.recruit-essentialList li {
  width: 31%;
}

@media screen and (max-width: 767px) {
  .recruit-essentialList li {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .recruit-essentialList li + li {
    margin-top: 16px;
  }
}

.recruit-essentialList a {
  display: block;
  border: 1px solid #284d9a;
  text-align: center;
  padding: 16px;
  background: #ffffff;
}

.recruit-essentialList-sub {
  display: flex;
  margin-top: 24px;
}

.recruit-essentialList-sub li + li {
  margin-left: 24px;
}

.recruit-stepBox {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .recruit-stepBox {
    margin-top: 40px;
  }
}

.recruit-stepBox .spnone {
  display: block;
}

@media screen and (max-width: 767px) {
  .recruit-stepBox .spnone {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .recruit-stepBox {
    display: block;
  }
}

.recruit-stepBox .recruit-step_title {
  text-align: center;
  width: 160px;
}

@media screen and (max-width: 767px) {
  .recruit-stepBox .recruit-step_title {
    width: 100%;
  }
}

.recruit-stepBox .st-flow {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .recruit-stepBox .st-flow {
    margin-top: 16px;
  }
}

.recruit-stepBox .st-flow .st-flow_box {
  background: #ffffff;
}

.recruit-stepBox + .recruit-stepBox {
  margin-top: 32px;
}

.recruit-interview ul {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}

.recruit-interview ul li {
  width: 31%;
}

.recruit-interview ul li img {
  display: block;
  width: 100%;
  height: 176px;
  background: #cccccc;
}

.recruit-interview ul li p {
  margin-top: 16px;
}

.qa-list {
  margin-top: 40px;
  border-bottom: 1px solid #90a3b1;
}

.qa-list_item {
  border-top: 1px solid #90a3b1;
}

.qa-list_q {
  font-size: 20px;
  padding: 24px;
  transition: 0.2s;
  position: relative;
}

@media screen and (max-width: 767px) {
  .qa-list_q {
    padding: 16px;
    padding-right: 32px;
  }
}

.qa-list_q:after {
  position: absolute;
  top: 50%;
  right: 24px;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin-top: -12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%206.355h-2.4v4.796H6v2.398h4.8v4.796h2.4v-4.796H18V11.15h-4.8V6.355zM12%20.359C5.376.36%200%205.731%200%2012.35%200%2018.97%205.376%2024.34%2012%2024.34s12-5.371%2012-11.99S18.624.36%2012%20.36zm0%2021.583c-5.292%200-9.6-4.304-9.6-9.592S6.708%202.757%2012%202.757s9.6%204.305%209.6%209.593-4.308%209.592-9.6%209.592z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .qa-list_q:after {
    right: 16px;
  }
}

.qa-list_q:hover {
  cursor: pointer;
  background-color: #f2f6f9;
}

.qa-list_q.is-active {
  background-color: #f2f6f9;
}

.qa-list_q.is-active:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%2011.094H6v2.398h12v-2.398h-4.8zM12%20.303c-6.624%200-12%205.372-12%2011.99%200%206.62%205.376%2011.99%2012%2011.99s12-5.37%2012-11.99C24%205.675%2018.624.303%2012%20.303zm0%2021.583c-5.292%200-9.6-4.305-9.6-9.593S6.708%202.701%2012%202.701s9.6%204.304%209.6%209.592-4.308%209.593-9.6%209.593z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
}

.qa-list_q.is-active:hover {
  cursor: pointer;
}

.qa-list_a {
  display: none;
  padding: 24px 32px;
}

#gnavi .siteMapBox {
  padding: 20px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  font-size: 18px;
}

#gnavi .list-box1 li {
  position: relative;
  padding-left: 1em;
}

#gnavi a {
  color: #007fcb;
  text-decoration: none;
}

#gnavi .siteMapBox h2 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}

#gnavi .siteMapBox h2 a {
  font-weight: bold;
}

#gnavi h3 {
  font-size: 18px;
  font-weight: bold;
}

#gnavi h3 a {
  font-weight: bold;
}

#gnavi .siteMapBox .list-box1 li {
  display: inline-block;
  margin: 3px 7px;
}

.cd-company .cd-company_box {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .cd-company .cd-company_box {
    display: block;
  }
}

.cd-company .cd-company_box img {
  max-width: 240px;
  margin-right: 24px;
}

.cd-company .cd-company_box p {
  font-weight: bold;
  font-size: 20px;
}

.cd-company_content {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .case-pc {
    display: none;
  }
}

.case-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .case-sp {
    display: block;
  }
}

.st-hero {
  width: 100%;
  height: 280px;
  position: relative;
}

.single-case .st-hero.min {
  height: 100px;
}

.single-case .st-hero.min .st-hero_image {
  height: 100px;
}

@media screen and (max-width: 767px) {
  .single-case .st-hero.min .st-hero_image {
    height: 100px;
  }
}

.st-hero_noImage {
  width: 100%;
  height: 160px;
  background: #fff;
  position: relative;
}

@media screen and (max-width: 767px) {
  .st-hero_noImage {
    height: 100px;
  }
}

.st-hero_noImage + .ly-section {
  margin-top: 0 !important;
  padding-top: 16px !important;
}

.st-hero_image {
  overflow: hidden;
  width: 100%;
  height: 280px;
  position: relative;
  background: #fff;
}

.st-hero_image img {
  opacity: 0.32;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.st-hero_image.content {
  background: linear-gradient(84.5deg, #ffffff 12.8%, #ffffff 41.67%, #94c4ef 97.91%);
}

@media screen and (max-width: 767px) {
  .single-case .st-hero.case-thum {
    height: 200px;
  }
}

@media screen and (max-width: 767px) {
  .single-case .st-hero.case-thum .st-hero_image {
    height: 200px;
  }
}

.st-hero_title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1160px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .st-hero_title {
    width: 100%;
    padding: 0 24px;
  }
}

.st-hero_title span {
  display: block;
  font-weight: 900;
  line-height: 1;
}

.st-hero_title span:nth-of-type(1) {
  font-size: 48px;
}

.st-hero_title span:nth-of-type(1) > span {
  font-size: 18px;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .st-hero_title span:nth-of-type(1) {
    font-size: 28px;
  }
}

.st-hero_title span:nth-of-type(2) {
  font-size: 18px;
  margin-top: 8px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .st-hero_title span:nth-of-type(2) {
    font-size: 14px;
  }
}

.single-post .st-hero_title span {
  font-size: 40px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .single-post .st-hero_title span {
    font-size: 24px;
  }
}

.st-hero_text-aco {
  display: none;
  background: #f2f6f9;
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  .st-hero_text-aco {
    display: block;
    padding: 16px 24px;
    position: relative;
  }
  .st-hero_text-aco:after {
    position: absolute;
    top: 50%;
    right: 24px;
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-top: -12px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%206.355h-2.4v4.796H6v2.398h4.8v4.796h2.4v-4.796H18V11.15h-4.8V6.355zM12%20.359C5.376.36%200%205.731%200%2012.35%200%2018.97%205.376%2024.34%2012%2024.34s12-5.371%2012-11.99S18.624.36%2012%20.36zm0%2021.583c-5.292%200-9.6-4.304-9.6-9.592S6.708%202.757%2012%202.757s9.6%204.305%209.6%209.593-4.308%209.592-9.6%209.592z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
  }
}

.st-hero_text-aco.is-active:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.2%2011.094H6v2.398h12v-2.398h-4.8zM12%20.303c-6.624%200-12%205.372-12%2011.99%200%206.62%205.376%2011.99%2012%2011.99s12-5.37%2012-11.99C24%205.675%2018.624.303%2012%20.303zm0%2021.583c-5.292%200-9.6-4.305-9.6-9.593S6.708%202.701%2012%202.701s9.6%204.304%209.6%209.592-4.308%209.593-9.6%209.593z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (max-width: 767px) {
  .st-hero_text-aco + .st-hero_text {
    display: none;
    margin-top: 0;
  }
}

.st-hero_text {
  background: #f2f6f9;
  padding: 32px 0;
  width: 1160px;
  margin: auto;
  margin-top: 32px;
  padding: 64px;
}

.st-hero_text h2 {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .st-hero_text h2 {
    font-size: 20px;
  }
}

.st-hero_text h3 {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .st-hero_text h3 {
    font-size: 16px;
  }
}

.st-hero_text p {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .st-hero_text p {
    font-size: 14px;
  }
}

.st-hero_text p + h3 {
  margin-top: 16px;
}

.st-hero_text h2 + h3 {
  margin-top: 16px;
}

.st-hero_text h2 + p {
  margin-top: 16px;
}

.st-hero_text h3 + p {
  margin-top: 16px;
}

.st-hero_text p + p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .st-hero_text {
    width: 100%;
    padding: 32px 24px;
  }
}

.st-hero_text .st-hero_textInner {
  width: auto;
  padding: 0;
}

.st-hero_text.bgBlue {
  background: #284d9a;
  color: #ffffff;
}

.st-hero_contact {
  background: #f2f6f9;
  padding: 32px 0;
}

.st-hero_contact .st-contact_tell {
  margin-top: 0;
  color: #284d9a;
}

.st-hero_textInner {
  width: 1160px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .st-hero_textInner {
    width: 100%;
    padding: 0 24px;
  }
}

.st-breadcrumbs {
  width: 1160px;
  margin: 0 auto;
  padding: 16px 0;
}

@media screen and (max-width: 767px) {
  .st-breadcrumbs {
    width: 100%;
    padding: 16px 24px;
    display: none;
  }
}

.st-breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .st-breadcrumbs ul {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .st-breadcrumbs ul li {
    flex-shrink: 0;
  }
}

.st-breadcrumbs ul a {
  color: #256299;
}

.st-breadcrumbs ul li + li:before {
  content: "＞";
  margin: 0 8px;
}

.st-flow {
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .st-flow {
    display: block;
    padding-left: 32px;
    position: relative;
  }
  .st-flow:after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: calc(100% - 8px);
    top: 7px;
    left: 8px;
    background: #284d9a;
  }
  .st-flow:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    bottom: -8px;
    left: 4px;
    height: 16px;
    border-left: 5px solid transparent;
    border-top: 8px solid #284d9a;
    border-right: 5px solid transparent;
    border-bottom: 8px solid transparent;
  }
}

.st-flow h4 {
  font-size: 20px;
  position: relative;
}

.st-flow h4 > span {
  background: rgba(255, 240, 0, 0.32);
  padding: 0 8px;
  position: relative;
  z-index: 10;
}

.st-flow h4 > span:before {
  content: "";
  display: block;
  background: #f3f6f9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.st-flow h4 > span > span {
  font-size: 32px;
  color: #256299;
  margin-left: 0.2em;
}

.st-flow h4:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  left: 0;
  height: 2px;
  margin-top: -1px;
  background: #284d9a;
}

@media screen and (max-width: 767px) {
  .st-flow h4:after {
    content: none;
  }
}

.st-flow h4:before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  top: 50%;
  right: -8px;
  height: 10px;
  margin-top: -5px;
  border-left: 8px solid #284d9a;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid transparent;
}

@media screen and (max-width: 767px) {
  .st-flow h4:before {
    content: none;
  }
}

.st-flow li {
  width: 100%;
}

.st-flow li:last-child h4 {
  background: none;
}

.st-flow li:last-child h4:after {
  content: "";
  display: none;
}

.st-flow li:last-child h4:before {
  content: "";
  display: none;
}

.st-flow li + li {
  margin-left: 16px;
}

@media screen and (max-width: 767px) {
  .st-flow li + li {
    margin-left: 0;
  }
}

.st-flow_box {
  padding: 24px;
  background: #faf9f7;
  box-sizing: border-box;
  border-radius: 3px;
  height: calc(100% - 48px);
}

.st-flow_box h5 {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .st-flow_box h5 {
    font-size: 18px;
  }
}

.st-flow_box p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .st-flow_box p {
    font-size: 14px;
    margin-top: 8px;
  }
}

.tp-video {
  position: fixed;
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background: url("/wp-content/themes/jms_united/images/poster.png") no-repeat;
  background-size: cover;
}

.tp-hero {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120%;
  text-align: center;
  position: relative;
}

.tp-hero .swiper-container {
  width: 100%;
  height: 120vh;
}

.tp-hero .swiper-container.is-hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .tp-hero .swiper-container {
    height: 480px;
  }
}

@media screen and (max-width: 767px) {
  .tp-hero {
    height: 480px;
  }
}

.js-top_slider {
  width: 100%;
  height: 120%;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .js-top_slider {
    height: 480px;
  }
}

.tp-hero_slide {
  width: 100%;
  height: 120%;
}

.tp-hero_slide p {
  text-align: left;
}

.tp-hero_slideBg {
  position: relative;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tp-hero_slideBg.bpo {
  background-image: url(/wp-content/themes/jms_united/images/main/bpo.jpg);
}

.tp-hero_slideBg.content {
  background-image: url(/wp-content/themes/jms_united/images/slide_content.jpeg);
}

.tp-hero_slideBg.sales {
  background-image: url(/wp-content/themes/jms_united/images/slide_sales.jpeg);
}

.tp-hero_slideBg.jinzai {
  background-image: url(/wp-content/themes/jms_united/images/slide_jinzai.jpeg);
}

.tp-hero_slideBg.system {
  background-image: url(/wp-content/themes/jms_united/images/main/system.jpg);
}

.tp-hero_slider.is-hidden {
  display: none;
}

.tp-hero_slideText {
  position: absolute;
  top: 0;
  left: 48px;
  background: rgba(255, 255, 255, 0.56);
  width: 440px;
  height: 120vh;
  padding: 48px;
  font-size: 20px;
  display: flex;
  align-items: center;
}

.tp-hero_slideText > div {
  margin-top: -160px;
}

.tp-hero_slideText .sw-button {
  text-align: left;
  margin-top: 40px;
}

.tp-hero_slideText .sw-button a {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .tp-hero_slideText {
    width: 100%;
    box-sizing: border-box;
    left: 0;
    height: auto;
    bottom: 0;
    top: auto;
    padding: 32px;
    font-size: 16px;
  }
  .tp-hero_slideText > div {
    margin-top: 0px;
  }
}

.tp-hero_slide-title {
  font-size: 56px;
  font-weight: bold;
  line-height: 80px;
  margin-bottom: 16px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .tp-hero_slide-title {
    display: block;
  }
}

.tp-hero_slide-title img {
  width: 100%;
  height: auto;
  mix-blend-mode: darken;
}

.tp-hero_slide-title > span {
  background: #3b5c74;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  color: #ffffff;
  mix-blend-mode: multiply;
}

.bpo .tp-hero_slide-title {
  font-size: 64px;
}

.bpo .tp-hero_slide-title span {
  width: 80px;
  height: 80px;
}

.tp-hero_first {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100vh;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.tp-hero_first.is-hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .tp-hero_first {
    padding: 24px;
    height: 480px;
    font-size: 16px;
  }
  .tp-hero_first .sw-button {
    margin-top: 40px;
  }
}

.tp-hero_img {
  text-align: center;
  margin-bottom: 24px;
  width: 480px;
  margin: 0 auto 24px;
}

@media screen and (max-width: 767px) {
  .tp-hero_img {
    width: 100%;
    padding: 0 24px;
    box-sizing: border-box;
  }
}

.tp-hero_img img {
  mix-blend-mode: darken;
  width: 100%;
  height: auto;
}

.tp-service {
  background: #fff;
}

.tp-service_list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .tp-service_list {
    display: block;
  }
}

.tp-service_list li {
  width: 33.333%;
  text-align: center;
  border: 1px solid #fff;
  background: #ccc;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .tp-service_list li {
    width: 100%;
  }
}

.tp-service_list li:nth-of-type(1) {
  background-image: url(/wp-content/themes/jms_united/images/service01.png);
}

.tp-service_list li:nth-of-type(2) {
  background-image: url(/wp-content/themes/jms_united/images/service02.png);
}

.tp-service_list li:nth-of-type(3) {
  background-image: url(/wp-content/themes/jms_united/images/service03.png);
}

.tp-service_list li:nth-of-type(4) {
  background-image: url(/wp-content/themes/jms_united/images/service04.png);
}

.tp-service_list li:nth-of-type(5) {
  background-image: url(/wp-content/themes/jms_united/images/service05.png);
}

.tp-service_list li:nth-of-type(6) {
  background-image: url(/wp-content/themes/jms_united/images/service06.png);
}

.tp-service_list li a {
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out;
}

@media screen and (max-width: 767px) {
  .tp-service_list li a {
    height: 160px;
  }
}

.tp-service_list li a div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 320px;
  width: 100%;
  transition: all 0.3s ease-out;
  background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .tp-service_list li a div {
    height: 160px;
  }
}

@media screen and (min-width: 768px) {
  .tp-service_list li a:hover div {
    background: rgba(59, 92, 116, 0.8);
    color: #fff;
    width: 80%;
    height: 80%;
  }
  .tp-service_list li a:hover div span {
    mix-blend-mode: screen;
  }
}

.tp-service_list li span:nth-of-type(1) {
  display: block;
  font-size: 28px;
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  .tp-service_list li span:nth-of-type(1) {
    font-size: 20px;
  }
}

.tp-service_list li span:nth-of-type(2) {
  margin-top: 16px;
}

.tp-news {
  background: #ffffff;
}

.tp-news_tab {
  margin-top: 40px;
  display: flex;
  border-bottom: 1px solid #e5e9ef;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .tp-news_tab {
    display: none;
  }
}

.tp-news_tab .tab {
  padding: 12px 16px;
}

.tp-news_tab .tab.is-active {
  border-top: 4px solid #3b5c74;
  border-right: 1px solid #e5e9ef;
  border-left: 1px solid #e5e9ef;
  border-bottom: 1px solid #fff;
  position: relative;
  margin-bottom: -1px;
}

.tp-news_tab .tab.tp-news_notice.is-active {
  border-top: 4px solid #95bcea;
}

.tp-news_tab .tab.tp-news_release.is-active {
  border-top: 4px solid #f2a040;
}

.tp-news_tab .tab.tp-news_media.is-active {
  border-top: 4px solid #34475b;
}

.tp-news_tab .tab.tp-news_event.is-active {
  border-top: 4px solid #657a8c;
}

.tp-news_tab .tab.tp-news_seminar.is-active {
  border-top: 4px solid #274c9a;
}

.tp-news_tab .tab.tp-news_other.is-active {
  border-top: 4px solid #fdf5e4;
}

.tp-news_tab .tab:hover {
  cursor: pointer;
  opacity: 0.72;
}

.tp-news_panel {
  margin-top: 16px;
  border-bottom: 1px dashed #e5e9ef;
}

.tp-news_panel .tp-news_none {
  padding-bottom: 16px;
}

.tp-news_panel .panel {
  display: none;
}

.tp-news_panel .panel.is-show {
  display: block;
}

.tp-news_panel .panel li > a {
  display: flex;
  align-items: flex-start;
  border-top: 1px dashed #e5e9ef;
  padding: 16px 0;
}

@media screen and (max-width: 767px) {
  .tp-news_panel .panel li > a {
    display: block;
  }
}

.tp-news_panel .panel li > a p:nth-of-type(1) {
  width: 88px;
}

@media screen and (max-width: 767px) {
  .tp-news_panel .panel li > a p:nth-of-type(1) {
    display: inline-block;
    width: 80px;
  }
}

.tp-news_panel .panel li > a p:nth-of-type(2) {
  background: #70adea;
  color: #ffffff;
  font-size: 14px;
  line-height: 27px;
  width: 110px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}

@media screen and (max-width: 767px) {
  .tp-news_panel .panel li > a p:nth-of-type(2) {
    display: inline-block;
    text-align: center;
    margin-left: 0;
  }
}

.tp-news_panel .panel li > a p:nth-of-type(2).news_01 {
  background: #95bcea;
}

.tp-news_panel .panel li > a p:nth-of-type(2).news_02 {
  background: #f2a040;
}

.tp-news_panel .panel li > a p:nth-of-type(2).news_03 {
  background: #34475b;
}

.tp-news_panel .panel li > a p:nth-of-type(2).news_04 {
  background: #657a8c;
}

.tp-news_panel .panel li > a p:nth-of-type(2).news_05 {
  background: #274c9a;
}

.tp-news_panel .panel li > a p:nth-of-type(2).news_06 {
  background: #fdf5e4;
  color: #2f475d;
}

.tp-news_panel .panel li > a p:nth-of-type(3) {
  flex: 1;
  margin-left: 16px;
}

@media screen and (max-width: 767px) {
  .tp-news_panel .panel li > a p:nth-of-type(3) {
    margin-top: 8px;
    margin-left: 0;
  }
}

.tp-recruit {
  position: relative;
}

.tp-recruit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/themes/jms_united/images/recruit.png");
  background-position: center center;
  background-size: cover;
  transition: all 0.5s ease-out;
}

.tp-recruit:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(59, 92, 116, 0.81);
  transition: all 0.5s ease-out;
}

.tp-recruit .sw-title {
  color: #ffffff;
  mix-blend-mode: overlay;
}

.tp-recruit .sw-title span {
  mix-blend-mode: overlay;
}

.tp-recruit p {
  color: #ffffff;
}

.tp-recruit .ly-section_inner {
  position: relative;
  z-index: 10;
}

.tp-group_list ul {
  display: flex;
}

@media screen and (max-width: 767px) {
  .tp-group_list ul {
    display: block;
  }
}

.tp-group_list li {
  text-align: center;
  position: relative;
  height: 376px;
  padding: 40px;
  flex: 1;
  background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .tp-group_list li {
    height: auto;
  }
}

.tp-group_list li h3 {
  font-size: 16px;
  text-align: center;
}

.tp-group_list li h3 span {
  display: block;
  height: 72px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-bottom: 8px;
}

.tp-group_list li p {
  text-align: left;
  margin-top: 16px;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .tp-group_list li {
    padding: 24px;
  }
}

.tp-group_list li:nth-of-type(1) h3 span {
  background-size: auto 40px;
}

.tp-group_list li:nth-of-type(2) h3 span {
  background-size: auto 48px;
}

.tp-group_list li + li {
  margin-left: 1px;
}

@media screen and (max-width: 767px) {
  .tp-group_list li + li {
    margin-left: 0;
    margin-top: 1px;
  }
}

.tp-group_list .sw-button {
  position: absolute;
  display: block;
  width: calc(100% - 80px);
  margin-top: 0;
  bottom: 40px;
}

@media screen and (max-width: 767px) {
  .tp-group_list .sw-button {
    position: static;
    width: 100%;
    margin-top: 16px;
  }
}

.tp-group_list .sw-button a {
  width: 100%;
  font-size: 16px;
}

.tp-group_list .sw-button a:before {
  content: none;
}

@media screen and (max-width: 767px) {
  .tp-group_list .sw-button a {
    font-size: 14px;
  }
}

#news-select {
  border: 1px solid #e5e9ef;
  padding: 8px 16px;
  display: none;
  width: 100%;
  border-radius: 6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M7.41%208.59L12%2013.17l4.59-4.58L18%2010l-6%206-6-6%201.41-1.41z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center right 16px;
  background-size: 24px 24px;
}

@media screen and (max-width: 767px) {
  #news-select {
    display: block;
  }
}

.sv-service_list > ul {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .sv-service_list > ul {
    display: block;
  }
}

.sv-service_listItem {
  width: 33.333%;
  border: 1px solid #fff;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .sv-service_listItem {
    width: 100%;
  }
}

.sv-service_listItem h3 {
  margin-top: 16px;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .sv-service_listItem h3 {
    font-size: 18px;
  }
}

.sv-service_listItem .sv-service_listImg {
  background-size: cover;
  background-repeat: no-repeat;
}

.sv-service_listItem:nth-of-type(1) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/service01.png);
}

.sv-service_listItem:nth-of-type(2) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/service02.png);
}

.sv-service_listItem:nth-of-type(3) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/service03.png);
}

.sv-service_listItem:nth-of-type(4) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/service04.png);
}

.sv-service_listItem:nth-of-type(5) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/service05.png);
}

.sv-service_listItem:nth-of-type(6) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/service06.png);
}

.sv-service_listItem:nth-of-type(4) ul {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .sv-service_listItem:nth-of-type(4) ul {
    padding-bottom: 40px;
  }
}

.sv-service_listItem:nth-of-type(5) ul {
  padding-bottom: 0;
}

.sv-service_listItem ul {
  padding: 16px 16px 40px;
}

@media screen and (max-width: 767px) {
  .sv-service_listItem ul {
    padding-right: 0;
    padding-left: 0;
  }
}

.sv-service_listItem ul li a {
  color: #3b5c74;
  text-decoration: underline;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  padding-left: 24px;
}

.sv-service_listItem ul li a:hover {
  opacity: 0.7;
}

.sv-service_listItem ul li + li {
  margin-top: 12px;
}

.sv-service_listItem > a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease-out;
}

.sv-service_listItem > a div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 200px;
  width: 100%;
  transition: all 0.35s ease-out;
  background: rgba(255, 255, 255, 0.8);
}

.sv-service_listItem > a:hover div {
  background: rgba(59, 92, 116, 0.88);
  color: #ffffff;
  width: 90%;
  height: 90%;
}

.sv-service_listItem > a:hover div span {
  mix-blend-mode: screen;
}

.sv-service_listImg a {
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease-out;
}

@media screen and (max-width: 767px) {
  .sv-service_listImg a {
    height: 160px;
  }
}

.sv-service_listImg a div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 240px;
  width: 100%;
  transition: all 0.35s ease-out;
  background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .sv-service_listImg a div {
    height: 160px;
  }
}

.sv-service_listImg a div span {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .sv-service_listImg a div span {
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .sv-service_listImg a:hover div {
    background: rgba(59, 92, 116, 0.88);
    color: #ffffff;
    width: 90%;
    height: 90%;
  }
  .sv-service_listImg a:hover div span {
    mix-blend-mode: screen;
  }
}

.sv-case_tab {
  margin-top: 40px;
  background: #284d9a;
}

.sv-case_tab ul {
  width: 1160px;
  margin: 0 auto;
  color: #ffffff;
  display: flex;
  padding: 32px 0;
}

@media screen and (max-width: 767px) {
  .sv-case_tab ul {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.sv-case_tab ul li {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 16px;
  border-radius: 12px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .sv-case_tab ul li {
    width: 49%;
    height: auto;
    padding: 8px;
    font-size: 16px;
  }
}

.sv-case_tab ul li.is-active {
  box-sizing: border-box;
  border: 2px solid #fff;
  color: #b2e8f4;
  font-weight: 500;
}

.sv-case_tab ul li:hover:not(.is-active) {
  cursor: pointer;
  opacity: 0.72;
}

.sv-case_catWrap {
  background: #faf9f7;
}

.sv-case_cat {
  display: flex;
  width: 1160px;
  margin: 0 auto;
  align-items: flex-start;
  padding: 24px 0;
}

@media screen and (max-width: 767px) {
  .sv-case_cat {
    display: block;
    width: 100%;
  }
}

.sv-case_cat .sv-case_catTab {
  margin-right: 24px;
  width: 180px;
  flex: none;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_catTab {
    width: 100%;
    padding: 0 24px;
    margin-right: 0;
    font-size: 14px;
  }
}

.sv-case_cat .sv-case_catTab li + li {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_catTab li + li {
    margin-top: 0;
  }
}

.sv-case_cat .sv-case_catTab li span {
  display: inline-block;
  width: 180px;
  text-align: center;
  padding: 24px 0;
  border: 2px solid #284d9a;
  border-radius: 6px;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_catTab li span {
    width: 100%;
  }
}

.sv-case_cat .sv-case_catTab li.is-active span {
  background: #284d9a;
  color: #ffffff;
}

.sv-case_cat .sv-case_catTab li:hover:not(.is-active) {
  cursor: pointer;
  opacity: 0.72;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_catTab {
    display: flex;
    justify-content: space-between;
  }
  .sv-case_cat .sv-case_catTab li {
    width: 49%;
  }
}

.sv-case_cat .sv-case_catPanel {
  flex: 1;
}

.sv-case_cat .sv-case_plan,
.sv-case_cat .sv-case_task {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_plan,
  .sv-case_cat .sv-case_task {
    padding: 0 24px;
    font-size: 14px;
  }
}

.sv-case_cat .sv-case_plan li,
.sv-case_cat .sv-case_task li {
  width: 31%;
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_plan li,
  .sv-case_cat .sv-case_task li {
    width: 49%;
  }
}

.sv-case_cat .sv-case_plan li.is-active,
.sv-case_cat .sv-case_task li.is-active {
  color: #284d9a;
  font-weight: bold;
}

.sv-case_cat .sv-case_plan li:nth-of-type(1),
.sv-case_cat .sv-case_task li:nth-of-type(1) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_plan li:nth-of-type(1),
  .sv-case_cat .sv-case_task li:nth-of-type(1) {
    margin-top: 16px;
  }
}

.sv-case_cat .sv-case_plan li:nth-of-type(2),
.sv-case_cat .sv-case_task li:nth-of-type(2) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_plan li:nth-of-type(2),
  .sv-case_cat .sv-case_task li:nth-of-type(2) {
    margin-top: 16px;
  }
}

.sv-case_cat .sv-case_plan li:nth-of-type(3),
.sv-case_cat .sv-case_task li:nth-of-type(3) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .sv-case_cat .sv-case_plan li:nth-of-type(3),
  .sv-case_cat .sv-case_task li:nth-of-type(3) {
    margin-top: 16px;
  }
}

.sv-case_cat .sv-case_plan li.is-active,
.sv-case_cat .sv-case_task li.is-active {
  color: #284d9a;
  font-weight: bold;
}

.sv-case_cat .sv-case_plan li:hover:not(.is-active),
.sv-case_cat .sv-case_task li:hover:not(.is-active) {
  cursor: pointer;
  opacity: 0.72;
}

.sv-case_cat .sv-case_plan,
.sv-case_cat .sv-case_task {
  display: none;
}

.sv-case_cat .sv-case_plan.is-show,
.sv-case_cat .sv-case_task.is-show {
  display: flex;
}

.sv-case_content {
  margin-top: 32px;
}

.sv-case_content.st-case {
  width: 1160px;
  margin: 32px auto 0;
}

@media screen and (max-width: 767px) {
  .sv-case_content.st-case {
    width: 100%;
  }
}

.sv-case_content > .swiper-container > ul {
  display: flex;
  flex-wrap: nowrap;
}

.sv-case_content > .swiper-container > ul > li {
  margin-left: 0;
}

.sv-case_content > .swiper-container > ul > li:nth-of-type(3n - 2) {
  margin-left: 0;
}

.sv-case_content > .swiper-container > ul > li:nth-child(n + 4) {
  margin-top: 24px;
}

.sv-case_content > .swiper-container > ul > li a {
  display: block;
}

@media screen and (max-width: 767px) {
  .sv-case_content > .swiper-container > ul > li a {
    width: 100%;
  }
}

.sv-case_content > .swiper-container > ul > li a:hover {
  opacity: 0.72;
}

.sv-case_content > ul {
  width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .sv-case_content > ul {
    width: 100%;
    padding: 0 24px;
  }
}

.sv-case_content > ul > li {
  margin-left: 24px;
}

@media screen and (max-width: 767px) {
  .sv-case_content > ul > li {
    margin-left: 0;
    margin-top: 24px;
  }
}

.sv-case_content > ul > li:nth-of-type(3n - 2) {
  margin-left: 0;
}

.sv-case_content > ul > li:nth-child(n + 4) {
  margin-top: 24px;
}

.sv-case_content > ul > li a {
  display: block;
}

.sv-case_content > ul > li a:hover {
  opacity: 0.72;
}

.bpo-plan {
  background: #faf9f7;
}

.bpo-plan_icon {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px 0;
}

.bpo-plan_icon li {
  width: 24%;
  background-color: #fff;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.25;
}

@media screen and (max-width: 767px) {
  .bpo-plan_icon li {
    width: 49%;
    font-size: 12px;
  }
}

.bpo-plan_icon li .img {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 4px 16px 4px 8px;
}

@media screen and (max-width: 767px) {
  .bpo-plan_icon li .img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}

.bpo-plan_icon li span {
  flex: 1;
}

.bpo-plan_icon li:nth-child(n + 5) {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .bpo-plan_icon li:nth-child(n + 3) {
    margin-top: 8px;
  }
}

.bpo-planList {
  margin-top: 40px;
}

.bpo-planList > ul > li > a {
  border: 1px solid #e5e9ef;
  display: flex;
  height: 240px;
  justify-content: space-between;
  margin-top: 24px;
  padding-right: 48px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 24px center;
  background-size: 24px 24px;
}

@media screen and (max-width: 767px) {
  .bpo-planList > ul > li > a {
    display: block;
    padding-right: 0;
    background: none;
    height: auto;
  }
}

.bpo-planList > ul > li > a:hover {
  opacity: 0.72;
  cursor: pointer;
}

.bpo-planList .bpo-plan_icon {
  justify-content: flex-start;
}

.bpo-planList .bpo-plan_icon li {
  width: 40px;
  height: 40px;
  background: #ccc;
  margin-top: 8px;
  margin-right: 8px;
}

.bpo-planListSub ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .bpo-planListSub ul {
    display: block;
  }
}

.bpo-planListSub ul li {
  width: 49%;
}

.bpo-planListSub ul li:nth-of-type(n + 3) {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .bpo-planListSub ul li {
    width: 100%;
  }
  .bpo-planListSub ul li:nth-of-type(n + 2) {
    margin-top: 16px;
  }
}

.bpo-planListSub ul a {
  display: block;
  width: 100%;
  border: 1px solid #e5e9ef;
  padding-left: 152px;
  height: 120px;
  line-height: 120px;
  position: relative;
  background-size: contain;
  background-position: left center;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 767px) {
  .bpo-planListSub ul a {
    height: 56px;
    line-height: 56px;
    padding-left: 64px;
    font-size: 14px;
  }
}

.bpo-planListSub ul a::before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  top: 50%;
  margin-top: -12px;
  right: 16px;
  transition: all 0.35s ease-out;
}

@media screen and (max-width: 767px) {
  .bpo-planListSub ul a::before {
    background-size: 16px 16px;
    right: 4px;
  }
}

.bpo-planListSub ul a .bpo-planListSub_img {
  width: 118px;
  height: 118px;
  position: absolute;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .bpo-planListSub ul a .bpo-planListSub_img {
    height: 54px;
    width: 54px;
  }
}

.bpo-planList_text {
  padding: 32px;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .bpo-planList_text {
    padding: 16px;
  }
}

.bpo-planList_text h3 {
  font-size: 28px;
  color: #284d9a;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .bpo-planList_text h3 {
    font-size: 18px;
  }
}

.bpo-planList_text p {
  font-size: 16px;
}

.bpo-planList_img {
  width: 240px;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .bpo-planList_img {
    width: 100%;
    height: 120px;
  }
}

.bpo-planList_icon {
  width: 256px;
  height: 134px;
  background-color: #faf9f7;
  flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right 16px;
  padding-left: 16px;
}

.bpo-planList_icon ul {
  display: flex;
  flex-wrap: wrap;
  width: 168px;
  padding: 6px 0;
}

.bpo-planList_icon li {
  background-size: 40px 40px;
  background-position: center center;
  width: 56px;
  height: 56px;
}

.bpo-planList_icon li:nth-of-type(1) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.183%2010.139c-2.143%201.39-2.563%205.733-1.755%209.273.63%202.757%201.97%206.455%204.228%209.937%202.125%203.276%205.09%206.214%207.35%207.913%202.902%202.183%207.04%203.57%209.182%202.18%201.084-.703%202.693-2.622%202.767-2.967L30.802%2034.7l-3.165-4.88c-.235-.363-1.71-.031-2.46.393-1.01.573-1.941%202.11-1.941%202.11-.693.4-1.274.001-2.487-.557-1.49-.686-3.167-2.817-4.5-4.747-1.219-2.005-2.481-4.405-2.5-6.046-.015-1.335-.142-2.027.506-2.497%200%200%201.783-.223%202.718-.913.693-.51%201.598-1.722%201.362-2.085l-3.165-4.88-1.151-1.775c-.344-.074-2.754.613-3.837%201.316zM28.128%2013.78c1.288-5.25-1.773-10.618-6.947-12.185L21.618%200c6.054%201.808%209.634%208.087%208.105%2014.217l-1.595-.437z%22%20fill%3D%22%235180B7%22%2F%3E%3Cpath%20d%3D%22M24.67%2012.834a6.624%206.624%200%2000-4.435-7.781l.437-1.596c4.149%201.284%206.603%205.59%205.594%209.814l-1.596-.437zM21.208%2011.885a3.037%203.037%200%2000-1.921-3.37l.438-1.6a4.692%204.692%200%20013.082%205.408l-1.599-.438z%22%20fill%3D%22%235180B7%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.bpo-planList_icon li:nth-of-type(2) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%20fill%3D%22%235180B7%22%3E%3Cpath%20d%3D%22M7.232%2022.988V9.714H3.381C1.519%209.714%200%2011.267%200%2013.162V29.29c0%201.895%201.52%203.448%203.381%203.448h4.844v3.552c0%20.238.142.451.356.541a.57.57%200%2000.627-.128l3.894-3.965h8.32c1.861%200%203.38-1.553%203.38-3.448v-.005H13.459c-3.434%200-6.226-2.826-6.226-6.297z%22%2F%3E%3Cpath%20d%3D%22M36.15%203.125H13.458c-2.118%200-3.85%201.765-3.85%203.922v15.94c0%202.157%201.732%203.922%203.85%203.922h12.865l5.886%205.94c.188.19.47.248.714.145a.667.667%200%2000.404-.617V26.91h2.823c2.118%200%203.85-1.765%203.85-3.922V7.047c0-2.157-1.733-3.922-3.85-3.922zm-7.31%2018.759H15.306v-1.9H28.84v1.9zm5.461-5.936H15.306v-1.9h18.995v1.9zm0-5.937H15.306v-1.9h18.995v1.9z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h40v40H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.bpo-planList_icon li:nth-of-type(3) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M39.856%2030.626l-3.561-4.478V7.313a1.65%201.65%200%2000-1.65-1.65H5.355a1.65%201.65%200%2000-1.65%201.65v18.835L.145%2030.626a.66.66%200%2000-.144.412v1.982c0%20.727.59%201.316%201.316%201.316h37.368c.727%200%201.316-.588%201.316-1.316v-1.982c0-.15-.05-.295-.144-.412zM6.033%207.991h27.934V23.82H6.033V7.99zm17.726%2024.78h-7.518v-1.99h7.518v1.99z%22%20fill%3D%22%23e6e6e6%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.bpo-planList_icon li:nth-of-type(4) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M38.193%207.95a1.117%201.117%200%2000-.544-.545%2011.063%2011.063%200%2000-1.731-.608c-.97-.26-2.091-.464-3.326-.607a35.642%2035.642%200%2000-4-.218c-1.887%200-3.655.136-5.196.38-.771.123-1.483.272-2.13.445-.457.124-.878.26-1.266.412-.388-.152-.81-.288-1.267-.412-.968-.26-2.09-.464-3.325-.607a35.68%2035.68%200%2000-4-.218c-1.888%200-3.657.136-5.197.38a20.89%2020.89%200%2000-2.129.445%2011.12%2011.12%200%2000-1.732.608c-.244.112-.435.31-.543.545C.962%208.162%200%208.557%200%209.26v20.346a3.544%203.544%200%20003.544%203.543h14.28v.184c0%20.385.31.696.694.696h2.964a.694.694%200%2000.693-.695v-.185h14.281A3.544%203.544%200%200040%2029.604V9.26c0-.702-.962-1.097-1.807-1.309zM18.89%2029.123c-.052-.014-.102-.03-.156-.046-.968-.261-2.09-.464-3.325-.607a35.704%2035.704%200%2000-4-.218c-1.888%200-3.657.138-5.197.38-.77.123-1.483.272-2.13.445-.053.016-.103.032-.155.046V9.168c.224-.078.47-.152.735-.224.832-.225%201.855-.414%202.999-.545a33.074%2033.074%200%20013.747-.203c1.779%200%203.442.13%204.85.352.703.111%201.343.247%201.897.396.266.072.512.146.735.225v19.956zm17.184%200c-.053-.014-.101-.03-.155-.046-.97-.261-2.091-.464-3.326-.607a35.666%2035.666%200%2000-4-.218c-1.887%200-3.655.138-5.196.38-.771.123-1.483.272-2.13.445-.053.016-.103.032-.155.046V9.168c.223-.078.468-.152.735-.224.831-.225%201.853-.414%202.998-.545a33.094%2033.094%200%20013.748-.203c1.778%200%203.44.13%204.85.352.703.111%201.342.247%201.897.396.265.072.51.146.734.225v19.956z%22%20fill%3D%22%235180B7%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.bpo-planList_icon li:nth-of-type(5) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M38.818%2033.112l-6.668-6.668a19.37%2019.37%200%2001-1.203%201.652l-2.46-2.46a19.222%2019.222%200%2000.517-.708l.032-.046a17.563%2017.563%200%2000.603-.949%2015.822%2015.822%200%20002.176-8.025c0-2.925-.794-5.668-2.176-8.025a16.035%2016.035%200%2000-5.706-5.707A15.82%2015.82%200%200015.908%200a15.82%2015.82%200%2000-9.309%203.014l-.205.151-.214.163-.199.157a15.93%2015.93%200%2000-2.497%202.497l-.156.198-.163.214-.15.205a15.698%2015.698%200%2000-.839%201.283A15.82%2015.82%200%20000%2015.908c0%202.924.794%205.668%202.176%208.025a16.034%2016.034%200%20005.706%205.706%2015.82%2015.82%200%20008.026%202.177%2015.82%2015.82%200%20008.974-2.78l.046-.032a18.673%2018.673%200%2000.708-.516l2.46%202.46c-.53.428-1.08.83-1.652%201.202l6.668%206.669A4.023%204.023%200%200035.965%2040a4.035%204.035%200%20002.853-6.888zm-16.577-7.856a1.86%201.86%200%2001-.098.066c-.037.027-.075.05-.113.075l-.104.067a8.277%208.277%200%2001-.536.318l-.022.013a8.666%208.666%200%2001-.318.17l-.182.09a11.224%2011.224%200%2001-4.96%201.15c-1.64%200-3.2-.352-4.608-.984a11.356%2011.356%200%2001-5.706-5.706%2011.223%2011.223%200%2001-.983-4.607%2011.225%2011.225%200%20012.184-6.669c.09-.12.18-.24.274-.358a11.42%2011.42%200%20013.082-2.69%2011.225%2011.225%200%20015.757-1.58c1.64%200%203.2.351%204.607.983a11.356%2011.356%200%20015.706%205.706c.632%201.408.983%202.967.983%204.608a11.225%2011.225%200%2001-1.41%205.46c-.004.008-.007.015-.012.022a9.562%209.562%200%2001-.318.536l-.067.104a2.51%202.51%200%2001-.075.113%204.799%204.799%200%2001-.173.252%2010.718%2010.718%200%2001-.882%201.102%208.388%208.388%200%2001-.376.395c-.069.069-.139.138-.21.205-.06.057-.122.114-.184.17a10.72%2010.72%200%2001-1.16.922c-.032.024-.064.046-.096.067z%22%20fill%3D%22%235180B7%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.bpo-planList_icon li:nth-of-type(6) {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%20fill%3D%22%235180B7%22%3E%3Cpath%20d%3D%22M8.158%2010.923l6.529%206.545a4662.8%204662.8%200%20002.82-2.708l-6.585-6.602-.806-3.572L4.24%201.015%202.627%202.628%201.015%204.241l3.572%205.877%203.571.805zM27.997%2021.586l9.654%209.623a4.557%204.557%200%2001-6.443%206.443l-9.654-9.623%206.443-6.443z%22%2F%3E%3Cpath%20d%3D%22M35.934%2015.891c3.324-3.016%203.88-6.444%203.136-9.334-.022-.23-.077-.423-.277-.567l-.669-.548a.551.551%200%2000-.821.078l-3.848%205.003a.549.549%200%2001-.463.226l-1.396.102a.553.553%200%2001-.33-.122L28.57%208.443a.551.551%200%2001-.2-.357L28.2%206.821a.545.545%200%2001.099-.395l3.602-4.894a.55.55%200%2000-.07-.725l-.875-.684c-.17-.158-.365-.136-.63-.085-2.487.49-6.735%202.9-7.813%206.23-.95%202.931-.62%204.998-.62%204.998%200%201.652-.542%203.243-1.21%203.911l-18.77%2018.02a2.754%202.754%200%2000-.107.103c-1.55%201.55-1.548%204.066-.05%205.564%201.498%201.498%204.051%201.537%205.602-.014.072-.072.141-.146.206-.223l18.1-19.566c2.226-1.982%206.634.13%2010.27-3.17z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h40v40H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.check-list {
  text-align: center;
}

.check-list ul {
  text-align: left;
  display: inline-block;
  margin-top: 40px;
}

.check-list ul li {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20.978%2025.893H3.342V8.257h14.852l3.341-3.342H0v24.32h24.32v-9.001l-3.342%203.342v2.317z%22%20fill%3D%22%234B4B4B%22%2F%3E%3Cpath%20d%3D%22M9.931%2010.207l-3.436%203.438%205.595%205.594%203.436%203.437%203.437-3.437L32%206.203l-3.437-3.437-13.036%2013.036-5.596-5.595z%22%20fill%3D%22%23508CCB%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  font-size: 24px;
  line-height: 32px;
  padding-left: 40px;
  background-size: 32px 32px;
  background-position: top left;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .check-list ul li {
    font-size: 16px;
    background-size: 24px 24px;
    line-height: 24px;
    padding-left: 32px;
  }
}

.check-list ul li p {
  font-size: 18px;
  margin-top: 8px;
  font-weight: 300;
}

.check-list ul li + li {
  margin-top: 16px;
}

.bpo-case .sw-subTitle {
  margin-bottom: 32px;
}

.bpo-chara {
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bpo-chara img {
  width: 440px;
  height: auto;
}

.bpo-chara p {
  flex: 1;
  font-size: 18px;
  margin-left: 32px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .bpo-chara {
    display: block;
  }
  .bpo-chara img {
    width: 100%;
  }
  .bpo-chara p {
    margin-left: 0;
    margin-top: 16px;
  }
}

.sv-service_listItem-sales {
  width: 33.333%;
  border: 1px solid #fff;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .sv-service_listItem-sales {
    width: 100%;
  }
}

.sv-service_listItem-sales .sv-service_listItem-salesInner {
  padding: 16px 16px 32px;
}

@media screen and (max-width: 767px) {
  .sv-service_listItem-sales .sv-service_listItem-salesInner {
    padding-left: 0;
    padding-right: 0;
  }
}

.sv-service_listItem-sales .sv-service_listItem-salesInner p {
  margin-top: 8px;
}

.sv-service_listItem-sales .sv-service_listImg {
  background-size: cover;
  background-repeat: no-repeat;
  height: 240px;
}

@media screen and (max-width: 767px) {
  .sv-service_listItem-sales .sv-service_listImg {
    height: 120px;
  }
}

.sv-service_listItem-sales:nth-of-type(1) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales01.png);
}

.sv-service_listItem-sales:nth-of-type(2) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales02.png);
}

.sv-service_listItem-sales:nth-of-type(3) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales03.png);
}

.sv-service_listItem-sales:nth-of-type(4) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales04.png);
}

.sv-service_listItem-sales:nth-of-type(5) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales05.png);
}

.sv-service_listItem-sales:nth-of-type(6) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales06.png);
}

.sv-service_listItem-sales:nth-of-type(7) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales07.png);
}

.sv-service_listItem-sales:nth-of-type(8) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales03.png);
}

.sv-service_listItem-sales:nth-of-type(9) .sv-service_listImg {
  background-image: url(/wp-content/themes/jms_united/images/sales04.png);
}

.sv-service_listItem-sales:nth-of-type(4) ul {
  padding-bottom: 0;
}

.sv-service_listItem-sales:nth-of-type(5) ul {
  padding-bottom: 0;
}

.sv-service_listItem-sales ul {
  padding: 16px 16px 40px;
}

.sv-service_listItem-sales ul li a {
  color: #3b5c74;
  text-decoration: underline;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%233B5C74%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  padding-left: 24px;
}

.sv-service_listItem-sales ul li a:hover {
  opacity: 0.7;
}

.sv-service_listItem-sales ul li + li {
  margin-top: 12px;
}

.sv-service_listItem-sales > a {
  display: block;
}

.button {
  text-align: center;
  margin-top: 100px;
}

.call-plan_box {
  display: flex;
}

@media screen and (max-width: 767px) {
  .call-plan_box {
    display: block;
  }
}

.call-plan_img {
  width: 400px;
  height: 240px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .call-plan_img {
    width: 100%;
    height: 120px;
  }
}

.call-plan_text {
  flex: 1;
  margin-left: 32px;
}

@media screen and (max-width: 767px) {
  .call-plan_text {
    margin-left: 0;
    margin-top: 16px;
  }
}

.call-plan_text h3 {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .call-plan_text h3 {
    font-size: 20px;
  }
}

.call-plan_text p {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .call-plan_text p {
    font-size: 14px;
  }
}

.call-plan_boxWrap {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}

.call-plan_boxWrap .call-plan_img {
  text-align: center;
  margin: 0 auto;
}

.call-plan_boxWrap .call-plan_box {
  display: block;
  width: 100%;
  flex: 1;
}

.call-plan_boxWrap .call-plan_box + .call-plan_box {
  margin-left: 48px;
}

.call-plan_boxWrap .call-plan_text {
  margin-left: 0;
  margin-top: 16px;
}

.call-plan_boxWrap .call-plan_text h3 {
  text-align: center;
}

.call-plan02 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.call-plan02_img {
  width: 160px;
  height: 100px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .call-plan02_img {
    height: 80px;
    width: 100%;
  }
}

.call-plan02_inner {
  display: flex;
  padding: 40px 0;
}

@media screen and (max-width: 767px) {
  .call-plan02_inner {
    display: block;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.call-plan02_box + .call-plan02_box {
  margin-left: 32px;
}

@media screen and (max-width: 767px) {
  .call-plan02_box + .call-plan02_box {
    margin-left: 0;
    margin-top: 24px;
  }
}

.call-plan02_box {
  width: 50%;
  text-align: center;
  padding: 32px;
  background-color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .call-plan02_box {
    width: 100%;
    padding: 24px;
  }
}

.call-plan02_box h3 {
  margin-top: 16px;
}

.call-plan02_box p {
  margin-top: 16px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .call-plan02_box p {
    font-size: 14px;
    margin-top: 8px;
  }
}

.business .business_inner {
  display: flex;
  margin-top: 16px;
}

.business .business_inner p {
  flex: 1;
}

.business .business_inner img {
  width: 520px;
  height: auto;
  margin-left: 32px;
}

.campaign-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}

@media screen and (max-width: 767px) {
  .campaign-list {
    display: block;
  }
}

.campaign-list li {
  width: 32%;
  height: 100%;
  font-size: 16px;
}

.campaign-list li:nth-of-type(n + 5) {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .campaign-list li {
    width: 100%;
  }
  .campaign-list li:nth-of-type(n + 2) {
    margin-top: 24px;
  }
}

.campaign-list li span {
  display: block;
  width: 100%;
  height: 200px;
  margin-bottom: 8px;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .campaign-list li span {
    height: 120px;
  }
}

.case-main {
  padding-bottom: 80px;
}

@media screen and (min-width: 768px) {
  .case-main .swiper-container {
    overflow: visible;
  }
  .case-main .swiper-slide {
    width: 370px;
    margin-right: 24px;
  }
  .case-main .swiper-slide:nth-of-type(3n) {
    margin-right: 0;
  }
  .case-main .swiper-button-prev {
    display: none;
  }
  .case-main .swiper-button-next {
    display: none;
  }
  .case-main .sv-case_content > .swiper-container > ul {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .sv-case_contents {
    padding: 0 24px;
  }
}

.sv-case_contents .sv-case_content-bpo {
  display: block;
}

.sv-case_cat {
  display: none;
}

.sv-case_cat.is-show {
  display: flex;
}

@media screen and (max-width: 767px) {
  .sv-case_cat.is-show {
    display: block;
  }
}

.sv-case_contentItem {
  display: none;
}

.sv-case_contentItem.is-show {
  display: block;
}

.sv-case_contentItemBox {
  display: none;
}

.sv-case_contentItemBox.is-show {
  display: block;
}

.sv-case_content {
  display: none;
}

.sv-case_content.is-show {
  display: block;
}

.case_none {
  text-align: center;
  display: block;
  margin: 0 auto;
}

.sales-service {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .sales-service {
    display: block;
  }
}

.sales-service_content h2 {
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .sales-service_content h2 {
    font-size: 20px;
  }
}

.sales-service_content p {
  margin-top: 16px;
}

.sales-service_img {
  width: 440px;
}

@media screen and (max-width: 767px) {
  .sales-service_img {
    width: 100%;
    margin-top: 24px;
  }
}

.sales-service_img img {
  width: 100%;
  height: auto;
}

.st-proposal table {
  margin-top: 40px;
  width: 100%;
}

.st-proposal table,
.st-proposal td,
.st-proposal th {
  border-collapse: collapse;
}

.st-proposal th {
  border: 1px solid #90a3b1;
}

.st-proposal tr {
  border: 1px solid #90a3b1;
}

.st-proposal td,
.st-proposal th {
  padding: 16px;
}

.st-proposal th {
  background: #f2f6f9;
}

.st-proposal td + td {
  border-left: 1px dashed #90a3b1;
}

.st-proposal_text {
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .st-proposal_text {
    width: 100%;
  }
}

.st-proposal_text p {
  flex: 1;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .st-proposal_text p {
    font-size: 16px;
  }
}

.st-proposal_img {
  width: 200px;
  height: 100%;
  min-height: 120px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22235%22%20height%3D%22357%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M193.811%2036.653A43.073%2043.073%200%2000163.264%2024a43.073%2043.073%200%2000-30.547%2012.653c-7.805%207.8-12.657%2018.635-12.653%2030.546a43.014%2043.014%200%20009.398%2026.894c1.731%202.18%203.228%203.987%204.422%205.539.898%201.163%201.625%202.179%202.202%203.104.865%201.391%201.392%202.54%201.781%203.918.38%201.383.613%203.067.618%205.448%200%201.602.178%203.163.627%204.696.334%201.144.833%202.28%201.538%203.324a10.524%2010.524%200%20004.276%203.68c1.689.792%203.451%201.081%205.095%201.081h26.491c1.46%200%203.012-.229%204.532-.838a10.464%2010.464%200%20003.186-2c1.428-1.301%202.43-2.971%203.012-4.674.586-1.712.805-3.465.805-5.269%200-2.115.188-3.685.495-4.971.476-1.923%201.172-3.351%202.531-5.352%201.351-1.982%203.392-4.417%206.002-7.685a43.033%2043.033%200%20009.388-26.894c.005-11.912-4.848-22.747-12.652-30.547zm-6.368%2049.768c-1.662%202.078-3.159%203.895-4.546%205.685-1.034%201.346-2.009%202.683-2.902%204.11-1.332%202.134-2.467%204.505-3.2%207.16-.732%202.656-1.062%205.525-1.062%208.725%200%20.174-.004.33-.014.467h-24.902a6.833%206.833%200%2001-.018-.467c0-2.847-.257-5.429-.838-7.837-.851-3.62-2.458-6.715-4.344-9.448-1.9-2.755-4.047-5.273-6.523-8.395a30.696%2030.696%200%2001-6.716-19.222c.005-8.546%203.447-16.227%209.05-21.84%205.608-5.598%2013.285-9.045%2021.836-9.045%208.551%200%2016.232%203.447%2021.84%209.045%205.598%205.612%209.041%2013.294%209.045%2021.84a30.723%2030.723%200%2001-6.706%2019.222zM163.263%20174c5.1%200%209.238-4.133%209.238-9.237h-18.476a9.238%209.238%200%20009.238%209.237zM179.098%20132.215h-31.664a4.98%204.98%200%2000-4.985%204.98%204.981%204.981%200%20004.985%204.985h31.664a4.983%204.983%200%20100-9.965zM179.098%20148.306h-31.664a4.982%204.982%200%20100%209.965h31.664a4.983%204.983%200%20100-9.965zM110.98%20117.398a73.255%2073.255%200%20003.329%203.361l7.821-8.567a59.698%2059.698%200%2001-2.504-2.528l-8.646%207.734zM92.05%2066.276a70.885%2070.885%200%2000-.018%204.767l8.274-.43h3.315a60.032%2060.032%200%2001.008-3.688l-11.579-.649zM122.528%2025.374l-7.749-8.632a74.266%2074.266%200%2000-3.355%203.33l8.575%207.812a62.662%2062.662%200%20012.529-2.51zM163.312%2011.598c.652%200%201.301.01%201.947.03l.614-11.583a74.633%2074.633%200%2000-4.738-.012l.719%2011.581c.487-.011.973-.017%201.458-.017zM234.487%2066.765l-11.583.595a61.656%2061.656%200%2001-.015%203.78l11.581.67a67.895%2067.895%200%2000.017-5.045zM204.307%2025.67c.864.819%201.7%201.66%202.504%202.518l8.635-7.746a71.9%2071.9%200%2000-3.34-3.36l-7.799%208.588zM203.912%20112.65l7.721%208.656a70.968%2070.968%200%20003.368-3.331l-8.563-7.824a58.927%2058.927%200%2001-2.526%202.499z%22%20fill%3D%22%23104BA4%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.574%20109.141C29.574%2094.146%2041.72%2082%2056.715%2082c14.995%200%2027.141%2012.146%2027.142%2027.141%200%2014.982-12.147%2027.137-27.142%2027.137s-27.141-12.154-27.14-27.137zm0%200h5-5zM56.715%2092c-9.472%200-17.14%207.669-17.14%2017.141-.001%209.461%207.669%2017.137%2017.14%2017.137%209.472%200%2017.141-7.676%2017.142-17.136M56.715%2092c9.472%200%2017.141%207.669%2017.142%2017.141z%22%20fill%3D%22%23104BA4%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.873%20141.169c4.876-4.876%2011.674-8.642%2018.757-8.642h58.172c7.083%200%2013.881%203.766%2018.757%208.642%204.876%204.876%208.64%2011.676%208.64%2018.76v74.412c0%208.12-6.57%2014.713-14.709%2014.713-3.48%200-6.677-1.208-9.195-3.228v93.415c0%209.808-7.948%2017.759-17.755%2017.759-6.193%200-11.645-3.167-14.824-7.97-3.18%204.803-8.631%207.969-14.825%207.969-9.805%200-17.755-7.95-17.755-17.759v-93.412a14.656%2014.656%200%2001-9.195%203.226c-8.127%200-14.709-6.591-14.709-14.714v-74.411c0-7.084%203.765-13.884%208.641-18.76zm7.072%207.07c-3.642%203.642-5.713%208.044-5.713%2011.69v74.411a4.71%204.71%200%20004.71%204.714%204.718%204.718%200%20004.717-4.714v-66.18h14.477v171.08a7.756%207.756%200%20007.755%207.759%207.758%207.758%200%20007.764-7.759V237.862h14.122v101.379A7.758%207.758%200%200071.54%20347a7.757%207.757%200%20007.755-7.759v-171.08h14.486v66.18a4.71%204.71%200%20004.71%204.713%204.705%204.705%200%20004.708-4.713v-74.412c0-3.646-2.07-8.048-5.712-11.69-3.64-3.641-8.041-5.712-11.685-5.712H27.63c-3.644%200-8.044%202.071-11.685%205.712z%22%20fill%3D%22%23104BA4%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (max-width: 767px) {
  .st-proposal_img {
    width: 100px;
  }
}

.st-proposal.system .st-proposal_text span {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  background: #6a9dd4;
  padding: 8px 16px;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .st-proposal.system .st-proposal_text span {
    margin-top: 8px;
    font-size: 14px;
    padding: 4px 8px;
  }
}

.st-proposal.system .st-proposal_text span + span {
  margin-left: 8px;
}

@media screen and (max-width: 767px) {
  .st-proposal.system .st-proposal_text span + span {
    margin-left: 4px;
  }
}

.st-proposal.system .st-proposal_img {
  background-image: url(/wp-content/themes/jms_united/images/system03-02.png);
}

.co-strength ul {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  position: relative;
}

.co-strength ul:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 64px;
  background: #7bc3fa;
  z-index: -1;
  top: 50px;
  left: 0;
}

.co-strength ul li {
  width: 18%;
}

.co-strength ul li p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .co-strength ul {
    display: block;
  }
  .co-strength ul:after {
    content: none;
  }
  .co-strength ul li {
    width: 100%;
  }
  .co-strength ul li + li {
    margin-top: 24px;
  }
}

.co-strength_title {
  height: 164px;
  background: linear-gradient(86.04deg, #797aea 12.8%, #4799e2 97.91%);
  box-sizing: border-box;
  border-radius: 6px;
  text-align: center;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .co-strength_title {
    height: auto;
  }
}

.co-strength_titleNum {
  display: block;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .co-strength_titleNum {
    font-size: 28px;
  }
}

.co-strength_titleText {
  font-size: 18px;
  color: #ffffff;
}

.co-strength_titleText span {
  font-size: 26px;
  color: #fff;
  position: relative;
  z-index: 2;
}

.co-strength_titleText span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  background: #f00;
  z-index: 1;
  mix-blend-mode: overlay;
  opacity: 0.64;
}

.co-serviceSub ul {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  margin-right: -31px;
}

@media screen and (max-width: 767px) {
  .co-serviceSub ul {
    margin-right: 0;
  }
}

.co-serviceSub ul li {
  width: 366px;
  margin-right: 31px;
  margin-top: 31px;
  border-radius: 4px;
}

@media screen and (max-width: 767px) {
  .co-serviceSub ul li {
    width: 100%;
    margin-right: 0;
  }
}

.co-service ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -31px;
  margin-top: 9px;
}

@media screen and (max-width: 767px) {
  .co-service ul {
    margin-right: 0;
  }
}

.co-service ul li {
  width: 366px;
  margin-right: 31px;
  margin-top: 31px;
  background: #ffffff;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
}

@media screen and (max-width: 767px) {
  .co-service ul li {
    width: 100%;
    margin-right: 0;
  }
}

.co-service ul a {
  display: block;
}

.co-service_img {
  background-size: cover;
  background-position: center center;
  height: 180px;
}

@media screen and (max-width: 767px) {
  .co-service_img {
    height: 120px;
  }
}

.co-service_title {
  padding: 16px;
  text-align: center;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .co-service_title {
    font-size: 16px;
  }
}

.co-service_text {
  padding: 16px;
  padding-top: 0;
}

.co-ourStrength ul {
  margin-top: 40px;
  display: flex;
  margin-right: -31px;
}

.co-ourStrength ul li {
  width: 366px;
  margin-right: 31px;
}

.co-ourStrength ul li img {
  width: 100%;
  height: auto;
}

.co-ourStrength ul li p {
  font-size: 20px;
  color: #1a4598;
}

@media screen and (max-width: 767px) {
  .co-ourStrength ul li p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .co-ourStrength ul {
    display: block;
    margin-right: 0;
  }
  .co-ourStrength ul li {
    width: 100%;
  }
  .co-ourStrength ul li + li {
    margin-top: 24px;
  }
}

.co-reason ul {
  margin-top: 40px;
}

.co-reason ul li {
  background: #ffffff;
  display: flex;
  align-items: center;
}

.co-reason ul li + li {
  margin-top: 24px;
}

.co-reason_img {
  width: 256px;
  height: 200px;
  background: #cccccc;
}

.co-reason_content {
  flex: 1;
  padding: 16px 24px;
}

.co-reason_content h4 {
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  .co-reason_content h4 {
    font-size: 18px;
  }
}

.co-reason_content p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .co-reason_content p {
    font-size: 14px;
  }
}

.co-company ul {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
}

.co-company ul li {
  font-size: 20px;
  width: 45%;
  position: relative;
  padding-left: 32px;
  margin-top: 16px;
  margin-left: 5%;
}

@media screen and (max-width: 767px) {
  .co-company ul li {
    font-size: 16px;
    padding-left: 24px;
  }
}

.co-company ul li:before {
  content: "";
  display: flex;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  background: linear-gradient(285.79deg, #4092d2 18.49%, #4d9bc3 93.92%);
}

@media screen and (max-width: 767px) {
  .co-company ul li:before {
    height: 14px;
    width: 14px;
    top: 6px;
  }
}

@media screen and (max-width: 767px) {
  .co-company ul {
    width: 100%;
    display: block;
  }
  .co-company ul li {
    width: 100%;
  }
}

.co-company p {
  text-align: right;
  color: #1a4598;
}

@media screen and (max-width: 767px) {
  .co-company p {
    margin-top: 24px;
  }
}

.co-contact .ly-section_inner {
  background: #ffffff;
  padding: 64px 0;
}

@media screen and (max-width: 767px) {
  .co-contact .ly-section_inner {
    padding: 64px 24px;
  }
}

.co-contact .sw-ripple .sw-ripple_text {
  background: linear-gradient(86.04deg, #797aea 12.8%, #4799e2 97.91%);
}

.co-contact_wrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .co-contact_wrap {
    display: block;
  }
}

.co-contact_box p {
  margin-top: 16px;
}

.co-contact_map {
  width: 320px;
  margin-left: 32px;
  background: #cccccc;
}

@media screen and (max-width: 767px) {
  .co-contact_map {
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
}

.co-contact_map {
  height: 0;
  overflow: hidden;
  padding-bottom: 26.25%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .co-contact_map {
    padding-bottom: 50.25%;
  }
}

.co-contact_map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.sitemap {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .sitemap {
    display: block;
  }
}

.sitemap-content {
  width: 48%;
}

@media screen and (max-width: 767px) {
  .sitemap-content {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .sitemap-content:nth-of-type(1) h2 {
    margin-top: 0;
  }
}

.sitemap-content h2 {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .sitemap-content h2 {
    display: block;
  }
}

.sitemap-content h2 span {
  border-left: 4px solid #284d9a;
  padding-left: 16px;
  line-height: 1;
}

.sitemap-content h2 .sw-button {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .sitemap-content h2 .sw-button {
    margin-top: 24px;
  }
}

.sitemap-content h2 .sw-button a {
  width: 240px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .sitemap-content h2 .sw-button a {
    width: 100%;
  }
}

.sitemap-content:nth-of-type(2n) {
  margin-left: 4%;
}

@media screen and (max-width: 767px) {
  .sitemap-content:nth-of-type(2n) {
    margin-left: 0;
  }
}

.sitemap-content_inner {
  margin-top: 16px;
}

.sitemap_aside {
  border-top: 1px solid #3b5c74;
  margin-top: 40px;
}

.sitemap_aside .sitemap_sub {
  margin-top: 40px;
}

.sitemap_sub {
  margin-top: 24px;
}

.sitemap_sub h3 {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #3b5c74;
  font-weight: bold;
}

.sitemap_sub h3 a {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .sitemap_sub h3 a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    padding-left: 24px;
    background-size: 24px 24px;
    background-position: left center;
  }
}

.sitemap_sub ul {
  padding-left: 8px;
}

.sitemap_sub ul li {
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .sitemap_sub ul li a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%23284d9a%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    padding-left: 24px;
    background-size: 24px 24px;
    background-position: left center;
  }
}

.pos-list li {
  display: flex;
  align-items: center;
}

.pos-list li + li {
  margin-top: 32px;
}

.pos-list .pos-list_img {
  width: 120px;
  height: 120px;
  background-size: contain;
  background-position: center center;
}

.pos-list .pos-list_text {
  flex: 1;
  margin-left: 32px;
}

.pos-list .pos-list_text h4 {
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .pos-list .pos-list_text h4 {
    font-size: 20px;
  }
}

.pos-list .pos-list_text p {
  margin-top: 8px;
}

.single-jobs .st-hero_title span:nth-of-type(1) {
  font-size: 40px;
  line-height: 1.25;
}

@media screen and (max-width: 767px) {
  .single-jobs .st-hero_title span:nth-of-type(1) {
    font-size: 24px;
  }
}

.jobs-list li + li {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e9ef;
}

.jobs-list li {
  display: flex;
}

.jobs-list li h2 {
  font-size: 18px;
  width: 5em;
}

@media screen and (max-width: 767px) {
  .jobs-list li h2 {
    font-size: 16px;
  }
}

.jobs-list .jobs-list_text {
  flex: 1;
  margin-left: 16px;
}

.jobs-list_item {
  border: 1px solid #e5e9ef;
}

.jobs-list_item .jobs-list_title {
  background: #f2f6f9;
  padding: 32px;
  border-top: 2px solid #284d9a;
}

.jobs-list_item a {
  display: block;
}

.jobs-list_item .jobs-list {
  padding: 0 32px 32px;
  margin-top: 24px;
}

.jobs-list_item .jobs-list h4 {
  font-size: 18px;
  width: 5em;
}

.jobs-list_item + .jobs-list_item {
  margin-top: 32px;
}

.jobs-contents {
  display: flex;
}

@media screen and (max-width: 767px) {
  .jobs-contents {
    display: block;
  }
}

.jobs-contents .jobs-contents_work {
  width: 50%;
  padding: 32px;
}

@media screen and (max-width: 767px) {
  .jobs-contents .jobs-contents_work {
    display: none;
    width: 100%;
    border-top: 1px solid #e5e9ef;
  }
}

.jobs-contents .jobs-list {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .jobs-contents .jobs-list {
    width: 100%;
    font-size: 14px;
  }
  .jobs-contents .jobs-list h4 {
    font-size: 14px;
  }
}

.jobs-list_button {
  width: 270px;
  height: 56px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 24px 24px;
  background-color: #284d9a;
  color: #ffffff;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.business_title01 {
  text-align: center;
}

.business_title01 h2 {
  font-size: 48px;
  text-align: center;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .business_title01 h2 {
    font-size: 22px;
  }
}

.business_title01 h2 span {
  position: relative;
  padding: 0 8px;
}

.business_title01 h2 span:before {
  content: "";
  display: block;
  position: absolute;
  background: #f0f2f3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.business_title01 h2:after {
  content: "";
  display: block;
  position: absolute;
  width: 800px;
  height: 1px;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  background: #284d9a;
  z-index: -2;
}

@media screen and (max-width: 767px) {
  .business_title01 h2:after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

.business_title01 p {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .business_title01 p {
    font-size: 13px;
  }
}

.business_title {
  text-align: center;
}

.business_title h2 {
  font-size: 48px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .business_title h2 {
    font-size: 22px;
  }
}

.business_title h2 span {
  position: relative;
  padding: 0 8px;
}

.business_title h2 span:before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.business_title h2:after {
  content: "";
  display: block;
  position: absolute;
  width: 800px;
  height: 1px;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  background: #284d9a;
  z-index: -2;
}

@media screen and (max-width: 767px) {
  .business_title h2:after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

.business_title p {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .business_title p {
    font-size: 13px;
  }
}

.business_box01 {
  text-align: center;
  background: #f0f2f3;
}

.business_box01 .impact {
  margin-top: 72px;
}

@media screen and (max-width: 767px) {
  .business_box01 .impact {
    margin-top: 40px;
  }
}

.business_box01 .impact .bg {
  height: 55px;
  width: 168px;
  background-size: contain;
  background-position: center center;
  margin: 0 auto 16px;
}

.business_box01 .impact p {
  font-weight: bold;
}

.business_box01 .st-hero_text {
  text-align: left;
  margin-top: 72px;
}

.business_box01 .main {
  margin: 72px auto 0;
  width: 80%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .business_box01 .main {
    width: 100%;
    margin-top: 40px;
  }
}

.business_box {
  text-align: center;
}

.business_box .st-hero_text {
  text-align: left;
  margin-top: 72px;
}

.business_box .main {
  margin-top: 72px;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .business_box .main {
    display: none;
  }
}

.business_box .main_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .business_box .main_sp {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 40px;
  }
}

.business_box01_list {
  display: flex;
  margin-top: 40px;
  margin-right: -2%;
}

@media screen and (max-width: 767px) {
  .business_box01_list {
    display: block;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .business_box01_list > li + li {
    margin-top: 16px;
  }
}

.business_box01_list > li {
  margin-right: 2%;
  font-size: 16px;
  width: 23%;
  border: 1px solid #000;
  text-align: left;
  padding: 16px;
}

@media screen and (max-width: 767px) {
  .business_box01_list > li {
    width: 100%;
    margin-right: 0;
    font-size: 14px;
  }
}

.business_box01_list > li p {
  font-weight: bold;
}

.business_box01_list > li ul li {
  position: relative;
  padding-left: 1em;
  margin-top: 8px;
}

.business_box01_list > li ul li:before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}

.business_box02_list {
  display: flex;
  margin-top: 40px;
  margin-right: -2%;
}

@media screen and (max-width: 767px) {
  .business_box02_list {
    display: block;
    margin-right: 0;
  }
  .business_box02_list > li + li {
    margin-top: 16px;
  }
}

.business_box02_list > li {
  margin-right: 2%;
  font-size: 16px;
  width: 23%;
  border: 1px solid #000;
  text-align: left;
  padding: 16px;
}

@media screen and (max-width: 767px) {
  .business_box02_list > li {
    width: 100%;
    margin-right: 0;
  }
}

.business_box02_list > li .logo {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: normal;
}

.business_box02_list > li .logo .img {
  height: 64px;
  background-size: contain;
  background-position: center center;
  margin: 0 auto;
  width: 64%;
}

.business_box02_list > li .logo p {
  margin-top: 8px;
  text-align: center;
}

.business_box02_list > li .logo:nth-of-type(1) .img {
  width: 72%;
}

.business_box02_list > li .logo:nth-of-type(2) .img {
  width: 100%;
}

.business_box02_list > li p {
  font-weight: bold;
}

.business_box02_list > li ul li {
  position: relative;
  padding-left: 1em;
  margin-top: 8px;
}

.business_box02_list > li ul li:before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}

.business_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .business_sp {
    display: block;
    margin-top: 32px;
  }
  .business_sp li + li {
    margin-top: 16px;
  }
  .business_sp li {
    display: flex;
    align-items: center;
  }
  .business_sp li .img {
    width: 48px;
    height: 48px;
    background-size: contain;
    background-position: center center;
  }
  .business_sp li .content {
    margin-left: 16px;
    text-align: left;
    flex: 1;
  }
  .business_sp li .content p {
    font-size: 14px;
  }
  .business_sp li .content p:nth-of-type(1) {
    font-weight: bold;
  }
}

.st-linkBox {
  margin-top: 40px;
}

.st-linkBox li a {
  border: 1px solid #E5E9EF;
  display: flex;
}

.st-linkBox li a h4 {
  font-size: 24px;
}

.st-linkBox li a p {
  margin-top: 16px;
}

.st-linkBox li + li {
  margin-top: 24px;
}

.st-linkBox_img {
  width: 200px;
}

@media screen and (max-width: 767px) {
  .st-linkBox_img {
    width: 80px;
  }
}

.monthly-flow .st-linkBox_content {
  margin: 0;
  padding: 0;
  flex: 1;
}

.monthly-flow ul li {
  border: 1px solid #E5E9EF;
  display: flex;
  padding: 24px;
}

@media screen and (max-width: 767px) {
  .monthly-flow ul li {
    display: block;
    padding: 16px;
  }
}

.monthly-flow ul li h4 {
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .monthly-flow ul li h4 {
    font-size: 18px;
  }
}

.monthly-flow ul li p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .monthly-flow ul li p {
    font-size: 14px;
  }
}

.monthly-flow ul li .st-linkBox_img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .monthly-flow ul li .st-linkBox_img {
    height: 64px;
    margin: 0 auto;
    margin-bottom: 16px;
  }
}

.monthly-flow ul li:nth-of-type(1) .st-linkBox_img {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M88.689%200H31.31c-11.1%200-20.13%209.03-20.13%2020.13v79.74c0%2011.099%209.03%2020.13%2020.13%2020.13H74.27l2.184-2.182%2030.185-30.185%202.182-2.184V20.13C108.82%209.03%2099.79%200%2088.689%200zm12.677%2082.36h-19.62c-5.835%200-10.563%204.732-10.563%2010.565v19.621H31.311c-7%200-12.677-5.675-12.677-12.677V20.131c0-7.002%205.677-12.678%2012.677-12.678H88.69c7.004%200%2012.677%205.676%2012.677%2012.678V82.36z%22%20fill%3D%22%2362b0e3%22%2F%3E%3Cpath%20d%3D%22M38.523%2029.746H31.33v6.863h7.192v-6.863zM38.523%2046.452H31.33v6.862h7.192v-6.862zM38.523%2063.16H31.33v6.86h7.192v-6.86zM38.523%2079.865H31.33v6.862h7.192v-6.862zM88.672%2029.746H46.28v6.863h42.392v-6.863zM88.672%2046.452H46.28v6.862h42.392v-6.862zM88.672%2063.16H46.28v6.86h42.392v-6.86zM63.703%2079.865H46.28v6.862h17.423v-6.862z%22%20fill%3D%22%2362b0e3%22%2F%3E%3C%2Fsvg%3E");
  background-size: auto 72%;
}

@media screen and (max-width: 767px) {
  .monthly-flow ul li:nth-of-type(1) .st-linkBox_img {
    background-size: contain;
    background-position: center center;
  }
}

.monthly-flow ul li:nth-of-type(2) .st-linkBox_img {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%20fill%3D%22%2362b0e3%22%3E%3Cpath%20d%3D%22M22.502%2092.835l6.004-13.426-2.746-1.406c-5.904-3.023-10.746-7.134-14.078-11.872-3.335-4.747-5.174-10.084-5.178-15.772.002-4.465%201.136-8.706%203.228-12.625%203.138-5.873%208.475-11.008%2015.323-14.667%206.845-3.66%2015.176-5.83%2024.175-5.828%209.623-.002%2018.457%202.485%2025.53%206.618%207.082%204.133%2012.366%209.891%2015.063%2016.386l6.004-2.498c-3.336-8.017-9.668-14.763-17.785-19.505-8.126-4.742-18.072-7.502-28.812-7.505-13.392.005-25.574%204.28-34.53%2011.354-4.472%203.54-8.141%207.791-10.703%2012.578-2.56%204.782-4%2010.111-3.997%2015.692-.004%207.12%202.346%2013.812%206.364%2019.515%203.468%204.928%208.172%209.137%2013.729%2012.42L11.862%20100.7l5.648-.627c11.596-1.292%2022.875-4.048%2032.237-6.855l-1.867-6.228c-7.529%202.258-16.317%204.456-25.378%205.846z%22%2F%3E%3Cpath%20d%3D%22M117.066%2061.061c-2.82-5.26-7.427-9.599-13.097-12.63-5.673-3.032-12.435-4.768-19.68-4.77-9.658.004-18.463%203.083-24.97%208.223-3.252%202.572-5.93%205.672-7.809%209.178-1.875%203.503-2.936%207.426-2.934%2011.53-.004%206.278%202.481%2012.083%206.544%2016.718a32.124%2032.124%200%20001.586%201.678c.366.358.756.697%201.14%201.04.196.174.378.358.577.527.525.445%201.071.868%201.626%201.283.074.057.141.117.215.172%203.155%202.32%206.807%204.164%2010.791%205.449l.072.025c6.677%202.587%2020.718%207.51%2035.45%209.157l5.649.626-6.167-13.782.006-.004c.771-.48%201.503-.995%202.225-1.526.261-.19.521-.383.775-.58a33.07%2033.07%200%20001.721-1.431c.426-.38.824-.775%201.226-1.171.388-.39.788-.766%201.154-1.173a28.267%2028.267%200%20002.168-2.68c2.938-4.166%204.67-9.09%204.666-14.329.002-4.103-1.059-8.026-2.934-11.53zm-7.052%2022.116c-2.251%203.202-5.547%206.01-9.595%208.08l-2.746%201.406%203.891%208.697a123.702%20123.702%200%2001-8.443-1.753c-.055-.012-.112-.027-.167-.04a123.74%20123.74%200%2001-1.814-.457l-.335-.085c-.573-.15-1.141-.3-1.7-.455-.12-.032-.237-.066-.355-.098-.561-.154-1.12-.31-1.666-.468a157.244%20157.244%200%2001-5.064-1.552l-.382-.122c-.372-.12-.728-.241-1.086-.36-.23-.078-.465-.155-.69-.23l-.893-.307c-.271-.096-.542-.189-.804-.282l-.725-.256c-.296-.106-.582-.21-.861-.312l-.58-.21c-.316-.116-.618-.23-.913-.34a156.226%20156.226%200%2001-1.605-.612l-.099-.038-.102-.032c-5.483-1.723-10.092-4.69-13.263-8.322-3.178-3.646-4.933-7.884-4.937-12.438.002-2.987.758-5.822%202.166-8.462%202.11-3.955%205.735-7.458%2010.426-9.963%204.688-2.506%2010.416-4.003%2016.618-4.001%208.266-.004%2015.693%202.665%2020.933%206.82%202.623%202.074%204.698%204.509%206.106%207.144%201.41%202.64%202.165%205.475%202.168%208.462-.005%203.806-1.231%207.376-3.483%2010.586z%22%2F%3E%3Cpath%20d%3D%22M73.014%2070.497a3.274%203.274%200%2010.001%206.545%203.274%203.274%200%20000-6.545zM85.64%2070.497a3.273%203.273%200%2010.002%206.545%203.273%203.273%200%2000-.003-6.545zM98.264%2070.497a3.273%203.273%200%20100%206.546%203.273%203.273%200%20000-6.546z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h120v120H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: auto 72%;
}

@media screen and (max-width: 767px) {
  .monthly-flow ul li:nth-of-type(2) .st-linkBox_img {
    background-size: contain;
    background-position: center center;
  }
}

.monthly-flow ul li:nth-of-type(3) .st-linkBox_img {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M88.933%200H31.067c-5.213%200-9.463%204.26-9.463%209.469v101.064c0%205.201%204.25%209.467%209.463%209.467h57.866c5.201%200%209.463-4.266%209.463-9.467V9.469c0-5.21-4.262-9.469-9.463-9.469zM59.998%20112.147a3.904%203.904%200%20010-7.807c2.146%200%203.91%201.75%203.91%203.902a3.917%203.917%200%2001-3.91%203.905zm32.487-12.664h-64.97V16.197h64.97v83.286z%22%20fill%3D%22%2362b0e3%22%2F%3E%3Cpath%20d%3D%22M47.021%2066.231H33.047V89.19H47.02V66.231zM66.985%2048.265H53.011v40.924h13.974V48.265zM86.948%2035.288H72.974v53.9h13.974v-53.9z%22%20fill%3D%22%2362b0e3%22%2F%3E%3C%2Fsvg%3E");
  background-size: auto 72%;
}

@media screen and (max-width: 767px) {
  .monthly-flow ul li:nth-of-type(3) .st-linkBox_img {
    background-size: contain;
    background-position: center center;
  }
}

.st-linkBox_content {
  margin-left: 24px;
  margin-top: 24px;
  padding-bottom: 24px;
}

.pt0 {
  padding-top: 0px !important;
}

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

.mt40 {
  margin-top: 40px !important;
}

.mt80 {
  margin-top: 80px !important;
}

@media screen and (max-width: 767px) {
  .page-template-page-system .st-serviceContent li .img {
    height: 120px;
    background-size: contain;
  }
}

.st-serviceContent li + li {
  margin-top: 32px;
}

.st-serviceContent li {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .st-serviceContent li {
    display: block;
  }
}

.st-serviceContent li .img {
  width: 255px;
  height: 164px;
  margin-right: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .st-serviceContent li .img {
    width: 100%;
    height: 152px;
    margin: 0 auto;
  }
}

.st-serviceContent li .content {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .st-serviceContent li .content {
    margin-top: 16px;
  }
}

.st-serviceContent li .content h3 {
  color: #284d9a;
}

.st-serviceContent li .content p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .st-serviceContent li .content p {
    font-size: 14px;
  }
}

.st-serviceContent.pos .img {
  width: 320px;
  height: 320px;
  margin-right: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.st-serviceContent.pos .content {
  flex: 1;
}

.st-serviceContent.pos .content h3 {
  color: #284d9a;
  font-size: 24px;
}

.st-serviceContent.pos .content h4 {
  margin-top: 16px;
}

.st-serviceContent.pos .content p {
  margin-top: 8px;
}

.st-voice_box {
  margin-top: 40px;
}

.st-voice_box h4 {
  display: inline-block;
  background: #fff;
  font-size: 24px;
  padding: 8px 32px;
  border-top: 3px solid #274C9A;
  color: #274C9A;
}

@media screen and (max-width: 767px) {
  .st-voice_box h4 {
    font-size: 18px;
    padding: 8px 16px;
  }
}

.st-voice_box h4 > span > span {
  font-size: 26px;
  margin-left: 8px;
  color: #95BCEA;
}

@media screen and (max-width: 767px) {
  .st-voice_box h4 > span > span {
    display: inline-block;
    font-size: 18px;
  }
}

.st-voice_box h4 > span > span:nth-of-type(2) {
  color: #274C9A;
  margin-left: 32px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .st-voice_box h4 > span > span:nth-of-type(2) {
    display: inline;
    margin-left: 0;
    margin-top: 8px;
    background: linear-gradient(transparent 20%, #ffff66 80%);
  }
  .st-voice_box h4 > span > span:nth-of-type(2):before {
    content: "\A";
    white-space: pre;
  }
}

.st-voice_box h4 > span > span:nth-of-type(2):after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 16px;
  background: #fff000;
  opacity: 0.48;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .st-voice_box h4 > span > span:nth-of-type(2):after {
    content: none;
  }
}

.st-voice_itemWrap {
  display: flex;
  background-color: #fff;
  padding: 32px;
}

@media screen and (max-width: 767px) {
  .st-voice_itemWrap {
    display: block;
    padding: 16px;
  }
}

.st-voice_itemImg {
  background-image: url(/wp-content/themes/jms_united/images/voice.svg);
  background-position: top center;
  background-size: auto 120px;
  width: 160px;
  margin-right: 32px;
}

@media screen and (max-width: 767px) {
  .st-voice_itemImg {
    background-size: auto 48px;
    background-position: left center;
    padding-left: 72px;
    width: auto;
    height: 48px;
    display: flex;
    align-items: center;
  }
}

.st-voice_itemImg h5 {
  color: #ffffff;
  background: #72ADDC;
  text-align: center;
  padding: 4px 16px;
  font-size: 18px;
  margin-top: 136px;
}

@media screen and (max-width: 767px) {
  .st-voice_itemImg h5 {
    margin-top: 0;
    font-size: 14px;
  }
}

.st-voice_item {
  background-position: left 32px top 32px;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .st-voice_item {
    margin-top: 16px;
  }
}

.st-voice_item li {
  border-radius: 6px;
  padding: 24px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .st-voice_item li {
    display: block;
    padding: 16px;
  }
}

.st-voice_item li h5 {
  font-size: 18px;
  padding: 8px 16px 8px 0;
  color: #274C9A;
  width: 4em;
}

@media screen and (max-width: 767px) {
  .st-voice_item li h5 {
    width: auto;
    font-size: 16px;
    padding: 0;
    margin-bottom: 8px;
  }
}

.st-voice_item li p {
  flex: 1;
  padding-left: 16px;
  border-left: 1px solid #72ADDC;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .st-voice_item li p {
    font-size: 14px;
    border-left: none;
    padding-left: 0;
  }
}

.st-voice_item li:nth-of-type(1) {
  background: #F3F6F9;
}

.st-voice_item li:nth-of-type(2) {
  margin-top: 16px;
  background: #FDF5E4;
}

.st-voice_result {
  margin-top: 24px;
  background: #FAF9F7;
  padding: 40px;
}

.st-servicePlan {
  margin-top: 40px;
}

.st-servicePlan li {
  display: flex;
}

@media screen and (max-width: 767px) {
  .st-servicePlan li {
    display: block;
  }
}

.st-servicePlan li + li {
  margin-top: 24px;
}

.st-servicePlan_img {
  width: 240px;
  height: 200px;
  background-position: top -40px center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .st-servicePlan_img {
    width: 100%;
    height: 120px;
  }
}

.st-servicePlan_box {
  flex: 1;
  margin-left: 24px;
}

@media screen and (max-width: 767px) {
  .st-servicePlan_box {
    margin-left: 0;
    margin-top: 16px;
  }
}

.st-servicePlan_box h3 {
  font-size: 24px;
  color: #284d9a;
}

@media screen and (max-width: 767px) {
  .st-servicePlan_box h3 {
    font-size: 20px;
  }
}

.st-servicePlan_box h4 {
  margin-top: 12px;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .st-servicePlan_box h4 {
    font-size: 16px;
    margin-top: 8px;
  }
}

.st-servicePlan_box p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .st-servicePlan_box p {
    font-size: 14px;
    margin-top: 8px;
  }
}

.page-template-page-contents_quality .st-customVoice {
  margin-top: 32px;
}

.st-customVoice .st-customVoice_itemWrap {
  margin-top: 40px;
  display: block;
  margin-right: -24px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .st-customVoice .st-customVoice_itemWrap {
    display: block;
    margin-right: 0;
  }
}

.st-customVoice .st-customVoice_item {
  flex: 1;
  margin-right: 24px;
}

@media screen and (max-width: 767px) {
  .st-customVoice .st-customVoice_item {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .st-customVoice .st-customVoice_item + .st-customVoice_item {
    margin-top: 24px;
  }
}

.st-customVoice .st-customVoice_text {
  display: block;
  border: 1px solid #e5e9ef;
  width: 100%;
  height: calc(100% - 130px);
  padding: 24px;
  border-radius: 8px;
  position: relative;
  background: #ffffff;
}

@media screen and (max-width: 767px) {
  .st-customVoice .st-customVoice_text {
    padding: 16px;
  }
}

.st-customVoice .st-customVoice_text:before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  bottom: -32px;
  left: 50%;
  margin-left: -16px;
  border-top: 16px solid #e5e9ef;
  border-right: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid transparent;
  z-index: 1;
}

.st-customVoice .st-customVoice_text:after {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -16px;
  border-top: 16px solid #fff;
  z-index: 2;
  border-right: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid transparent;
}

.st-customVoice .st-customVoice_corp {
  background-image: url(/wp-content/themes/jms_united/images/voice.svg);
  background-position: top 16px center;
  background-size: auto 80px;
  padding-top: 100px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .st-customVoice .st-customVoice_corp {
    background-size: auto 64px;
    padding-top: 88px;
  }
}

.st-customVoice .st-customVoice_corp span {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  background: #274C9A;
  color: #ffffff;
  padding: 8px 12px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .st-customVoice .st-customVoice_corp span {
    font-size: 14px;
  }
}

.st-customVoice ul {
  margin-top: 40px;
  display: block;
  margin-right: -24px;
  display: flex;
}

.st-customVoice ul li span:nth-of-type(1) {
  display: block;
  border: 1px solid #e5e9ef;
  width: 100%;
  margin-right: 24px;
  padding: 24px;
  border-radius: 8px;
  position: relative;
  background: #ffffff;
}

.st-customVoice ul li span:nth-of-type(1):before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  bottom: -32px;
  left: 50%;
  margin-left: -16px;
  border-top: 16px solid #e5e9ef;
  border-right: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid transparent;
  z-index: 1;
}

.st-customVoice ul li span:nth-of-type(1):after {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -16px;
  border-top: 16px solid #fff;
  z-index: 2;
  border-right: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid transparent;
}

.st-customVoice ul li span:nth-of-type(2) {
  display: block;
  width: 100%;
  background-image: url(/wp-content/themes/jms_united/images/voice.svg);
  background-position: top center;
  background-size: auto 120px;
  width: 200px;
  margin-right: 32px;
}

.st-customVoice ul li span:nth-of-type(2) > span {
  background: #000;
  color: #ffffff;
}

.st-pageTop {
  width: 72px;
  height: 72px;
  background-color: rgba(39, 76, 154, 0.64);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.41%2018.41L12%2013.82l4.59%204.59L18%2017l-6-6-6%206%201.41%201.41zM18%206v2H6V6h12z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-position: bottom 2px center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  position: fixed;
  right: 32px;
  bottom: -72px;
  border-radius: 8px;
  padding: 8px;
  color: #fff;
  text-align: center;
  z-index: 9999;
}

@media screen and (max-width: 767px) {
  .st-pageTop {
    right: 16px;
  }
}

.st-pageTop:hover {
  cursor: pointer;
  opacity: 0.8;
}

.sys-reason ul {
  margin-top: 40px;
  display: flex;
  margin-right: -32px;
}

@media screen and (max-width: 767px) {
  .sys-reason ul {
    flex-wrap: wrap;
    margin-right: -3%;
  }
}

.sys-reason ul li {
  margin-right: 32px;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .sys-reason ul li {
    margin-right: 3%;
    width: 47%;
    flex: auto;
  }
}

.sys-reason ul li h4 {
  text-align: center;
  margin-top: 24px;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .sys-reason ul li h4 {
    font-size: 14px;
  }
}

.sys-reason ul li p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .sys-reason ul li p {
    font-size: 14px;
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .sys-reason ul li:nth-of-type(n + 3) {
    margin-top: 24px;
  }
}

.sys-reason_img {
  background: #508CCB;
  border-radius: 100%;
  width: 80%;
  margin: 0 auto;
  position: relative;
}

.sys-reason_img:after {
  background: #508CCB;
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 50%;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.sys-reason_img img {
  width: 100%;
  height: auto;
}

.sys-reason_img01 {
  background: #82b2e5;
}

.sys-reason_img01:after {
  background: #82b2e5;
}

.sys-reason_img02 {
  background: #6a9dd4;
}

.sys-reason_img02:after {
  background: #6a9dd4;
}

.sys-reason_img03 {
  background: #508CCB;
}

.sys-reason_img03:after {
  background: #508CCB;
}

.sys-reason_img04 {
  background: #2b6db4;
}

.sys-reason_img04:after {
  background: #2b6db4;
}

.sys-case .ly-section_inner > p {
  margin-top: 40px;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .sys-case .ly-section_inner > p {
    font-size: 20px;
  }
}

.sys-case .st-case {
  margin-top: 40px;
}

.sys-case_list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sys-case_list li {
  font-weight: bold;
  background: #508CCB;
  font-size: 24px;
  padding: 8px 24px;
  margin-top: 24px;
  color: #fff;
  border-radius: 6px;
}

.sys-case_list li span {
  font-size: 40px;
}

.sys-case_list li + li {
  margin-left: 24px;
}

.sys-case_logo {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  margin-right: -1%;
}

.sys-case_logo li {
  width: 24%;
  height: 96px;
  margin: 24px 24px 0 0;
  margin-right: 1%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .sys-case_logo li {
    width: 49%;
    height: 64px;
    margin-top: 16px;
  }
}

.sys-case_logo.jinzai {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  margin-right: -2%;
}

@media screen and (max-width: 767px) {
  .sys-case_logo.jinzai {
    margin-right: -2%;
  }
}

.sys-case_logo.jinzai li {
  width: 18%;
  height: 96px;
  margin: 24px 24px 0 0;
  margin-right: 2%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .sys-case_logo.jinzai li {
    height: 64px;
    width: 31%;
    margin-top: 16px;
    margin-right: 2%;
  }
}

/*# sourceMappingURL=style.css.map */