@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
 scroll-behavior: smooth;
}
body {
  margin: 0;
}
article, aside, footer, header, nav, section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption, figure, main {
  /* 1 */
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
a:active, a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
b, strong {
  font-weight: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
button, input {
  /* 1 */
  overflow: visible;
}
button, select {
  /* 1 */
  text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
textarea {
  overflow: auto;
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
details, menu {
  /* 1 */
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
html.nav-open, html.nav-open body {
  overflow-y: hidden;
  height: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
@media screen and (min-width: 1000px) {
  html.nav-open, html.nav-open body {
    overflow-y: inherit !important;
  }
}
a {
  color: #333;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #333;
  text-decoration: underline;
}
img {
  vertical-align: middle;
}
#app {
  overflow-x: hidden;
  overflow-y: visible;
  min-height: 100vh;
}
@media screen and (min-width: 768px) {
  .sp-br {
    display: none;
  }
}
.pc-br {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-br {
    display: block;
  }
}
.sp-inner {
  padding: 0 5%;
}
p.text-center {
  text-align: center;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.blue {
  color: #006bb5;
}
blockquote, q {
  quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
hr {
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul, ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto;
  max-width: 100%;
}
figure {
  margin: 1em 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
#loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  display: none;
}
#loader .img {
  padding: 20px;
  background: #fff;
  z-index: 1;
}
#loader .img img {
  max-width: 200px;
}
#loader .line {
  position: absolute;
  left: 0;
  right: 0;
  width: 1px;
  height: 0vh;
  bottom: 0;
  margin: auto;
  background: #006bb5;
}
.primary-btn {
  text-align: center;
}
.primary-btn a {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 18px;
  padding: 10px 20px 10px 10px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
}

.wp-video{margin:0 auto;}
@media screen and (min-width: 768px) {
  .primary-btn a {
    min-width: 500px;
    width: auto;
  }
}
.primary-btn a:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.primary-btn a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.primary-btn a:hover {
  background: #696969;
}
@media screen and (min-width: 768px) {
  .primary-btn a:hover {
    background: #333;
  }
  .primary-btn a:hover:before {
    width: 100%;
  }
}
.primary-btn a span {
  position: relative;
}
.primary-btn-right {
  text-align: center;
  margin: 40px 0 70px 0;
}
@media screen and (min-width: 768px) {
  .primary-btn-right {
    margin: 70px 0;
  }
}
.primary-btn-right a {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 14px;
  padding: 20px 35px 20px 25px;
  font-weight: bold;
  width: 92%;
  max-width: 500px;
  display: inline-block;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 320px) {
  .primary-btn-right a {
    width: 80%;
    padding: 20px 30px 20px 20px;
  }
}
@media screen and (min-width: 481px) {
  .primary-btn-right a {
    width: 83%;
  }
}
@media screen and (min-width: 768px) {
  .primary-btn-right a {
    min-width: 400px;
    max-width: initial;
    width: auto;
    margin: 10px;
  }
}
.primary-btn-right a:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.primary-btn-right a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.primary-btn-right a:hover {
  background: #696969;
}
@media screen and (min-width: 768px) {
  .primary-btn-right a:hover {
    background: #333;
  }
  .primary-btn-right a:hover:before {
    width: 100%;
  }
}
.primary-btn-left {
  text-align: center;
  margin: 40px 0 70px 0;
}
@media screen and (min-width: 768px) {
  .primary-btn-left {
    margin: 70px 0;
  }
}
.primary-btn-left a {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 14px;
  padding: 20px 20px 20px 35px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .primary-btn-left a {
    min-width: 500px;
    width: auto;
  }
}
.primary-btn-left a:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%) rotate(180deg);
  -webkit-transform: skewX(17deg) translate(0, -50%) rotate(180deg);
  -ms-transform: skewX(17deg) translate(0, -50%) rotate(180deg);
  position: absolute;
  left: 5%;
  top: 50%;
}
.primary-btn-left a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.primary-btn-left a:hover {
  background: #696969;
}
@media screen and (min-width: 768px) {
  .primary-btn-left a:hover {
    background: #333;
  }
  .primary-btn-left a:hover:before {
    width: 100%;
  }
}
.primary-btn-bottom {
  text-align: center;
  margin: 40px 0 70px 0;
}
@media screen and (min-width: 768px) {
  .primary-btn-bottom {
    margin: 70px 0;
  }
}
.primary-btn-bottom a, .primary-btn-bottom button {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 14px;
  padding: 20px 35px 20px 20px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .primary-btn-bottom a, .primary-btn-bottom button {
    min-width: 500px;
    width: auto;
  }
}
.primary-btn-bottom a:after, .primary-btn-bottom button:after {
  content: "";
  background: url(../img/bottom-arrow2.png) no-repeat;
  width: 10.5px;
  height: 16px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.primary-btn-bottom a:before, .primary-btn-bottom button:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.primary-btn-bottom a:hover, .primary-btn-bottom button:hover {
  background: #696969;
}
@media screen and (min-width: 768px) {
  .primary-btn-bottom a:hover, .primary-btn-bottom button:hover {
    background: #333;
  }
  .primary-btn-bottom a:hover:before, .primary-btn-bottom button:hover:before {
    width: 100%;
  }
}
.post-navigation {
  margin-top: 70px;
}
.post-navigation .prev {
  text-align: left;
  height: 66px;
}
.post-navigation .prev a {
  padding: 18px 25px 18px 55px;
}
.post-navigation .prev a:after {
  content: "";
  transform: skewX(17deg) rotate(180deg);
  -webkit-transform: skewX(17deg) rotate(180deg);
  -ms-transform: skewX(17deg) rotate(180deg);
  background: url(../img/media_right_arrow_bl@2x.png) no-repeat center;
  background-size: 100% auto;
  width: 11px;
  height: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  left: 5%;
  font-size: 18px;
}
.post-navigation .next {
  text-align: right;
  margin-bottom: 10px;
  height: 66px;
}
.post-navigation .next a {
  padding: 18px 55px 18px 25px;
}
.post-navigation .next a:after {
  content: "";
  transform: skewX(17deg);
  -webkit-transform: skewX(17deg);
  -ms-transform: skewX(17deg);
  background: url(../img/media_right_arrow_bl@2x.png) no-repeat center;
  background-size: 100% auto;
  width: 11px;
  height: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 5%;
  font-size: 18px;
}
.post-navigation a {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  display: inline-block;
  width: 90%;
  text-align: left;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  border: 1px solid #b5b5b5;
  text-decoration: none;
}
.post-navigation a:hover {
  background: #e2e2e2;
}
.post-navigation a span {
  word-wrap: break-word;
  display: block;
  display: -webkit-box;
  height: 28px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-navigation a span br {
  display: none;
}
.select-wrap {
  position: relative;
  border: 1px solid #9e9e9e;
}
.select-wrap:after {
  content: "";
  background: url(../img/select-arrow.png) no-repeat;
  position: absolute;
  right: 11px;
  top: 50%;
  width: 13px;
  height: 22px;
  background-size: 100% auto;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  font-size: 20px;
  pointer-events: none;
}
.select-wrap select {
  width: 100%;
  height: 100%;
  border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select-wrap select::-ms-expand {
  display: none;
}
.page-navigation {
  margin-bottom: 50px;
}
.page-navigation .container .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    font-size: 0;
}
@media screen and (min-width: 768px) {
  .page-navigation .container .row {
    justify-content: flex-start;
  }
  .page-navigation .container .row:nth-child(2n) {
    justify-content: flex-end;
  }
}
.page-navigation .container span, .page-navigation .container a {
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  text-align: center;
  min-height: 54px;
  display: block;
  margin: 5px 1%;
  width: 23%;
  line-height: 1.3;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .page-navigation .container span, .page-navigation .container a {
    padding: 20px;
    min-height: auto;
    margin: 13px 1%;
    line-height: 1.8;
  }
}

@media screen and (max-width: 481px){
.page-navigation .container span, .page-navigation .container a {
    width: 48%;
}
}
.page-navigation .container span {
  border: 1px solid #666;
  display: flex;
  align-items: center;
  justify-content: center;
    font-size: 16px;
}
.page-navigation .container span:after {
  content: "";
  transform: skewX(17deg);
  -webkit-transform: skewX(17deg);
  -ms-transform: skewX(17deg);
  background: url(../img/media_right_arrow_bl@2x.png) no-repeat center;
  background-size: 100% auto;
  width: 6px;
  height: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 5%;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .page-navigation .container span:after {
    width: 11px;
  }
}
.page-navigation .container a {
  background: #333;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
    font-size: 16px;
}
.page-navigation .container a:after {
  content: "";
  transform: skewX(17deg);
  -webkit-transform: skewX(17deg);
  -ms-transform: skewX(17deg);
  background: url(../img/media_right_arrow@2x.png) no-repeat center;
  background-size: 100% auto;
  width: 6px;
  height: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 5%;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .page-navigation .container a:after {
    width: 11px;
  }
}
.page-navigation .container a.back-btn {
  background: #fff;
  color: #333;
  padding: 25px 10px 25px 20px;
}
.page-navigation .container a.back-btn:after {
  content: "<";
  left: 5%;
  right: inherit;
}
.page-navigation .container a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.page-navigation .container a:hover {
  background: #696969;
}
@media screen and (min-width: 768px) {
  .page-navigation .container a:hover {
    background: #333;
  }
  .page-navigation .container a:hover:before {
    width: 100%;
  }
}
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 36px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .slick-prev, .slick-next {
    width: 25px;
    height: 50px;
  }
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev {
  left: -16px;
}
@media screen and (min-width: 1200px) {
  .slick-prev {
    left: -45px;
  }
}
.slick-prev:before {
  content: '';
  background: url(../img/slide_left.png) no-repeat center;
  background-size: 100% auto;
  width: 20px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1200px) {
  .slick-prev:before {
    width: 25px;
    height: 50px;
  }
}
.slick-next {
  right: -16px;
}
@media screen and (min-width: 1200px) {
  .slick-next {
    right: -45px;
  }
}
.slick-next:before {
  content: '';
  background: url(../img/slide_right.png) no-repeat center;
  background-size: 100% auto;
  width: 20px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1200px) {
  .slick-next:before {
    width: 25px;
    height: 50px;
  }
}
@media screen and (max-width: 769px) {
  #wpadminbar {
    position: fixed !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  input {
    min-height: 46px;
  }
  textarea {
    min-height: 262px;
  }
  .nayami-box {
    border-width: 5px !important;
  }
}
button {
  cursor: pointer;
}
.g-recaptcha {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 300px;
}
.g-recaptcha-wrap {
  text-align: center;
}
.g-recaptcha-wrap .g-recaptcha-inner {
  display: inline-block;
  position: relative;
}
body .anchor-block {
  display: block;
  position: relative;
  top: -50px;
  visibility: hidden;
  height: 0;
}
@media screen and (min-width: 768px) {
  body .anchor-block {
    width: -36px;
  }
}
@media screen and (min-width: 1000px) {
  body .anchor-block {
    width: -59px;
  }
}
@media screen and (min-width: 1200px) {
  body .anchor-block {
    width: -72px;
  }
}
body.admin-bar .anchor-block {
  display: block;
  position: relative;
  top: -96px;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  body.admin-bar .anchor-block {
    width: -82px;
  }
}
@media screen and (min-width: 1000px) {
  body.admin-bar .anchor-block {
    width: -91px;
  }
}
@media screen and (min-width: 1200px) {
  body.admin-bar .anchor-block {
    width: -104px;
  }
}
body, button, input, select, optgroup, textarea {
  color: #333;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  font-family: normal, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
p {
  font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
}
.entry-header h1.entry-title {
  font-size: 2.44em;
  line-height: 1.4;
  margin: 1em 0;
}
dfn, cite, em, i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
.archive .site-header {
  margin-bottom: 3.5em;
}
.site-title {
  margin: 0.4375em 0 0;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.2;
  color: #333332;
}
.site-title a {
  text-decoration: none;
  color: inherit;
}
.site-branding {
  margin-bottom: 1.75em;
}
.site-description {
  margin: 0.4375em 0 0;
  font-size: 17px;
  font-weight: inherit;
  line-height: 1.4;
  word-wrap: break-word;
  color: #929292;
}
.clearfix::after {
  clear: both;
  content: '';
  display: table;
}
.container {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
.hide-text {
  overflow: hidden;
  padding: 0;
  text-indent: 101%;
  white-space: nowrap;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
header {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 200;
  transition: background-color 0.3s linear;
  background: #fff;
}
header.scrolled .header-inner {
  padding-right: 0;
}
header.scrolling {
  background: rgba(255, 255, 255, 0.7);
}
header .header-inner {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: padding-right 0.2s cubic-bezier(0.64, 0.06, 1, 1);
}
@media screen and (min-width: 1500px) {
  header .header-inner {
    padding-right: 200px;
  }
}
/*
@media screen and (min-width: 1200px) {
  header .header-inner {
    padding-right: 200px;
  }
}*/
header .logo {
  margin: 0;
}
header .logo a {
  display: block;
}
header .logo img {
  width: 150px;
  max-height: auto;
  position: relative;
  display: block;
  height: auto;
}
@media screen and (min-width: 1000px) {
  header .logo img {
    width: 200px;
  }
}
header .sp-nav-btn {
  background: #333;
  background: #333;
  width: 80px;
  height: 50px;
  margin-right: -39px;
  position: relative;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
}
@media screen and (min-width: 1500px) {
  header .sp-nav-btn {
    display: none;
  }
}
header .sp-nav-btn .line-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-left: 20px;
  position: relative;
  transform: skewX(17deg);
  -webkit-transform: skewX(17deg);
  -ms-transform: skewX(17deg);
}
header .sp-nav-btn .line-wrap span {
  width: 32px;
  border-radius: 3px;
  height: 2px;
  margin: 3px 0;
  background: #fff;
  display: block;
  margin-left: -30px;
}
header .sp-nav-btn .sp-nav-close {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
header .pc-navigation {
  display: none;
}
@media screen and (min-width: 1500px) {
  header .pc-navigation {
    display: block;
    margin-right: 20px;
  }
}
header .pc-navigation > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
header .pc-navigation > ul > li {
  display: inline-block;
  vertical-align: middle;
}
header .pc-navigation > ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}
header .pc-navigation > ul > li > a {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 15px;
  padding: 20px 10px;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1000px) {
  header .pc-navigation > ul > li > a {
    padding: 20px 8px;
  }
}
@media screen and (min-width: 1200px) {
  header .pc-navigation > ul > li > a {
    font-size: 16px;
    padding: 20px 16px;
  }
}
header .pc-navigation > ul > li > a:before {
  content: "";
  height: 5px;
  width: 100%;
  position: absolute;
  left: -1px;
  background: #006bb5;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
header .pc-navigation > ul > li > a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
header .pc-navigation > ul > li .sub-menu {
  position: absolute;
  background: #333;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 220;
  padding: 30px 0 15px 0;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out;
}
header .pc-navigation > ul > li .sub-menu .container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
header .pc-navigation > ul > li .sub-menu .container p {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-right: 120px;
}
header .pc-navigation > ul > li .sub-menu .container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
header .pc-navigation > ul > li .sub-menu .container ul li {
  margin-right: 40px;
}
@media screen and (min-width: 1000px) {
  header .pc-navigation > ul > li .sub-menu .container ul li.sp_item {
    display: none;
  }
}
header .pc-navigation > ul > li .sub-menu .container ul li a {
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 10px;
  position: relative;
}
header .pc-navigation > ul > li .sub-menu .container ul li a:before {
  content: "";
  max-width: 40px;
  width: 50%;
  height: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent;
}
header .pc-navigation > ul > li .sub-menu .container ul li a:hover {
  text-decoration: none;
}
header .pc-navigation > ul > li .sub-menu .container ul li a:hover:before {
  background: #fff;
}
header .pc-btn-set {
  display: none;
  z-index: 201;
}
@media screen and (min-width: 1500px) {
  header .pc-btn-set {
    display: block;
    position: absolute;
    right: -30px;
    top: 0;
    width: 240px;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
  }
}
@media screen and (max-width: 1500px) {
#content{padding-top:0!important;}
  header .pc-btn-set {
    width: 250px;display:none!important;
  }
}

header .pc-btn-set a {
  background: #006BB5;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  display: flex;
  height: 67px;
  padding-right: 30px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  letter-spacing: 2px;
}
@media screen and (min-width: 1200px) {
  header .pc-btn-set a {
    font-size: 18px;
    height: 72px;
  }
}
header .pc-btn-set a > span {
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  position: relative;
}
header .pc-btn-set a > span img {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
header .pc-btn-set a > span span {
  vertical-align: middle;
  display: inline-block;
}
header .pc-btn-set a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
}
header .pc-btn-set a.download {
  background: #3f3f3f;
}
header .pc-btn-set a:hover:before {
  content: "";
  width: 100%;
}
.sp-navigation {
  position: fixed;
  z-index: 100;
  background: #333;
  width: 100%;
  padding-bottom: 10px;
  height: calc(100vh - 50px);
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  top: -100%;
  visibility: hidden;
  transition: top 0.5s cubic-bezier(0.64, 0.06, 1, 1);
}
@media screen and (min-width: 1500px) {
  .sp-navigation {
    display: none !important;
  }
}
.sp-navigation.show {
  visibility: visible;
}
.sp-navigation .sp-navigation-inner {
  padding-bottom: 70px;
}
.sp-navigation .sp-navigation-inner ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
.sp-navigation .sp-navigation-inner ul li {
  display: block;
  border-bottom: 1px solid #858585;
}
.sp-navigation .sp-navigation-inner ul li.menu-item-has-children > a:after {
  content: "";
  /*background: url(../img/bottom-arrow.png) no-repeat;*/
  background: url(../img/bottom-arrow_down.png) no-repeat;
  width: 13px;
  height: 10.5px;
  background-size: 100% auto;
  transform: translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.sp-navigation .sp-navigation-inner ul li.menu-item-has-children > a.child-open:after {
  transform: rotate(180deg) translate(0, -50%);
  top: inherit;
  bottom: 50%;
}
.sp-navigation .sp-navigation-inner ul li a {
  display: block;
  text-align: center;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 21px;
  padding: 10px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
.sp-navigation .sp-navigation-inner ul li a:hover, .sp-navigation .sp-navigation-inner ul li a:active, .sp-navigation .sp-navigation-inner ul li a:focus {
  background: #858585;
}
.sp-navigation .sp-navigation-inner ul li > ul {
  display: none;
  margin: 0;
  background: #1d1d1d;
}
.sp-navigation .sp-navigation-inner ul li > ul li {
  border-bottom: 0;
  border-top: 1px solid #858585;
}
.sp-navigation .sp-navigation-inner ul li > ul li a {
  font-size: 16px;
  text-transform: inherit;
}
@media screen and (min-width: 1000px) {
  .sp-navigation .sp-navigation-inner ul li > ul li a {
    font-size: 18px;
  }
}
.sp-navigation .sp-navigation-inner a.contact, .sp-navigation .sp-navigation-inner a.download {
  display: block;
  border: 1px solid #fff;
  width: 90%;
  margin: 0 auto 20px auto;
  padding: 13px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
}
.sp-navigation .sp-navigation-inner a.contact:hover, .sp-navigation .sp-navigation-inner a.download:hover, .sp-navigation .sp-navigation-inner a.contact:active, .sp-navigation .sp-navigation-inner a.download:active, .sp-navigation .sp-navigation-inner a.contact:focus, .sp-navigation .sp-navigation-inner a.download:focus {
  background: #858585;
}
.sp-navigation .sp-navigation-inner a.contact img, .sp-navigation .sp-navigation-inner a.download img {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.admin-bar .sp-navigation {
  height: calc(100vh - 96px);
}
.overlay {
  position: fixed;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 1000px) {
  .overlay {
    display: none !important;
  }
}
.sub-menu-overlay {
  position: fixed;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(51, 51, 51, 0.5);
  opacity: 0;
  visibility: hidden;
}
.sub-menu-overlay.on {
  opacity: 1;
  visibility: visible;
}
footer .footer-main {
  background: #333;
  padding: 5% 0;
}
@media screen and (min-width: 1040px) {
  footer .footer-main {
    padding: 40px 0;
  }
}
footer .footer-main .container {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1040px) {
  footer .footer-main .container {
    justify-content: space-between;
    flex-direction: column;
    flex-direction: inherit;
    align-items: flex-start;
  }
}
footer .footer-main .logo {
  display: inline-block;
  padding: 5% 0;
  text-align: center;
}
@media screen and (min-width: 1040px) {
  footer .footer-main .logo {
    padding: 0 30px 0 0;
  }
}
footer .footer-main .foot-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  -ms-flex-item-align: center;
  max-width: 350px;
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 481px) {
  footer .footer-main .foot-navigation {
    width: auto;
  }
}
@media screen and (min-width: 1040px) {
  footer .footer-main .foot-navigation {
    display: block;
    max-width: 100%;
    margin: 0;
  }
}
footer .footer-main .foot-navigation > ul {
  list-style: none;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  min-width: 120px;
  margin: 0 auto;
  width: 50%;
}
@media screen and (min-width: 1040px) {
  footer .footer-main .foot-navigation > ul {
    margin: 0 0 0 10px;
    width: auto;
  }
}
footer .footer-main .foot-navigation > ul li {
  display: block;
  text-indent: -0.7rem;
  padding-left: 0.7rem;
  line-height: 25px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1040px) {
  footer .footer-main .foot-navigation > ul li {
    line-height: 38px;
    margin-bottom: 0;
  }
}
footer .footer-main .foot-navigation > ul li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  position: relative;
}
footer .footer-main .foot-navigation > ul li a:before {
  content: "";
  background: url(../img/foot-arrow.png) no-repeat;
  background-size: 100% auto;
  width: 7.5px;
  height: 5px;
  margin: auto 5px auto auto;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
footer .footer-main .foot-navigation > ul li a:hover {
  opacity: 0.7;
}
footer .footer-main .foot-navigation > ul li a:not([href]):hover {
  opacity: 1;
}
footer .footer-main .foot-navigation > ul li > ul {
  width: 100%;
  padding-left: 25px;
  margin: 0;
  margin-top: 9px;
}
@media screen and (min-width: 1040px) {
  footer .footer-main .foot-navigation > ul li > ul {
    margin-top: 0px;
  }
}
footer .footer-main .foot-navigation > ul li > ul li {
  text-indent: -0.4rem;
  padding-left: 0.4rem;
}
footer .footer-main .foot-navigation > ul li > ul li a {
  font-size: 12px;
}
footer .footer-main .foot-navigation > ul li > ul li a:before {
  content: "-";
  padding-right: 5px;
  background: none;
  width: auto;
  height: inherit;
  font-size: 1em;
  margin: auto;
  display: inline-block;
  vertical-align: bottom;
}
footer .copyright {
  text-align: center;
}
footer .copyright p {
  margin: 5px 0;
  font-size: 10px;
}
.fixed-content {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
}
.fixed-content .pagetop {
  position: fixed;
  right: 20px;
  bottom: 30px;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: #222;
  cursor: pointer;
  z-index: 5;
  transition: opacity 0.3s ease-in-out;
  padding: 13px;
}
.fixed-content .pagetop img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .fixed-content .pagetop {
    width: 50px;
    height: 50px;
    bottom: 50px;
  }
}
.fixed-content a.contact, .fixed-content a.download {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: #222;
  overflow: hidden;
  text-decoration: none;
  padding: 12px;
 /* transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;*/
  z-index: 5;
}

.fixed-content a.contact {
  background: #006BB5;
}
@media screen and (min-width: 768px) {
  .fixed-content a.contact, .fixed-content a.download {
    width: 50px;
    height: 50px;
    padding: 15px;
  }
}
.fixed-content a.contact .img, .fixed-content a.download .img, .fixed-content a.contact img, .fixed-content a.download img {
  width: 25px;
  flex-shrink: 0;
}
.fixed-content a.contact > span, .fixed-content a.download > span {
  font-size: 17px;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  transition: padding-left 0.3s ease-in-out;
}
.fixed-content a.contact > span span, .fixed-content a.download > span span {
  padding-right: 5px;
}
.fixed-content a.contact.on, .fixed-content a.download.on {
  width: 150px;
}
.fixed-content a.contact.on > span, .fixed-content a.download.on > span {
  padding-left: 10px;
}
.fixed-content a.contact {
  position: fixed;
  right: 20px;
  bottom: 130px;
}
@media screen and (min-width: 768px) {
  .fixed-content a.contact {
    bottom: 170px;
  }
}
.fixed-content a.download {
  position: fixed;
  right: 20px;
  bottom: 80px;
}
@media screen and (min-width: 768px) {
  .fixed-content a.download {
    bottom: 110px;
  }
}
.fixed-content a.download .img, .fixed-content a.download img {
  width: 20px;
}
#home .container {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
#home h3 {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 40px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  margin: 50px 0 10px 0;
  position: relative;
}
#home h3 > span {
  display: inline-block;
  position: relative;
  overflow: hidden;
  visibility: hidden;
  left: 0;
}
#home h3 > span.visible {
  visibility: visible;
}
@media screen and (min-width: 768px) {
  #home h3 {
    font-size: 60px;
   /* margin-top: 150px;*/
  }
}
#home #main {
  position: relative;
  overflow: hidden;
  background-size: cover;
  display: flex;
  align-items: center;
  background-color: #000;
  text-align: right;
  justify-content: flex-end;
  height: 230px;
}
@media screen and (min-width: 768px) {
  #home #main {
    height: 400px;
    align-items: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  #home #main {
    height: 453px;
  }
}
#home #main:before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 165px;
  height: 0;
  border-style: solid;
  border-color: transparent;
  right: 0;
  top: 0;
  border-bottom: 300px solid #fff;
  border-left: 97px solid transparent;
  border-top: 0px solid #fff;
  border-right: 0px solid #fff;
}
@media screen and (min-width: 768px) {
  #home #main:before {
    border-left: 236px solid transparent;
    width: 305px;
    border-bottom: 800px solid #fff;
  }
}
@media screen and (min-width: 1000px) {
  #home #main:before {
    width: 443px;
  }
}
@media screen and (min-width: 1200px) {
  #home #main:before {
    width: 452px;
  }
}
#home #main h2 {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-weight: bold;
  font-style: italic;
  font-size: 35px;
  line-height: 1;
  font-family: 'Roboto Condensed', sans-serif;
  min-width: 100%;
  overflow: hidden;
  padding-right: 15px;
  margin: 10px 0;
  word-break: keep-all;
  white-space: nowrap;
}
@media screen and (max-width: 481px) {
  #home #main h2 {
    font-size: 48px;
  }
}
@media screen and (min-width: 768px) {
  #home #main h2 {
    font-size: 100px;
    min-width: 100%;
    margin: 30px 0;
    margin-right: 30px;
  }
}
#home #main h2 > span {
  position: relative;
  overflow: hidden;
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  background: #fff;
}
#home #main h2 .txt {
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  display: block;
  padding: 0 20px;
}
#home #main h2 .mask {
  width: calc(100% + 40px);
}
#home #main .pc_txt {
  display: none;
}
@media screen and (min-width: 768px) {
  #home #main .pc_txt {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #home #main .sp_txt {
    display: none;
  }
}
#home #main .vegas-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#home #sec01 {
  position: relative;
}
@media screen and (min-width: 768px) {
  #home #sec01 {
    min-height: 650px;
  }
}
#home #sec01 .container {
  margin-bottom: 85px;
  padding-top: 45px;
}
@media screen and (min-width: 768px) {
  #home #sec01 .container {
    padding-right: 43%;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 54px;
  }
}
@media screen and (min-width: 1000px) {
  #home #sec01 .container {
    padding-right: 48%;
  }
}
@media screen and (min-width: 1200px) {
  #home #sec01 .container {
    max-width: 85%;
    padding-right: 37%;
  }
}
@media screen and (min-width: 1400px) {
  #home #sec01 .container {
    max-width: 1040px;
    padding-right: 0;
  }
}
#home #sec01 .txt h4 {
  font-style: italic;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
  text-align: left;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  #home #sec01 .txt h4 {
    font-size: 33px;
  }
}
#home #sec01 .txt h4 > span {
  position: relative;
  box-sizing: content-box;
}
@media screen and (min-width: 1400px) {
  #home #sec01 .txt h4 > span {
    padding-right: 10px;
  }
}
#home #sec01 .txt h4 br {
  display: none;
}
@media screen and (min-width: 1400px) {
  #home #sec01 .txt h4 br {
    display: block;
  }
}
#home #sec01 .txt p {
  margin-top: 0;
}
#home #sec01 .txt p br {
  display: none;
}
@media screen and (min-width: 1200px) {
  #home #sec01 .txt p br {
    display: block;
  }
}
#home #sec01 #sec01-img01 {
  width: 65%;
  position: relative;
  left: -30px;
  bottom: 0;
  transform: skew(-17deg, 0deg);
  -webkit-transform: skew(-17deg, 0deg);
  -ms-transform: skew(-17deg, 0deg);
  overflow: hidden;
  height: 150px;
}
@media screen and (min-width: 768px) {
  #home #sec01 #sec01-img01 {
    bottom: 0;
    height: 300px;
    width: calc(100% - 318px);
    left: -50px;
    position: absolute;
  }
}
@media screen and (min-width: 1200px) {
  #home #sec01 #sec01-img01 {
    width: calc(100% - 440px);
  }
}
#home #sec01 #sec01-img01 .inner {
  transform: skew(17deg, 0deg);
  -webkit-transform: skew(17deg, 0deg);
  -ms-transform: skew(17deg, 0deg);
  background: url(/../wp-content/uploads/2021/02/sec01_img01.jpg) no-repeat center;
  background-size: cover;
  height: 100%;
  width: 160%;
  position: absolute;
  left: -50%;
  right: -50%;
  top: 0;
  bottom: 0;
  margin: auto;
}
#home #sec01 #sec01-img02 {
  width: 60%;
  position: absolute;
  right: -18%;
  bottom: 0;
  transform: skew(-17deg, 0deg);
  -webkit-transform: skew(-17deg, 0deg);
  -ms-transform: skew(-17deg, 0deg);
  overflow: hidden;
  height: 200px;
}
#home #sec01 #sec01-img02 .inner {
  transform: skew(17deg, 0deg);
  -webkit-transform: skew(17deg, 0deg);
  -ms-transform: skew(17deg, 0deg);
  background: url(/../wp-content/uploads/2021/02/sec01_img02.jpg) no-repeat center;
  background-size: cover;
  height: 100%;
  width: 160%;
  position: absolute;
  left: -50%;
  right: -50%;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #home #sec01 #sec01-img02 {
    width: 538px;
    right: -222px;
    height: 650px;
    top: 0;
  }
}
@media screen and (min-width: 1000px) {
  #home #sec01 #sec01-img02 {
    width: 587px;
    right: -134px;
  }
}
@media screen and (min-width: 1200px) {
  #home #sec01 #sec01-img02 {
    width: 652px;
    right: -100px;
  }
}
#home #sec02 .service-block {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block {
    padding: 0 30px;
  }
}
#home #sec02 .service-block a {
  display: block;
  width: 105%;
  transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  overflow: hidden;
  box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  text-decoration: none;
}
@media screen and (min-width: 481px) {
  #home #sec02 .service-block a {
    width: 80%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a {
    width: 100%;
    margin-bottom: 30px;
  }
}
#home #sec02 .service-block a .inner {
  transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  position: relative;
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a .inner {
    display: flex;
  }
}
#home #sec02 .service-block a:nth-child(1), #home #sec02 .service-block a:nth-child(3) {
  margin-left: -82px;
}
@media screen and (min-width: 481px) {
  #home #sec02 .service-block a:nth-child(1), #home #sec02 .service-block a:nth-child(3) {
    margin-left: -80px;
  }
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a:nth-child(1), #home #sec02 .service-block a:nth-child(3) {
    margin-left: 0;
  }
}
#home #sec02 .service-block a:nth-child(1) .txt, #home #sec02 .service-block a:nth-child(3) .txt {
  padding-left: 77px;
  padding-right: 35px;
}
@media screen and (min-width: 481px) {
  #home #sec02 .service-block a:nth-child(1) .txt, #home #sec02 .service-block a:nth-child(3) .txt {
    padding-left: 77px;
  }
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a:nth-child(1) .txt, #home #sec02 .service-block a:nth-child(3) .txt {
    padding-left: 0;
    padding-right: 0;
  }
}
#home #sec02 .service-block a:nth-child(1) .txt .more, #home #sec02 .service-block a:nth-child(3) .txt .more {
  padding-right: 60px;
}
#home #sec02 .service-block a:nth-child(1) .txt .more:before, #home #sec02 .service-block a:nth-child(3) .txt .more:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #006bb5;
  position: absolute;
  left: -110px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#home #sec02 .service-block a:nth-child(2), #home #sec02 .service-block a:nth-child(4) {
  margin-left: 54px;
}
@media screen and (min-width: 481px) {
  #home #sec02 .service-block a:nth-child(2), #home #sec02 .service-block a:nth-child(4) {
    margin-left: 38%;
  }
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a:nth-child(2), #home #sec02 .service-block a:nth-child(4) {
    margin-left: 0;
  }
}
#home #sec02 .service-block a:nth-child(2) .txt, #home #sec02 .service-block a:nth-child(4) .txt {
  padding-right: 55px;
}
@media screen and (min-width: 481px) {
  #home #sec02 .service-block a:nth-child(2) .txt, #home #sec02 .service-block a:nth-child(4) .txt {
    padding-right: 85px;
  }
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a:nth-child(2) .txt, #home #sec02 .service-block a:nth-child(4) .txt {
    padding-right: 0;
  }
}
#home #sec02 .service-block a:nth-child(2) .txt .more, #home #sec02 .service-block a:nth-child(4) .txt .more {
  padding-right: 40px;
}
#home #sec02 .service-block a:nth-child(2) .txt .more:before, #home #sec02 .service-block a:nth-child(4) .txt .more:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #006bb5;
  position: absolute;
  left: -90px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#home #sec02 .service-block a:nth-child(1) .img {
  background: url(/../wp-content/uploads/2021/02/sec02_img01.png) no-repeat center;
  background-size: cover;
}
#home #sec02 .service-block a:nth-child(2) .img {
  background: url(/../wp-content/uploads/2021/02/sec02_img02.png) no-repeat center;
  background-size: cover;
}
#home #sec02 .service-block a:nth-child(3) .img {
  background: url(/../wp-content/uploads/2021/02/sec02_img03.png) no-repeat center;
  background-size: cover;
}
#home #sec02 .service-block a:nth-child(3) .txt p span img {
  max-width: 80px;
  display: block;
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a:nth-child(3) .txt p span img {
    max-width: 100%;
    display: inline-block;
    margin-left: 10px;
  }
}
#home #sec02 .service-block a:nth-child(4) .img {
  background: url(/../wp-content/uploads/2021/02/sec02_img04.png) no-repeat center;
  background-size: cover;
}
#home #sec02 .service-block a .img {
  width: 150%;
  position: absolute;
  left: -50%;
  right: -50%;
  margin: auto;
  top: 0;
  height: 150px;
}
@media screen and (min-width: 481px) {
  #home #sec02 .service-block a .img {
    height: 200px;
  }
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a .img {
    width: 350px;
    height: 100%;
  }
}
#home #sec02 .service-block a .txt {
  padding-top: 150px;
  padding-bottom: 10px;
  position: relative;
}
#home #sec02 .service-block a .txt:before {
  content: "";
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  background: #e5e5e5;
}
@media screen and (min-width: 481px) {
  #home #sec02 .service-block a .txt {
    padding-top: 200px;
  }
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a .txt {
    width: 100%;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    background: #fff;
    padding-top: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #home #sec02 .service-block a .txt .txt-inner {
    transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    padding-left: 50px;
  }
}
#home #sec02 .service-block a .txt p {
  color: #333;
  font-weight: bold;
  font-style: italic;
  font-size: 23px;
  font-family: 'Roboto Condensed', sans-serif;
  margin: 18px 0 0 0;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a .txt p {
    font-size: 30px;
    padding-right: 20px;
  }
}
@media screen and (min-width: larget) {
  #home #sec02 .service-block a .txt p {
    font-size: 40px;
  }
}
#home #sec02 .service-block a .txt p span {
  color: #333;
  font-size: 14px;
  display: block;
  margin-top: 5px;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a .txt p span {
    font-size: 18px;
  }
}
#home #sec02 .service-block a .txt .more {
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  color: #006bb5;
  position: relative;
  text-align: right;
  display: block;
}
#home #sec02 .service-block a:hover .txt:before {
  width: 0 !important;
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a:hover .txt:before {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  #home #sec02 .service-block a:nth-child(1) .txt, #home #sec02 .service-block a:nth-child(2) .txt {
    margin-left: 265px;
  }
  #home #sec02 .service-block a:nth-child(1) .img, #home #sec02 .service-block a:nth-child(2) .img {
    left: -50px;
    right: inherit;
    margin: inherit;
  }
  #home #sec02 .service-block a:nth-child(3) .txt, #home #sec02 .service-block a:nth-child(4) .txt {
    margin-right: 265px;
  }
  #home #sec02 .service-block a:nth-child(3) .img, #home #sec02 .service-block a:nth-child(4) .img {
    right: -50px;
    left: inherit;
    margin: inherit;
  }
}
#home #sec03 {
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  #home #sec03 {
    padding-bottom: 150px;
  }
}
#home #sec03 .client-list img {
  width: 100%;
  height: auto;
}
#home #sec03 .client-list img.pc_img {
  display: none;
}
@media screen and (min-width: 768px) {
  #home #sec03 .client-list img.pc_img {
    display: block;
    max-width: 800px;
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  #home #sec03 .client-list img.sp_img {
    display: none;
  }
}
#home #sec04 {
  background: #333;
 /* padding: 40px 0;*/
}
@media screen and (min-width: 768px) {
  #home #sec04 {
  /*  padding: 100px 0;*/
  }
  #home #sec04 .cont {
    font-size: 0;
  }
}
#home #sec04 * {
  color: #fff;
}
#home #sec04 h3 {
  margin-top: 0;
}
#home #sec04 h3  a{text-decoration: none;}

@media screen and (min-width: 768px) {
  #home #sec04 h3 {
    margin-right: 100px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    width: 150px;
    font-size: 40px;
    padding-top: 10px;
  }

}
@media screen and (min-width: 768px) {
  #home #sec04 .news-list-wrap {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 250px);
  }
}
#home #sec04 .news-list-wrap .archive-link {
  text-align: right;
      border-top: 1px solid;
}
#home #sec04 .news-list-wrap .archive-link a {
  margin-top: 20px;
  font-size: 14px;
  display: inline-block;
  padding: 0 15px;
}

@media screen and (max-width: 768px) {
  #home #sec04 .news-list-wrap .cat-wrap{
    display: inline-block;
  }
  #home #sec04 h3{margin-bottom: -10px; font-size: 30px;}
  }
@media screen and (min-width: 768px) {

  #home #sec04 .news-list-wrap .archive-link a {
    margin-top: 0px!important;
        padding: 10px;
  }
}
#home #sec04 .news-list-wrap .archive-link a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 15px;
  background: url(../img/right-arrow.png) no-repeat center;
  background-size: 10px auto;
  margin-left: 9px;
  margin-top: -3px;
}
#home #sec04 .news-list-wrap .news-list div a {
  display: block;
  /*border-bottom: 1px solid #adadad;*/
  padding: 15px 7% 15px 15px;
  text-decoration: none;
  background: url(../img/right-arrow.png) no-repeat center;
  background-size: 10px auto;
  background-position: 98% center;
}
#home #sec04 .news-list-wrap .news-list div a:hover {
  background-color: #5c5c5c;
}
@media screen and (min-width: 768px) {
  #home #sec04 .news-list-wrap .news-list div a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
#home #sec04 .news-list-wrap .news-list div a span {
  font-size: 13px;
  display: block;
}
@media screen and (min-width: 768px) {
  #home #sec04 .news-list-wrap .news-list div a span {
    font-size: 14px;
  }
}
#home #sec04 .news-list-wrap .news-list div a p {
  margin: 10px 0 0 0;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /*height: 50px;*/
}
@media screen and (min-width: 768px) {
  #home #sec04 .news-list-wrap .news-list div a p {
    margin: 0;
    width: calc(100% - 110px - 110px);
    padding-left: 20px;
  }
}
#home #sec04 .news-list-wrap .news-list div a .cat {
  display: inline-block;
  background: #4a4a4a;
  color: #fff;
  text-align: center;
  padding: 3px 5px;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  #home #sec04 .news-list-wrap .news-list div a .cat {
    display: block;
    width: 110px;
  }
}
  #home #sec04 .news-list-wrap .news-list div a .date {
  display: inline-block;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  #home #sec04 .news-list-wrap .news-list div a .date {
    width: 110px;
    margin: 0;
  }
}
#home #sec04 .news-list-wrap .news-list div:first-child a {
 /* border-top: 1px solid #adadad;*/
}
.news_boxed-cont{
margin-top:50px;
border: 1px solid #a7a7a7;
    padding: 15px 25px;
}
#home #sec05 {
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  #home #sec05 {
    padding: 100px 0;
  }
}
@media screen and (min-width: 768px) {
  #home #sec05 .block-wrap {
    padding: 0 54px;
  }
}
#home #sec05 .block {
  margin-bottom: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  #home #sec05 .block {
    margin-bottom: 100px;
  }
}
#home #sec05 .block a {
  box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.1);
  display: block;
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  width: 80%;
  margin: auto;
  margin-top: -50px;
  background: #fff;
  overflow: hidden;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block a {
    width: 400px;
    position: absolute;
    min-height: 300px;
    top: -40px;
    margin-top: 0;
    display: flex;
  }
}
#home #sec05 .block a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #e5e5e5;
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
}
#home #sec05 .block a:hover:before {
  width: 0% !important;
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block a:hover:before {
    width: 100% !important;
  }
}
#home #sec05 .block a .txt {
  padding: 10px 30px 10px 20px;
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block a .txt {
    padding: 10px 50px;
    min-height: 300px;
  }
}
#home #sec05 .block a .txt h4 {
  font-weight: bold;
  font-style: italic;
  font-size: 30px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  margin: 0 0 0 10px;
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block a .txt h4 {
    font-size: 60px;
  }
}
#home #sec05 .block a .txt p {
  margin: 0 0 0 10px;
}
#home #sec05 .block a .txt .more {
  padding-right: 10px;
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  margin-top: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  color: #006bb5;
  position: relative;
  text-align: right;
  display: block;
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block a .txt .more {
    position: absolute;
    bottom: 15px;
    right: 60px;
    width: 100%;
  }
}
#home #sec05 .block a .txt .more:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #006bb5;
  position: absolute;
  left: -65px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#home #sec05 .block .img {
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  overflow: hidden;
  width: 80%;
  margin: auto;
  height: 250px;
  position: relative;
}
@media screen and (min-width: 768px) {
  #home #sec05 .block .img {
    height: 400px;
  }
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block .img {
    width: 600px;
    height: 400px;
  }
}
#home #sec05 .block .img .inner {
  height: 100%;
  width: 150%;
  display: block;
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  position: absolute;
  left: -50%;
  right: -50%;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #home #sec05 .block .img .inner {
    width: 125%;
  }
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block .img .inner {
    width: 118%;
  }
}
#home #sec05 .block:nth-child(1) .img .inner {
  background: url(/../wp-content/uploads/2021/02/sec05_img01.png) no-repeat center;
  background-size: cover;
  background-size: 120% auto;
  background-position: -27% 37%;
}
@media screen and (min-width: 768px) {
  #home #sec05 .block:nth-child(1) .img .inner {
    background-size: 132% auto;
    background-position: 0% center;
  }
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block:nth-child(1) .img .inner {
    background-size: cover;
  }
}
#home #sec05 .block:nth-child(2) .img .inner {
  background: url(/../wp-content/uploads/2021/02/sec05_img02.png) no-repeat center;
  background-size: cover;
}
#home #sec05 .block:nth-child(3) .img .inner {
  background: url(/../wp-content/uploads/2021/02/sec05_img03.png) no-repeat center;
  background-size: cover;
}
@media screen and (min-width: 1200px) {
  #home #sec05 .block:nth-child(1) a, #home #sec05 .block:nth-child(3) a {
    left: 542px;
  }
  #home #sec05 .block:nth-child(1) .img, #home #sec05 .block:nth-child(3) .img {
    float: left;
  }
  #home #sec05 .block:nth-child(2) a {
    left: -40px;
  }
  #home #sec05 .block:nth-child(2) .img {
    float: right;
  }
}
#home .txt-animation > span {
  display: inline-block;
  position: relative;
  overflow: hidden;
  visibility: hidden;
  left: 0;
  word-break: keep-all;
}
#home .txt-animation > span.visible {
  visibility: visible;
}

@media screen and (max-width: 768px) {
#home .txt_head .txt-animation > span.visible {
  width: auto!important;
  }
}
#home .txt-animation .txt {
  position: relative;
  right: 10px;
  display: block;
  overflow: visible;
}
#home .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #333;
  z-index: -1;
  width: 100%;
  height: 100%;
}
#home .fade-from-bottom, #home .fade-from-left {
  position: relative;
  opacity: 0;
}
.vegas-slide-inner {
  background-position: center left !important;
}
@media screen and (min-width: 768px) {
  .vegas-slide-inner {
    background-position: center center !important;
  }
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
/*--------------------------------------------------------------
 # Alignments
 --------------------------------------------------------------*/
.alignleft, .alignright {
  max-width: 636px !important;
}
.alignleft img, .alignright img, .alignleft figcaption, .alignright figcaption {
  max-width: 50%;
  width: 50%;
}
.alignleft figcaption {
  clear: left;
}
.alignright figcaption {
  clear: right;
}
.alignleft img, .alignleft figcaption {
  float: left;
  margin-right: 1.5em;
}
.alignright img, .alignright figcaption {
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  float: right;
  margin: 0 0 3em 1em;
}
img.alignleft {
  float: left;
  margin: 0 1em 3em 0;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
 # Widgets
 --------------------------------------------------------------*/
.widget-area {
  width: 25%;
}
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}
/*--------------------------------------------------------------
 ## Comments
 --------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
 ## Captions
 --------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/*--------------------------------------------------------------
 ## Galleries
 --------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.6666666667%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.2857142857%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.1111111111%;
}
.gallery-caption {
  display: block;
}

.pages#news-index .page-head h1,.pages#news-single .page-head h1{/*text-transform: uppercase;*/}

.pagination {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination a, .pagination span {
  padding: 10px;
  font-size: 22px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}
.pagination a {
  color: #006bb5;
}
.pages .page-head {
  position: relative;
  overflow: hidden;
  background-size: cover;
  display: flex;
  align-items: center;
  -ms-flex-item-align: center;
  height: 200px;
}
@media screen and (min-width: 1200px) {
  .pages .page-head {
    height: 300px;
  }
}
.pages .page-head:before {
  content: "";
  position: absolute;
  left: -100px;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
}
@media screen and (min-width: 1000px) {
  .pages .page-head:before {
    left: -237px;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
  }
}
@media screen and (min-width: 1200px) {
  .pages .page-head:before {
    left: -260px;
  }
}
.pages .page-head h1 {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-weight: bold;
  font-style: italic;
  font-size: 40px;
  line-height: 1;
  font-family: 'Roboto Condensed', sans-serif;
  min-width: 100%;
  color: #fff;
  text-align: center;
 /* text-transform: uppercase;*/
}
@media screen and (min-width: 1200px) {
  .pages .page-head h1 {
    font-size: 100px;
  }
}
.pages .page-content {
  padding: 25px 0 0px;
  position: relative;
  overflow-y: hidden;
}
@media screen and (min-width: 768px) {
  .pages .page-content {
    /*padding: 25px 0 150px;*/
  }
  .pages .page-content:before {
    content: "";
    position: absolute;
    right: 667px;
    top: 0;
    width: 100%;
    height: 4000px;
    background: #fcfcfc;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    z-index: -1;
  }
}
@media screen and (min-width: 1000px) {
  .pages .page-content:before {
    right: 799px;
  }
}
@media screen and (min-width: 1200px) {
  .pages .page-content:before {
    right: 887px;
  }
}
.pages .page-content .breadcrumb {
  margin-bottom: 25px;
}
.pages .page-content .breadcrumb a, .pages .page-content .breadcrumb span {
  font-size: 14px;
  font-style: italic;
}
.pages .page-content .breadcrumb a br, .pages .page-content .breadcrumb span br {
  display: none;
}
.pages .page-content h2 {
  font-size: 24px;
  border-bottom: 9px solid #333;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .pages .page-content h2 {
    font-size: 40px;
    margin-bottom: 50px;
  }
}
.pages .page-content p.text-right {
  text-align: right;
}
.pages .page-content .article-cont {
  padding-bottom: 80px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .pages .page-content .article-cont {
    float: right;
    width: 70%;
  }
  .pages .page-content .article-cont.no-sidebar {
    float: none;
    width: 100%;
  }
}
.pages .page-content .article-cont h1 {
  font-size: 25px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .pages .page-content .article-cont h1 {
    font-size: 28px;
  }
}
.pages .page-content .article-cont .meta {
display: inline-block;
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}
.pages .page-content .article-cont .cat {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.pages .page-content .article-cont .cat span {
  min-width: 90px;
  position: relative;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  background: #333;
}
.pages .page-content .article-cont .cat span:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #333;
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.pages .page-content .article-cont .date {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
.pages .page-content .article-cont h2 {
  font-size: 20px;
  border-bottom: 5px solid #006bb5;
  margin-bottom: 20px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .pages .page-content .article-cont h2 {
    font-size:22px;
    line-height: 1.8;
  }
}
.pages .page-content .article-cont h2.page-ttl {
  font-size: 20px;
  border-bottom: 10px solid #333;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 80px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .pages .page-content .article-cont h2.page-ttl {
    font-size: 40px;
    line-height: 1.3;
  }
}
.pages .page-content .article-cont h2.page-ttl span {
  display: inline-block;
  line-height: 1.8;
  margin-left: 20px;
  font-size: 10px;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .pages .page-content .article-cont h2.page-ttl span {
    font-size: 20px;
  }
}
.pages .page-content .article-cont h3 {
  font-size: 25px;
  border-bottom: 5px solid #006bb5;
  display: inline-block;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .pages .page-content .article-cont h3 {
    font-size: 22px;
  }
}
.pages .page-content .article-cont h4 {
  font-size: 20px;
  border-bottom: 2px solid #333;
  display: inline-block;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .pages .page-content .article-cont h4 {
    font-size: 14px;
  }
}
.pages .page-content .article-cont ul, .pages .page-content .article-cont ol {
  margin-left: 0;
}
.pages .page-content .article-cont blockquote {
  border: 1px solid #5c5b5b;
  background: #eee;
  padding: 15px 25px;
  position: relative;
}
.pages .page-content .article-cont blockquote:before {
  content: '"';
  font-size: 35px;
  position: absolute;
  left: 5px;
  top: 0px;
  color: #006bb5;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.pages .page-content .article-cont blockquote:after {
  content: '"';
  font-size: 35px;
  position: absolute;
  bottom: -5px;
  right: 5px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  color: #006bb5;
}
.pages .page-content .article-cont blockquote cite {
  text-align: right;
  display: block;
}
#news-single .article-cont ul li a{
    color: #006bb5;text-decoration: underline;
}

.pages .page-content .article-cont blockquote p {
  margin-top: 0;
}
.pages .page-content .article-cont p {
  line-height: 2;
clear: both;
}
.pages .page-content .article-cont p a {
  color: #006bb5;
  text-decoration: underline;
}
.pages .page-content .article-cont p.blue-marker {
  background: #c7d8e9;
  display: inline-block;
}
.pages .page-content .article-cont p.yellow-marker {
  background: #f8ecc7;
  display: inline-block;
}
.pages .page-content .article-cont p.red-marker {
  background: #f7e4f2;
  display: inline-block;
}
.pages .page-content .article-cont dl {
  color: #5a5a5a;
}
.pages .page-content .article-cont dl dt {
  padding: 15px;
  border: 1px solid #5c5b5b;
  background: #eee;
}
.pages .page-content .article-cont dl dd {
  padding: 15px;
  border: 1px solid #5c5b5b;
  border-top: 0;
  margin: 0;
}
.pages .page-content .article-cont table {
  color: #5a5a5a;
  width: 100%;
  border-collapse: collapse;
  display: table;
}
.pages .page-content .article-cont table th {
  padding: 15px;
  border: 1px solid #5c5b5b;
  background: #eee;
}
.pages .page-content .article-cont table td {
  padding: 15px;
  border: 1px solid #5c5b5b;
}
.pages .page-content .article-cont table td:first-child {
  padding: 15px;
  border: 1px solid #5c5b5b;
  background: #eee;
}
.pages .page-content .article-cont .post-tags {
    padding: 5px 5px 5px 40px;
    background: #eee url(../img/tag_icon.png) no-repeat;
    background-size: 19px 19px;
    background-position: 12px 9px;
    display: flex;
}
.pages .page-content .article-cont .post-tags ul {
  margin: 0;
  padding: 0;
}
.pages .page-content .article-cont .post-tags ul li {
  display: inline-block;
}
.pages .page-content .article-cont .post-tags ul li a {
  color: #333;
  text-decoration: none;
}
.pages .page-content .article-cont .post-tags ul li a:after {
  content: ",";
}
.pages .page-content .article-cont .sns-box {
  display: flex;
  margin: 30px 0;
  justify-content: flex-end;
}
.pages .page-content .article-cont .sns-box > div {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 0 5px;
}
.pages .page-content .article-cont .sns-box > div a {
  width: 30px;
  height: 30px;
}
.pages .page-content .article-cont .sns-box .sns-fb-icon a svg {
  border-radius: 5px;
  overflow: hidden;
}
.pages .page-content .article-cont .sns-box .sns-tw-icon a {
  border-radius: 5px;
  background: #454545;
  box-sizing: border-box;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.pages .page-content .article-cont .sns-box .sns-tw-icon a svg {
  width: 30px;
  vertical-align: bottom;
}
.pages .page-content .article-cont .sns-box .sns-rss-icon a {
  border-radius: 5px;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  background: #454545;
}
.pages .page-content .article-cont .sns-box .sns-rss-icon a svg {
  width: 20px;
  vertical-align: bottom;
}
.pages#news-index .page-head, .pages#page-sustainability .page-head,
.pages#news-index .page-head, .pages#page-tcfd .page-head{
  background: url(../img/sus_main.png) no-repeat center;
  background-size: cover;
}

.pages#news-index .page-head, .pages#news-single .page-head {
  background: url(../img/news_main.png) no-repeat center;
  background-size: cover;
}
.pages#event-index .page-head, .pages#event-single .page-head {
  background: url(../img/event_main.png) no-repeat center;
  background-size: cover;
}
.pages .news-archive {
  margin: 0px 0 0 0;
  padding: 0;
}
.pages .news-archive li {
  display: block;
  /*margin-bottom: 25px;*/
}
.pages .news-archive li a {
  display: block;
  padding: 15px 50px 15px 15px;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  background: url(../img/blue-arrow.png) no-repeat 98% center;
  background-size: 14px auto;
}
.pages .news-archive li a:after {
  content: "";
}
.pages .news-archive li a:before {
  content: "";
  background: #e2e2e2;
  width: 0;
  height: 100%;
  position: absolute;
  left: -70px;
  top: 0;
  z-index: -1;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
}
.pages .news-archive li a:hover:before {
  width: calc(100% + 200px);
}
.pages .news-archive li a .news-archive-head .cat {
  overflow: hidden;
  min-width: 140px;
  position: relative;
  font-size: 14px;
  color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.pages .news-archive li a .news-archive-head .cat > span {
  min-width: 120px;
  position: relative;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  background: #333;
}
.pages .news-archive li a .news-archive-head .cat > span span {
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  display: block;
}
.pages .news-archive li a .news-archive-head .cat > span:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #333;
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.pages .news-archive li a .news-archive-head .date {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
.pages .news-archive li a h3 {
  font-size: 18px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  margin: 10px 0;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .pages .news-archive li a h3 {
    height: 49px;
    font-size: 24px;
  }
}
.pages .news-archive li a p {
  font-size: 14px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 75px;
}


@media screen and (min-width: 768px) {
  .pages .news-archive li a p {
    height: 50px;
    /*font-size: 16px;*/
    margin-top: -10px;
  }
}


@media screen and (min-width: 768px) {
  .pages .news-archive li a {
    padding: 25px 50px 25px 25px;
  }
  .pages .news-archive li a .news-archive-head {
    margin-left: -25px;
  }
}
.pages#news-single .container {
  max-width: 1220px;
}
@media screen and (min-width: 768px) {
  .pages#news-single aside {
    float: left;
    width: 25%;
  }
}
.pages#news-single aside > div {
  margin-bottom: 50px;
}
.pages#news-single aside h4 {
  margin: 0;
  text-align: center;
  font-size: 20px;
  padding-bottom: 8px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pages#news-single aside h4 {
    font-size: 18px;
  }
}
.pages#news-single aside h4:after {
  content: "";
  background: #333;
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
}
.pages#news-single aside h5 {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 66px;
  font-weight: normal;
}
.pages#news-single aside .new-post ul {
  margin: 0;
  padding: 0;
}
.pages#news-single aside .new-post ul li {
  display: block;
  border-bottom: 1px solid #888985;
}
.pages#news-single aside .new-post ul li a {
  padding: 10px;
  display: block;
  text-decoration: none;
  font-weight: normal;
}
.pages#news-single aside .new-post ul li a .cat {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.pages#news-single aside .new-post ul li a .cat span {
  min-width: 120px;
  position: relative;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  background: #333;
}
.pages#news-single aside .new-post ul li a .cat span:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #333;
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.pages#news-single aside .new-post ul li a .date {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
.pages#news-single aside .new-post ul li a h5 {
  text-decoration: underline;
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.8;
  height: 50px;
  text-decoration: none;
}
.pages#news-single aside .new-post ul li a h5:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .pages#news-single aside .new-post ul li a h5 {
    font-size: 14px;
  }
}
.pages#news-single aside .category ul {
  margin: 0;
  padding: 0;
}
.pages#news-single aside .category ul li {
  display: block;
  border-bottom: 1px solid #888985;
}
.pages#news-single aside .category ul li a {
  display: block;
  text-align: center;
  padding: 15px;
  font-size: 15px;
  text-decoration: none;
}
.pages#news-single aside .category ul li a:hover {
  background: #e2e2e2;
}
.pages#news-single aside .monthly-post ul {
  margin: 0;
  padding: 0;
}
.pages#news-single aside .monthly-post ul li {
  display: block;
}
.pages#news-single aside .monthly-post ul li a {
  display: block;
  text-align: center;
  padding: 15px;
  font-size: 15px;
  text-decoration: none;
  border-bottom: 1px solid #888985;
  position: relative;
}
.pages#news-single aside .monthly-post ul li a:hover {
  background: #e2e2e2;
}
.pages#news-single aside .monthly-post > ul > li > a:after {
  content: "";
  position: absolute;
  background: url(../img/bottom_bl.png) no-repeat center;
  background-size: 100% auto;
  width: 20px;
  height: 10px;
  top: 50%;
  transform: translate(0, -50%);
  margin: auto;
  right: 3%;
}
.pages#news-single aside .monthly-post > ul > li > a.active:after {
  transform: rotate(180deg);
  top: initial;
  bottom: 50%;
}
.pages#news-single aside .monthly-post > ul > li > ul {
  display: none;
}
.pages .event-archive {
  margin: 50px 0 0 0;
  padding: 0;
}
.pages .event-archive li {
  display: block;
}
@media screen and (min-width: 768px) {
  .pages .event-archive li {
    margin-bottom: 50px;
  }
}
.pages .event-archive li a {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  position: relative;
  padding: 10px;
  max-width: 480px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a {
    align-items: center;
    padding: 20px;
    max-width: 100%;
  }
}
.pages .event-archive li a:after {
  content: "";
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a:after {
    background: url(../img/blue-arrow.png) no-repeat 98% center;
    background-size: 14px auto;
    position: absolute;
    width: 14px;
    height: 25px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.pages .event-archive li a:before {
  content: "";
  background: #e2e2e2;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
}
@media screen and (min-width: 768px) {
}
.pages .event-archive li a:hover {
  background: #e2e2e2;
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a:hover {
    background: none;
  }
  .pages .event-archive li a:hover:before {
    width: 100%;
  }
}
.pages .event-archive li a .img {
  margin: 10px auto;
  position: relative;
  width: 100%;
  max-width: 480px;
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a .img {
    width: 300px;
    height: 200px;
    margin-bottom: 0;
    margin-left: 32px;
    padding-top: 0;
  }
}
.pages .event-archive li a .img img {
  width: 100%;
}
.pages .event-archive li a .txt {
  width: 100%;
  align-items: center;
  padding: 0 50px 0 0;
  background: url(../img/blue-arrow.png) no-repeat 98% center;
  background-size: 14px auto;
}
.pages .event-archive li a .txt .event-archive-head .cat {
  min-width: 140px;
  position: relative;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a .txt .event-archive-head .cat {
    font-size: 14px;
    margin-right: 20px;
  }
}
.pages .event-archive li a .txt .event-archive-head .cat span {
  position: relative;
}
.pages .event-archive li a .txt .event-archive-head .cat:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #333;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  position: absolute;
  left: -5px;
  top: 0;
}
.pages .event-archive li a .txt .event-archive-head .date {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a .txt .event-archive-head .date {
    font-size: 22px;
  }
}
.pages .event-archive li a .txt h3 {
  font-size: 18px;
  line-height: 1.4;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  margin: 10px 0;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 49px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a .txt h3 {
    height: 76px;
    font-size: 28px;
  }
}
.pages .event-archive li a .txt p {
  font-size: 14px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 75px;
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a .txt p {
    height: 84px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .pages .event-archive li a .txt {
    background: none;
    width: calc(100% - 332px);
    padding: 15px 60px 0 55px;
  }
}
.pages#event-single .container {
  max-width: 1220px;
}
@media screen and (min-width: 768px) {
  .pages#event-single .article-cont {
    float: left;
    width: 60%;
  }
}
.pages#event-single .article-cont h1 {
  font-size: 25px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .pages#event-single .article-cont h1 {
    font-size: 30px;
  }
}
.pages#event-single .article-cont .cat {
  overflow: hidden;
}
.pages#event-single .article-cont .cat span {
  min-width: 140px;
  position: relative;
  font-size: 14px;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  background: #333;
}
.pages#event-single .article-cont .cat span:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #333;
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.pages#event-single .article-cont .date {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-size: 22px;
  vertical-align: middle;
  display: inline-block;
}
.pages#event-single .article-cont h2 {
  font-size: 28px;
  border-bottom: 5px solid #006bb5;
}
@media screen and (min-width: 768px) {
  .pages#event-single .article-cont h2 {
    font-size: 20px;
  }
}
.pages#event-single .article-cont h3 {
  font-size: 25px;
  border-bottom: 5px solid #006bb5;
}
@media screen and (min-width: 768px) {
  .pages#event-single .article-cont h3 {
    font-size: 16px;
  }
}
.pages#event-single .article-cont h4 {
  font-size: 20px;
  border-bottom: 2px solid #333;
}
@media screen and (min-width: 768px) {
  .pages#event-single .article-cont h4 {
    font-size: 14px;
  }
}
.pages#event-single .article-cont p {
  line-height: 2;
}
.pages#event-single .article-cont p a {
  color: #006bb5;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .pages#event-single aside {
    float: right;
    width: 30%;
  }
}
.pages#event-single aside > div {
  margin-bottom: 50px;
}
.pages#event-single aside h4 {
  margin: 0;
  text-align: center;
  font-size: 20px;
  padding-bottom: 8px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pages#event-single aside h4 {
    font-size: 24px;
  }
}
.pages#event-single aside h4:after {
  content: "";
  background: #333;
  width: 100%;
  height: 8px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
}
.pages#event-single aside h5 {
  font-size: 18px;
  margin: 0;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 90px;
}
@media screen and (min-width: 768px) {
  .pages#event-single aside h5 {
    font-size: 18px;
    height: 94px;
  }
}
.pages#event-single aside .new-post ul {
  margin: 0;
  padding: 0;
}
.pages#event-single aside .new-post ul li {
  display: block;
  border-bottom: 1px solid #888985;
}
.pages#event-single aside .new-post ul li a {
  padding: 10px;
  display: block;
  text-decoration: none;
}
.pages#event-single aside .new-post ul li a .flex {
  display: flex;
  align-items: center;
}
.pages#event-single aside .new-post ul li a .flex .img {
  width: 110px;
  overflow: hidden;
  position: relative;
}
.pages#event-single aside .new-post ul li a .flex .txt {
  width: calc(100% - 110px);
  padding-left: 10px;
}
.pages#event-single aside .new-post ul li a .flex .txt h5 {
  text-decoration: none;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
  height: 75px;
}
.pages#event-single aside .new-post ul li a .flex .txt h5 br {
  display: none;
}
.pages#event-single aside .new-post ul li a .flex .txt h5:hover {
  text-decoration: underline;
}
.pages#event-single aside .new-post ul li a .head {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  flex-wrap: wrap;
}
.pages#event-single aside .new-post ul li a .head .cat {
  overflow: hidden;
  display: inline-block;
}
.pages#event-single aside .new-post ul li a .head .cat span {
  min-width: 140px;
  position: relative;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  background: #333;
}
@media screen and (min-width: 768px) {
  .pages#event-single aside .new-post ul li a .head .cat span {
    font-size: 14px;
    margin-right: 20px;
  }
}
.pages#event-single aside .new-post ul li a .head .cat span:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #333;
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.pages#event-single aside .new-post ul li a .head .date {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .pages#event-single aside .new-post ul li a .head .date {
    font-size: 22px;
  }
}
.pages#event-single aside .category ul {
  margin: 0;
  padding: 0;
}
.pages#event-single aside .category ul li {
  display: block;
  border-bottom: 1px solid #888985;
}
.pages#event-single aside .category ul li a {
  display: block;
  text-align: center;
  padding: 15px;
  font-size: 18px;
  text-decoration: none;
}
.pages#event-single aside .category ul li a:hover {
  background: #e2e2e2;
}
.pages#event-single aside .monthly-post ul {
  margin: 0;
  padding: 0;
}
.pages#event-single aside .monthly-post ul li {
  display: block;
}
.pages#event-single aside .monthly-post ul li a {
  display: block;
  text-align: center;
  padding: 15px;
  font-size: 18px;
  text-decoration: none;
  border-bottom: 1px solid #888985;
  position: relative;
}
.pages#event-single aside .monthly-post ul li a:hover {
  background: #e2e2e2;
}
.pages#event-single aside .monthly-post > ul > li > a:after {
  content: "";
  position: absolute;
  background: url(../img/bottom_bl.png) no-repeat center;
  background-size: 100% auto;
  width: 20px;
  height: 10px;
  top: 50%;
  transform: translate(0, -50%);
  margin: auto;
  right: 3%;
}
.pages#event-single aside .monthly-post > ul > li > a.active:after {
  transform: rotate(180deg);
  top: initial;
  bottom: 50%;
}
.pages#event-single aside .monthly-post > ul > li > ul {
  display: none;
}
.pages#download-index .page-head, .pages#download-single .page-head {
  background: url(../img/download_main.png) no-repeat center;
  background-size: cover;
}
.pages#download-index h3.cat-name, .pages#download-single h3.cat-name {
  font-size: 23px;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  margin-top: 60px;
  margin-bottom: 0;
}



@media screen and (max-width: 480px) {
  .single-pages#page-partner .partner-list .partner-list-item, .single-pages#page-partner-thanks .partner-list .partner-list-item, .single-pages#page-partner-confirm .partner-list .partner-list-item {
    width: 100%;
    margin-left: 2%;
border:1px solid red;
  }
  .single-pages#page-partner .partner-list .partner-list-item:nth-child(2n + 1), .single-pages#page-partner-thanks .partner-list .partner-list-item:nth-child(2n + 1), .single-pages#page-partner-confirm .partner-list .partner-list-item:nth-child(2n + 1) {
    margin-left: 0%!important;
  }
  .single-pages#page-partner .partner-list .partner-list-item:nth-child(4n + 1), .single-pages#page-partner-thanks .partner-list .partner-list-item:nth-child(4n + 1), .single-pages#page-partner-confirm .partner-list .partner-list-item:nth-child(4n + 1) {
    margin-left: 0;
  }
}

.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-head, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-head, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-head {
  background: #5a5c5b;
  color: #fff;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body {
  padding: 15px;
}

.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top {
    padding-bottom: 10px;
    border-bottom: 1px solid #777;
}

.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dt, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dt, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dt {
    color: #fff;
    text-align: center;
    width: 60px;
    background: #858786;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl {
    width: 100%;
    margin: 10px 0;
    display: flex;
}

.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm {
    padding: 10px 0;
    font-size: 12px;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top h6, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top h6, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top h6 {
    margin: 5px 0;
    font-weight: 700;
    font-size: 15px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 27px;
}
.single-pages#page-partner .partner-list .partner-list-item, .single-pages#page-partner-thanks .partner-list .partner-list-item, .single-pages#page-partner-confirm .partner-list .partner-list-item {
    width: 100%;
    margin-bottom: 5%;
    background: #f4f3f3;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd {
    display: block;
    font-weight: 700;
    width: 100%;
    margin: 10px 0 0;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 60px);
    padding: 0 10px;
    margin: 0;
}
}





@media screen and (min-width: 768px) {
  .pages#download-index h3.cat-name, .pages#download-single h3.cat-name {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
.pages#download-index .download-btn, .pages#download-single .download-btn {
  text-align: center;
  margin: 40px 0 70px 0;
}
@media screen and (min-width: 768px) {
  .pages#download-index .download-btn, .pages#download-single .download-btn {
    margin: 70px 0;
  }
}
.pages#download-index .download-btn a, .pages#download-single .download-btn a {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 18px;
  padding: 20px 20px 20px 25px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pages#download-index .download-btn a, .pages#download-single .download-btn a {
    min-width: 400px;
    width: auto;
  }
}
.pages#download-index .download-btn a:after, .pages#download-single .download-btn a:after {
  content: "";
  background: url(../img/download-icon.png) no-repeat;
  width: 29px;
  height: 25px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.pages#download-index .download-btn a:before, .pages#download-single .download-btn a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.pages#download-index .download-btn a:hover:before, .pages#download-single .download-btn a:hover:before {
  width: 100%;
}
.pages .download-archive {
  margin: 10px 0 0 0;
  padding: 0;
}
.pages .download-archive li {
  display: block;
}
@media screen and (min-width: 768px) {
  .pages .download-archive li {
    padding: 0;
    margin-bottom: 50px;
  }
}
.pages .download-archive li a {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  align-items: center;
  position: relative;
  padding: 20px 10px;
  max-width: 480px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a {
    max-width: 100%;
  }
}
.pages .download-archive li a:after {
  content: "";
}
.pages .download-archive li a:before {
  content: "";
  background: #e2e2e2;
  width: 0;
  height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  z-index: -1;
  left: 0;
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a:before {
    left: 0;
  }
}
.pages .download-archive li a:hover {
  background: #e2e2e2;
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a:hover {
    background: none;
  }
  .pages .download-archive li a:hover:before {
    width: 100%;
  }
}
.pages .download-archive li a .img {
  margin: 10px auto;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a .img {
    width: 300px;
    height: 200px;
    margin-bottom: 0;
    margin-left: 32px;
    padding-top: 0;
  }
}
.pages .download-archive li a .img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a .img img {
    position: absolute;
    left: -50%;
    right: -50%;
    top: 0;
    bottom: 0;
    height: 200px;
    width: auto;
    max-width: inherit;
    margin: auto;
  }
}
.pages .download-archive li a .txt {
  width: 100%;
  background: url(../img/blue-arrow.png) no-repeat 98% center;
  background-size: 14px auto;
  padding-right: 30px;
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a .txt {
    width: calc(100% - 300px);
    padding-left: 50px;
    padding-right: 50px;
  }
}
.pages .download-archive li a .txt h3 {
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  margin: 10px 0;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 64px;
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a .txt h3 {
    max-height: 108px;
  }
}
.pages .download-archive li a .txt p {
  font-size: 14px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a .txt p {
    height: 56px;
  }
}
@media screen and (min-width: 768px) {
  .pages .download-archive li a .txt {
    width: calc(100% - 332px);
    padding: 15px 60px 0 55px;
  }
  .pages .download-archive li a .txt h3 {
    font-size: 30px;
  }
  .pages .download-archive li a .txt p {
    font-size: 16px;
  }
}
.pages#download-single .head {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  align-items: center;
  position: relative;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .pages#download-single .head {
    margin: 50px auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pages#download-single .head h3 {
  border-bottom: 0;
}
.pages#download-single .head .img {
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pages#download-single .head .img {
    width: 300px;
    height: 200px;
    margin: 0;
    padding-top: 0;
  }
}
.pages#download-single .head .txt {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pages#download-single .head .txt {
    width: calc(100% - 300px);
    padding-left: 50px;
  }
}
.pages#download-single .head .txt h3 {
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  margin: 10px 0;
}
.pages#download-single .head .txt p {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .pages#download-single .head .txt h3 {
    font-size: 30px;
  }
}
.pages#download-single form {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .pages#download-single form {
    margin-top: 60px;
  }
}
.pages#download-single form table {
  width: 100%;
  display: block;
  text-align: left;
  max-width: 600px;
  margin: auto;
  color: #333;
}
@media screen and (min-width: 768px) {
  .pages#download-single form table {
    display: table;
    font-size: 14px;
  }
}
.pages#download-single form table tbody {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#download-single form table tbody {
    display: table-row-group;
  }
}
.pages#download-single form table tbody tr {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#download-single form table tbody tr {
    display: table-row;
  }
}
.pages#download-single form table tbody tr th {
  width: 100%;
  display: block;
  padding: 10px 0;
  vertical-align: top;
  background: none;
  border: 0;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .pages#download-single form table tbody tr th {
    display: table-cell;
    width: 180px;
  }
}
.pages#download-single form table tbody tr th .hissu {
  color: #006bb5;
  margin-left: 5px;
}
.pages#download-single form table tbody tr td {
  width: 100%;
  display: block;
  padding: 0 0 25px 0;
  border: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pages#download-single form table tbody tr td {
    display: table-cell;
    width: calc(100% - 180px);
  }
}
.pages#download-single form table tbody tr td span.tyui {
  color: #9e9e9e;
  font-size: 12px;
  margin-top: 10px;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#download-single form table.confirm-table td {
    padding: 10px 0;
  }
}
.pages#download-single form input, .pages#download-single form select, .pages#download-single form textarea {
  width: 100%;
  border: 1px solid #9e9e9e;
  padding: 10px;
  font-size: 16px;
  border-radius: 0;
  color: #333;
}
@media screen and (min-width: 768px) {
  .pages#download-single form input, .pages#download-single form select, .pages#download-single form textarea {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .pages#download-single form .agreement-row th {
    padding-top: 20px;
  }
}
.pages#download-single form .agreement-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pages#download-single form .agreement-wrap label {
  display: block;
  position: relative;
  padding: 20px 0 20px 25px;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pages#download-single form .agreement-wrap label .formError {
  left: 0 !important;
}
.pages#download-single form .agreement-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.pages#download-single form .agreement-wrap span {
  position: absolute;
  top: 50%;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #535353;
  text-indent: -9999px;
  transform: translate(0, -50%);
}
.pages#download-single form .agreement-wrap span:after {
  content: "";
  position: absolute;
  display: none;
}
.pages#download-single form .agreement-wrap input:checked ~ span:after {
  display: block;
}
.pages#download-single form .agreement-wrap span:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #535353;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pages#download-single form .agreement-wrap p {
  margin: 0;
}
.pages#download-single form .agreement-wrap p a {
  text-decoration: underline;
  color: #333;
}
.pages#download-single form .submit-btn {
  text-align: center;
  margin: 30px 0;
}
@media screen and (min-width: 768px) {
  .pages#download-single form .submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
  }
}
.pages#download-single form .submit-btn a, .pages#download-single form .submit-btn button {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 18px;
  padding: 25px 20px 25px 10px;
  font-weight: bold;
  width: 95%;
  display: inline-block;
  background: #2E65A2;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
  margin: 0 10px 10px 10px;
}
@media screen and (min-width: 768px) {
  .pages#download-single form .submit-btn a, .pages#download-single form .submit-btn button {
    min-width: 300px;
    width: auto;
  }
}
.pages#download-single form .submit-btn a:after, .pages#download-single form .submit-btn button:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.pages#download-single form .submit-btn a:before, .pages#download-single form .submit-btn button:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.pages#download-single form .submit-btn a:hover, .pages#download-single form .submit-btn button:hover {
  background: #696969;
}
@media screen and (min-width: 768px) {
  .pages#download-single form .submit-btn a:hover, .pages#download-single form .submit-btn button:hover {
    background: #333;
  }
  .pages#download-single form .submit-btn a:hover:before, .pages#download-single form .submit-btn button:hover:before {
    width: 100%;
  }
}
.pages#download-single form .submit-btn a.back-btn, .pages#download-single form .submit-btn button.back-btn {
  background: #fff;
  color: #333;
  padding: 25px 10px 25px 20px;
}
.pages#download-single form .submit-btn a.back-btn:after, .pages#download-single form .submit-btn button.back-btn:after {
  content: "";
  background: url(../img/left-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: initial;
  left: 5%;
  top: 50%;
}
.pages#download-single form .submit-btn a.back-btn:before, .pages#download-single form .submit-btn button.back-btn:before {
  background: #c1c1c1;
}
.pages#download-single form .submit-btn a.back-btn:hover, .pages#download-single form .submit-btn button.back-btn:hover {
  background: #c1c1c1;
}
@media screen and (min-width: 768px) {
  .pages#download-single form .submit-btn a.back-btn:hover, .pages#download-single form .submit-btn button.back-btn:hover {
    background: #fff;
  }
  .pages#download-single form .submit-btn a.back-btn:hover:before, .pages#download-single form .submit-btn button.back-btn:hover:before {
    width: 100%;
  }
}
.pages#download-single form .submit-btn a span, .pages#download-single form .submit-btn button span {
  position: relative;
}
.pages#jirei-single .page-head, .pages#jirei-index .page-head {
  background: url(../img/jirei_main.png) no-repeat center;
  background-size: cover;
}
.pages#jirei-single .page-head {
  height: auto;
  min-height: 200px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .page-head {
    min-height: 300px;
  }
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .page-head:before {
    left: -114px;
  }
}
@media screen and (min-width: 1000px) {
  .pages#jirei-single .page-head:before {
    left: -249px;
  }
}
@media screen and (min-width: 1200px) {
  .pages#jirei-single .page-head:before {
    left: -259px;
  }
}
@media all and (-ms-high-contrast: none) {
  .pages#jirei-single .page-head .ttl-wrap {
    width: 100%;
    display: table;
    height: 100%;
    min-height: 200px;
  }
  .pages#jirei-single .page-head .ttl-wrap h1 {
    display: table-cell;
    vertical-align: middle;
  }
}
.pages#jirei-single .page-head h1 {
  font-size: 18px;
  text-align: left;
  line-height: 1.5;
  margin: 0;
  padding: 25px 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-style: normal;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .page-head h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1000px) {
  .pages#jirei-single .page-head h1 {
    padding-top: 90px;
  }
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .page-content:before {
    right: 695px;
  }
}
@media screen and (min-width: 1000px) {
  .pages#jirei-single .page-content:before {
    right: 826px;
  }
}
@media screen and (min-width: 1200px) {
  .pages#jirei-single .page-content:before {
    right: 834px;
  }
}
.pages#jirei-single .sub-ttl {
  background: #e5e5e5;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .sub-ttl {
    margin-bottom: 80px;
  }
}
.pages#jirei-single .sub-ttl h3 {
  display: block;
  font-weight: bold;
  font-size: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  border: 0;
  text-align: center;
  padding: 10px 0;
  margin: 0;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .sub-ttl h3 {
    font-size: 30px;
  }
}
.pages#jirei-single .jirei-companyinfo {
  border: 5px solid #e5e5e5;
  padding: 15px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-companyinfo {
    padding: 20px 30px;
  }
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-logo {
  text-align: center;
  max-width: 100%;
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table {
  width: 100%;
  display: block;
  text-align: left;
  margin: 20px auto;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table {
    display: table;
    font-size: 14px;
    text-align: left;
  }
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody {
    display: table;
  }
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody tr {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody tr {
    display: table-row;
  }
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody tr th {
  width: 100%;
  display: block;
  padding: 10px;
  vertical-align: top;
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody tr th {
    display: table-cell;
    width: 180px;
    text-align: center;
    padding: 20px 0;
  }
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody tr th .hissu {
  color: #006bb5;
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody tr td {
  width: 100%;
  display: block;
  padding: 20px 10px;
  border: 1px solid #ddd;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-companyinfo .jirei-companyinfo-table tbody tr td {
    display: table-cell;
    width: calc(100% - 180px);
    padding: 20px;
  }
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-desc h6 {
  font-size: 20px;
  margin: 0;
}
.pages#jirei-single .jirei-companyinfo .jirei-companyinfo-desc p {
  margin: 10px 0;
}
.pages#jirei-single .jirei-featuredpost {
  text-align: center;
}
.pages#jirei-single .jirei-featuredpost img {
  max-width: 800px;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-issues {
    display: flex;
    max-width: 800px;
    margin: 50px auto;
  }
}
.pages#jirei-single .jirei-issues div {
  border: 1px solid #ddd;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-issues div {
    width: 50%;
  }
}

@media screen and (max-width: 461px) {
  .pages#jirei-single .jirei-companyinfo{
    border:none; padding:0;
  }

.pages#jirei-single .use_case_issue{padding-left: 20px!important;
    padding-top: 10px!important;}

.pages#jirei-single .use_case h5{    width: 100%;}
.pages#jirei-single .arrow_box:after{border-bottom-color:#2e65a2;}
.pages#jirei-single .jirei-companyinfo-table{    padding: 10px;}
}




.pages#jirei-single .jirei-issues div h5 {
  color: #fff;
  background: #333;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .jirei-issues div h5 {
    font-size: 22px;
  }
}
.pages#jirei-single .jirei-issues div ul {
  margin: 0;
  padding: 20px;
  list-style: none;
}
.pages#jirei-single .jirei-issues div ul li {
  position: relative;
  margin-bottom: 30px;
  padding-left: 20px;
}
.pages#jirei-single .jirei-issues div ul li:before {
  content: "■";
  position: absolute;
  left: 0;
  top: 0px;
}
.pages#jirei-single .flex-reverse {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
.pages#jirei-single .flex-reverse .img {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .flex-reverse .img {
    width: 40%;
  }
}
.pages#jirei-single .flex-reverse .img img {
  width: 100%;
}
.pages#jirei-single .flex-reverse .img span {
  font-size: 10px;
  text-align: right;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .flex-reverse .txt {
    width: 60%;
    padding-right: 5%;
  }
}
.pages#jirei-single .flex {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .flex {
    display: flex;
  }
}
.pages#jirei-single .flex .img {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .flex .img {
    width: 40%;
  }
}
.pages#jirei-single .flex .img img {
  width: 100%;
}
.pages#jirei-single .flex .img span {
  font-size: 10px;
  text-align: right;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .flex .txt {
    width: 60%;
    padding-left: 5%;
  }
}
.pages#jirei-single .block {
  margin-bottom: 50px;
}
.pages#jirei-single h4 {
  font-size: 16px;
  margin: 0;
  position: relative;
  font-weight: bold;
  overflow: hidden;
  padding-left: 40px;
  color: #006bb5;
}
.pages#jirei-single h4:before {
  content: "";
  width: 30px;
  height: 14px;
  background: #006bb5;
  display: inline-block;
  vertical-align: middle;
  transform: skewX(-19deg);
  -webkit-transform: skewX(-19deg);
  -ms-transform: skewX(-19deg);
  left: -5px;
  top: 8px;
  position: absolute;
}
.pages#jirei-single .article-list {
  max-width: calc(100% - 100px);
  margin: auto;
padding-bottom: 10px;}

@media screen and (min-width: 768px) {
  .pages#jirei-single .article-list {
    max-width: 100%;
  }
}
.pages#jirei-single .article-list .single-article {
  padding: 0 10px;
}
.pages#jirei-single .article-list .single-article a {
  text-decoration: none;
  border: 1px solid #5c5b5b;
  background: #f5f5f5;
  padding:15px 15px 5px 15px;
  overflow: hidden;
  display: block;
z-index:5;
}
.pages#jirei-single .article-list .single-article a p {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #5c5b5b;
  font-size: 18px;
  line-height: 1.5;
  margin: 10px auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 58px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-single .article-list .single-article a p {
    font-size: 20px;
    height: 63px;
  }
}
.pages#jirei-single .article-list .single-article a .name {
  text-align: center;
  display: block;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 55px;
}
.pages#jirei-single .article-list .single-article a .img {
  /*margin: 10px auto;*/
  position: relative;
}
.pages#jirei-single .article-list .single-article a .img img {
  width: 100%;
}
.pages#jirei-single .article-list .single-article a .btn {
  text-align: right;
  margin-top: 10px;
}
.pages#jirei-single .article-list .single-article a .btn span {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 14px;
  padding: 10px 30px 10px 20px;
  font-weight: bold;
  width: 95%;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  float: right;
  right: -30px;
}
.pages#jirei-single .article-list .single-article a .btn span:after,a.btn-flat span:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 8px;
  height: 13px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 10%;
  top: 50%;
}
.pages#jirei-single .article-list .single-article a .btn span:before ,a.btn-flat span:before{
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.pages#jirei-single .article-list .single-article a .btn span:hover:before {
  width: 100%;
}
@media screen and (min-width: 481px) {
  .pages#jirei-index .article-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.pages#jirei-index .article-list > div {
  border: 1px solid #5c5b5b;
  background: #f5f5f5;
  margin-bottom: 10px;
  overflow: hidden;
}
@media screen and (min-width: 481px) {
  .pages#jirei-index .article-list > div {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 49%;
  }
  .pages#jirei-index .article-list > div:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .pages#jirei-index .article-list > div {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 32%;
  }
  .pages#jirei-index .article-list > div:nth-child(2n) {
    margin-right: 2%;
  }
  .pages#jirei-index .article-list > div:nth-child(3n) {
    margin-right: 0;
  }
}
.pages#jirei-index .article-list > div a {
  text-decoration: none;
  padding: 15px;
  display: block;
  height: 100%;
}
.pages#jirei-index .article-list > div a h6 {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #5c5b5b;
  font-size: 18px;
  line-height: 1.6;
  margin: 10px auto;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 57px;
}
@media screen and (min-width: 768px) {
  .pages#jirei-index .article-list > div a h6 {
    font-size: 20px;
    height: 65px;
  }
}
.pages#jirei-index .article-list > div a .name {
  text-align: center;
  display: block;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 56px;
}
.pages#jirei-index .article-list > div a .img {
  margin: 0 auto 10px auto;
  position: relative;
}
.pages#jirei-index .article-list > div a .img img {
  width: 100%;
}
.pages#jirei-index .article-list > div a p {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 75px;
}
.pages#jirei-index .article-list > div a .btn {
  text-align: right;
  margin-top: 10px;
}
.pages#jirei-index .article-list > div a .btn span {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 14px;
  padding: 10px 40px 10px 25px;
  font-weight: bold;
  width: 95%;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  float: right;
  right: -30px;
}
.pages#jirei-index .article-list > div a .btn span:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 8px;
  height: 13px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 10%;
  top: 50%;
}
.pages#jirei-index .article-list > div a .btn span:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.pages#jirei-index .article-list > div a .btn span:hover:before {
  width: 100%;
}
.pages#jirei-index .case-study-list-loadmore a, .pages#jirei-index .case-study-list-loadmore button {
  max-width: 80%;
}
.pages#page-contact .page-head, .pages#page-check .page-head, .pages#page-thanks .page-head, .pages#page-error .page-head {
  background: url(../img/contact_main.png) no-repeat center;
  background-size: cover;
}
.pages#page-contact form, .pages#page-check form, .pages#page-thanks form, .pages#page-error form {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form, .pages#page-check form, .pages#page-thanks form, .pages#page-error form {
    margin-top: 60px;
  }
}
.pages#page-contact form table, .pages#page-check form table, .pages#page-thanks form table, .pages#page-error form table {
  width: 100%;
  display: block;
  text-align: left;
  max-width: 600px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form table, .pages#page-check form table, .pages#page-thanks form table, .pages#page-error form table {
    display: table;
    font-size: 14px;
  }
}
.pages#page-contact form table tbody, .pages#page-check form table tbody, .pages#page-thanks form table tbody, .pages#page-error form table tbody {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form table tbody, .pages#page-check form table tbody, .pages#page-thanks form table tbody, .pages#page-error form table tbody {
    display: table-row-group;
  }
}
.pages#page-contact form table tbody tr, .pages#page-check form table tbody tr, .pages#page-thanks form table tbody tr, .pages#page-error form table tbody tr {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form table tbody tr, .pages#page-check form table tbody tr, .pages#page-thanks form table tbody tr, .pages#page-error form table tbody tr {
    display: table-row;
  }
}
.pages#page-contact form table tbody tr th, .pages#page-check form table tbody tr th, .pages#page-thanks form table tbody tr th, .pages#page-error form table tbody tr th {
  width: 100%;
  display: block;
  padding: 10px 0;
  vertical-align: top;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form table tbody tr th, .pages#page-check form table tbody tr th, .pages#page-thanks form table tbody tr th, .pages#page-error form table tbody tr th {
    display: table-cell;
    width: 180px;
  }
}
.pages#page-contact form table tbody tr th .hissu, .pages#page-check form table tbody tr th .hissu, .pages#page-thanks form table tbody tr th .hissu, .pages#page-error form table tbody tr th .hissu {
  color: #006bb5;
}
.pages#page-contact form table tbody tr td, .pages#page-check form table tbody tr td, .pages#page-thanks form table tbody tr td, .pages#page-error form table tbody tr td {
  width: 100%;
  display: block;
  padding: 1px 1px 20px 1px;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form table tbody tr td, .pages#page-check form table tbody tr td, .pages#page-thanks form table tbody tr td, .pages#page-error form table tbody tr td {
    display: table-cell;
    width: calc(100% - 180px);
  }
}
.pages#page-contact form table tbody tr td > div, .pages#page-check form table tbody tr td > div, .pages#page-thanks form table tbody tr td > div, .pages#page-error form table tbody tr td > div {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form table.confirm-table td, .pages#page-check form table.confirm-table td, .pages#page-thanks form table.confirm-table td, .pages#page-error form table.confirm-table td {
    padding: 10px 0;
  }
}
.pages#page-contact form .formError .formErrorContent, .pages#page-check form .formError .formErrorContent, .pages#page-thanks form .formError .formErrorContent, .pages#page-error form .formError .formErrorContent {
  padding: 4px 6px;
}
.pages#page-contact form input, .pages#page-check form input, .pages#page-thanks form input, .pages#page-error form input, .pages#page-contact form select, .pages#page-check form select, .pages#page-thanks form select, .pages#page-error form select, .pages#page-contact form textarea, .pages#page-check form textarea, .pages#page-thanks form textarea, .pages#page-error form textarea {
  width: 100%;
  border: 1px solid #9e9e9e;
  padding: 10px;
  font-size: 16px;
  border-radius: 0;
  color: #333;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form input, .pages#page-check form input, .pages#page-thanks form input, .pages#page-error form input, .pages#page-contact form select, .pages#page-check form select, .pages#page-thanks form select, .pages#page-error form select, .pages#page-contact form textarea, .pages#page-check form textarea, .pages#page-thanks form textarea, .pages#page-error form textarea {
    font-size: 14px;
  }
}
.pages#page-contact form span.tyui, .pages#page-check form span.tyui, .pages#page-thanks form span.tyui, .pages#page-error form span.tyui {
  color: #9e9e9e;
  font-size: 12px;
  margin-top: 10px;
  display: block;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form .agreement-row th, .pages#page-check form .agreement-row th, .pages#page-thanks form .agreement-row th, .pages#page-error form .agreement-row th {
    padding-top: 20px;
  }
}
.pages#page-contact form .agreement-wrap, .pages#page-check form .agreement-wrap, .pages#page-thanks form .agreement-wrap, .pages#page-error form .agreement-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pages#page-contact form .agreement-wrap label, .pages#page-check form .agreement-wrap label, .pages#page-thanks form .agreement-wrap label, .pages#page-error form .agreement-wrap label {
  position: relative;
  padding: 20px 0 20px 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.pages#page-contact form .agreement-wrap label .formError, .pages#page-check form .agreement-wrap label .formError, .pages#page-thanks form .agreement-wrap label .formError, .pages#page-error form .agreement-wrap label .formError {
  left: 0 !important;
}
.pages#page-contact form .agreement-wrap input, .pages#page-check form .agreement-wrap input, .pages#page-thanks form .agreement-wrap input, .pages#page-error form .agreement-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.pages#page-contact form .agreement-wrap span, .pages#page-check form .agreement-wrap span, .pages#page-thanks form .agreement-wrap span, .pages#page-error form .agreement-wrap span {
  position: absolute;
  top: 50%;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #535353;
  text-indent: -9999px;
  transform: translate(0, -50%);
}
.pages#page-contact form .agreement-wrap span:after, .pages#page-check form .agreement-wrap span:after, .pages#page-thanks form .agreement-wrap span:after, .pages#page-error form .agreement-wrap span:after {
  content: "";
  position: absolute;
  display: none;
}
.pages#page-contact form .agreement-wrap input:checked ~ span:after, .pages#page-check form .agreement-wrap input:checked ~ span:after, .pages#page-thanks form .agreement-wrap input:checked ~ span:after, .pages#page-error form .agreement-wrap input:checked ~ span:after {
  display: block;
}
.pages#page-contact form .agreement-wrap span:after, .pages#page-check form .agreement-wrap span:after, .pages#page-thanks form .agreement-wrap span:after, .pages#page-error form .agreement-wrap span:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #535353;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pages#page-contact form .agreement-wrap p, .pages#page-check form .agreement-wrap p, .pages#page-thanks form .agreement-wrap p, .pages#page-error form .agreement-wrap p {
  margin: 0;
}
.pages#page-contact form .agreement-wrap p a, .pages#page-check form .agreement-wrap p a, .pages#page-thanks form .agreement-wrap p a, .pages#page-error form .agreement-wrap p a {
  text-decoration: underline;
}
.pages#page-contact form .submit-btn, .pages#page-check form .submit-btn, .pages#page-thanks form .submit-btn, .pages#page-error form .submit-btn {
  text-align: center;
  margin: 30px 0;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form .submit-btn, .pages#page-check form .submit-btn, .pages#page-thanks form .submit-btn, .pages#page-error form .submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
  }
}
.pages#page-contact form .submit-btn a, .pages#page-check form .submit-btn a, .pages#page-thanks form .submit-btn a, .pages#page-error form .submit-btn a, .pages#page-contact form .submit-btn button, .pages#page-check form .submit-btn button, .pages#page-thanks form .submit-btn button, .pages#page-error form .submit-btn button {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 18px;
  padding: 25px 20px 25px 10px;
  font-weight: bold;
  width: 95%;
  display: inline-block;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
  margin: 0 10px 10px 10px;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form .submit-btn a, .pages#page-check form .submit-btn a, .pages#page-thanks form .submit-btn a, .pages#page-error form .submit-btn a, .pages#page-contact form .submit-btn button, .pages#page-check form .submit-btn button, .pages#page-thanks form .submit-btn button, .pages#page-error form .submit-btn button {
    min-width: 300px;
    width: auto;
  }
}
.pages#page-contact form .submit-btn a:after, .pages#page-check form .submit-btn a:after, .pages#page-thanks form .submit-btn a:after, .pages#page-error form .submit-btn a:after, .pages#page-contact form .submit-btn button:after, .pages#page-check form .submit-btn button:after, .pages#page-thanks form .submit-btn button:after, .pages#page-error form .submit-btn button:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.pages#page-contact form .submit-btn a:before, .pages#page-check form .submit-btn a:before, .pages#page-thanks form .submit-btn a:before, .pages#page-error form .submit-btn a:before, .pages#page-contact form .submit-btn button:before, .pages#page-check form .submit-btn button:before, .pages#page-thanks form .submit-btn button:before, .pages#page-error form .submit-btn button:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.pages#page-contact form .submit-btn a:hover, .pages#page-check form .submit-btn a:hover, .pages#page-thanks form .submit-btn a:hover, .pages#page-error form .submit-btn a:hover, .pages#page-contact form .submit-btn button:hover, .pages#page-check form .submit-btn button:hover, .pages#page-thanks form .submit-btn button:hover, .pages#page-error form .submit-btn button:hover {
  background: #696969;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form .submit-btn a:hover, .pages#page-check form .submit-btn a:hover, .pages#page-thanks form .submit-btn a:hover, .pages#page-error form .submit-btn a:hover, .pages#page-contact form .submit-btn button:hover, .pages#page-check form .submit-btn button:hover, .pages#page-thanks form .submit-btn button:hover, .pages#page-error form .submit-btn button:hover {
    background: #333;
  }
  .pages#page-contact form .submit-btn a:hover:before, .pages#page-check form .submit-btn a:hover:before, .pages#page-thanks form .submit-btn a:hover:before, .pages#page-error form .submit-btn a:hover:before, .pages#page-contact form .submit-btn button:hover:before, .pages#page-check form .submit-btn button:hover:before, .pages#page-thanks form .submit-btn button:hover:before, .pages#page-error form .submit-btn button:hover:before {
    width: 100%;
  }
}
.pages#page-contact form .submit-btn a.back-btn, .pages#page-check form .submit-btn a.back-btn, .pages#page-thanks form .submit-btn a.back-btn, .pages#page-error form .submit-btn a.back-btn, .pages#page-contact form .submit-btn button.back-btn, .pages#page-check form .submit-btn button.back-btn, .pages#page-thanks form .submit-btn button.back-btn, .pages#page-error form .submit-btn button.back-btn {
  background: #fff;
  color: #333;
  padding: 25px 10px 25px 20px;
}
.pages#page-contact form .submit-btn a.back-btn:after, .pages#page-check form .submit-btn a.back-btn:after, .pages#page-thanks form .submit-btn a.back-btn:after, .pages#page-error form .submit-btn a.back-btn:after, .pages#page-contact form .submit-btn button.back-btn:after, .pages#page-check form .submit-btn button.back-btn:after, .pages#page-thanks form .submit-btn button.back-btn:after, .pages#page-error form .submit-btn button.back-btn:after {
  content: "";
  background: url(../img/left-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: initial;
  left: 5%;
  top: 50%;
}
.pages#page-contact form .submit-btn a.back-btn:before, .pages#page-check form .submit-btn a.back-btn:before, .pages#page-thanks form .submit-btn a.back-btn:before, .pages#page-error form .submit-btn a.back-btn:before, .pages#page-contact form .submit-btn button.back-btn:before, .pages#page-check form .submit-btn button.back-btn:before, .pages#page-thanks form .submit-btn button.back-btn:before, .pages#page-error form .submit-btn button.back-btn:before {
  background: #c1c1c1;
}
.pages#page-contact form .submit-btn a.back-btn:hover, .pages#page-check form .submit-btn a.back-btn:hover, .pages#page-thanks form .submit-btn a.back-btn:hover, .pages#page-error form .submit-btn a.back-btn:hover, .pages#page-contact form .submit-btn button.back-btn:hover, .pages#page-check form .submit-btn button.back-btn:hover, .pages#page-thanks form .submit-btn button.back-btn:hover, .pages#page-error form .submit-btn button.back-btn:hover {
  background: #c1c1c1;
}
@media screen and (min-width: 768px) {
  .pages#page-contact form .submit-btn a.back-btn:hover, .pages#page-check form .submit-btn a.back-btn:hover, .pages#page-thanks form .submit-btn a.back-btn:hover, .pages#page-error form .submit-btn a.back-btn:hover, .pages#page-contact form .submit-btn button.back-btn:hover, .pages#page-check form .submit-btn button.back-btn:hover, .pages#page-thanks form .submit-btn button.back-btn:hover, .pages#page-error form .submit-btn button.back-btn:hover {
    background: #fff;
  }
  .pages#page-contact form .submit-btn a.back-btn:hover:before, .pages#page-check form .submit-btn a.back-btn:hover:before, .pages#page-thanks form .submit-btn a.back-btn:hover:before, .pages#page-error form .submit-btn a.back-btn:hover:before, .pages#page-contact form .submit-btn button.back-btn:hover:before, .pages#page-check form .submit-btn button.back-btn:hover:before, .pages#page-thanks form .submit-btn button.back-btn:hover:before, .pages#page-error form .submit-btn button.back-btn:hover:before {
    width: 100%;
  }
}
.pages#page-contact form .submit-btn a span, .pages#page-check form .submit-btn a span, .pages#page-thanks form .submit-btn a span, .pages#page-error form .submit-btn a span, .pages#page-contact form .submit-btn button span, .pages#page-check form .submit-btn button span, .pages#page-thanks form .submit-btn button span, .pages#page-error form .submit-btn button span {
  position: relative;
}
.pages#page-check form .agreement-wrap {
  justify-content: flex-start;
}
.pages#page-check .agreement-text {
  display: none;
}
.single-pages .page-content table {
  color: #5a5a5a;
  width: 100%;
  border-collapse: collapse;
}
.single-pages .page-content table th {
  padding: 15px;
  border: 1px solid #5c5b5b;
  background: #eee;
}
.single-pages .page-content table td {
  padding: 15px;
  border: 1px solid #5c5b5b;
}
.single-pages .page-content table td:first-child {
  padding: 15px;
  border: 1px solid #5c5b5b;
  background: #eee;    min-width: 200px;
}
.single-pages .readmore-wrap {
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  max-height: 50vw;
  display: block;
}
.single-pages .readmore-wrap.animated {
  max-height: 9999999px !important;
}
@media screen and (min-width: 768px) {
  .single-pages .readmore-wrap {
    max-height: 100% !important;
    height: auto !important;
  }
  .single-pages .readmore-wrap.animated {
    max-height: 100% !important;
  }
}
.single-pages .readmore-wrap:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 20vw;
  background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.9) 50%, rgba(245, 245, 245, 0.9) 50%, #f5f5f5 100%);
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.9) 50%, rgba(245, 245, 245, 0.9) 50%, #f5f5f5 100%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .single-pages .readmore-wrap:before {
    display: none;
  }
}
.single-pages .readmore-wrap.white:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 20vw;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .single-pages .readmore-wrap.white:before {
    display: none;
  }
}
.single-pages .readmore-wrap.animated:before {
  display: none;
}
.single-pages .readmoreBtn {
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  .single-pages .readmoreBtn {
    display: none;
  }
}
.single-pages .readmoreBtn a {
  margin-top: -20px;
  z-index: 1;
  position: relative;
  transition: margin-top 0.3s ease-in;
  width: auto;
  min-width: 70%;
  padding: 10px 35px 10px 20px;
  transform: skewX(0);
  -webkit-transform: skewX(0);
  -ms-transform: skewX(0);
}
.single-pages .readmoreBtn a:after {
  transform: skewX(0) translate(0, -50%);
  -webkit-transform: skewX(0) translate(0, -50%);
  -ms-transform: skewX(0) translate(0, -50%);
}
.single-pages .readmoreBtn a.open:after {
  content: "";
  transform: skewX(0) translate(0, 50%) rotate(180deg);
  -webkit-transform: skewX(0) translate(0, 50%) rotate(180deg);
  -ms-transform: skewX(0) translate(0, 50%) rotate(180deg);
  position: absolute;
  bottom: 50%;
  top: inherit;
}
.single-pages#page-philosophy .page-head {
  background: url(../img/vision_main.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-philosophy .sub-ttl {
  background: #e5e5e5;
}
.single-pages#page-philosophy .sub-ttl h3 {
  display: block;
  font-weight: bold;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-size: 23px;
  font-family: 'Roboto Condensed', sans-serif;
  border: 0;
  text-align: center;
  padding: 20px 0;
  margin: 0;
  font-style: italic;
}
@media screen and (min-width: 768px) {
  .single-pages#page-philosophy .sub-ttl h3 {
    font-size: 48px;
  }
}
.single-pages#page-philosophy .cont {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-philosophy .cont {
    padding: 20px 0;
  }
}
.single-pages#page-philosophy .cont .container {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-philosophy .cont .container .txt {
    padding-left: 450px;
  }
}
.single-pages#page-philosophy .cont .container .txt .blue {
  color: #006bb5;
  font-style: italic;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  font-size: 18px;
}
.single-pages#page-philosophy .cont .container .big-txt {
  font-style: italic;
  font-size: 60px;
  color: #ededed;
  left: 0;
  top: 0;
  z-index: -1;
  letter-spacing: -6px;
  line-height: 0.9;
}
.single-pages#page-philosophy .cont .container .big-txt span {
  font-size: 30px;
  display: block;
  letter-spacing: 0;
  margin-top: 16px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 1200px) {
  .single-pages#page-philosophy .cont .container .big-txt span {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-philosophy .cont .container .big-txt {
    font-size: 130px;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-philosophy .cont .container .big-txt {
    left: 0;
    position: absolute;
    display: block;
    font-size: 150px;
  }
}
@media screen and (min-width: 1400px) {
  .single-pages#page-philosophy .cont .container .big-txt {
    left: -150px;
  }
}
.single-pages#page-philosophy .vision-cont02 .cont .container .big-txt {
  font-size: 55px;
}
@media screen and (min-width: 481px) {
  .single-pages#page-philosophy .vision-cont02 .cont .container .big-txt {
    font-size: 90px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-philosophy .vision-cont02 .cont .container .big-txt {
    font-size: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-philosophy .vision-cont02 .cont .container .big-txt {
    font-size: 180px;
  }
}
.single-pages#page-philosophy .vision-cont03 .sub-ttl h3 {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-philosophy .vision-cont03 .sub-ttl h3 {
    font-size: 30px;
  }
}
.single-pages#page-philosophy .vision-cont03 .cont .container .big-img {
  position: relative;
  left: -20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-philosophy .vision-cont03 .cont .container .big-img {
    left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-philosophy .vision-cont03 .cont .container .big-img {
    position: absolute;
    left: -150px;
  }
}
.single-pages#page-philosophy .vision-cont03 #ceo_sign {
  max-width: 150px;
  margin-top: 5px;
}
.single-pages#page-profile .page-head {
  background: url(../img/profile_main.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-profile .profile-cont01 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.single-pages#page-profile .profile-cont01 ul li {
  text-indent: -1rem;
  padding-left: 1rem;
}
.single-pages#page-profile .profile-cont01 .company-list {
  margin: 0 0 40px 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-profile .profile-cont01 .company-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}
.single-pages#page-profile .profile-cont01 table {
  color: #333;
  width: 100%;
  display: block;
  text-align: left;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .single-pages#page-profile .profile-cont01 table {
    display: table;
    font-size: 14px;
  }
}
.single-pages#page-profile .profile-cont01 table tbody {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages#page-profile .profile-cont01 table tbody {
    display: table-row-group;
  }
}
.single-pages#page-profile .profile-cont01 table tbody tr {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages#page-profile .profile-cont01 table tbody tr {
    display: table-row;
  }
}
.single-pages#page-profile .profile-cont01 table tbody tr th {
  width: 100%;
  display: block;
  padding: 15px;
  vertical-align: top;
  border: 0;
  background: #eee;
}
@media screen and (min-width: 768px) {
  .single-pages#page-profile .profile-cont01 table tbody tr th {
    display: table-cell;
    width: 250px;
    padding: 20px 30px;
    border: 1px solid #eee;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}
.single-pages#page-profile .profile-cont01 table tbody tr th .hissu {
  color: #006bb5;
}
.single-pages#page-profile .profile-cont01 table tbody tr td {
  width: 100%;
  display: block;
  padding: 15px;
  border: 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-profile .profile-cont01 table tbody tr td {
    display: table-cell;
    padding: 20px 30px;
    width: calc(100% - 250px);
    border: 1px solid #eee;
  }
}
.single-pages#page-profile .profile-cont01 .small {
  font-size: 12px;
  display: block;
  padding-left: 15px;
}
.single-pages#page-profile .profile-cont02 ul {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
.single-pages#page-profile .profile-cont02 ul li {
  text-indent: -1rem;
  padding-left: 1rem;
}
.single-pages#page-profile .profile-cont02 .map_wrapper {
  height: 250px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-profile .profile-cont02 .map_wrapper {
    height: 400px;
  }
}
.single-pages#page-profile .office-ttl {
  position: relative;
  font-weight: bold;
  overflow: hidden;
  padding-left: 40px;
}
.single-pages#page-profile .office-ttl:before {
  content: "";
  width: 30px;
  height: 14px;
  background: #333;
  display: inline-block;
  vertical-align: middle;
  transform: skewX(-19deg);
  -webkit-transform: skewX(-19deg);
  -ms-transform: skewX(-19deg);
  left: -5px;
  top: 5px;
  position: absolute;
}
.single-pages#page-profile .access-link {
  font-weight: bold;
}
.single-pages#page-profile .access-link:after {
  content: "";
  background: url(../img/profile_icon01.png) no-repeat;
  width: 10px;
  height: 6.5px;
  display: inline-block;
  background-size: 100% auto;
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
.single-pages#page-profile .download-btn {
  text-align: center;
  margin: 40px 0 70px 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-profile .download-btn {
    margin: 70px 0;
  }
}
.single-pages#page-profile .download-btn .primary-btn-right {
  margin: 0;
}
.single-pages#page-profile .download-btn .link {
  text-decoration: underline;
  margin-top: 20px;
  display: inline-block;
}
.single-pages#page-officer .page-head {
  background: url(../img/officer_main_sp.png) no-repeat center;
  background-size: cover;
  background-position: center top;
}
@media screen and (min-width: 768px) {
  .single-pages#page-officer .page-head {
    background-size: cover;
    background: url(../img/officer_main.png) no-repeat center;
    background-size: 130% auto;
    background-position: 88% 37%;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-officer .page-head {
    background-size: 108% auto;
    background-position: 95% 44%;
  }
}
.single-pages#page-officer .officer-cont01 .single-officer {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-officer .officer-cont01 .single-officer {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-officer .officer-cont01 .single-officer .txt {
    width: 60%;
    padding-left: 5%;
  }
}
.single-pages#page-officer .officer-cont01 .single-officer .txt h3 {
  display: block;
  font-size: 20px;
  font-style: italic;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  border-bottom: 3px solid #006bb5;
  margin: 10px 0 0 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-officer .officer-cont01 .single-officer .txt h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-officer .officer-cont01 .single-officer .img {
    width: 40%;
  }
}
.single-pages#page-system-engineering .page-head {
  background: url(../img/ses_main.png) no-repeat center;
  background-size: cover;
}
.single-pages h4 {
  display: block;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-size: 18px;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  border: 0;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .single-pages h4 {
    font-size: 30px;
    padding-bottom: 20px;
  }
}
.single-pages h4:before {
  content: "";
  height: 2px;
  width: 99%;
  right: 0;
  bottom: 8px;
  background: #006bb5;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages h4:after {
  content: "";
  height: 2px;
  width: 99%;
  left: 0;
  bottom: 0;
  background: #333;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages .sub-ttl {
  background: #e5e5e5;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .single-pages .sub-ttl {
    margin-bottom: 80px;
  }
}
.single-pages .sub-ttl h3 {
  display: block;
  font-weight: bold;
  font-size: 20px;
  border: 0;
  text-align: center;
  padding: 10px 0;
  margin: 0;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .single-pages .sub-ttl h3 {
    font-size: 30px;
  }
}
.single-pages .system-engineering-cont01 h2 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont01 h2 {
    margin-bottom: 50px;
  }
}
.single-pages .system-engineering-cont01 p,.single-pages .salesforce-cont01 p {
  text-align: center;
  font-size: 18px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont01 p,.single-pages .salesforce-cont01 p {
    font-size: 28px;
  }
}
.single-pages .system-engineering-cont02 .nayami-box {
  border: 5.5px solid #333;
  margin-bottom: 20px;
}
.single-pages .system-engineering-cont02 .nayami-box .label {
  background: #333;
  color: #fff;
  margin: 0;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
  position: relative;
      margin-left: -1px;
          margin-top: -1px;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont02 .nayami-box .label {
    display: inline-block;
    min-width: 420px;
    font-size: 24px;
    background: none;
    margin-top: -1px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont02 .nayami-box .label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    left: -10px;
    top: 0;
    background: #333;
  }
}
.single-pages .system-engineering-cont02 .nayami-box .label span {
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont02 .nayami-box .label span {
    transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
  }
}
.single-pages .system-engineering-cont02 .nayami-box ul {
  margin: 20px 15px 20px 0;
  font-weight: bold;
}
.single-pages .system-engineering-cont02 .nayami-box ul li {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .txt-box {
    display: flex;
    align-items: flex-start;
  }
}
.single-pages .system-engineering-cont03 .txt-box .img {
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .txt-box .img {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .txt-box .txt {
    width: 60%;
    padding-left: 3%;
  }
}
.single-pages .system-engineering-cont03 .txt-box .txt p {
  margin-top: 0;
}
.single-pages .system-engineering-cont03 .tokucho-box {
  border: 1px solid #5c5b5b;
  margin-bottom: 15px;
  background: #f5f5f5;
  padding: 20px;
}
.single-pages .system-engineering-cont03 .tokucho-box h5 {
  border-bottom: 1px solid #707070;
  margin-top: 0;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .tokucho-box h5 {
    font-size: 18px;
  }
}
.single-pages .system-engineering-cont03 .tokucho-box small {
  display: block;
  color: #807c7c;
}
.single-pages .system-engineering-cont03 .team {
  text-align: center;
}
.single-pages .system-engineering-cont03 .team p {
  margin: 50px auto;
  max-width: 800px;
}
.single-pages .system-engineering-cont03 .team p span {
  color: #006bb5;
}
.single-pages .system-engineering-cont03 .team p br {
  display: none;
}
@media screen and (min-width: 1200px) {
  .single-pages .system-engineering-cont03 .team p br {
    display: block;
  }
}
.single-pages .system-engineering-cont03 .zisseki .table-wrap {
  overflow-x: scroll;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki .table-wrap {
    overflow-x: inherit;
  }
}
.single-pages .system-engineering-cont03 .zisseki table {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  table-layout: fixed;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table {
    table-layout: auto;
    width: 100%;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table {
    font-size: 14px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table th {
  background: #333;
  color: #fff;
  text-align: center;
  border-left: 1px solid #fff;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table th {
    padding: 5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table th {
    padding: 15px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table th:nth-child(1) {
  width: 80px;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table th:nth-child(1) {
    width: 150px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table th:nth-child(2) {
  width: 180px;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table th:nth-child(2) {
    width: 350px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table th:nth-child(3) {
  width: 65px;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table th:nth-child(3) {
    width: 75px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table th:nth-child(4) {
  width: 420px;
}
.single-pages .system-engineering-cont03 .zisseki table td {
  background: #fff !important;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table td {
    padding: 5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table td {
    padding: 15px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table td.type {
  text-align: center;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table td.type {
    padding-top: 23px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table td.num {
  text-align: right;
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon {
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div {
  width: 80px;
  text-align: center;
  height: 40px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 10px;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div {
    height: 30px;
    font-size: 10px;
    width: 50px;
    padding-left: 5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div {
    height: 40px;
    font-size: 12px;
    width: 80px;
    padding-left: 10px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.empty:before {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  z-index: 1;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.empty:before {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.empty:before {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon1 {
  background: #d6d6d6;
  color: #333;
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon1:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #d6d6d6;
  border-style: solid;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon1:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon1:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon2 {
  background: #979797;
  color: #333;
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon2:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #979797;
  border-style: solid;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon2:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon2:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon3 {
  background: #858585;
  color: #fff;
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon3:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #858585;
  border-style: solid;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon3:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon3:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon4 {
  background: #5c5c5c;
  color: #fff;
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon4:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #5c5c5c;
  border-style: solid;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon4:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon4:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon5 {
  background: #333;
  color: #fff;
}
.single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon5:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #333;
  border-style: solid;
}
@media screen and (min-width: 501px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon5:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon5:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.single-pages .system-engineering-cont03 .case .case-box {
  border: 1px solid #5c5b5b;
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
}
.single-pages .system-engineering-cont03 .case .case-box h5 {
  font-size: 18px;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #707070;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .case .case-box h5 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .case .case-box .col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.single-pages .system-engineering-cont03 .case .case-box .col div {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .case .case-box .col div {
    width: 48%;
  }
}
.single-pages .system-engineering-cont03 .case .case-box .col div .label {
  font-size: 16px;
  position: relative;
  font-weight: bold;
  overflow: hidden;
  padding-left: 40px;
}
.single-pages .system-engineering-cont03 .case .case-box .col div .label:before {
  content: "";
  width: 30px;
  height: 14px;
  background: #333;
  display: inline-block;
  vertical-align: middle;
  transform: skewX(-19deg);
  -webkit-transform: skewX(-19deg);
  -ms-transform: skewX(-19deg);
  left: -5px;
  top: 8px;
  position: absolute;
}
.single-pages .system-engineering-cont03 .case .case-box .col div ul {
  padding-left: 20px;
  margin-left: 0;
}
.single-pages .system-engineering-cont03 .case .case-box .col div ul li {
  margin-bottom: 15px;
  font-size: 14px;
}
.single-pages#page-orizuru .page-head {
  background: url(../img/orizuru_main.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-orizuru .page-head h1 {
  text-transform: inherit;
}
.single-pages#page-orizuru .img {
  margin: 30px auto;
  text-align: center;
}
.single-pages#page-orizuru h4 {
  display: block;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-size: 18px;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  border: 0;
  margin: 50px 0 30px 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru h4 {
    font-size: 30px;
    margin-top: 60px;
  }
}
.single-pages#page-orizuru h4:before {
  content: "";
  height: 2px;
  width: 99%;
  right: 0;
  bottom: 8px;
  background: #006bb5;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages#page-orizuru h4:after {
  content: "";
  height: 2px;
  width: 99%;
  left: 0;
  bottom: 0;
  background: #333;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages#page-orizuru .sub-ttl {
  background: #e5e5e5;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .sub-ttl {
    margin-bottom: 80px;
  }
}
.single-pages#page-orizuru .sub-ttl h3 {
  display: block;
  font-weight: bold;
  font-size: 20px;
  border: 0;
  text-align: center;
  padding: 20px 0;
  margin: 0;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .sub-ttl h3 {
    font-size: 30px;
  }
}
.single-pages#page-orizuru .boxed-content {
  border: 3px solid #333;
  padding: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .boxed-content {
    padding: 25px;
  }
}
.single-pages#page-orizuru .boxed-content h6 {
  text-align: left;
  font-size: 16px;
  margin: 0;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .boxed-content h6 {
    font-size: 20px;
  }
}
.single-pages#page-orizuru .boxed-content .cont {
  text-align: left;
  font-size: 16px;
  padding: 10px 0 0 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .boxed-content .cont {
    font-size: 20px;
  }
}
.single-pages#page-orizuru .boxed-content .cont h6 {
  border: 0;
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: center;
}
.single-pages#page-orizuru .boxed-content .cont p {
  font-weight: normal;
  margin: 10px 0;
}
.single-pages#page-orizuru .boxed-content .cont ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-pages#page-orizuru .boxed-content .cont ul li {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .boxed-content .cont ul li {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .boxed-content .cont .flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
}
.single-pages#page-orizuru .boxed-content .cont .flex .col:first-child {
  margin-bottom: 20px;
  text-align: center;
  padding-right: 3%;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .boxed-content .cont .flex .col {
    width: 50%;
  }
}
.single-pages#page-orizuru .boxed-content .cont .flex .col p {
  margin: 25px 0;
}
.single-pages#page-orizuru .orizuru-cont01 h2 {
  margin-bottom: 30px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont01 h2 {
    margin-bottom: 50px;
  }
}
.single-pages#page-orizuru .orizuru-cont01 p {
  text-align: center;
  font-size: 18px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont01 p {
    font-size: 30px;
  }
}
.single-pages#page-orizuru .orizuru-cont01 div {
  text-align: center;
}
.single-pages#page-orizuru .orizuru-cont01 .arrow {
  margin-top: 20px;
}
.single-pages#page-orizuru .orizuru-cont01 .orizuru-cont01-p03 {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont01 .orizuru-cont01-p03 .pc-br {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .single-pages#page-orizuru .orizuru-cont01 .orizuru-cont01-p03 .pc-br {
    display: block;
  }
}
.single-pages#page-orizuru .orizuru-cont01 .orizuru-cont01-p04 {
  color: #006bb5;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont01 .orizuru-cont01-p04 {
    font-size: 24px;
  }
}
.single-pages#page-orizuru .orizuru-cont02 .orizuru-cont02-p02 {
  text-align: center;
  font-size: 18px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont02 .orizuru-cont02-p02 {
    font-size: 30px;
  }
}
.single-pages#page-orizuru .orizuru-cont03 .orizuru-cont03-p01 {
  text-align: center;
  font-weight: bold;
  font-size: 17px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont03 .orizuru-cont03-p01 {
    font-size: 18px;
  }
}
.single-pages#page-orizuru .orizuru-cont03 h5 {
  display: block;
  font-size: 20px;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  border: 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont03 h5 {
    font-size: 30px;
    margin-top: 60px;
  }
}
.single-pages#page-orizuru .orizuru-cont03 h5 span {
  display: inline-block;
  position: relative;
}
.single-pages#page-orizuru .orizuru-cont03 h5 span:after {
  content: "";
  height: 5px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #333;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages#page-orizuru .orizuru-cont03 .data-table {
  overflow-x: hidden;
  margin-bottom: 50px;
}
.single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap {
  overflow-x: scroll;
}
@media screen and (min-width: 501px) {
  .single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap {
    overflow: inherit;
  }
}
.single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 500px;
  margin: auto;
}
@media screen and (min-width: 501px) {
  .single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row {
    width: 100%;
  }
}
@media screen and (min-width: 1040px) {
  .single-pagesf .orizuru-cont03 .data-table .table-wrap .row {
    width: 1000px;
  }
}
.single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col {
  width: 240px;
}
.single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col:first-child {
  margin-right: 20px;
}
@media screen and (min-width: 501px) {
  .single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col {
    width: 49%;
  }
  .single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col:first-child {
    margin-right: 2%;
  }
}
@media screen and (min-width: 1040px) {
  .single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col {
    width: 490px;
  }
  .single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col:first-child {
    margin-right: 20px;
  }
}
.single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col h6 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col table {
  width: 240px;
  table-layout: fixed;
}
@media screen and (min-width: 501px) {
  .single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col table {
    width: 100%;
  }
}
@media screen and (min-width: 1040px) {
  .single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col table {
    width: 490px;
  }
}
.single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col table td {
  background: #fff;
  font-size: 12px;
  padding: 10px 15px;
}
.single-pages#page-orizuru .orizuru-cont03 .data-table .table-wrap .row .col table td:first-child {
  font-weight: bold;
}
.single-pages#page-orizuru .orizuru-cont03 .case .case-box {
  border: 1px solid #5c5b5b;
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
}
.single-pages#page-orizuru .orizuru-cont03 .case .case-box h5 {
  font-size: 18px;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #707070;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont03 .case .case-box h5 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont03 .case .case-box .col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.single-pages#page-orizuru .orizuru-cont03 .case .case-box .col div {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont03 .case .case-box .col div {
    width: 48%;
  }
}
.single-pages#page-orizuru .orizuru-cont03 .case .case-box .col div .label {
  font-size: 16px;
  position: relative;
  font-weight: bold;
  overflow: hidden;
  padding-left: 40px;
}
.single-pages#page-orizuru .orizuru-cont03 .case .case-box .col div .label:before {
  content: "";
  width: 30px;
  height: 14px;
  background: #333;
  display: inline-block;
  vertical-align: middle;
  transform: skewX(-19deg);
  -webkit-transform: skewX(-19deg);
  -ms-transform: skewX(-19deg);
  left: -5px;
  top: 8px;
  position: absolute;
}
.single-pages#page-orizuru .orizuru-cont03 .case .case-box .col div ul {
  padding-left: 20px;
  margin-left: 0;
}
.single-pages#page-orizuru .orizuru-cont03 .case .case-box .col div ul li {
  margin-bottom: 15px;
  font-size: 14px;
}
.single-pages#page-system-development .page-head {
  background: url(../img/systemdev_main.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-system-development .img {
  margin: 30px auto;
  text-align: center;
}
.single-pages#page-system-development h4 {
  display: block;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-size: 18px;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  border: 0;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development h4 {
    font-size: 30px;
    margin-top: 60px;
  }
}
.single-pages#page-system-development h4:before {
  content: "";
  height: 2px;
  width: 99%;
  right: 0;
  bottom: 8px;
  background: #006bb5;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages#page-system-development h4:after {
  content: "";
  height: 2px;
  width: 99%;
  left: 0;
  bottom: 0;
  background: #333;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages#page-system-development .sub-ttl {
  background: #e5e5e5;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .sub-ttl {
    margin-bottom: 80px;
  }
}
.single-pages#page-system-development .sub-ttl h3 {
  display: block;
  font-weight: bold;
  font-size: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  border: 0;
  text-align: center;
  padding: 20px 0;
  margin: 0;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .sub-ttl h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .sub-ttl h3 .pc-br {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .single-pages#page-system-development .sub-ttl h3 .pc-br {
    display: block;
  }
}
.single-pages#page-system-development .boxed-content {
  border: 3px solid #333;
  padding: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .boxed-content {
    padding: 25px;
  }
}
.single-pages#page-system-development .boxed-content h6 {
  text-align: left;
  font-size: 16px;
  margin: 0;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .boxed-content h6 {
    font-size: 20px;
  }
}
.single-pages#page-system-development .boxed-content .cont {
  text-align: left;
  font-size: 16px;
  padding: 10px 0 0 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .boxed-content .cont {
    font-size: 20px;
  }
}
.single-pages#page-system-development .boxed-content .cont h6 {
  border: 0;
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: center;
}
.single-pages#page-system-development .boxed-content .cont p {
  font-weight: normal;
  margin: 10px 0;
}
.single-pages#page-system-development .boxed-content .cont ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-pages#page-system-development .boxed-content .cont ul li {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .boxed-content .cont ul li {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .boxed-content .cont .flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
}
.single-pages#page-system-development .boxed-content .cont .flex .col:first-child {
  margin-bottom: 20px;
  text-align: center;
  padding-right: 3%;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .boxed-content .cont .flex .col {
    width: 50%;
  }
}
.single-pages#page-system-development .system-development-cont01 h2 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont01 h2 {
    margin-bottom: 50px;
  }
}
.single-pages#page-system-development .system-development-cont01 h2 span {
  font-size: 14px;
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont01 h2 span {
    font-size: 20px;
    margin-left: 20px;
    display: inline-block;
  }
}
.single-pages#page-system-development .system-development-cont01 p {
  text-align: center;
  font-size: 18px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-weight: bold;
}
@media screen and (max-width: 359px) {
  .single-pages#page-system-development .system-development-cont01 p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont01 p {
    font-size: 28px;
  }
}
.single-pages#page-system-development .system-development-cont01 .nayami-box {
  border: 5px solid #333;
  margin-bottom: 20px;
}
.single-pages#page-system-development .system-development-cont01 .nayami-box .label {
  background: #333;
  color: #fff;
  margin: 0;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont01 .nayami-box .label {
    display: inline-block;
    min-width: 420px;
    font-size: 24px;
    background: none;
    margin-top: -1px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont01 .nayami-box .label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    left: -10px;
    top: 0;
    background: #333;
  }
}
.single-pages#page-system-development .system-development-cont01 .nayami-box .label span {
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont01 .nayami-box .label span {
    transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
  }
}
.single-pages#page-system-development .system-development-cont01 .nayami-box ul {
  margin: 20px 15px 20px 0;
  font-weight: bold;
}
.single-pages#page-system-development .system-development-cont01 .nayami-box ul li {
  margin-bottom: 15px;
}
.single-pages#page-system-development .system-development-cont02 .sub-ttl {
  margin-bottom: 30px;
}
.single-pages#page-system-development .system-development-cont02 h5 {
  display: block;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.single-pages#page-system-development .system-development-cont02 .flex .col-img {
  margin: 20px auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .flex .col-img {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .flex .col-txt {
    width: 60%;
    padding-left: 5%;
  }
}
.single-pages#page-system-development .system-development-cont02 .flex .col-txt p span {
  color: #006bb5;
  font-weight: bold;
}
.single-pages#page-system-development .system-development-cont02 .case .case-box {
  border: 1px solid #5c5b5b;
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
}
.single-pages#page-system-development .system-development-cont02 .case .case-box h5 {
  font-size: 18px;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #707070;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .case .case-box h5 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .case .case-box .col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.single-pages#page-system-development .system-development-cont02 .case .case-box .col div {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .case .case-box .col div {
    width: 48%;
  }
}
.single-pages#page-system-development .system-development-cont02 .case .case-box .col div .label {
  font-size: 16px;
  position: relative;
  font-weight: bold;
  overflow: hidden;
  padding-left: 40px;
}
.single-pages#page-system-development .system-development-cont02 .case .case-box .col div .label:before {
  content: "";
  width: 30px;
  height: 14px;
  background: #333;
  display: inline-block;
  vertical-align: middle;
  transform: skewX(-19deg);
  -webkit-transform: skewX(-19deg);
  -ms-transform: skewX(-19deg);
  left: -5px;
  top: 8px;
  position: absolute;
}
.single-pages#page-system-development .system-development-cont02 .case .case-box .col div ol, .single-pages#page-system-development .system-development-cont02 .case .case-box .col div ul {
  padding-left: 20px;
  margin-left: 0;
}
.single-pages#page-system-development .system-development-cont02 .case .case-box .col div ol li, .single-pages#page-system-development .system-development-cont02 .case .case-box .col div ul li {
  margin-bottom: 15px;
  font-size: 14px;
}
.single-pages#page-system-development .system-development-cont02 .zisseki-list {
  margin: 50px auto;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single-pages#page-system-development .system-development-cont02 .zisseki-list li {
  padding: 10px;
  font-size: 13px;
  width: 100%;
  font-weight: bold;
  border: 1px solid #333;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .zisseki-list li {
    width: 32%;
    font-size: 14px;
    padding: 1%;
  }
}
.single-pages#page-system-development .system-development-cont02 .zisseki-list li.sm {
  font-size: 11px;
}
.single-pages#page-system-development .system-development-cont02 .table-wrap {
  overflow-x: scroll;
}
@media screen and (min-width: 501px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap {
    overflow: inherit;
  }
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table {
  table-layout: fixed;
  min-width: 600px;
  width: auto;
}
@media screen and (min-width: 501px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table {
    table-layout: auto;
    width: 100%;
    min-width: auto;
  }
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table th {
  background: #333;
  color: #fff;
  border-color: #fff;
  font-size: 12px;
  padding: 10px 5px;
}
@media screen and (min-width: 501px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th {
    font-size: 12px;
    padding: 10px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th {
    font-size: 17px;
    padding: 15px;
  }
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table th:first-child {
  width: 70px;
}
@media screen and (min-width: 501px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th:first-child {
    width: 20%;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th:first-child {
    width: 150px;
  }
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table th:nth-child(2) {
  width: 70px;
}
@media screen and (min-width: 501px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th:nth-child(2) {
    width: 15%;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th:nth-child(2) {
    width: 200px;
  }
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table th:nth-child(3) {
  width: 70px;
}
@media screen and (min-width: 501px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th:nth-child(3) {
    width: 15%;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th:nth-child(3) {
    width: 200px;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table th:nth-child(4) {
    width: 300px;
  }
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table td {
  background: #fff;
  font-size: 12px;
  padding: 10px 5px;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 501px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table td {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table td {
    font-size: 17px;
    padding: 15px;
  }
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table td:nth-child(4) {
  width: 90px;
}
@media screen and (min-width: 501px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table td:nth-child(4) {
    width: 14%;
  }
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table td img {
  max-width: 20px;
}
.single-pages#page-system-development .system-development-cont02 .table-wrap table td p {
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .table-wrap table td p {
    font-size: 14px;
  }
}
.single-pages#page-system-development .system-development-cont02 .img-set {
  text-align: center;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .img-set {
    display: flex;
    align-items: flex-start;
    padding: 0 30px;
    justify-content: space-between;
  }
}
.single-pages#page-system-development .system-development-cont02 .img-set img {
  display: block;
  border: 1px solid #000;
  margin: 0 auto 10px auto;
}
@media screen and (min-width: 768px) {
  .single-pages#page-system-development .system-development-cont02 .img-set img {
    width: 48%;
    margin: 0;
  }
}
.single-pages#page-analysis-solutions .page-head {
  background: url(../img/analytics_main.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-analysis-solutions .img {
  margin: 30px auto;
  text-align: center;
}
.single-pages#page-analysis-solutions h4 {
  display: block;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-size: 18px;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  border: 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions h4 {
    font-size: 30px;
    margin-top: 60px;
  }
}
.single-pages#page-analysis-solutions h4:before {
  content: "";
  height: 2px;
  width: 99%;
  right: 0;
  bottom: 8px;
  background: #006bb5;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages#page-analysis-solutions h4:after {
  content: "";
  height: 2px;
  width: 99%;
  left: 0;
  bottom: 0;
  background: #333;
  position: absolute;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
.single-pages#page-analysis-solutions .sub-ttl {
  background: #e5e5e5;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .sub-ttl {
    /*margin-bottom: 80px;*/
  }
}
.single-pages#page-analysis-solutions .sub-ttl h3 {
  display: block;
  font-weight: bold;
  font-size: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  border: 0;
  text-align: center;
  padding: 20px 0;
  margin: 0;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .sub-ttl h3 {
    font-size: 30px;
  }
}
.single-pages#page-analysis-solutions .download-btn {
  margin: 0 0 100px 0;
}
.single-pages#page-analysis-solutions .boxed-content {
  border: 1px solid #333;
  padding: 20px;
  margin-bottom: 40px;
  background: #f5f5f5;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .boxed-content {
    padding: 25px;
  }
}
.single-pages#page-analysis-solutions .boxed-content h6 {
  text-align: left;
  font-size: 16px;
  margin: 0;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .boxed-content h6 {
    font-size: 20px;
  }
}
.single-pages#page-analysis-solutions .boxed-content .cont {
  text-align: left;
  font-size: 16px;
  padding: 10px 0 0 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .boxed-content .cont {
    font-size: 20px;
  }
}
.single-pages#page-analysis-solutions .boxed-content .cont h6 {
  border: 0;
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: center;
}
.single-pages#page-analysis-solutions .boxed-content .cont p {
  font-weight: normal;
  margin: 10px 0;
}
.single-pages#page-analysis-solutions .boxed-content .cont p.label {
  font-size: 16px;
  position: relative;
  font-weight: bold;
  overflow: hidden;
  padding-left: 40px;
  margin: 20px 0 -5px 0;
}
.single-pages#page-analysis-solutions .boxed-content .cont p.label:before {
  content: "";
  width: 30px;
  height: 14px;
  background: #333;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: skewX(-19deg);
  -moz-transform: skewX(-19deg);
  -ms-transform: skewX(-19deg);
  -o-transform: skewX(-19deg);
  transform: skewX(-19deg);
  left: -5px;
  top: 8px;
  position: absolute;
}
.single-pages#page-analysis-solutions .boxed-content .cont ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-pages#page-analysis-solutions .boxed-content .cont ul li {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .boxed-content .cont ul li {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .boxed-content .cont .flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.single-pages#page-analysis-solutions .boxed-content .cont .flex .col:first-child {
  margin-bottom: 20px;
  padding-right: 3%;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .boxed-content .cont .flex .col:first-child {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .boxed-content .cont .flex .col {
    width: 40%;
  }
}
.single-pages#page-analysis-solutions .boxed-content .cont .flex .col img {
  margin: 30px auto;
  width: 100%;
}
.single-pages#page-analysis-solutions .nayami-box {
  border: 5px solid #333;
  max-width: 900px;
  margin: 0 auto 20px auto;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .nayami-box {
    border: 5.5px solid #333;
  }
}
.single-pages#page-analysis-solutions .nayami-box .label {
  background: #333;
  color: #fff;
  margin: 0;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .nayami-box .label {
    display: inline-block;
    min-width: 420px;
    font-size: 24px;
    background: none;
    margin-top: -1px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .nayami-box .label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    left: -10px;
    top: 0;
    background: #333;
  }
}
.single-pages#page-analysis-solutions .nayami-box .label span {
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .nayami-box .label span {
    transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
  }
}
.single-pages#page-analysis-solutions .nayami-box .nayami-box-cont {
  padding: 20px;
}
.single-pages#page-analysis-solutions .nayami-box ul {
  margin: 0;
  padding-left: 20px;
  font-weight: bold;
}
.single-pages#page-analysis-solutions .nayami-box ul li {
  margin-bottom: 15px;
}
.single-pages#page-analysis-solutions .arrow {
  margin-top: 20px;
  text-align: center;
}
.single-pages#page-analysis-solutions .analysis-solutions-cont01 h2 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .analysis-solutions-cont01 h2 {
    margin-bottom: 50px;
  }
}
.single-pages#page-analysis-solutions .analysis-solutions-cont01 p {
  text-align: center;
  font-size: 18px;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  font-weight: bold;
}
@media screen and (max-width: 359px) {
  .single-pages#page-analysis-solutions .analysis-solutions-cont01 p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .analysis-solutions-cont01 p {
    font-size: 30px;
  }
}
.single-pages#page-analysis-solutions .analysis-solutions-cont02 .analysis-solutions-cont02-p01, .single-pages#page-analysis-solutions .analysis-solutions-cont02 .analysis-solutions-cont02-p02, .single-pages#page-analysis-solutions .analysis-solutions-cont02 .analysis-solutions-cont02-p03 {
  color: #006bb5;
  text-align: center;
  font-weight: bold;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .single-pages#page-analysis-solutions .analysis-solutions-cont02 .analysis-solutions-cont02-p01, .single-pages#page-analysis-solutions .analysis-solutions-cont02 .analysis-solutions-cont02-p02, .single-pages#page-analysis-solutions .analysis-solutions-cont02 .analysis-solutions-cont02-p03 {
    font-size: 24px;
  }
.single-pages#page-analysis-solutions .analysis-solutions-cont02 .analysis-solutions-cont02-p01 {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .single-pages .related-articles-list .article-list {
    display: flex;
    justify-content: center;
  }

}
.single-pages .related-articles-list .article-list > div {
  border: 1px solid #5c5b5b;
  background: #f5f5f5;
  padding: 20px;
  margin: 0 auto 10px auto;
  max-width: 480px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .single-pages .related-articles-list .article-list > div {
    margin: 0 2% 10px 0;
    width: 32%;
    max-width: 100%;
  }
}
.single-pages .related-articles-list .article-list > div a {
  text-decoration: none;
}
.single-pages .related-articles-list .article-list > div a p {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #5c5b5b;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 1.6;
  margin: 10px auto;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 85px;
}
@media screen and (min-width: 768px) {
  .single-pages .related-articles-list .article-list > div a p {
    font-size: 20px;
    height: 97px;
  }
}
.single-pages .related-articles-list .article-list > div a .name {
  text-align: center;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 57px;
}
.single-pages .related-articles-list .article-list > div a .img {
  margin: 10px auto !important;
  position: relative;
  width: 100%;
}
.single-pages .related-articles-list .article-list > div a .img img {
  width: 100%;
}
.single-pages .related-articles-list .article-list > div a .btn {
  text-align: right;
  margin-top: 10px;
}
.single-pages .related-articles-list .article-list > div a .btn span {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 14px;
  padding: 10px 40px 10px 25px;
  font-weight: bold;
  width: 95%;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  float: right;
  right: -30px;
}
.single-pages .related-articles-list .article-list > div a .btn span:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 8px;
  height: 13px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 10%;
  top: 50%;
}
.single-pages .related-articles-list .article-list > div a .btn span:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.single-pages .related-articles-list .article-list > div a .btn span:hover:before {
  width: 100%;
}
.single-pages .related-articles-list .navigation {
  margin-top: 70px;
}
.single-pages .related-articles-list .navigation .next a {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 14px;
  padding: 20px 20px 20px 25px;
  font-weight: bold;
  width: 100%;
  display: block;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
  text-align: center;
  margin: 15px auto;
}
@media screen and (min-width: 768px) {
  .single-pages .related-articles-list .navigation .next a {
    max-width: 500px;
  }
}
.single-pages .related-articles-list .navigation .next a:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.single-pages .related-articles-list .navigation .next a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.single-pages .related-articles-list .navigation .next a:hover:before {
  width: 100%;
}
.single-pages .related-articles-list .navigation .prev a {
  color: #333;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 14px;
  padding: 20px 20px 20px 25px;
  font-weight: bold;
  width: 100%;
  display: block;
  border: 1px solid #bfbfbf;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
  text-align: center;
  margin: 15px auto;
}
@media screen and (min-width: 768px) {
  .single-pages .related-articles-list .navigation .prev a {
    max-width: 500px;
  }
}
.single-pages .related-articles-list .navigation .prev a:after {
  content: "";
  background: url(../img/left-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%) rotate(180deg);
  -webkit-transform: skewX(17deg) translate(0, -50%) rotate(180deg);
  -ms-transform: skewX(17deg) translate(0, -50%) rotate(180deg);
  position: absolute;
  right: 5%;
  top: 50%;
}
.single-pages .related-articles-list .navigation .prev a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #c1c1c1;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.single-pages .related-articles-list .navigation .prev a:hover:before {
  width: 100%;
}
.single-pages#page-privacy .page-head,
.single-pages#page-cookie-policy .page-head {
  background: url(../img/privacy_main.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-privacy .single-page-content {
  font-size: 14px;
}
.single-pages#page-privacy .single-page-content p {
  margin: 50px 0 10px 0;
}
.single-pages#page-privacy .single-page-content .boxed-cont,
.single-pages#page-cookie-policy .single-page-content .boxed-cont  {
  border: 1px solid #a7a7a7;
  padding: 15px 25px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-privacy .single-page-content .boxed-cont,
  .single-pages#page-cookie-policy .single-page-content .boxed-cont {
    padding: 15px 50px;
  }
}
.single-pages#page-privacy .single-page-content .boxed-cont p,
.single-pages#page-cookie-policy .single-page-content .boxed-cont p {
  margin: 20px 0;
}
.single-pages#page-privacy .single-page-content table {
  color: #333;
}
.single-pages#page-privacy .single-page-content table td:first-child {
  background: none;
}
.single-pages#page-privacy .single-page-content ul {
  list-style: none;
  margin: 50px 0 0 0;
  padding: 0 0 0 25px;
}
.single-pages#page-privacy .single-page-content ul li {
  text-indent: -1.4em;
  margin: 0 0 40px 0;
}
.single-pages#page-privacy .single-page-content ul li table {
  text-indent: 0;
  margin: 20px 0;
}
.single-pages#page-privacy .single-page-content .indent-box > ul {
  margin: 30px 0 0;
}
.single-pages#page-privacy .single-page-content .indent-box > ul > li {
  margin: 0 0 30px 0;
}
.single-pages#page-privacy .single-page-content .indent-box > ul > li > div > ul {
  margin: 0;
}
.single-pages#page-privacy .single-page-content .indent-box > ul > li > div > ul > li {
  margin: 0;
}
.single-pages#page-partner .page-head, .single-pages#page-partner-thanks .page-head, .single-pages#page-partner-confirm .page-head {
  background: url(../img/partner_main.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-partner .sub-ttl, .single-pages#page-partner-thanks .sub-ttl, .single-pages#page-partner-confirm .sub-ttl {
  background: #e5e5e5;
}
.single-pages#page-partner .sub-ttl h3, .single-pages#page-partner-thanks .sub-ttl h3, .single-pages#page-partner-confirm .sub-ttl h3 {
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  border: 0;
  text-align: center;
  padding: 20px 0;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  margin: 50px 0 40px 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .sub-ttl h3, .single-pages#page-partner-thanks .sub-ttl h3, .single-pages#page-partner-confirm .sub-ttl h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .flex, .single-pages#page-partner-thanks .flex, .single-pages#page-partner-confirm .flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
}
.single-pages#page-partner .flex .col:nth-child(1), .single-pages#page-partner-thanks .flex .col:nth-child(1), .single-pages#page-partner-confirm .flex .col:nth-child(1) {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .flex .col:nth-child(1), .single-pages#page-partner-thanks .flex .col:nth-child(1), .single-pages#page-partner-confirm .flex .col:nth-child(1) {
    width: 45%;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .flex .col:nth-child(2), .single-pages#page-partner-thanks .flex .col:nth-child(2), .single-pages#page-partner-confirm .flex .col:nth-child(2) {
    padding-left: 20px;
    width: 55%;
  }
}
.single-pages#page-partner .flex .col.img, .single-pages#page-partner-thanks .flex .col.img, .single-pages#page-partner-confirm .flex .col.img {
  text-align: center;
}
.single-pages#page-partner .primary-btn-right a img, .single-pages#page-partner-thanks .primary-btn-right a img, .single-pages#page-partner-confirm .primary-btn-right a img {
  max-width: 80%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .sp_partner-list, .single-pages#page-partner-thanks .sp_partner-list, .single-pages#page-partner-confirm .sp_partner-list {
    display: none;
  }
}
.single-pages#page-partner .pc_partner-list, .single-pages#page-partner-thanks .pc_partner-list, .single-pages#page-partner-confirm .pc_partner-list {
  display: none;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .pc_partner-list, .single-pages#page-partner-thanks .pc_partner-list, .single-pages#page-partner-confirm .pc_partner-list {
    display: block;
  }
}
.single-pages#page-partner .partner-list, .single-pages#page-partner-thanks .partner-list, .single-pages#page-partner-confirm .partner-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.single-pages#page-partner .partner-list .partner-list-item, .single-pages#page-partner-thanks .partner-list .partner-list-item, .single-pages#page-partner-confirm .partner-list .partner-list-item {
  width: 100%;
  margin-bottom: 5%;
  background: #f4f3f3;
}
@media screen and (min-width: 481px) {
  .single-pages#page-partner .partner-list .partner-list-item, .single-pages#page-partner-thanks .partner-list .partner-list-item, .single-pages#page-partner-confirm .partner-list .partner-list-item {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .single-pages#page-partner .partner-list .partner-list-item:nth-child(2n + 1), .single-pages#page-partner-thanks .partner-list .partner-list-item:nth-child(2n + 1), .single-pages#page-partner-confirm .partner-list .partner-list-item:nth-child(2n + 1) {
    margin-left: 0;
  }
}

  .single-pages#page-partner .partner-list .partner-list-item, .single-pages#page-partner-thanks .partner-list .partner-list-item, .single-pages#page-partner-confirm .partner-list .partner-list-item {
    width: 23.5%;
    margin-left: 2%;

  }
  .single-pages#page-partner .partner-list .partner-list-item:nth-child(2n + 1), .single-pages#page-partner-thanks .partner-list .partner-list-item:nth-child(2n + 1), .single-pages#page-partner-confirm .partner-list .partner-list-item:nth-child(2n + 1) {
    margin-left: 2%;
  }
  .single-pages#page-partner .partner-list .partner-list-item:nth-child(4n + 1), .single-pages#page-partner-thanks .partner-list .partner-list-item:nth-child(4n + 1), .single-pages#page-partner-confirm .partner-list .partner-list-item:nth-child(4n + 1) {
    margin-left: 0;
  }



@media screen and (max-width: 968px) {
  .single-pages#page-partner .partner-list .partner-list-item, .single-pages#page-partner-thanks .partner-list .partner-list-item, .single-pages#page-partner-confirm .partner-list .partner-list-item {
    width: 48%;
    margin-left: 2%;
  }
  .single-pages#page-partner .partner-list .partner-list-item:nth-child(2n + 1), .single-pages#page-partner-thanks .partner-list .partner-list-item:nth-child(2n + 1), .single-pages#page-partner-confirm .partner-list .partner-list-item:nth-child(2n + 1) {
    margin-left: 0%!important;
  }
  .single-pages#page-partner .partner-list .partner-list-item:nth-child(4n + 1), .single-pages#page-partner-thanks .partner-list .partner-list-item:nth-child(4n + 1), .single-pages#page-partner-confirm .partner-list .partner-list-item:nth-child(4n + 1) {
    margin-left: 0;
  }
}

.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-head, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-head, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-head {
  background: #5a5c5b;
  color: #fff;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body {
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body {
    padding: 10px;
  }
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top {
  padding-bottom: 10px;
  border-bottom: 1px solid #777;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top h6, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top h6, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top h6 {
  margin: 5px 0;
  font-weight: bold;
  font-size: 15px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 27px;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top p, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top p, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-top p {
  margin: 0;
  color: #777;
  font-size: 12px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 63px;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm {
  padding: 10px 0;
  font-size: 12px;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl {
  width: 100%;
  margin: 10px 0;
  display: flex;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dt, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dt, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dt {
  color: #fff;
  text-align: center;
  width: 60px;
  background: #858786;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd {
  display: block;
  font-weight: bold;
  width: 100%;
  margin: 10px 0 0 0;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
  padding: 0 10px;
  margin: 0;
}
.single-pages#page-partner .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd.price, .single-pages#page-partner-thanks .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd.price, .single-pages#page-partner-confirm .partner-list .partner-list-item .partner-list-item-body .partner-list-item-body-bototm dl dd.price {
  color: #006665;
}
.single-pages#page-partner .partner-cont04 .boxed-content, .single-pages#page-partner-thanks .partner-cont04 .boxed-content, .single-pages#page-partner-confirm .partner-cont04 .boxed-content {
  border: 1px solid #5c5b5b;
  padding: 20px;
  margin-bottom: 15px;
  background: #f5f5f5;
  font-weight: bold;
}




@media screen and (min-width: 768px) {
  .single-pages#page-partner .partner-cont04 .boxed-content, .single-pages#page-partner-thanks .partner-cont04 .boxed-content, .single-pages#page-partner-confirm .partner-cont04 .boxed-content {
    padding: 25px;
  }
}
.single-pages#page-partner .partner-cont04 .boxed-content h6, .single-pages#page-partner-thanks .partner-cont04 .boxed-content h6, .single-pages#page-partner-confirm .partner-cont04 .boxed-content h6 {
  text-align: left;
  font-size: 16px;
  margin: 0;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .partner-cont04 .boxed-content h6, .single-pages#page-partner-thanks .partner-cont04 .boxed-content h6, .single-pages#page-partner-confirm .partner-cont04 .boxed-content h6 {
    font-size: 20px;
  }
}
.single-pages#page-partner .partner-cont04 .boxed-content .cont, .single-pages#page-partner-thanks .partner-cont04 .boxed-content .cont, .single-pages#page-partner-confirm .partner-cont04 .boxed-content .cont {
  text-align: left;
  font-size: 16px;
  padding: 10px 0 0 0;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .partner-cont04 .boxed-content .cont, .single-pages#page-partner-thanks .partner-cont04 .boxed-content .cont, .single-pages#page-partner-confirm .partner-cont04 .boxed-content .cont {
    font-size: 20px;
  }
}
.single-pages#page-partner .partner-cont04 .boxed-content .cont p, .single-pages#page-partner-thanks .partner-cont04 .boxed-content .cont p, .single-pages#page-partner-confirm .partner-cont04 .boxed-content .cont p {
  font-weight: bold;
  margin: 10px 0;
}
.single-pages#page-partner .partner-cont05 .boxed-content, .single-pages#page-partner-thanks .partner-cont05 .boxed-content, .single-pages#page-partner-confirm .partner-cont05 .boxed-content {
  border: 5.5px solid #333;
  margin-bottom: 20px;
}
.single-pages#page-partner .partner-cont05 .boxed-content .label, .single-pages#page-partner-thanks .partner-cont05 .boxed-content .label, .single-pages#page-partner-confirm .partner-cont05 .boxed-content .label {
  background: #333;
  color: #fff;
  margin: 0;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .partner-cont05 .boxed-content .label, .single-pages#page-partner-thanks .partner-cont05 .boxed-content .label, .single-pages#page-partner-confirm .partner-cont05 .boxed-content .label {
    display: inline-block;
    min-width: 420px;
    font-size: 24px;
    background: none;
    margin-top: -1px;
    margin-left: -1px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .partner-cont05 .boxed-content .label:before, .single-pages#page-partner-thanks .partner-cont05 .boxed-content .label:before, .single-pages#page-partner-confirm .partner-cont05 .boxed-content .label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    left: -10px;
    top: 0;
    background: #333;
  }
}


.single-pages#page-partner .partner-cont05 .boxed-content .label span, .single-pages#page-partner-thanks .partner-cont05 .boxed-content .label span, .single-pages#page-partner-confirm .partner-cont05 .boxed-content .label span {
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .partner-cont05 .boxed-content .label span, .single-pages#page-partner-thanks .partner-cont05 .boxed-content .label span, .single-pages#page-partner-confirm .partner-cont05 .boxed-content .label span {
    transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
  }
}
.single-pages#page-partner .partner-cont05 .boxed-content ul, .single-pages#page-partner-thanks .partner-cont05 .boxed-content ul, .single-pages#page-partner-confirm .partner-cont05 .boxed-content ul {
  margin: 15px 20px;
  padding: 0;
  list-style: none;
}
.single-pages#page-partner .partner-cont05 .boxed-content ul li, .single-pages#page-partner-thanks .partner-cont05 .boxed-content ul li, .single-pages#page-partner-confirm .partner-cont05 .boxed-content ul li {
  margin-bottom: 15px;
}
.single-pages#page-partner .partner-cont05 .boxed-content ul li h6, .single-pages#page-partner-thanks .partner-cont05 .boxed-content ul li h6, .single-pages#page-partner-confirm .partner-cont05 .boxed-content ul li h6 {
  font-size: 16px;
  margin: 0;
  position: relative;
  font-weight: bold;
  overflow: hidden;
  padding-left: 40px;
}
.single-pages#page-partner .partner-cont05 .boxed-content ul li h6:before, .single-pages#page-partner-thanks .partner-cont05 .boxed-content ul li h6:before, .single-pages#page-partner-confirm .partner-cont05 .boxed-content ul li h6:before {
  content: "";
  width: 30px;
  height: 14px;
  background: #333;
  display: inline-block;
  vertical-align: middle;
  transform: skewX(-19deg);
  -webkit-transform: skewX(-19deg);
  -ms-transform: skewX(-19deg);
  left: -5px;
  top: 8px;
  position: absolute;
}
.single-pages#page-partner .partner-cont05 .boxed-content ul li p, .single-pages#page-partner-thanks .partner-cont05 .boxed-content ul li p, .single-pages#page-partner-confirm .partner-cont05 .boxed-content ul li p {
  margin: 0;
}
.single-pages#page-partner .partner-cont05 .boxed-content .primary-btn-right, .single-pages#page-partner-thanks .partner-cont05 .boxed-content .primary-btn-right, .single-pages#page-partner-confirm .partner-cont05 .boxed-content .primary-btn-right {
  padding-left: 40px;
  padding-right: 40px;
}
.single-pages#page-partner .partner-cont05 .boxed-content .primary-btn-right a, .single-pages#page-partner-thanks .partner-cont05 .boxed-content .primary-btn-right a, .single-pages#page-partner-confirm .partner-cont05 .boxed-content .primary-btn-right a {
  min-width: 100%;
}
@media screen and (min-width: 768px) {
  .single-pages#page-partner .partner-cont05 .boxed-content .primary-btn-right a, .single-pages#page-partner-thanks .partner-cont05 .boxed-content .primary-btn-right a, .single-pages#page-partner-confirm .partner-cont05 .boxed-content .primary-btn-right a {
    min-width: 300px;
  }
}
.single-pages#page-partner-thanks .primary-btn {
  margin-top: 50px;
}
.single-pages#page-partner-thanks .primary-btn a:after {
  content: "<";
  left: 5%;
  font-size: 18px;
  right: inherit;
  transform: rotate(0deg);
}
.single-pages#page-partner-thanks .primary-btn a:before {
  z-index: -1;
}
.single-pages .partner-form form {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form {
    margin-top: 60px;
  }
}
.single-pages .partner-form form table {
  width: 100%;
  display: block;
  text-align: left;
  max-width: 600px;
  margin: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .single-pages .partner-form form table {
    table-layout: fixed;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form table {
    display: table;
    font-size: 14px;
  }
}
.single-pages .partner-form form table tbody {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form table tbody {
    display: table-row-group;
  }
}
.single-pages .partner-form form table tbody tr {
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form table tbody tr {
    display: table-row;
  }
}
.single-pages .partner-form form table tbody tr th {
  width: 100%;
  display: block;
  padding: 20px 0;
  vertical-align: top;
  text-align: left;
  border: 0;
  background: none;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form table tbody tr th {
    display: table-cell;
    width: 180px;
  }
}
.single-pages .partner-form form table tbody tr th .hissu {
  color: #006bb5;
}
.single-pages .partner-form form table tbody tr td {
  width: 100%;
  display: block;
  padding: 0 5px 10px 5px;
  border: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form table tbody tr td {
    display: table-cell;
    width: calc(100% - 180px);
  }
}
.single-pages .partner-form form table tbody tr td > div {
  position: relative;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form table.confirm-table td {
    padding: 10px 0;
  }
}
.single-pages .partner-form form input, .single-pages .partner-form form select, .single-pages .partner-form form textarea {
  width: 100%;
  border: 1px solid #9e9e9e;
  padding: 10px;
  font-size: 16px;
  border-radius: 0;
  color: #333;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form input, .single-pages .partner-form form select, .single-pages .partner-form form textarea {
    font-size: 14px;
  }
}
.single-pages .partner-form form span.tyui {
  color: #9e9e9e;
  font-size: 12px;
  margin-top: 10px;
  display: block;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form .agreement-row th {
    padding-top: 20px;
  }
}
.single-pages .partner-form form .agreement-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.single-pages .partner-form form .agreement-wrap label {
  display: block;
  align-items: center;
  position: relative;
  padding: 20px 0 20px 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.single-pages .partner-form form .agreement-wrap label .formError {
  left: 0 !important;
}
.single-pages .partner-form form .agreement-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.single-pages .partner-form form .agreement-wrap span {
  position: absolute;
  top: 50%;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #535353;
  text-indent: -9999px;
  transform: translate(0, -50%);
}
.single-pages .partner-form form .agreement-wrap span:after {
  content: "";
  position: absolute;
  display: none;
}
.single-pages .partner-form form .agreement-wrap input:checked ~ span:after {
  display: block;
}
.single-pages .partner-form form .agreement-wrap span:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #535353;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.single-pages .partner-form form .agreement-wrap p {
  margin: 0;
}
.single-pages .partner-form form .agreement-wrap p a {
  text-decoration: underline;
}
.single-pages .partner-form form .submit-btn {
  text-align: center;
  margin: 30px 0;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form .submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
  }
}
.single-pages .partner-form form .submit-btn a, .single-pages .partner-form form .submit-btn button {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  font-size: 18px;
  padding: 25px 20px 25px 10px;
  font-weight: bold;
  width: 95%;
  display: inline-block;
  background: #333;
  background-size: 12px auto;
  text-decoration: none;
  position: relative;
  margin: 0 10px 10px 10px;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form .submit-btn a, .single-pages .partner-form form .submit-btn button {
    min-width: 300px;
    width: auto;
  }
}
.single-pages .partner-form form .submit-btn a:after, .single-pages .partner-form form .submit-btn button:after {
  content: "";
  background: url(../img/right-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: 5%;
  top: 50%;
}
.single-pages .partner-form form .submit-btn a:before, .single-pages .partner-form form .submit-btn button:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.single-pages .partner-form form .submit-btn a:hover, .single-pages .partner-form form .submit-btn button:hover {
  background: #696969;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form .submit-btn a:hover, .single-pages .partner-form form .submit-btn button:hover {
    background: #333;
  }
  .single-pages .partner-form form .submit-btn a:hover:before, .single-pages .partner-form form .submit-btn button:hover:before {
    width: 100%;
  }
}
.single-pages .partner-form form .submit-btn a.back-btn, .single-pages .partner-form form .submit-btn button.back-btn {
  background: #fff;
  color: #333;
  padding: 25px 10px 25px 20px;
}
.single-pages .partner-form form .submit-btn a.back-btn:after, .single-pages .partner-form form .submit-btn button.back-btn:after {
  content: "";
  background: url(../img/left-arrow.png) no-repeat;
  width: 10.5px;
  height: 15.5px;
  background-size: 100% auto;
  transform: skewX(17deg) translate(0, -50%);
  -webkit-transform: skewX(17deg) translate(0, -50%);
  -ms-transform: skewX(17deg) translate(0, -50%);
  position: absolute;
  right: initial;
  left: 5%;
  top: 50%;
}
.single-pages .partner-form form .submit-btn a.back-btn:before, .single-pages .partner-form form .submit-btn button.back-btn:before {
  background: #c1c1c1;
}
.single-pages .partner-form form .submit-btn a.back-btn:hover, .single-pages .partner-form form .submit-btn button.back-btn:hover {
  background: #c1c1c1;
}
@media screen and (min-width: 768px) {
  .single-pages .partner-form form .submit-btn a.back-btn:hover, .single-pages .partner-form form .submit-btn button.back-btn:hover {
    background: #fff;
  }
  .single-pages .partner-form form .submit-btn a.back-btn:hover:before, .single-pages .partner-form form .submit-btn button.back-btn:hover:before {
    width: 100%;
  }
}
.single-pages .partner-form form .submit-btn a span, .single-pages .partner-form form .submit-btn button span {
  position: relative;
}
}
.single-pages#page-history .page-head {
  background: url(../img/history_main.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .page-content {
  padding-bottom: 0;
}
.single-pages#page-history .history-cont {
  padding: 50px 0;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .single-pages#page-history .history-cont {
    padding: 100px 0;
  }
}
.single-pages#page-history .history-cont img {
  opacity: 0;
}
.single-pages#page-history .history-cont .txt {
  position: relative;
  padding-bottom: 10px;
}
.single-pages#page-history .history-cont .txt:after {
  content: "";
  width: 110%;
  height: 2px;
  background: #333;
  position: absolute;
  bottom: 0;
  right: -10%;
}
@media screen and (min-width: 768px) {
  .single-pages#page-history .history-cont .txt:after {
    left: 0;
    right: initial;
    width: 100%;
  }
}
.single-pages#page-history .history-cont .txt p {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  transform: skewX(-8deg);
  -webkit-transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
}
@media screen and (min-width: 768px) {
  .single-pages#page-history .history-cont .txt p {
    font-size: 20px;
  }
}
.single-pages#page-history .history-cont .txt p.date {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 50px;
  font-style: italic;
  line-height: 1.3;
  transform: skewX(0);
  -webkit-transform: skewX(0deg);
  -ms-transform: skewX(0deg);
}
@media screen and (min-width: 768px) {
  .single-pages#page-history .history-cont .txt p.date {
    font-size: 100px;
  }
}
.single-pages#page-history .history-cont.history-cont02 .txt, .single-pages#page-history .history-cont.history-cont04 .txt, .single-pages#page-history .history-cont.history-cont06 .txt, .single-pages#page-history .history-cont.history-cont08 .txt, .single-pages#page-history .history-cont.history-cont10 .txt {
  text-align: right;
}
.single-pages#page-history .history-cont.history-cont02 .txt:after, .single-pages#page-history .history-cont.history-cont04 .txt:after, .single-pages#page-history .history-cont.history-cont06 .txt:after, .single-pages#page-history .history-cont.history-cont08 .txt:after, .single-pages#page-history .history-cont.history-cont10 .txt:after {
  right: initial;
  left: -10%;
}
@media screen and (min-width: 768px) {
  .single-pages#page-history .history-cont.history-cont02 .txt:after, .single-pages#page-history .history-cont.history-cont04 .txt:after, .single-pages#page-history .history-cont.history-cont06 .txt:after, .single-pages#page-history .history-cont.history-cont08 .txt:after, .single-pages#page-history .history-cont.history-cont10 .txt:after {
    left: initial;
    right: 0;
  }
}
.single-pages#page-history .history-cont .img img {
  position: relative;
}
.single-pages#page-history .history-cont01 {
  background: url(../img/history_bg01.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont01 .img {
  position: relative;
  margin-top: 20px;
}
.single-pages#page-history .history-cont01 .img img {
  display: block;
}
.single-pages#page-history .history-cont01 .img .history-cont01-img01 {
  width: 90%;
  float: right;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont01 .img .history-cont01-img01 {
    width: 55%;
    margin-top: -70px;
  }
}
.single-pages#page-history .history-cont01 .img .history-cont01-img02 {
  width: 35%;
  float: left;
  margin-top: -20px;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont01 .img .history-cont01-img02 {
    width: 20%;
    float: right;
    margin-top: 206px;
    right: -43px;
  }
}
.single-pages#page-history .history-cont02 {
  background: url(../img/history_bg02.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont02 .img {
  position: relative;
  margin-top: 20px;
}
.single-pages#page-history .history-cont02 .img img {
  display: block;
}
.single-pages#page-history .history-cont02 .img .history-cont02-img01 {
  width: 90%;
  float: left;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont02 .img .history-cont02-img01 {
    width: 55%;
    margin-top: -70px;
  }
}
.single-pages#page-history .history-cont02 .img .history-cont02-img02{
  width: 45%;
  float: right;
  margin-top: -20px;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont02 .img .history-cont02-img02 {
    width: 20%;
    float: left;
    margin-top: 230px;
    left: -20px;
  }
}
.single-pages#page-history .history-cont03 {
  background: url(../img/history_bg03.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont03 .img {
  position: relative;
  margin-top: 20px;
}
.single-pages#page-history .history-cont03 .img img {
  display: block;
}
.single-pages#page-history .history-cont03 .img .history-cont03-img01 {
    width: 90%;
    float: right;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont03 .img .history-cont03-img01 {
    width: 55%;
    margin-top: -70px;
  }
}
.single-pages#page-history .history-cont03 .img .history-cont03-img02 {
  width: 35%;
  float: left;
  margin-top: -20px;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont03 .img .history-cont03-img02 {
    width: 30%;
    float: right;
    margin-top: 256px;
    right: -33px;
  }
}
.single-pages#page-history .history-cont04 {
  background: url(../img/history_bg04.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont04 .img {
  position: relative;
  margin-top: 40px;
}
.single-pages#page-history .history-cont04 .img img {
  display: block;
}
.single-pages#page-history .history-cont04 .img .history-cont04-img01 {
  width: 90%;
  float: right;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont04 .img .history-cont04-img01 {
    float: left;
    width: 55%;
    margin-top: -70px;
  }
}
.single-pages#page-history .history-cont04 .img .history-cont04-img02 {
  width: 45%;
  float: left;
  margin-top: -5px;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont04 .img .history-cont04-img02 {
    width: 20%;
    float: left;
    margin-top: 220px;
    left: -23px;
  }
}
.single-pages#page-history .history-cont05 {
  background: url(../img/history_bg05.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont05 .img {
  position: relative;
  margin-top: 20px;
}
.single-pages#page-history .history-cont05 .img img {
  display: block;
}
.single-pages#page-history .history-cont05 .img .history-cont05-img01 {
  width: 90%;
  float: right;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont05 .img .history-cont05-img01 {
    width: 45%;
    margin-top: -70px;
  }
}
.single-pages#page-history .history-cont05 .img .history-cont05-img02 {
  width: 35%;
  float: left;
  margin-top: -20px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont05 .img .history-cont05-img02 {
    width: 20%;
    float: right;
    margin-top: 206px;
    right: -43px;
  }
}
.single-pages#page-history .history-cont05 .img .history-cont05-img03 {
  width: 35%;
  float: left;
  margin-top: 15%;
  left: -20px;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont05 .img .history-cont05-img03 {
    width: 20%;
    float: right;
    margin-top: 306px;
    left: 403px;
  }
}
.single-pages#page-history .history-cont06 {
  background: url(../img/history_bg06.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont06 .img {
  position: relative;
  margin-top: 40px;
}
.single-pages#page-history .history-cont06 .img img {
  display: block;
}
.single-pages#page-history .history-cont06 .img .history-cont06-img01 {
  width: 90%;
  float: left;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont06 .img .history-cont06-img01 {
    width: 45%;
    margin-top: -80px;
  }
}
.single-pages#page-history .history-cont06 .img .history-cont06-img02 {
  width: 45%;
  float: right;
  margin-top: -20px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont06 .img .history-cont06-img02 {
    width: 20%;
    float: left;
    margin-top: 200px;
    left: -23px;
  }
}
.single-pages#page-history .history-cont06 .img .history-cont06-img03 {
  width: 35%;
  float: right;
  margin-top: 18%;
  right: -20px;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont06 .img .history-cont06-img03 {
    width: 20%;
    float: left;
    margin-top: 280px;
    left: -403px;
  }
}
.single-pages#page-history .history-cont07 {
  background: url(../img/history_bg07.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont07 .img {
  position: relative;
  margin-top: 20px;
}
.single-pages#page-history .history-cont07 .img img {
  display: block;
}
.single-pages#page-history .history-cont07 .img .history-cont07-img01 {
  width: 90%;
  float: right;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont07 .img .history-cont07-img01 {
    width: 55%;
    margin-top: -70px;
  }
}
.single-pages#page-history .history-cont07 .img .history-cont07-img02 {
  width: 35%;
  float: left;
  margin-top: -20px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont07 .img .history-cont07-img02 {
    width: 20%;
    float: right;
    margin-top: 280px;
    right: -20px;
  }
}
.single-pages#page-history .history-cont07 .img .history-cont07-img03 {
  width: 35%;
  float: left;
  margin-top: 15%;
  left: -20px;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont07 .img .history-cont07-img03 {
    width: 20%;
    float: right;
    margin-top: 350px;
    left: 400px;
  }
}
.single-pages#page-history .history-cont08 {
  background: url(../img/history_bg08.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont08 .img {
  position: relative;
  margin-top: 20px;
}
.single-pages#page-history .history-cont08 .img img {
  display: block;
}
.single-pages#page-history .history-cont08 .img .history-cont08-img01 {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont08 .img .history-cont08-img01,
    .single-pages#page-history .history-cont10 .img .history-cont10-img01 {
    margin-top: -70px;
    width: 55%;
  }
}
.single-pages#page-history .history-cont09 {
  background: url(../img/history_bg09.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont09 .txt,
.single-pages#page-history .history-cont10 .txt {
  margin-bottom: 20px;
}
.single-pages#page-history .history-cont09 .img {
  position: relative;
  margin-top: 20px;
}
.single-pages#page-history .history-cont09 .img img {
  display: block;
}
.single-pages#page-history .history-cont09 .img .history-cont09-img01 {
  width: 90%;
  float: right;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont09 .img .history-cont09-img01 {
    width: 55%;
    margin-top: -300px;
  }
}
.single-pages#page-history .history-cont09 .img .history-cont09-img02 {
  width: 35%;
  float: left;
  margin-top: -20px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont09 .img .history-cont09-img02 {
    width: 20%;
    float: right;
    margin-top: 60px;
    right: -23px;
  }
}

.single-pages#page-history .history-cont10 {
  background: url(../img/history_bg10.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont10 .img {
  position: relative;
  margin-top: 20px;
}
.single-pages#page-history .history-cont10 .img img {
  display: block;
}
.single-pages#page-history .history-cont10 .img .history-cont10-img01 {
width: 90%;
    float: left;
}


.single-pages#page-history .history-cont10 .img .history-cont10-img02 {
    width: 45%;
    float: left;
    margin-top: -5px;
    }

.single-pages#page-history .history-cont10 .img .history-cont10-img03 {
width: 20%;
    margin-top: 150px;
    left: 20px;
    /* margin-left: -400px; */
    opacity: 1;
    float: right;
    z-index: 5;
    }
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont10 .img .history-cont10-img01 {
    margin-top: -300px;
    width: 55%;
  }
  .single-pages#page-history .history-cont10 .img .history-cont10-img02 {
width: 28%;
    float: left;
    margin-top: 20px;
    margin-left: -20px;
    z-index: 1;
  }
    .single-pages#page-history .history-cont10 .img .history-cont10-img03 {
    width: 20%;
    float: left;
    margin-top: 150px;
    margin-left: -450px;
    z-index: 1;
  }
}

@media screen and (max-width: 1200px) {
   .single-pages#page-history .history-cont10 .img .history-cont10-img01
   {
float: left;
  }
  .single-pages#page-history .history-cont10 .img .history-cont10-img02
   {
float: right;
margin-top: -50px;
  }
    .single-pages#page-history .history-cont10 .img .history-cont10-img03
   {
float: right;
margin-top: 30px;
width: 30%;
  }
}


.single-pages#page-history .history-cont11 {
  background: url(/wp-content/uploads/2021/11/history_bg11.jpg) no-repeat center;
  background-size: cover;
}
.single-pages#page-history .history-cont11 .img {
  position: relative;
      top: -100px;
}
.single-pages#page-history .history-cont11 .img img {
  display: block;
}
.single-pages#page-history .history-cont11 .img .history-cont011-img01 {
  width: 90%;
  float: right;
}
@media screen and (min-width: 1200px) {
  .history_cont11_all{position: relative;top: -200px;}
  .single-pages#page-history .history-cont11 .img .history-cont11-img01 {
    width: 45%;
    margin-top: -70px;
  }
}
.single-pages#page-history .history-cont11 .img .history-cont11-img02 {
  width: 35%;
  float: left;
  margin-top: -20px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont11 .img .history-cont11-img02 {
    width: 20%;
    float: right;
    margin-top: 206px;
    right: -43px;
  }
}
.single-pages#page-history .history-cont11 .img .history-cont11-img03 {
  width: 35%;
  float: left;
  margin-top: 15%;
  left: -20px;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .single-pages#page-history .history-cont11 .img .history-cont11-img03 {
    width: 20%;
    float: right;
    margin-top: 306px;
    left: 403px;
  }
}

@media screen and (max-width: 1200px) {
  .history_cont11_all{position: relative;top: 0px!important;}}



.single-pages#page-media-list .page-head {
  background: url(../img/media_main.png) no-repeat center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .single-pages#page-media-list .media-list-wrap {
    display: flex;
    flex-wrap: wrap;
  }
}
.single-pages#page-media-list .media-list-wrap .media-list-col {
  margin-bottom: 5%;
}
@media screen and (min-width: 768px) {
  .single-pages#page-media-list .media-list-wrap .media-list-col {
    width: 49%;
  }
  .single-pages#page-media-list .media-list-wrap .media-list-col:nth-child(2n) {
    margin-left: 2%;
  }
}
.single-pages#page-media-list .media-list-wrap .media-list-col.media-list-01 a span.img-wrap {
  background: url(../img/media_img01.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-media-list .media-list-wrap .media-list-col.media-list-02 a span.img-wrap {
  background: url(../img/media_img02.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-media-list .media-list-wrap .media-list-col.media-list-03 a span.img-wrap {
  background: url(../img/media_img03.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-media-list .media-list-wrap .media-list-col.media-list-04 a span.img-wrap {
  background: url(../img/media_img04.png) no-repeat center;
  background-size: cover;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-lsit-col-top a {
  overflow: hidden;
  display: block;
  height: 200px;
  width: 100%;
  position: relative;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-lsit-col-top a .media-list-col-top-img {
  transform: skew(-25deg);
  -webkit-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  overflow: hidden;
  height: 200px;
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-lsit-col-top a .media-list-col-top-img span.img-wrap {
  transform: skew(25deg);
  -webkit-transform: skew(25deg);
  -ms-transform: skew(25deg);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 112%;
  height: 100%;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-lsit-col-top a .media-list-col-top-img .media-list-col-top-label {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 20px 10px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-lsit-col-top a .media-list-col-top-img .media-list-col-top-label span.ttl {
  transform: skew(25deg);
  -webkit-transform: skew(25deg);
  -ms-transform: skew(25deg);
  color: #fff;
  font-weight: bold;
  display: block;
  font-size: 30px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1;
  font-style: italic;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-lsit-col-top a .media-list-col-top-img .media-list-col-top-label span.btn {
  color: #fff;
  display: block;
  transform: skew(25deg);
  -webkit-transform: skew(25deg);
  -ms-transform: skew(25deg);
  font-size: 13px;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-lsit-col-top a .media-list-col-top-img .media-list-col-top-label span.btn:after {
  content: "";
  background: url(../img/media_right_arrow.png) no-repeat;
  background-size: 100% auto;
  width: 11px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-size: 24px;
  margin: 30px 0 0 0;
  border-bottom: 1px solid #a7a9a2;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .media-list-col-articles a {
  display: flex;
  padding: 15px 30px 15px 0;
  align-items: center;
  background: url(../img/media_right_arrow_bl.png) no-repeat center right;
  background-position: 98% center;
  border-bottom: 1px solid #a7a9a2;
  color: #333;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .media-list-col-articles a .media-list-col-articles-img {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .media-list-col-articles a .media-list-col-articles-img img {
  position: absolute;
  height: 100px;
  width: inherit;
  max-width: inherit;
  left: -50%;
  right: -50%;
  top: 0;
  margin: auto;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .media-list-col-articles a .media-list-col-articles-txt {
  width: calc(100% - 100px);
  padding-left: 20px;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .media-list-col-articles a .media-list-col-articles-txt h4 {
  margin: 10px 0;
  font-size: 14px;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .media-list-col-articles a .media-list-col-articles-txt p {
  font-size: 12px;
  margin: 0;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .more-btn {
  text-align: right;
  margin: 15px 0;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .more-btn a {
  display: inline-block;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: 10px 40px 10px 40px;
  overflow: hidden;
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .more-btn a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #333;
  position: absolute;
  left: -20px;
  top: 0;
  z-index: -1;
  transform: skew(-20deg);
  -webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
}
.single-pages#page-media-list .media-list-wrap .media-list-col .media-list-col-articles-wrap .more-btn a:after {
  content: "";
  background: url(../img/media_right_arrow.png) no-repeat;
  width: 10px;
  height: 17px;
  background-size: 100% auto;
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
}
.single-pages#page-media-list .cta-btn {
  text-align: center;
}
.single-pages#page-media-list .cta-btn .contact {
  width: 90%;
  margin: 2% auto;
  transform: skewX(-20deg);
  -webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  background: #333;
  display: flex;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  left: 2%;
}
.single-pages#page-media-list .cta-btn .contact .img {
  width: 45%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.single-pages#page-media-list .cta-btn .contact .img span {
  transform: skewX(20deg);
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  background: url(../img/media_contact.png) no-repeat center;
  background-size: cover;
  width: 120%;
  height: 100%;
  position: absolute;
  left: -50%;
  right: -50%;
  top: 0;
  margin: auto;
}
.single-pages#page-media-list .cta-btn .contact .txt {
  transform: skewX(20deg);
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  width: 70%;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 32px;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 20px;
}
.single-pages#page-media-list .cta-btn .contact .txt img {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
}
.single-pages#page-media-list .cta-btn .contact .txt:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: -10%;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.single-pages#page-media-list .cta-btn .contact .txt:hover:before {
  width: 130%;
}
.single-pages#page-media-list .cta-btn .download {
  width: 90%;
  margin: 2% auto;
  transform: skewX(-20deg);
  -webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  background: #333;
  display: flex;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  left: -2%;
}
.single-pages#page-media-list .cta-btn .download .img {
  width: 45%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.single-pages#page-media-list .cta-btn .download .img span {
  transform: skewX(20deg);
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  background: url(../img/media_dl.png) no-repeat center;
  background-size: cover;
  width: 120%;
  height: 100%;
  position: absolute;
  left: -50%;
  right: -50%;
  top: 0;
  margin: auto;
}
.single-pages#page-media-list .cta-btn .download .txt {
  transform: skewX(20deg);
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  width: 70%;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 32px;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 20px;
}
.single-pages#page-media-list .cta-btn .download .txt img {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
}
.single-pages#page-media-list .cta-btn .download .txt:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: -10%;
  top: 0;
  background: #696969;
  -webkit-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -o-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  -moz-transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  transition: width 0.2s cubic-bezier(0.64, 0.06, 1, 1);
  z-index: -1;
}
.single-pages#page-media-list .cta-btn .download .txt:hover:before {
  width: 130%;
}
#error-page p {
  text-align: center;
}

/*20200602*/
}
.photo a.tbox1,.photo a.tbox2,.photo a.tbox3{
  position: absolute;
  right: 0;
  opacity    : 0;
  animation  : bgAnime 12s infinite; 
 -webkit-animation: bgAnime 12s infinite;
}

.photo a.txtbox1,.photo a.txtbox2,.photo a.txtbox3{ 
  position: absolute;
  top: 20%;
  right: 0;
  opacity    : 0;
  animation  : txtAnime 12s infinite; 
 -webkit-animation:  txtAnime 12s infinite;
}


@keyframes bgAnime {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
        z-index: 5;

    }
    33.3% {
        opacity: 1;
        z-index: 5;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes txtAnime{
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
        z-index: 25;

    }
    33.3% {
        opacity: 1;
        z-index: 25;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}



#home #main:before{z-index: 10;}

#home #main a.txtbox1{
  animation-delay  : 0s;
  z-index: 20;
}

#home #main a.txtbox2{
    animation-delay:4s!important;
-moz-animation-delay:4s!important;
-webkit-animation-delay: 4s!important;
-o-animation-delay: 4s!important;
  z-index: 20;
}
#home #main a.txtbox3{
    animation-delay:8s!important;
-moz-animation-delay: 8s!important;
-webkit-animation-delay: 8s!important;
-o-animation-delay: 8s!important;
  z-index: 20;
}


.photo a.tbox1 {
background:url("/../wp-content/uploads/2021/02/dx.jpg"); 
background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;

  display: block;
  }

.photo a.tbox2 {
background:url("/../wp-content/uploads/2021/02/ai.jpg");
background-position-y: 40%;
background-position-x: -200px;
background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    animation-delay:4s!important;
-moz-animation-delay:4s!important;
-webkit-animation-delay: 4s!important;
-o-animation-delay: 4s!important;

    display: block;
  }

.photo a.tbox3 {
background:url("/../wp-content/uploads/2021/02/car.jpg");
background-position-x: -200px;
background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    animation-delay:8s!important;
-moz-animation-delay: 8s!important;
-webkit-animation-delay: 8s!important;
-o-animation-delay: 8s!important;

    display: block;
  }


@media screen and (max-width: 768px) {
.photo a.txtbox1,.photo a.txtbox2,.photo a.txtbox3{ 
width: 100%;
height: 100%!important;
top:0;
  }
.photo a.tbox1,.photo a.tbox2,.photo a.tbox3{  top:0;}
.photo a.tbox2{background-position-x:0!important;}
.txt_head{top:50px;position: relative;}
#home .txt-animation .txt{font-size:130%;}
}

@media screen and (max-width: 468px) {
#home .txt-animation .txt{font-size:100%;}
}

.case_study_category_box{
background: #2E65A2;
transform: skewX( -15deg);
-webkit-transform: skewX( -15deg);
padding: 0px 10px;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 2%;
    text-align: center;
    color: #fff;
}


@media print{
footer,header,.related-articles-list,.page-navigation,.breadcrumb,.analysis-solutions-cont02 .sub-ttl:nth-of-type(1),.analysis-solutions-cont02-p02,.arrow,.primary-btn-right,.single-pages#page-analysis-solutions .page-head,video
{display:none;}
.col img{width:30%!important;}
.col img:nth-of-type(2){height: 80%;}
.col:nth-of-type(2) {display: flex;}
.single-pages#page-analysis-solutions h4{margin-bottom: 60px;}
}


#pi_tracking_opt_in_div a{text-decoration: underline; color: #fff;}
#pi_tracking_opt_in_yes,
#pi_tracking_opt_in_no{border: 1px solid #fff; color:#fff!important; padding:5px; text-decoration: none!important; border-radius: 2px; margin: 5px;}

@media screen and (min-width: 1500px){#content{padding-top:72px!important;}}
/* @media screen and (max-width: 1200px){#content{padding-top:66px!important;}}*/
@media screen and (max-width: 1000px){#content{padding-top:50px!important;}}

.industry_box{
background: #d1d1d1;padding: 0px 7px;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 2%;
    text-align: center;
    color: #666;
transform: skewX( 
-15deg
 );
    -webkit-transform: skewX( 
-15deg
 );
}

}
.ribbon_box{     padding: 0!important;    background: #fff!important;
    border: none!important;}
.ribbon {
  display: flex;
  /*justify-content: flex-end;*/
  padding-right: 10px;
}

.ribbon_none{background: #FCFCFC!important;color:#FCFCFC!important;}
.ribbon_none:after{    border-color: transparent transparent transparent #FCFCFC!important;}

.ribbon div {
 width: calc(100% /5);
  text-align: center;
  height: 41px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 10px;
}

@media screen and (max-width: 501px) {
.ribbon div {
    height: 30px;
    font-size: 10px;
    width: calc(100% /5);
    padding-left: 5px;
  }
}

@media screen and (max-width: 768px) {
.ribbon div {
    height: 40px;
    font-size: 12px;
    width: calc(100% /5);
    padding-left: 10px;
  }
}

.ribbon div.empty:before {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  z-index: 1;
}

@media screen and (min-width: 501px) {
.ribbon div.empty:before {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}

@media screen and (min-width: 768px) {
.ribbon div.empty:before {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}

.ribbon div.ribbon1 {
  background: #d6d6d6;
  color: #333;
}
.ribbon div.ribbon1:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #d6d6d6;
  border-style: solid;
}
@media screen and (min-width: 501px) {
.ribbon div.ribbon1:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
.ribbon div.ribbon1:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.ribbon div.ribbon2 {
  background: #979797;
  color: #333;
}
.ribbon div.ribbon2:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #979797;
  border-style: solid;
}
@media screen and (min-width: 501px) {
.ribbon div.ribbon2:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
.ribbon div.ribbon2:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.ribbon div.ribbon3 {
  background: #858585;
  color: #fff;
}
.ribbon div.ribbon3:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #858585;
  border-style: solid;
}
@media screen and (min-width: 501px) {
.ribbon div.ribbon3:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
.ribbon div.ribbon3:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.ribbon div.ribbon4 {
  background: #5c5c5c;
  color: #fff;
}
.ribbon div.ribbon4:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #5c5c5c;
  border-style: solid;
}
@media screen and (min-width: 501px) {
.ribbon div.ribbon4:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
.ribbon div.ribbon4:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
.ribbon div.ribbon5 {
  background: #333;
  color: #fff;
}
.ribbon div.ribbon5:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #333;
  border-style: solid;
}
@media screen and (min-width: 501px) {
.ribbon div.ribbon5:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
.ribbon div.ribbon5:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}

.ribbon div.ribbon6 {
  background: #000;
  color: #fff;
}
.ribbon div.ribbon6:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-width: 20px 0px 20px 10px;
  border-color: transparent transparent transparent #000;
  border-style: solid;
}
@media screen and (min-width: 501px) {
.ribbon div.ribbon6:after {
    border-width: 15px 0px 15px 5px;
    right: -5px;
  }
}
@media screen and (min-width: 768px) {
.ribbon div.ribbon6:after {
    border-width: 20px 0px 20px 10px;
    right: -10px;
  }
}
@media screen and (max-width: 480px) {
.ribbon div{
    font-size: 11px;
    line-height: 1.5;
  }
}

.use_case_main .flex{margin-bottom:0!important;}
.use_case{display: flex;    padding: 10px;margin-top:20px;}
.use_case h5{font-size: 20px;
    min-width: 17%;
    padding: 20px;
    border-right: 5px solid #333;
    margin: 0;
    vertical-align: middle;
    display: flex;
    -webkit-align-items: center;
    align-items: center;}
.use_case p{    flex: 1;padding:0 30px; font-weight:bold;font-size:16px;}
.use_case_issue{/*list-style: none;*/ margin-bottom:10px;}
.use_case_issue .title{ font-size:16px;font-weight:bold;    margin-top: 10px;}
.solve{background:#006bb526;font-weight: bold;    margin-bottom: 20px;}
.solve ul li{margin-bottom:10px;}
.use_case_box h3{border-left: 5px solid #006bb5;
    border-bottom: 0!important;
    padding-left: 10px;}
.use_case_box img{width:100%;}
.arrow{    text-align: center; margin-top: 20px;}
.use_case h5 {
    font-size: 20px;
    min-width: 17%;
    padding: 20px;
    border-right: 5px solid #333;
    margin: 0;
    vertical-align: middle;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}


.arrow_box {
    position: relative;
    background: #fff;
    border: 3px solid #2e65a2;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
    box-shadow: 1px 3px 5px 0px rgb(0 0 0 / 50%);
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:before {
    border-color: rgba(46,101,162,0);
    border-bottom-color: #2e65a2;
    border-width: 24px;
    margin-left: -24px;
}
.arrow_box:after {
    border-color: rgba(255,245,255,0);
    border-bottom-color: #fff;
    border-width: 20px;
    margin-left: -20px;
}

.arrow_box h5 {
    border: 0;
    color: #fff;
    margin-left: -1px;
    background: #2e65a2;
}

@media screen and (max-width: 480px) {
.arrow_box h5{padding:0;margin:0;width:100%;}

}

.inc #app{display:none;}
.inc #jirei-index{margin-top: -30px;}




.intro_prof{width: 100%;text-decoration: none!important;display: flex;padding-right: 20px; 
    background: #eee; overflow:hidden;}
.intro_prof img{object-fit: cover; max-height: 150px;}
.intro_service{background: antiquewhite;
    display: flex;
    flex: 1;}
.intro_prof_txt{width:100%;padding-left: 20px;}
.intro_prof_title{     width: 100%;
font-size: 16px;padding-top:10px;
    font-weight: bold;border-bottom:1px solid;}
.intro_prof_txt span{font-size: 12px;margin-left:10px;font-weight: normal;}
.intro_prof_txt p{margin:0;line-height:1.5!important;font-size: 12px;padding-top:10px;margin-left: 0!important;}
.intro_prof_txt .more{color: #fff;
    font-family: 'Roboto Condensed',sans-serif;
    transform: skewX( 
-17deg
 );
    -webkit-transform: skewX( 
-17deg
 );
    -ms-transform: skewX(-17deg);
    font-size: 12px;
    padding: 10px;
    /* padding: 10px 40px 10px 25px; */
    font-weight: 700;
    width: 50%;
    background: #333;
    background-size: 12px auto;
    text-decoration: none;
    position: relative;
    display: block;
    text-align: center;
    /* margin: 0; */
    float: right;
    right: -30px;
    bottom: 0;
    top: 22px;}

.intro_use_service{margin-left:20px;}
.intro_use_service img{
max-height: 150px;
    margin-left: 10px;    left: 10px;
    position: relative;}
.int_right{width:60%;}
.int_left{width:40%;}
.int_download{width:50%; margin:0 auto;padding:10px;}
.int_left a:hover,.int_right a:hover{opacity:0.8;}
.use_case_cont{min-height: 50px;
    display: block; font-size:14px!important;}

@media screen and (max-width: 1000px) {
.intro_prof img{width:auto;}
.int_right,.int_left{width:85%;margin:0 auto;}
.int_left{margin-top:20px;}
.intro_use_service{margin:0;}
.flex{display: flex;
    width: 100%;
    flex-direction: column-reverse;}
.intro_use_service img{left:0;}
#page-professional .flex{display:block!important;}
iframe{width:100%;}
}

@media screen and (max-width: 781px) {
.int_download{width:100%; }
}

@media screen and (max-width: 481px) {
.int_right, .int_left{width:100%;margin-bottom:20px;}
.intro_use_service{height:180px;}
.use_case_box h3{font-size:18px!important;}
.center_title{font-size:22px;width:70%;}
.pages#jirei-single .flex{margin:0;}
.intro_prof img{width:100px;object-fit: contain;}
.intro_prof_txt{position: relative;padding:0;left: 10px;padding-bottom: 20px;}
.intro_prof_txt P{font-size:12px!important;}
.intro_prof_txt span{font-size:10px;}
.flex .more{right:-20px!important;}
.use_case{flex-direction: column;}
.use_case_issue{padding:0;}
.use_case h5{width: 90%;
    border-bottom: 4px solid #333;
    border-right: 0;
    text-align: center;    display: inline-block;
    padding: 5px;
    margin: 0 auto;}
.int_download{width:100%; margin:0 auto;}
.intro_use_service img{margin-left:0;}

}
@media screen and (max-width: 781px) {
.int_download{width:100%; }
}

@media screen and (max-width: 481px) {
.int_right, .int_left{width:100%;margin-bottom:20px;}
.use_case_box h3{font-size:18px!important;}
.center_title{font-size:22px;width:70%;}
.pages#jirei-single .flex{margin:0;}
.intro_prof img{width:100px;object-fit: contain;}
.intro_prof_txt{position: relative;padding:0;left: 10px;padding-bottom: 20px;}
.intro_prof_txt P{font-size:12px!important;}
.intro_prof_txt span{font-size:10px;}
.flex .more{right:-20px!important;}
.use_case{flex-direction: column;}
.use_case_issue{padding:0;}
.use_case h5{width: 90%;
    border-bottom: 4px solid #333;
    border-right: 0;
    text-align: center;    display: inline-block;
    padding: 5px;
    margin: 0 auto;}
.int_download{width:100%; margin:0 auto;}
.intro_use_service img{margin-left:0;}

}
.center_title {
    display: block;
    position: relative;
    font-size: 26px;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
}

.center_title:after {
    content: "";
    height: 5px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #333;
    position: absolute;
    transform: skewX(
-8deg
);
    -webkit-transform: skewX(
-8deg
);
    -ms-transform: skewX(-8deg);
}

/* ニュース一覧 */
.pages .page-content .article-index-cont {
  padding-bottom: 80px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .pages .page-content .article-index-cont {
    float: right;
    width: 70%;
  }
  .pages .page-content .article-index-cont.no-sidebar {
    float: none;
    width: 100%;
  }
  .pages .page-content .article-cont h3 {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pages#news-index aside {
    float: left;
    width: 25%;
  }
}
.pages#news-index aside > div {
  margin-bottom: 50px;
}
.pages#news-index aside h4 {
  margin: 0;
  text-align: center;
  font-size: 20px;
  padding-bottom: 8px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .pages#news-index aside h4 {
    font-size: 18px;
  }
}
.pages#news-index aside h4:after {
  content: "";
  background: #333;
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
}
.pages#news-index aside h5 {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 66px;
  font-weight: normal;
}
.pages#news-index aside .new-post ul {
  margin: 0;
  padding: 0;
}
.pages#news-index aside .new-post ul li {
  display: block;
  border-bottom: 1px solid #888985;
}
.pages#news-index aside .new-post ul li a {
  padding: 10px;
  display: block;
  text-decoration: none;
  font-weight: normal;
}
.pages#news-index aside .new-post ul li a .cat {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.pages#news-index aside .new-post ul li a .cat span {
  min-width: 120px;
  position: relative;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  background: #333;
}
.pages#news-index aside .new-post ul li a .cat span:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #333;
  transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.pages#news-index aside .new-post ul li a .date {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
.pages#news-index aside .new-post ul li a h5 {
  
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.8;
  height: 50px;
 text-decoration: none; 
}
.pages#news-index aside .new-post ul li a h5:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .pages#news-index aside .new-post ul li a h5 {
    font-size: 14px;
  }
}

.current{
    background: #006bb5;
    padding: 5px 20px!important;
    color: #fff;
}

.pages#news-index aside .category ul {
  margin: 0;
  padding: 0;
}
.pages#news-index aside .category ul li {
  display: block;
  border-bottom: 1px solid #888985;
}
.pages#news-index aside .category ul li a {
  display: block;
  text-align: center;
  padding: 15px;
  font-size: 15px;
  text-decoration: none;
}
.pages#news-index aside .category ul li a:hover {
  background: #e2e2e2;
}
.pages#news-index aside .monthly-post ul {
  margin: 0;
  padding: 0;
}
.pages#news-index aside .monthly-post ul li {
  display: block;
}
.pages#news-index aside .monthly-post ul li a {
  display: block;
  text-align: center;
  padding: 15px;
  font-size: 18px;
  text-decoration: none;
  border-bottom: 1px solid #888985;
  position: relative;
}
.pages#news-index aside .monthly-post ul li a:hover {
  background: #e2e2e2;
}
.pages#news-index aside .monthly-post > ul > li > a:after {
  content: "";
  position: absolute;
  background: url(../img/bottom_bl.png) no-repeat center;
  background-size: 100% auto;
  width: 20px;
  height: 10px;
  top: 50%;
  transform: translate(0, -50%);
  margin: auto;
  right: 3%;
}
.pages#news-index aside .monthly-post > ul > li > a.active:after {
  transform: rotate(180deg);
  top: initial;
  bottom: 50%;
}
.pages#news-index aside .monthly-post > ul > li > ul {
  display: none;
}

/*professional*/
#page-professional .page-content {
    overflow-y: clip!important;
}
#page-professional .flex p{margin:0;}
.professional{
    display: flex;
    flex-direction: column;
position: relative;
    width: 30%;
    margin: 15px;font-family:serif; color:#fff;}

.professional .p_img p{display:none;}

.professional .p_prof p{font-size: 12px;min-height: 280px;
    padding: 20px;
    margin: 0;}
.p_name span{font-size:12px; padding-left:10px;display:block;}
.p_name{  font-weight: bold;font-size:20px;    text-align: center;
    /* margin: 15px; */
    padding: 10px 0;
    margin: 0 15px;
    /* padding-bottom: 10px; */
    border-bottom: 1px solid #fff;}

.p_prof{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,093872+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #093872 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#093872 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#093872 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#093872',GradientType=0 ); /* IE6-9 */
display: inline-block;
    position: relative;
flex:1;
}
.professional .sankaku{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 32px 60px;
    border-color: transparent transparent #000;
    position: absolute;
    bottom: 0;
    right: 0;}

.p_button {padding: 0 15px 10px 15px;}

.p_button a{width: 100%;position: relative;
    background: #fff;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
    padding: 25px;
    text-decoration: none;
    font-weight: 700;}
.p_button a:hover{text-decoration: none; color:#fff;}

.p_button a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .7s cubic-bezier(.19, 1, .22, 1);
    background: #000;
  }
  
.p_button a:hover:before {
    transform: scaleX(1);
    transform-origin: left;
  }
  
.p_button a .inner-text {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-top: 10px;
  }

.p_service{color: #ffd400;}
.p_service span{padding:0;}
.p_img{    position: relative;
    overflow: hidden;
    text-align: center;}
.p_img span{    display: block;
    width: 100%;
    color: #000;
    bottom: 0;
font-weight: 700;
    font-size: 18px;
    margin-top: auto;
    position: absolute;
    background-color: rgba(190,170,0,.8);}

@media screen and (max-width: 1000px){
.professional{width:100%;margin-bottom:40px;    margin-left: 0;}
}


.single-pages#page-professional .page-head {
  background: url(../img/professional_main.jpg) no-repeat center;
  background-size: cover;
  background-position: center top;
}
@media screen and (min-width: 768px) {
  .single-pages#page-professional .page-head {
    background-size: cover;
    background: url(../img/professional_main.jpg) no-repeat center;
    background-size: 130% auto;
    background-position: 88% 37%;
  }
}
@media screen and (min-width: 1200px) {
  .single-pages#page-professional .page-head {
    background-size: 108% auto;
    background-position: 95% 44%;
  }
}

.space{padding-left:20px;}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.au_main {
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    height: inherit;
}

.au_right h3 {
    margin-bottom: 0;
}

.au_left {
    width: 45%;
    right: 0;
    position: absolute;
}

.autest {
    width: 90%;
    position: relative;
    min-height: 300px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
}

.au_right {
    width: 50%;
    top: 90px;
    position: relative;
}

.autest h2 {
    font-size: 30px!important;
    margin: 0;
}

/*aras*/
.ttl{font-size: 30px;
    font-weight: bold;
    color: #006bb5;
    font-style: italic;}
.a_link a{text-decoration:underline; color:red;}
.aras_nayami{margin-top:80px;}
.aras_nayami ul{line-height: 2;
    font-size: 14px;}

.aras_h3{margin-left:20px; text-align:left!important;}

.tobe .col{width:50%;}
@media screen and (max-width: 768px){
.tobe .col,.tobe .flex_p{width:100%;}
}

.flex_list{margin: 0;
    list-style: none;padding: 0;
    font-size: 14px;}

.flex_rev{flex-direction: row-reverse;}
.flex_rev .col span{margin-right:20px;margin-left:0;}

.small{font-size:14px;color:#999;display:inline-block;    margin: 0;}
.aras_logo .col-img{width:20%;margin-top: 30px;}

@media screen and (max-width: 768px){
.aras_nayami ul{margin:0;}
.single-pages h4,.pages .page-content h2{font-size:30px;}
.flex_rev{flex-direction: column;}
}

.single-pages#page-aras .page-head {
  background: url(/../wp-content/uploads/2021/04/img_arasmain.jpg) no-repeat center;
  background-size: cover;
}

.common .main_ttl {
    font-size: 34px!important;
    text-align: center;
    font-size: 18px;
    transform: skewX(
-8deg
);
    -webkit-transform: skewX(
-8deg
);
    -ms-transform: skewX(-8deg);
    font-weight: 700;
}

.nayami-box {
    border: 5px solid #333;
    margin-bottom: 20px;
    position: relative;
}


.nayami-box .label {
    background: #333;
    color: #fff;
    margin: 0;
    padding: 10px;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    overflow: hidden;
}

.aras_nayami {
    margin-top: 80px;
}

.nayami-box {
    border: 5px solid #333;
    margin-bottom: 20px;
    position: relative;
}

.nayami-box .label span {
    display: inherit;
}

.opcua {
    display: flex;
}
.opcua span {
    text-align: left;
    display: block;
    margin-left: 20px;
}
.opcua .col img {
    width: 100%;
}

.opcua .col {
    flex: 1;
}




@media screen and (min-width: 768px){
.nayami-box .label {
    display: inline-block;
    min-width: 420px;
    font-size: 24px;
    background: 0 0;
    margin-top: -1px;
}
.nayami-box .label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    transform: skewX(
-15deg
);
    -webkit-transform: skewX(
-15deg
);
    -ms-transform: skewX(-15deg);
    left: -10px;
    top: 0;
    background: #333;
}
.label span {
    transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
}


}

/*sfa*/
.single-pages#page-salesforce .page-head {
  background: url(/wp-content/uploads/2021/03/img_sfa.jpg) no-repeat center;
  background-size: cover;
}

.sfa_list ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sfa_list ul li {
justify-content: space-between;
    margin: 20px;
}

.banner_list li{    width: calc(100% / 3);
    border: 4px solid #0196DA;
    padding: 20px;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    color: #767676;
  background: url(/wp-content/uploads/2021/06/sfa_bg2.png) no-repeat center;
background-size: 200px;
    background-position: -30px 0px;
}

.three_f li {
    flex: 1;
    top: -30px;
    position: relative;
}

.three_f_bg {
    background: #f0f0f0;
    width: 100%;
    height: 78%;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 10px;
    z-index: -1;
}

.sfa_list h3 {
    border-left: 5px solid #2e65a2;
    padding-left: 10px;
    padding-left: 10px;
}

.heroku{border-color:#350192!important;background:none!important;color:#6938c8!important;}

.appex{ 
    margin-bottom: 40px;
    background: rgb(210 236 255 / 80%);
    padding: 20px;}

.appex a{ display: flex;}
.appex p{    font-weight: bold;
    font-size: 120%;
    margin-top: 0;} 
.appex span{margin-left:20px; font-size:80%;}

@media screen and (max-width: 1000px){
.flex {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
}
.opcua {
    flex-direction: column;
}
.opcua h3{text-align:center;}
.opcua iframe{margin: 0 auto;
    display: block;}

#page-salesforce .col-txt {width:70%;}

}

@media screen and (max-width: 860px){
.au_right p{width:80vw!important;}
.au_left{width:30%;}
}

@media screen and (max-width: 768px){
.three_f img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.flex_rev {
    flex-direction: column;
}
.three_f ul {
    flex-direction: column;
}
.no_rev {
    flex-direction: column;
}
#page-salesforce .col-txt {width:50%;}
}


@media screen and (max-width: 680px){
.banner_list ul{    flex-direction: column;}
.banner_list li{width:100%;margin-bottom: 10px!important;}
.au_right {
    width: 100%;
}
.au_left {
    width: 140px;
    position: absolute;
    right: 0;
    top: -2px;
}
.au_right p{top:0px;}

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

.sfa_list ul li{margin:0;}
#page-aras h3 {
    margin-left: 0!important;
}
.sfa_list ul li, .three_f {
    margin-bottom: 0;
}
.flex, .sfa_list ul {
    flex-direction: column;
}
.opcua span {
    margin: 0;
    margin-top: 20px;
    text-align: left;
}
.aras_logo .col-img{width:70%!important;}
#page-aras ul{margin:0;padding: 20px;}
#page-aras h3{margin-left:0!important;}
.autest{width:100%;min-height: 400px;}
#page-salesforce .col-txt {width:100%;}
#page-salesforce .col-img{    text-align: center;
    display: block;
    margin: 0 auto;}

#page-salesforce iframe {width: 100%;}
}

.boxed-content {
    border: 3px solid #333;
    padding: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}

.boxed-content h6{text-align: left;
    font-size: 20px;
    margin: 0;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;}

.boxed-content .primary-btn-right {margin: 30px 0;}


/*orizuru*/
.problem,.fu{    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;}

.problem li{  list-style: none;
    border: 2px solid;
    padding: 5px;
    margin: 0 5px;
    width: calc(100% / 3);
    text-align: center;
    vertical-align: middle;}

.fu li {position: relative;
overflow:hidden;
    list-style: none;
    margin: 10px;
    height: 230px;
    justify-content: space-between;    width: 33%;margin-top:20px;}


.fu li p{    background: #2E65A2;
    display: block;
    font-size: 14px!important;
    width: 80px;
    color: #fff;
    /* margin-left: -5px; */
    left: -5px;
    padding: 0;
    margin: 0;
    position: relative;text-align:center;}
.fu li div{
    bottom: 0;
text-align:center;
background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 12px;
    position: absolute;
    width: 100%;
    padding: 10px;
    margin-top: 30px;}

.num01{background:url("/../wp-content/uploads/2021/02/web2.png");    background-size: cover;}
.num02{background:url("/../wp-content/uploads/2021/02/ten2.png");    background-size: cover;}
.num03{background:url("/../wp-content/uploads/2021/02/model.png");    background-size: cover;}
.num04{background:url("/../wp-content/uploads/2021/02/AI01.jpg");    background-size: cover;}
.num05{background:url("/../wp-content/uploads/2021/02/AI02.jpg");    background-size: cover;}
.num06{background:url("/../wp-content/uploads/2021/02/AI03.png");    background-size: cover;}

.single-pages#page-orizuru .orizuru-cont01 .orizuru-cont01-p04 {
  color: #006bb5;
}
@media screen and (min-width: 768px) {
  .single-pages#page-orizuru .orizuru-cont01 .orizuru-cont01-p04 {
    font-size: 24px;
  }
}


.acbox {
    width: auto;
    font-size: 0px;
    margin-bottom: 20px;
}

.acbox input {
    display: none;
}

.acbox label {
    width: auto;
    line-height: 1.3;
    font-size: 14px;
    font-weight: bold;
    background: #333333;
    position: relative;
    display: block;
    padding: 15px;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
text-align:left;
}

.acbox label:after {
    color: #fff;
    content: "";
    position: absolute;
    top: 40%;
    right: 15px;
    font-size: 12px;
}

.acbox div {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.15s;
}
.acbox-under {
    font-size: 15px;
    color: #555555;
text-align:left!important;
}
.acbox input:checked ~ div {
    height: auto;
    padding: 18px;
    border-radius: 0px;
    background: #F3F4F5;
    opacity: 1;
    line-height: 2;
}

@media screen and (max-width: 768px){
.primary-btn-right a{margin-bottom:20px;}
.problem,.fu{    flex-direction: column;}
.problem li{text-align:center; margin:0 auto;margin-bottom:10px;   width: 95%;}
.fu li{height: 400px; width:95%;}
.center_title{width:70%;}
.opcua{    flex-direction: column;}
.opcua span{margin-left:0;margin-top:10px;}
}

@media screen and (max-width: 481px) {
.fu li{height: 200px;width: 95%;}
.problem li{font-size: 13px; }
.opcua span{margin:0;margin-top:20px;    text-align: left;}
.page-navigation .container span,.page-navigation .container a{width:48%;}
.cg_bg iframe{display:none;}
}

.cg_bg{position: relative;    z-index: -1;}
.cg_bg iframe{position: absolute;top:92px;left:-90px;
    z-index: -5; border:0;}

/*ohgi*/
.single-pages#page-ohgi_pf .page-head {
  background: url(/wp-content/uploads/2021/05/img_ohgi.jpg) no-repeat center;
  background-size: cover;
}


/*service_top*/
.se_box{margin-top:50px;overflow: hidden;}
.se_box > img{  width: 500px;
    position: absolute;
    right: 0px;}

.se_box .primary-btn-right a{background:#006BB5;}

.ex_logo{width: 40%;
    display: block;
    position: relative;
    right: 0;
    top: 10px;
    margin: 0 auto;}

.expert_box{margin:20px;background:#eee; display:flex;padding:20px;    padding-bottom: 0;padding-bottom:20px;}
.expert_a{display:block;}
.expert_a:hover{    text-decoration: none;     opacity: 0.5;}
.expert_box img{    position: relative;
    width: 110px;
    height: 100px;
    border-radius: 120px;
    object-fit: cover;}
.ex_txt{    padding: 10px 20px;
    width: 100%;}
.ex_name{display: block;
font-weight:bold;
    width: 100%;
    border-bottom: 2px solid;
    padding-bottom: 5px;}
.ex_name span {background: #666;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;}
.ex_txt p{width:100%!important;padding:0!important;    font-size: 12px;}

@media screen and (max-width: 1000px){
.se_box>img{right:-50px;}
}

@media screen and (max-width: 900px){
.se_box>img{right:-100px;}
  .single-pages#page-analysis-solutions .boxed-content .cont .flex .col:first-child {
    width: 100%;
  }

}


@media screen and (max-width: 768px){
.expert_box{flex-direction: column;}
.ex_name span {display:block;text-align:center;margin-top:20px;margin-bottom:10px;}
.expert_box img{
    width: 160px;
    height: 160px;
    margin: 0 auto;
    display: block;
}
.ex_txt{padding:0;}
.se_box>img{width:100%;position: relative;
    right: 0;}
.cont p{width:100%;}
}


.cct_ex_box{    position: relative;
    top: 450px;
}
.cct_ex_title{
background: #006BB5;
    width: 95%;
    margin: 0 auto;
padding:5px;
text-align:center;
color:#fff;
}

.cct_ex_img{
justify-content: space-between;
display:flex;width: 95%;
    margin: 0 auto;}

.cct_ex{background:green;height:200px;width: 100%;position: relative;}
.cct_ex p{width: 100%;
    position: absolute;
    bottom: 0;
    margin: 0;
    text-align: center;
    padding: 5px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;}
.cct_ex span{
background: #666;
    margin: 5px;
    display: block;
    text-align: center;
    color: #fff;}
.single-pages#page-analysis-solutions .nayami-box-cont p{
width:100%;padding:0;
}

.single-pages#page-service .page-head {
  background: url(/../wp-content/uploads/2021/02/img_dx.jpg) no-repeat center;
  background-size: cover;
}

.nayami-box p {
    width: 50%;
    padding: 0 20px;
}

.title_small {
    font-size: 12px;
    margin-right: 10px;
    display: initial;
    top: -5px;
    position: relative;
}

#page-service .nayami-box .primary-btn-right {
    margin: 40px 0 20px 0;
}

.flex_p p {
    margin-top: 0;
}

.flex p {
    margin-left: 20px;
}

.flex_p {
    width: 55%;
}
.no_rev {
    flex-direction: inherit;
}

@media screen and (max-width: 768px){
.int_right a{height:210px;}
.single-pages#page-service .flex p {margin:0;}
.single-pages#page-service .page-ttl{margin-bottom:0;}
.cont p {
    width: 100%;
}
}

.anchorlink {
    display: block;
      padding-top: 70px;
    margin-top: -70px;
    position: relative;
}

.cat.technology span {
	background:#2E65A2!important;
}

.cat.technology span:before {
	background:#2E65A2!important;
}

.cat.interview span {
	background:#77abe4!important;
}

.cat.interview span:before {
	background:#77abe4!important;
}

@media screen and (max-width: 480px){
.pages .news-archive li a p{height:50px;}
.pages .page-content .article-cont .post-tags{    clear: both; margin-bottom:20px;}
#news-single .page-content .article-cont table{display: block;}
#news-single .page-content .article-cont table tbody{display: block;width: 100%;}
#news-single .page-content .article-cont table tbody tr{      display: grid;}
#news-single .page-content .article-cont table tbody td{width:100%!important; word-break: break-all;}
.pages .page-content .article-cont h3{font-size: 16px;}
}










/* dx診断 */
.single-pages#page-dx_diagnosis .page-head {
  background: url(/wp-content/uploads/2021/07/dx_shindan_main.jpg) no-repeat center;
  background-size: cover;
}

.yn-chart{
  margin:0 auto 2rem;
  padding: 2em;
  /*max-width: 600px;*/
border: 10px solid #2f66a2; font-size:0.9rem;
}
.yn-chart__add{
  background: #fdc44f;
  color:#fff;
  padding: 0.2em 0.9em !important;
  margin:0 !important;
  text-align:center;
  display:inline-block;
  line-height: 1.5 !important;
}
.yn-chart__title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 0.5em 0 0.3em!important;
  margin: 0 auto !important;
  font-size:1.35em !important;
  font-weight: 600 !important;
  color:#fdc44f;
  letter-spacing: 1px !important;
  line-height:1.5 !important;
}
.yn-chart__title:before,.yn-chart__title:after {
  content: "";
  flex: 1;
  height: 1px;
  background: #fdc44f;
  display: block;
}
.yn-chart__title:before {
  margin-right: 0.7em;
}
.yn-chart__title:after {
  margin-left: 0.7em;
}
.yn-chart__ex{
  text-align:center;
  margin: 0 !important;
  padding: 0 !important;
}
.yn-chart > div{
  display:none;
  padding-top: 100px;
  margin-top: -100px;
}
.yn-chart > div.yn-chart__display{
  display:block;
}
.yn-chart > div > figure{
  margin:1em 0 2em;
}
.yn-chart > div > figure img{
  display:block;
}
.yn-chart > div > p{
  margin:2em 0 0 !important;
  padding: 0.8em 1em 0.8em 4.3em !important;
  background:#fff;
  position:relative;
    font-weight: bold;
    font-size: 120%;
    color: #2f66a2;
    border: 2px solid #2f66a2;
}
.yn-chart > div > p:before{
  content: "Q";
  background: #2f66a2;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.1em;
  min-width: 48px;
}
.yn-chart > div ul{
  margin:2em 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  border:none;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
.yn-chart > div ul li {
  margin: 0 0 1em 1em!important;
  padding: 0 !important;
  width: 48%;
}
.yn-chart > div ul li:last-child{
  margin:0 0 0 1em !important;
}
.yn-chart > div ul li a{
  background: #fff;
  font-weight: bold;
  display: block;
  padding: 1.2em !important;
  text-decoration: none;
  color: #333;
  box-shadow: 0px 0px 8px rgb(0 0 0 / 40%);
}
.yn-chart > div ul li a:hover{
 /* box-shadow: inset 2px 2px 0 0 #ee8f81, 2px 2px 0 0 #ee8f81, 2px 0 0 0 #ee8f81, 0 2px 0 0 #ee8f81;*/
  transition: 0.1s ease-in-out;
  opacity:1;
background:#e0efff;
}
.yn-chart > div ul li:before{
  content:unset !important;
}
.yn-chart__result{
  background:#fff;
  padding:1em;
}
.yn-chart__result-title{
  color: #fdc44f;
  font-size: 1.1em !important;
  font-weight:600 !important;
  padding: 0 !important;
  margin: 0 0 1em !important;
  border-bottom: 1px dashed #fdc44f;
}
@media screen and (max-width: 560px) {
  .yn-chart{
    padding:1.8em 1.3em;
  }
  .yn-chart > div > figure {
    margin: 0.5em 0;
  }
  .yn-chart > div > p {
    margin: 1em 0 0 !important;
    padding: 0.8em 1em 0.8em 3.3em !important;
  }
  .yn-chart > div ul {
    margin: 1em 0 0 !important;
  }
  .yn-chart__title{
    font-size:1em !important;
  }
  .yn-chart__title:before {
    margin-right:0.3em;
  }
  .yn-chart__title:after {
    margin-left:0.3em;
  }
  .yn-chart__ex,.yn-chart__add{
    font-size:0.9em !important;
  }
  .yn-chart > div > p:before{
    min-width: 30px;
  }
}
/* Twitterシェアボタンなど */
.p-tw-btn,.p-check-btn{
  text-align:center;
  margin:1.5em 5em !important;
  padding:0 !important;
}
.p-tw-btn a,.p-check-btn a{
  display:block;
  box-shadow: 0 3px 5px rgba(0,0,0,.15);
  color:#fff !important;
  font-weight:600 !important;
  text-decoration:none !important;
  padding:0.5em 0;
  border-radius:30px;
}
.p-tw-btn a{
  background:  #00acee;
}
.p-check-btn a{
  background:#fbc55e;
}
.p-tw-btn a:hover,.p-check-btn a:hover{
  transform: translateY(3px);
  box-shadow: 0 2px 2px rgba(0,0,0,.22);
}
.yn-chart > div > p.p-check-btn{
  background: none !important;
  padding: 0 5em !important;
}
.yn-chart > div > p.p-check-btn:before{
  content:unset !important;
}
@media screen and (max-width: 800px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 3em !important;
  }
}
@media screen and (max-width: 560px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 1em !important;
  }
  .yn-chart > div > p.p-check-btn{
    padding: 0 3em !important;
  }
}

.dx_ans {    border: 4px solid;
    margin-bottom: 20px;
    /*padding: 20px;*/
    text-align: center;}

.dx_ans figure{  display: inline-block;padding-right: 10px;}

.dx_ans p{display: inline-block;
    font-size: 20px;
    color: #f02f40;
    font-weight: bold;}
.dx_ans_txt{background:#eee;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;}

.dx_ans_txt figure{width: 48%;
    padding: 0;
    margin: 0;}

.dx_ans_txt p{margin:0 0 0 20px;width: 48%;}

.dx_ans_txt .primary-btn-right{margin:20px 0;}

.dx_ser a{background:#2e65a2;}

.btn_single{margin: 0 auto!important;
    margin-top: 20px!important;}

.top_interview a:hover{
	opacity:0.7;
}

.glay{
	color:#999!important;
	font-size:12px!important;
}

.interview strong{
	color:#000!important;
}

.inter_prof{
	background:none!important;
	border:none!important;
}

.inter_prof img{
	min-width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
  /*  object-position: -35px 0px;*/
}
@media screen and (max-width: 468px){
.inter_prof img{width: 150px;}
}



.jirei-companyinfo-table{border: 4px solid #ddd;
    padding: 20px;
    display: block!important;
}

.interview span{
	font-weight: bold;
    color: #2E65A2;
    font-size: 15px;
}

.item{display: flex;}
.item:hover{background-color: #e6eaff;}
.item-body{margin-left: 20px;    padding: 15px;}
.items3 a:hover{text-decoration: none;background: red}
.items3{margin-top: 20px;}
.item-title{color:#333!important;}
.item-body span {text-decoration: underline;}

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

.single-pages#page-analysis-solutions .boxed-content .cont .flex .col:first-child{    display: contents;}
}

  .item { display: block; }

}

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

.wp-block-image iframe{width:100%;}
iframe{width:100%; height:250px;}
.single-pages .system-engineering-cont03 .zisseki table th:nth-child(1){width: 40px;}
.single-pages .system-engineering-cont03 .zisseki table th:nth-child(2){width: 60px;}
.single-pages .system-engineering-cont03 .zisseki table th:nth-child(3){width: 40px;}
.single-pages .system-engineering-cont03 .zisseki table th:nth-child(4){width: 180px;}
.single-pages .page-content table td{padding:0;}
.single-pages .page-content table td:first-child{padding: 5px;}
.single-pages .system-engineering-cont03 .zisseki table td.num{text-align:center;}
.solve ul li,.use_case li{margin-top:20px;}
.int_left img{object-fit:cover;}
#page-salesforce .flex p{margin-left:0;}

}

.slick-slide,.slick-track,.slick-list,.pages#jirei-single .article-list .single-article a{display:flex!important;}
.pages#jirei-single .article-list .single-article a{    flex-wrap: wrap;
    flex-direction: column;}

 .pages#jirei-single .article-list .single-article a .btn{   margin-top: auto;top: 10px;
    position: relative;}

/*firefox*/
_:lang(x)::-moz-placeholder,
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon2:after {
    border-width: 20px 0px 20px 10px;
    right: -9px;
  }
}

@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.ribbon3:after {
    border-width: 20px 0px 20px 10px;
    right: -9px;
  }
}
@media screen and (min-width: 768px) {
  .single-pages .system-engineering-cont03 .zisseki table .ribbon div.empty:before {
    border-width: 20px 0px 20px 10px;
    right: -9px;
  }
}

/safari*/
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

html::-webkit-scrollbar {
    width: 8px;
    background: #;
}
html::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #333;
}
.scroll::-webkit-scrollbar {
    width: 8px;
    background: #999;
}
.scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #333;
}


/*kiyaku*/
.kiyaku_main{
    margin: 0;
    margin-right: 10px;
    list-style: none;
    padding: 0;}

.kiyaku_main ul{margin: 0;
    list-style: none;
    padding: 0;
    line-height: 1;
    margin-top: -5px;
    padding-bottom: 20px;
    padding-left: 20px;}



@media screen and (max-width: 1000px) {
.single-pages#page-partner .flex .col:nth-child(2), .single-pages#page-partner-thanks .flex .col:nth-child(2), .single-pages#page-partner-confirm .flex .col:nth-child(2) {
    width: 100%;
}
.single-pages#page-partner .flex .col.img, .single-pages#page-partner-thanks .flex .col.img, .single-pages#page-partner-confirm .flex .col.img {
    margin: 0 auto;
padding-bottom:20px;
}
.single-pages#page-partner .page-head, .single-pages#page-partner-thanks .page-head, .single-pages#page-partner-confirm .page-head {
    background: url(/wp-content/themes/cct/css/../img/partner_main.png) no-repeat center;
    background-size: cover;
}
}


.system-engineering-cont03 .related-articles-list .primary-btn-right:nth-child(3){display:none;}


/*vision*/

.op {
    color: #fff;
    opacity: .5;
    font-size: 5rem;
    font-style: italic;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .op {
        font-size:3rem;
        margin-top: -20px
    }
}

@media screen and (max-width: 590px) {
    .op {
        font-size:2rem
    }

    .passing {
        margin-top: 0
    }
}

@-webkit-keyframes passing-bar{
  0% {
    left: 0;
    right: auto;
    width: 0;
  }
  50% {
    left: 0;
    right: auto;
    width: 100%;
  }
  51% {
    left: auto;
    right: 0;
    width: 100%;
  }
  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}
@keyframes passing-bar{
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
@-webkit-keyframes passing-txt{
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes passing-txt{
  0% { opacity:0; }
  50% { opacity:0; }
  100% { opacity:1; }
}
/* css */
.passing .passing-box {
  display: block;
  text-align: center;
margin-top: 5%;
}
.passing .passing-bar {
  position: relative;
  display: inline-block;

  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  margin-bottom: 20px;
}
.passing .passing-bar:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /* 任意の値 */
  background: black;
}

/*.passing.move .passing-bar .passing-txt{color:#fff;}*/
.passing .passing-txt {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* 任意の値 */
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.5;
  /*background: linear-gradient(to right, #006BB5 0%,#3b79cc 50%,#42d3ed 100%);*/
background:#fff;
  color:#000!important;
      letter-spacing: 10px;
}

.passing .passing-txt,.passing .passing-txt2,.passing .passing-txt3 {
    padding: 0 40px
}

.passing.move .passing-bar:before {
  -webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
  animation: passing-bar 1s ease 0s 1 normal forwards;
}
.passing.move .passing-txt {
  -webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
  animation:passing-txt 0s ease .5s 1 normal forwards;
}

.passing-bar{    display: table!important;}

.ph_bg{background: url(/../wp-content/themes/cct/img/it.png) no-repeat center;    height: 600px;    
    background-size: cover;}


@media screen and (max-width: 968px) {
    .passing .passing-txt {
        font-size:2.5rem
    }

    .ph_bg {
        height: 400px
    }
}

@media screen and (max-width: 768px) {
    .passing .passing-txt {
        font-size:1.5rem
    }

    .ph_bg {
        height: 300px
    }
}

@media screen and (max-width: 580px) {
    .passing .passing-txt {
        font-size:1rem
    }

    .passing .passing-txt,.passing .passing-txt2,.passing .passing-txt3 {
        padding: 0 20px
    }

    .ph_bg {
        height: 250px;
        margin-top: -30px
    }
}


/*webner*/
.webner_table{font-size:12px; margin-top:-40px!important;}
.webner_table th,.webner_table td{background:#fff!important;border: none!important;border-bottom: 1px solid #5c5b5b!important;}
.webner_table input[type=text], input[type=email]{font-size:12px!important;    width: 80%;margin-top: 15px;}
.webner_table .agreement-text{display: contents;}
/*.webner_table .agreement-wrap br,.webner_table agreement-wrap p{display: none;}*/
.webner_chap{margin-top: 30px;}


#page-event-thanks .page-head {
    background: url(/wp-content/uploads/2022/06/thanks_main.jpg) no-repeat center;
    background-size: cover;
}

a.btn-flat {
  overflow: hidden;

  padding: 1.5rem 6rem;

  color: #fff;
  border-radius: 0;
  background: #000;
}

a.btn-flat span {
  position: relative;
  z-index: 1;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: calc(-150% + 50px);

  width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);

  background: #fff100;
}

a.btn-flat:after {
  position: absolute;
  top: -400%;
  right: calc(-150% + 50px);

  width: 150%;
  height: 500%;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: rotate(45deg) translateX(0) translateY(0);
  transform: rotate(45deg) translateX(0) translateY(0);

  background: #fff100;
}




.btn_webner,
a.btn_webner,
button.btn {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-flat {
  overflow: hidden;
display:block;
  padding: 4%;

  color: #fff;
  border-radius: 0;
  background: #000;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 130%;
  height: 1000%;

  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);

  background: #2E65A2;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}




a.btn-flat span:after {
    width: 12px;
    height: 16px;
    right: -8%;
    top: 50%;
    transform: skewX(0deg) translate(0,-50%);
    -webkit-transform: skewX(0deg) translate(0,-50%);
    -ms-transform: skewX(0deg) translate(0,-50%);
}

/*contents*/

.toc_list > li > a{font-weight:bold;border-bottom: 2px solid #006bb5; margin-bottom:10px;}
.toc_list > li {margin-bottom:10px!important;}
.pages .page-content .article-cont h3{padding: 2px 10px;    border-left: 5px solid #006bb5; 
    border-bottom:none;}
#toc_container p.toc_title{font-size: 18px;text-align:left;padding: 10px;
    border: 1px solid #999;}

#news-single.pages .page-content .article-cont table td{width:80%;}


/*3D Book*/
.shanaihou_box{display:flex;flex-wrap: wrap;margin-bottom:2%;}
.shanaihou_box a{   width: 23%;
    margin: 1%;}

@media screen and (max-width: 520px) {
.shanaihou_box a {
     width:48%;
    }
}

/*client logos*/

#client{display:flex;list-style:none;flex-wrap:wrap;justify-content:center;padding:0;margin:0}
#client li{    /*border: 1px solid #ddd;*/
    margin: 10px;
    flex-wrap: wrap;
    width:18%;    background:#fff;
    /*width: calc(100%/6);*/
    justify-content: center;
    position: relative;
    height: 80px;    margin-bottom: 20px;}
#client li div{
    visibility: hidden;
  }

    @media screen and (max-width:1050px) {
      #client li{width: 23%;}
    }
    @media screen and (max-width: 768px) {
      #client li{width: 31%;}
    }
        @media screen and (max-width: 468px) {
      #client li{width: 46%;}
    }
#client li a{
    width: 100%;
    display: block;
    height: 100%;
    padding: 14px;}

#client li a:hover{background-color:rgba(0,82,165,0.2);}

#client li a::after {
  content: url(/wp-content/themes/cct/img/talk_icon3.png);
vertical-align: top;
    /* padding-right: 15px; */
    position: absolute;
    top: -22px;
    right: -18px;
    z-index:10;
}
#client li.logo_art{background: url(/wp-content/themes/cct/img/logos/logo_art.png) no-repeat center #fff;background-size: contain;}
#client li.logo_iij{background: url(/wp-content/themes/cct/img/logos/logo_iij.png) no-repeat center #fff;background-size: contain;}
#client li.logo_aras{background: url(/wp-content/themes/cct/img/logos/logo_aras.png) no-repeat center #fff;background-size: contain;}
#client li.logo_wing{background: url(/wp-content/themes/cct/img/logos/logo_wing.png) no-repeat center #fff;background-size: contain;}
#client li.logo_agc{background: url(/wp-content/themes/cct/img/logos/logo_agc.png) no-repeat center #fff;background-size: contain;}
#client li.logo_obayashi{background: url(/wp-content/themes/cct/img/logos/logo_obayashi.png) no-repeat center #fff;background-size: contain;}
#client li.logo_sms{background: url(/wp-content/themes/cct/img/logos/logo_sms.png) no-repeat center #fff;background-size: contain;}
#client li.logo_smsc{background: url(/wp-content/themes/cct/img/logos/logo_smsc.png) no-repeat center #fff;background-size: contain;}
#client li.logo_scsk{background: url(/wp-content/themes/cct/img/logos/logo_scsk.png) no-repeat center #fff;background-size: contain;}
#client li.logo_sora{background: url(/wp-content/themes/cct/img/logos/logo_sora.png) no-repeat center #fff;background-size: contain;}
#client li.logo_qua{background: url(/wp-content/themes/cct/img/logos/logo_qua.png) no-repeat center #fff;background-size: contain;}
#client li.logo_naoj{background: url(/wp-content/themes/cct/img/logos/logo_naoj.png) no-repeat center #fff;background-size: contain;}
#client li.logo_jvis{background: url(/wp-content/themes/cct/img/logos/logo_jvis.png) no-repeat center #fff;background-size: contain;}
#client li.logo_shiba{background: url(/wp-content/themes/cct/img/logos/logo_shiba.png) no-repeat center #fff;background-size: contain;}
#client li.logo_zuken{background: url(/wp-content/themes/cct/img/logos/logo_zuken.png) no-repeat center #fff;background-size: contain;}
#client li.logo_simp{background: url(/wp-content/themes/cct/img/logos/logo_simp.png) no-repeat center #fff;background-size: contain;}
#client li.logo_takenaka{background: url(/wp-content/themes/cct/img/logos/logo_takenaka.png) no-repeat center #fff;background-size: contain;}
#client li.logo_denso{background: url(/wp-content/themes/cct/img/logos/logo_denso.png) no-repeat center #fff;background-size: contain;}
#client li.logo_isid{background: url(/wp-content/themes/cct/img/logos/logo_isid.png) no-repeat center #fff;background-size: contain;}
#client li.logo_tokyo{background: url(/wp-content/themes/cct/img/logos/logo_tokyo.png) no-repeat center #fff;background-size: contain;}
#client li.logo_toray{background: url(/wp-content/themes/cct/img/logos/logo_toray.png) no-repeat center #fff;background-size: contain;}
#client li.logo_nss{background: url(/wp-content/themes/cct/img/logos/logo_nsol.png) no-repeat center #fff;background-size: contain;}
#client li.logo_nri{background: url(/wp-content/themes/cct/img/logos/logo_nri.png) no-repeat center #fff;background-size: contain;}
#client li.logo_pioneersoft{background: url(/wp-content/themes/cct/img/logos/logo_pioneersoft.png) no-repeat center #fff;background-size: contain;}
#client li.logo_mis{background: url(/wp-content/themes/cct/img/logos/logo_misumi.png) no-repeat center #fff;background-size: contain;}
#client li.logo_suruga{background: url(/wp-content/themes/cct/img/logos/logo_suruga.png) no-repeat center #fff;background-size: contain;}
#client li.logo_mitsui{background: url(/wp-content/themes/cct/img/logos/logo_mitsui.png) no-repeat center #fff;background-size: contain;}
#client li.logo_beck{background: url(/wp-content/themes/cct/img/logos/logo_beck.png) no-repeat center #fff;background-size: contain;}
#client li.logo_yayoi{background: url(/wp-content/themes/cct/img/logos/logo_yayoi.png) no-repeat center #fff;background-size: contain;}
#client li.logo_yan{background: url(/wp-content/themes/cct/img/logos/logo_yan.png) no-repeat center #fff;background-size: contain;}
#client li.logo_lix{background: url(/wp-content/themes/cct/img/logos/logo_lixi.png) no-repeat center #fff;background-size: contain;}
#client li.logo_roku{background: url(/wp-content/themes/cct/img/logos/logo_roku.png) no-repeat center #fff;background-size: contain;}
#client li.logo_toyo{background: url(/wp-content/themes/cct/img/logos/logo_toyo.png) no-repeat center #fff;background-size: contain;}
#client li.logo_FS{background: url(/wp-content/themes/cct/img/logos/logo_FS.png) no-repeat center #fff;background-size: contain;}
#client li.logo_EB{background: url(/wp-content/themes/cct/img/logos/logo_EB.png) no-repeat center #fff;background-size: contain;}
#client li.logo_wakachiku{background: url(/wp-content/themes/cct/img/logos/logo_wakachiku.png) no-repeat center #fff;background-size: contain;}
#client li.logo_tobishima{background: url(/wp-content/themes/cct/img/logos/logo_tobishima.png) no-repeat center #fff;background-size: contain;}
#client li.logo_ctc{background: url(/wp-content/themes/cct/img/logos/logo_ctc.png) no-repeat center #fff;background-size: contain;}
#client li.logo_sys{background: url(/wp-content/themes/cct/img/logos/logo_systena.png) no-repeat center #fff;background-size: contain;}
#client li.logo_intec{background: url(/wp-content/themes/cct/img/logos/logo_intec.png) no-repeat center #fff;background-size: contain;}


/*sustainability*/
#page-sustainability p{font-size:1rem;}
#page-sustainability .small{margin:0; font-size:10px;}
.sus_black td{background:black!important;color:#fff;}
.sus_table{text-align: center;}

.sus_table td:first-child{text-align: left;}

#page-sustainability .ttl{font-size: 30px!important;}
.mm{background: #eee; text-align:left;}
.btn_webner p{display:none;}
.basic_sus{background: #0052a5;
    padding: 4%;
    color: #fff;
    text-align: center;
    margin-bottom: 10%;}

.basic_sus_ttl{font-size:1.4rem;margin-bottom:20px;}
.basic_sus p{line-height: 2.4;font-size:1.6rem!important;}

.sus_material{background:#fff!important; text-align:left;}

.sus_material p{display: inherit!important;}

.flow_design09 {
  display: flex;
  justify-content: center;
  align-items: center;
margin-bottom:20px;
}

.flow09 {
  padding-left: 0;
  border-bottom: solid 1px #E1E8ED;
width:100%;
margin:0;
}

.flow09 > li {
  list-style-type: none;
  display: flex;
  padding: 20px 0;
  border-top: solid 1px #E1E8ED;
}

.flow09 > li dl dt {
  font-size: 1.2em;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 10px;
}

.flow09 > li .icon09 {
  line-height: 1;
  font-size: 2em;
  font-weight: bold;
  color: #0052a5;
  text-align: center;
  width: 70px;
  position: relative;
  margin-top: 0;
margin-right: 40px;
}
/*
.flow09 > li .icon09::before {
  content: 'STEP';
  font-size: 0.3em;
  display: block;
  margin-bottom: 3px;
  letter-spacing: 1px;
}
*/
.flow09 > li .icon09::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 40px);
  background-color: #858585;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  margin: auto;
}

.flow09 > li dl dd {
  margin: 0;
}

.flow09 > li dl {
  width: calc(100% - 70px);
  margin-top: 0.8em;
}


/*
	IR_english
================================*/
.single-pages#page-ir .page-head,.single-pages#page-library .page-head,.single-pages#page-stock .page-head,.single-pages#page-calendar .page-head {
    background: url(/wp-content/uploads/2023/02/iren_bg.jpg) no-repeat center;
  background-size: cover;
}

.page-navigation .container .en_ir_nav{flex-wrap: nowrap;}
.page-content h2{color:#333!important;}
#page-ir.pages .page-content h2{font-size: 36px;}
#page-ir.pages .page-content h2 span{font-size:20px; font-weight:normal;}
.ir-cont02{margin-bottom:4%;}
.en_flex{display:flex;}
.en_flex .img{margin:1%;}
.Strengths{background:#ebf2ff;padding:2%;margin:8% 0;}
.Strengths ul{    margin-left: 0;}
.Strengths ul li{    margin-bottom: 1%;}

.library-menu ul {
    padding: 0;
    margin: 40px 0 0;
    list-style: none;
    font-size: 14px;
    font-weight: 700;
}

.library-menu ul li {
    width: 50%;
    padding: 1em 0 0;
}
.library-menu ul li  a{
	text-decoration: none;}

.en_table{font-size:14px;text-align: center;
    line-height: 1;}
.table{
width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

#news .row{
    background: #333;
    color: #fff;
    width: fit-content;
    /* display: flex; */
    padding: 10px;
    margin: 0;
    width: 100%;
}


.text-center {
    text-align: center;
}
#news .table {
    margin: 10px 20px; font-size:12px;
    width: 95%;
}
#news .col-md-2{white-space: nowrap;font-size:20px;}
#news .col-md-2 .text-center{margin:10px;font-style:italic;}
#news .table th,#news .table td{padding:10px;border:none;background:none;color:#fff;white-space: nowrap;}
#news .table td a{color:#fff;}
#news .table tr{border-bottom:1px solid #fff;}
#news .table tr:last-child{border:none;}
.desc {margin-bottom:5%;}
.desc .row{display:flex;}
.desc h2{font-size:28px!important;border-bottom:none!important;margin-top: 10px;}

.desc .col-md-4{width:50%;}
.desc .col-md-8{width:100%;}
.desc table th,.desc table td{padding:10px!important;border:none!important;background:none!important;white-space: nowrap;font-size:12px;text-align: right;}
.desc table th{text-align:left!important;}
.desc table tr,.desc p.text-right{border-bottom:1px solid #999;    margin-bottom: 0;
    padding-bottom: 10px;}

.desc .mt-3{ margin-bottom: 0;}

.txtS{font-size:10px;}
#page-ir .container{ margin-bottom: 2%;}
#page-ir .ir-cont02 .container{ margin-bottom: 0%;}

.padd .row{display:flex;}

.cal1 {
    width: 5em;
    background: #666666;
    font-size: 13px;
    padding: 2px;
    color: #dddddd;
    margin: 5px;
    font-weight: 700;
    border-radius: 3px;
    float: left;
	text-align: center;
}
.cal2 {
    padding: 4px;
    font-size: 13px;
    border: solid 1px #2e65a2;
    margin: 4px 4px 4px 7em;
    text-align: left;
}

.clr {
    clear: both;
}
.code{border-bottom: 0!important;}
#page-calendar .table{font-size:13px;}
#page-calendar .table tr{border-bottom:1px solid #999;}
#page-calendar .table td{padding:5px;}
#page-calendar td{border:none!important;background:none!important;}


#page-calendar .col-md-6{width:50%;margin-left:3%;}
#page-sustainability .ttl{font-size:25px!important;margin: 0;
    line-height: 1.5;}
.sus_table{font-size: 12px;margin:0;}
#page-sustainability .single-pages .page-content table td{padding:0;}
#page-sustainability .sus_table td p{display:initial;}

@media screen and (max-width: 1000px){
	.en_flex,.desc .row,.padd .row {flex-direction:column;}
	.desc .col-md-4,#page-calendar .col-md-6{width:100%;}
	#page-calendar .col-md-6{margin-left:0;margin-top:5%;}
}
@media screen and (min-width: 768px){
.library-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

	.library-menu ul li {
    width: auto;
    position: relative;
}
	.library-menu ul li a:hover:before {
    content: "";
    max-width: 40px;
    width: 50%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -1em;
    background: #333;
}
}
	@media screen and (max-width: 768px){
			.page-navigation .container .en_ir_nav{flex-wrap: wrap;}
	
}
@media screen and (max-width: 486px){
	.page-navigation .container .en_ir_nav{flex-wrap: wrap;}
	.table{table-layout: fixed;}
	.desc table th, .desc table td{white-space: normal;}
	.single-pages .page-content table td:first-child,.single-pages .page-content table td{padding:5px;}
	#news .table th{    width: 30%;}
	#news .table th, #news .table td{word-break: break-all;word-wrap: break-word;white-space: inherit;}
	#news .table{margin:0}
	#page-ir.pages .page-content h2{line-height: 1.3;margin-bottom: 20px;}
	.container ul{margin:0;}
	.ir-cont02{margin-top: 10%;
    border-top: 1px solid;}
	#page-ir .container{padding-left: 10px; padding-right: 10px;}
#page-sustainability .ttl{font-size:18px!important;}
	.pages .page-content h2 {line-height:1.2;    margin: 10% 0;}
	.sus_table{margin-top:20px;}
}


.attachment-post-thumbnail{width:100vw;}

.office_child{    border-bottom: 1px solid #999;width: 100%;padding:10px;}
.office_child span{    font-weight: 700; width: 80px;display: inline-block;}
.office_child img{
    width: 15px; 
    margin-left: 10px;}