@charset "utf-8";
/*
Theme Name: wp
Theme URI:
Description: wp
Version: 1.0
Author: TENSHOKU ICHIBA Inc.
Author URI: http://www.1049.cc
*/

/* font import */
@import url(//fonts.googleapis.com/css?family=PT+Sans+Caption:400,700);

/* --------------------------------------------------------------
 * Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
}
:focus {
  outline: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
  display: block;
}

caption, th, td {
  font-weight: normal;
}

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

blockquote, q {
  quotes: "" "";
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  line-height: 1;
}

b, strong {
  font-weight: bold;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

ol, ul {
  list-style: none;
}

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

/*------------------------------------------------------------
clearfix -micro
------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

/*------------------------------------------------------------
CommonStyle
------------------------------------------------------------*/
:root {
  --main-color: #0071BC; /* メインカラー */
  --sub-color: #F29600; /* サブカラー */
  --accent-color: #ED1C24; /* アクセントカラー */
  --content-width: 1100px; /* コンテンツ幅 */
}

html {
  font-size: 62.5%;
}

body {
  display: flex;
  flex-direction: column;
  color: #333333;
  font-style: normal;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body.modal-on {
  overflow: hidden;
}

body,
body * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  font-feature-settings: "palt";
}

body,
input,
textarea,
select {
  font-family: futura-pt, 'Century Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック体, YuGothic,"Yu Gothic Medium", 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
}

main {
  flex: 1 1 auto;
  overflow: hidden;
}

a,
a:hover {
  text-decoration: none;
}

a {
  display: inline-block;
  color: var(--main-color);
}

a img {
  border: 0;
}

input,
textarea,
select {
  border: solid 1px #cccccc;
  background-color: transparent;
  font-size: 1.6rem;
  vertical-align: top;
}

input,
textarea {
  width: 100%;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select {
  height: 2em;
}

textarea,
input:not([type="checkbox"]):not([type="radio"]) {
  -webkit-appearance: none;
  appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  vertical-align: baseline;
  cursor: pointer;
}

input[type="radio"] {
  margin: 0;
}

select,
label {
  cursor: pointer;
}

select {
  -webkit-appearance: auto;
  appearance: auto;
}

textarea {
  padding: 10px;
}

.pc-br {
  display: none;
}

.notes {
  display: inline-block;
  position: relative;
  margin-left: 1em;
}

.notes::before {
  content: "\0203B";
  display: block;
  position: absolute;
  top: 0;
  left: -1em;
  width: 1em;
}

.outer {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.pc-only.modal-on {
  overflow: auto;
}

.js-fadein,
.js-scroll-text {
  opacity: 0;
  transform: translate(0, 20px);
  transition-property: opacity, transform;
  transition-duration: 1s;
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

.vdl-gigamaru {
  font-family: vdl-gigamaru, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.mw_wp_form .error {
  width: 100%;
}

.mwform-tel-field input,
.mwform-zip-field input {
  width: auto;
  vertical-align: middle;
}

.mwform-checkbox-field input,
.mwform-radio-field input {
  margin: 0 5px 0 0;
}

::placeholder {
  color: #dddddd;
}

::-ms-input-placeholder {
  color: #dddddd;
}

:-ms-input-placeholder {
  color: #dddddd;
}

[class*="page-heading-"] img {
  width: 100%;
}

.remote-nav {
  position: relative;
  width: 75%;
}

.remote-nav-item {
  display: none;
  font-size: 1.3rem;
}

.remote-nav-item a {
  display: inline-flex;
  color: #333333;
  line-height: 1.4;
}

.remote-nav-item .letter {
  display: inline-block;
  align-self: center;
}

.remote-nav-item picture {
  display: flex;
}

.remote-nav-item img {
  align-self: center;
  width: calc(60px / 4);
  margin-right: 5px;
}

.header-banner {
  max-width: 40%;
  margin-top: 5px;
  border: solid 1px #cccccc;
}

.nav-illust-bg {
  background: #ffffff url(../../../wp-content/uploads/nav_line_sp.png) no-repeat right top / contain;
}

.content-link-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% - 24px);
  margin: 0 auto;
  padding-bottom: 40px;
}

.content-link-banner .banner-item {
  flex-basis: calc(((100% - 16px) / 3) - .01px);
  margin-right: 8px;
}

.content-link-banner .banner-item:nth-of-type(3n+3),
.content-link-banner .banner-item:last-of-type {
  margin-right: 0;
}

.content-link-banner .banner-item:nth-of-type(n+4) {
  margin-top: 8px;
}

#logoLoading a:hover {
  text-decoration: none;
}

.openingLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 0;
}

:not(.single) > #fancybox-tmp,
:not(.single) > #fancybox-loading,
:not(.single) > #fancybox-overlay,
:not(.single) > #fancybox-wrap {
  display: none;
}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}

.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.mr70 {margin-right: 70px;}
.mr80 {margin-right: 80px;}
.mr90 {margin-right: 90px;}
.mr100 {margin-right: 100px;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}

.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.ml70 {margin-left: 70px;}
.ml80 {margin-left: 80px;}
.ml90 {margin-left: 90px;}
.ml100 {margin-left: 100px;}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  body {
    font-size: 2.0em;
  }
  
  .sp-br {
    display: none;
  }
  
  .pc-br {
    display: inline;
  }
  
  .nav-illust-bg {
    background-image: url(../../../wp-content/uploads/nav_line@2x.png);
    background-position: right bottom;
  }
  
  .remote-nav {
    display: flex;
    width: 100%;
  }
  
  .remote-nav-item {
    margin-right: 20px;
    font-size: 1.693vw;
  }
  
  .remote-nav-item:last-of-type {
    margin-right: 0;
  }
  
  .remote-nav-item:nth-of-type(2) .letter{
    position: relative;
    margin-right: 10px;
  }
  
  .remote-nav-item:nth-of-type(2) .letter:before{
    position: absolute;
    content: "";
    background: url(../../../wp-content/uploads/link_ico02.png) no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    right: -14px;
    top: 0;
  }
  
  .header-banner {
    position: absolute;
    top: 2.083vw;/* 40px */
    right: 15.625vw;
    max-width: 15%;
    margin: 0;
    z-index: 0;
  }
  
  .content-link-banner {
    padding-bottom: 0;
  }
  
  .content-link-banner .banner-item {
    flex-basis: calc(((100% - 140px) / 3) - .01px);
    margin-right: 70px;
  }

  .content-link-banner .banner-item:nth-of-type(n+4) {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  a,
  a img {
    transition-property: color, opacity;
    transition-duration: .3s;
  }
  
  a[href^="tel:"] {
    display: inline-block;
    pointer-events: none;
    cursor: default;
  }
  
  a[href^="tel:"]:hover {
    opacity: 1;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  a:hover img {
    opacity: .5;
  }
  
  input,
  textarea,
  select {
    font-size: 2.0rem;
  }
  
  .remote-nav-item {
    font-size: 1.8rem;
  }
  
  .remote-nav-item .letter {
    transition: opacity .3s;
  }
  
  .remote-nav-item a:hover {
    text-decoration: none;
  }
  
  .remote-nav-item a:hover .letter {
    opacity: .5;
  }
  
  .remote-nav-item img {
    width: inherit;
  }
  .remote-nav-item:nth-of-type(2) .letter{
    margin-right: 30px;
  }
  
  .remote-nav-item:nth-of-type(2) .letter:before{
    width: 20px;
    height: 20px;
    right: -22px;
    top: 2px;
  }
  
  .header-banner {
    max-width: 20%;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  input {
    width: auto;
  }
  
  .remote-nav-item {
    margin-right: 40px;
    font-size: 2.4rem;
  }
  
  .header-banner {
    top: 20px;
  }
}

@media all and (-ms-high-contrast:none) {/* ---------- only IE ---------- */
}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
.header-nav {
  display: flex;
  justify-content: space-between;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  margin: 0 auto;
}

.header-nav.modal-on {
  top: 0 !important;
}

.header-logo {
  align-self: flex-start;
  flex: 0 1 auto;
  padding-top: 10px;
  margin-left: 10px;
}

.header-logo a {
  display: inline;
}

.header-logo img {
  max-width: 50%;
  height: auto;
  transition: opacity .3s;
  text-align: center;
  vertical-align: middle;
}

.nav-item-list {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px;
  xbackground: #cacaa1;
  background: #ffff99;
  overflow-y: auto;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  transition-duration: .3s;
  opacity: 0;
  z-index: 100;
}

.nav-item-list.modal-on {
  transform: translateY(0%);
  opacity: 1;
}

.nav-title {
  max-width: 20%;
  margin-bottom: 12px;
}

.nav-item {
  margin-bottom: 12px;
  font-size: 1.3rem;
  line-height: 1;
}

.nav-item a {
  color: #333333;
  transition: opacity .3s;
  cursor: pointer;
}

.nav-item.current a {
  color: var(--main-color);
}

#nav04,
#nav05,
#nav07,
#nav12 {
  margin-bottom: 2em;
}

.lower-page-wrapper {
  display: flex;
  align-items: flex-start;
}

.lower-page-list {
  margin-left: 1em;
}

.lower-page-item {
  margin-bottom: 12px;
}

.lower-page-item::before {
  content: "\02014";
}

.lower-page-item:last-of-type {
  margin-bottom: 0;
}

.nav-item.current .lower-page-item a {
  color: #333333;
}

.nav-close {
  display: none;
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 2;
}

.nav-items.modal-on .nav-close {
  display: block;
}

.nav-close .fa-times {
  font-size: 2.4rem;
}

#nav06{
  position: relative;
}

#nav06:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/link_ico.png) no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  left: 64px;
  top: -2px;
}
@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .header-nav {
    height: 100px;
  }
  
  .header-logo {
    align-self: center;
    flex-shrink: 2;
  }
  
  .header-logo img {
    max-width: 100%;
  }
  
  .nav-item-list {
    right: 0;
    left: auto;
    width: 280px;
    padding: 12px 24px;
  }
  
  .nav-item-list {
    transform: translateX(100%) translateY(0%);
  }

  .nav-item-list.modal-on {
    transform: translateX(0%) translateY(0%);
  }
  
  .nav-title {
    max-width: 35%;
    margin-bottom: 18px;
  }
  
  .nav-item {
    margin-bottom: 18px;
  }
  
  .header-menu .remote-nav {
    align-items: center;
    justify-content: flex-end;
    padding: 50px 15.625vw 0 0;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .header-logo {
    flex-shrink: 1;
  }
  
  .header-logo a:hover img,
  .nav-item a:hover {
    opacity: .5;
  }
  
  .nav-item a:hover {
    text-decoration: none;
  }
  
  .header-nav {
    height: 200px;
  }
  
  .nav-item {
    font-size: 1.8rem;
  }
  
  .nav-close {
    position: fixed;
  }
  
  .header-menu .remote-nav {
    align-items: flex-start;
    padding-top: 140px;
  }
  
  #nav06:before{
    left: 86px;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .header-menu .remote-nav {
    width: auto;
    padding-top: 110px;
  }
}

@media all and (-ms-high-contrast:none) {/* ---------- only IE ---------- */
}

/*------------------------------------------------------------
hamburger
------------------------------------------------------------*/
.hamburger {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: fixed;
  top: 70px;
  right: 12px;
  transition-property: opacity, filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  border: 0;
  outline: none;
  max-width: 20%;
  margin: 0;
  background: transparent;
  text-align: center;
  overflow: visible;
  border-radius: 0;
  cursor: pointer;
  z-index: 100;
}

.hamburger.js-hb-active {
  display: none;
}

.hamburger-box {
  display: block;
  position: absolute;
  top: 30%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
}

.hamburger-box::after {
  content: "MENU";
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #333333;
  font-size: 1.3rem;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  position: absolute;
  width: 25px;
  height: 2px;
  border-radius: 4px;
  background-color: #333333;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
  height: 2px;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  display: none;
  bottom: -10px;
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration:.13s;
  transition-delay: .13s;
  transition-timing-function:cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition:top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse.js-hb-active .hamburger-inner {
  transform: translate3d(0, -5px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--collapse.js-hb-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
}

.hamburger--collapse.js-hb-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .hamburger {
    top: 110px;
    max-width: 15%;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .hamburger {
    top: 300px;
    max-width: 100%;
  }
  
  .hamburger img {
    transition: opacity .3s;
  }
  
  .hamburger:hover img {
    opacity: .5;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}


/*------------------------------------------------------------
breadcrumb
------------------------------------------------------------*/
.breadcrumb {
  display: none;
  width: calc(100% - 24px);
  margin: 1em auto 0;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .breadcrumb {
    display: block;
  }

  

  .breadcrumb a:hover {
    text-decoration: underline;
  }

  .breadcrumb ol {
    overflow: hidden;
  }

  .breadcrumb li {
    float: left;
    margin-left: 10px;
  }

  .breadcrumb li:first-of-type {
    margin-left: 0;
  }

  .breadcrumb li:before {
    content: '>';
    margin-right: 10px;
  }

  .breadcrumb li:first-of-type:before {
    content: none;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
Widgets
------------------------------------------------------------*/
.widgets {
  padding: 36px 0;
  background-color: #f8f8f8;
}

.widgets-inner {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.widget-title {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 700;
}

.widget-item {
  flex-basis: calc((100% - 24px) / 2);
  margin-right: 24px;
}

.widget-item:nth-of-type(even),
.widget-item:last-of-type:not(:root) {
  margin-right: 0;
}

.widget-item:nth-of-type(n+3) {
  margin-top: 36px;
}

.widget-item .searchform div {
  display: flex;
  align-items: center;
}

.widget-item .screen-reader-text {
  display: none;
}

.widget-item input[type="text"] {
  width: calc(100% - 55px);
  height: 40px;
  background-color: #ffffff;
  vertical-align: middle;
}

.widget-item input[type="submit"] {
  display: inline-block;
  width: 50px;
  height: 40px;
  margin-left: 5px;
  padding: 0 10px;
  border: none;
  background-color: var(--main-color);
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  cursor: pointer;
  transition-property: background-color, opacity;
  transition-duration: .3s;
  opacity: 1;
  -webkit-appearance: none;
  appearance: none;
  font-feature-settings: normal;
}

.widget-item ul {
  border-top: solid 1px #e8e8e8;
}

.widget-item li {
  padding: 10px 0;
  border-bottom: solid 1px #e8e8e8;
}

#wp-calendar {
  width: 100%;
  padding-top: 10px;
}

#wp-calendar caption {
  margin-bottom: 10px;
}

#wp-calendar tr{
  display: flex;
  justify-content: flex-start;
}

#wp-calendar tr:first-of-type{
  justify-content: flex-end;
}

#wp-calendar th,
#wp-calendar td {
  display: block;
  width: calc(100% / 7);
  text-align: center;
  margin-bottom: 5px;
}

#wp-calendar th:nth-of-type(6),
#wp-calendar td:nth-of-type(6) {
  color: #125cca;
}

#wp-calendar th:last-of-type,
#wp-calendar td:last-of-type {
  color: #ca123a;
}

#wp-calendar td a {
  padding: 0;
}

#wp-calendar tfoot tr {
  display: flex;
  justify-content: center;
}

#wp-calendar tfoot tr td {
  width: calc((100% / 3) - .01px);
}

#wp-calendar #today a,
#wp-calendar #today {
  color: #ffffff;
  background-color: var(--main-color);
  font-weight: 700;
}

#wp-calendar #prev,
#wp-calendar #next,
#wp-calendar .pad {
  margin: 5px 0 0;
}

#wp-calendar #prev {
  text-align: left;
}

#wp-calendar #next {
  text-align: right;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .widget-item {
    flex-basis: calc(((100% - 72px) / 3) - .01px);
  }
  
  .widget-item,
  .widget-item:nth-of-type(even) {
    margin-right: 36px;
  }
  
  .widget-item:nth-of-type(3n+3) {
    margin-right: 0;
  }

  .widget-item:nth-of-type(n+3) {
    margin-top: 0;
  }
  
  .widget-item:nth-of-type(n+4) {
    margin-top: 36px;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .widget-title {
    font-size: 1.8rem;
  }
  
  .widget-item ul {
    border-top-width: 2px;
  }
  
  .widget-item li {
    border-bottom-width: 2px;
  }
  
  .widget-item li a {
    transition: opacity .3s;
  }
  
  .widget-item li a:hover {
    opacity: .5;
  }
  

  .widget-item input[type="text"] {
    width: calc(100% - 70px);
  }
  
  .widget-item input[type="submit"] {
    width: 60px;
    margin-left: 10px;
    font-size: 1.6rem;
  }
  
  .widget-item input[type="submit"]:hover {
    opacity: .5;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
Search
------------------------------------------------------------*/
.search-box {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 50px 0 100px;
}

.search-results-number {
  margin-bottom: 25px;
  font-size: 1.6rem;
  font-weight: 700;
}

.search-results-box {
  padding: 25px 12px;
  border-bottom: solid 1px #DDDDDD;
}

.search-results-box:first-of-type {
  border-top: solid 1px #DDDDDD;
}

.search-results-title {
  margin-bottom: 25px;
  font-size: 1.6rem;
  line-height: 1.5;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .search-results-box a:hover .search-results-title,
  .search-results-box a:hover .search-results-text {
    text-decoration: underline;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .search-results-number {
    margin-bottom: 50px;
    font-size: 2.4rem;
  }
  
  .search-results-title {
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
notFound
------------------------------------------------------------*/
.not-found-box {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 50px 0;
}

.not-found-text {
  margin-bottom: 25px;
}

.not-found-button {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  padding: 10px;
  background-color: var(--main-color);
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  transition-property: background-color, opacity;
  transition-duration: .3s;
  cursor: pointer;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .not-found-box {
    padding: 100px 0;
  }
  
  .not-found-text {
    margin-bottom: 50px;
    text-align: center;
  }
  
  .not-found-button {
    max-width: 400px;
    padding: 15px;
    font-size: 1.6rem;
  }
  
  .not-found-button:hover {
    opacity: .5;
    text-decoration: none;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
.footer {
  margin-top: auto;
  overflow: hidden;
}

.page-top {
  display: none;
  position: fixed;
  right: 12px;
  bottom: 12px;
  width: 40px;
  height: 40px;
  z-index: 3;
}

.page-top-anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 40px;
  height: 40px;
  color: #ffffff;
}

.page-top-anchor:hover {
  text-decoration: none;
}

.page-top-anchor::before,
.page-top-anchor::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-top-anchor::before {
  background-color: var(--sub-color);
  transition: opacity .3s;
  z-index: -1;
}

.page-top-anchor::after {
  background-color: #ffffff;
  z-index: -2;
}

.footer-contents {
  width: calc(100% - 24px);
  margin: 0 auto;
}

.publication {
  padding: 25px 0 0;
}

.publication-list {
  text-align: center;
}

.sns-container {
  overflow: hidden;
}

.sns-inner {
  width: calc(100% - 24px);
  max-width: 1600px;
  margin: 0 auto;
}

.sns-facebook {
  position: relative;
  width: 100%;
  max-width: 680px;
  margin-bottom: 20px;
  text-align: center;
}

.sns-facebook-inner {
  position: absolute;
  top: 57%;
  left: 47%;
  width: 100%;
  max-width: 210px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.sns-facebook-inner > .fb-page {
  width: 100%;
}
 
.sns-facebook-inner > .fb-page > span,
.sns-facebook-inner iframe {
  width: 100% !important;
}

.sns-youtube-inner {
  margin-bottom: 20px;
}

.sns-youtube-inner:last-of-type {
  margin-bottom: 0;
}

.sns-youtube-box {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.sns-youtube-box iframe,
.sns-youtube-box video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.sns-youtube-box video {
  cursor: pointer;
}

.footer-banner {
  padding: 20px 0;
}

.footer-banner-list {
  display: flex;
  flex-wrap: wrap;
}

.footer-banner-item {
  flex-basis: calc((100% - 15px) / 2);
  margin-right: 15px;
  text-align: center;
}

.footer-banner-item:nth-of-type(even),
.footer-banner-item:last-of-type {
  margin-right: 0;
}

.footer-banner-item:nth-of-type(n+3) {
  margin-top: 15px;
}

.footer-banner-item img {
  width: 100%;
}

[class*="footer-inner"] {
  display: flex;
  flex-direction: column;
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.footer-top,
.footer-top .remote-nav {
  display: flex;
}

.footer-top {
  height: 70px;
  background-position: right bottom;
}

.footer-top .remote-nav {
  flex-wrap: wrap;
  align-items: flex-start;
  align-self: flex-start;
  padding: 0 12px;
}

.footer-top .remote-nav-item {
  margin-right: 20px;
}

.footer-top .remote-nav-item:nth-of-type(1) {
  order: 2;
}

.footer-top .remote-nav-item:nth-of-type(2) {
  order: 1;
  flex: 1 0 100%;
  margin-bottom: 5px;
}

.footer-top .remote-nav-item:nth-of-type(3) {
  order: 3;
}

.footer-top .remote-nav-item:last-of-type {
  margin-right: 0;
}

.footer-top .remote-nav-item a {
  color: #333333;
}

.footer-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 20px 12px 12px;
  background-color: var(--main-color);
}

.footer-bottom,
.footer-bottom a {
  color: #ffffff;
}

.footer-logo {
  flex: 0 1 auto;
  padding-right: 2em;
}

.copyright {
  margin-top: 10px;
  font-size: 1.0rem;
}

.other-nav {
  flex: 1 0 auto;
}

.other-nav-item {
  position: relative;
  margin-bottom: 5px;
  padding-left: 1em;
  font-size: 1.2rem;
}

.other-nav-item::before {
  content: "\025cb";
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  z-index: 0;
}

.other-nav-item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .publication {
    padding-bottom: 25px;
  }
  
  .sns-container {
    padding: 25px 0 50px;
    background-color: #F2F2F2;
  }
  
  .sns-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  
  .sns-facebook {
    width: 50%;
    margin-bottom: 0;
  }
  
  .sns-facebook-inner {
    left: 47.5%;
  }
  
  .sns-youtube {
    width: 48%;
    padding-top: 140px;
  }
  
  .sns-youtube-inner {
    margin-bottom: 40px;
  }
  
  .footer-banner {
    padding: 60px 0 30px;
  }
  
  .footer-banner .top-heading {
    margin-bottom: 40px;
  }
  
  .footer-banner-item,
  .footer-banner-item:nth-of-type(even) {
    flex-basis: calc(((100% - 60px) / 5) - .01px);
    margin-right: 15px;
  }
  
  .footer-banner-item:nth-of-type(5n+5) {
    margin-right: 0;
  }
  
  .footer-banner-item:nth-of-type(n+3) {
    margin-top: 0;
  }
  
  .footer-banner-item:nth-of-type(n+6) {
    margin-top: 35px;
  }
  
  .footer-top {
    display: flex;
    height: 90px;
    background-size: cover;
  }
  
  .footer-top .remote-nav {
    flex-wrap: nowrap;
    align-self: center;
    padding: 0 24px;
  }
  
  .remote-nav-item {
    display: block;
  }
  
  .footer-top .remote-nav-item:nth-of-type(1) {
    order: 1;
  }

  .footer-top .remote-nav-item:nth-of-type(2) {
    order: 2;
    flex: 0 1 auto;
    margin-bottom: 0;
  }
  
  .footer-bottom {
    padding: 12px 24px;
  }
  
  .footer-logo {
    display: flex;

    align-items: flex-end;
  }
  
  .copyright {
    margin: 0 0 0 10px;
    font-size: 1.2rem;
  }
  
  .other-nav {
    flex: 0 1 auto;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .page-top {
    right: 20px;
    bottom: 20px;
  }
  
  .page-top-anchor:hover::before,
  .footer-nav-item a:hover {
    opacity: .5;
  }
  
  .footer-top .remote-nav-item a:hover {
    text-decoration: none;
  }
  
  .publication {
    padding: 120px 0 60px;
  }
  
  .sns-facebook-inner {
    left: 38%;
    max-width: 270px;
  }
  
  .footer-banner {
    padding: 120px 0 60px;
  }
  
  .footer-banner .top-heading {
    margin-bottom: 80px;
  }
  
  .footer-banner-item:nth-of-type(n+6) {
    margin-top: 70px;
  }
  
  .footer-top {
    height: 150px;
  }
  
  .other-nav-item {
    font-size: 1.5rem;
  }
  
  .other-nav-item a {
    transition: opacity .3s;
  }
  
  .other-nav-item a:hover {
    opacity: .5;
    text-decoration: none;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .sns-facebook-inner {
    max-width: 330px;
  }
  
  .sns-youtube {
    width: calc(100% - (680px + 20px));
  }
}

@media all and (-ms-high-contrast:none) {/* ---------- only IE ---------- */
}

/*------------------------------------------------------------
mainVisual
------------------------------------------------------------*/
.mv-wrapper {
  position: relative;
}

.mv-wrapper .bx-wrapper {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
}

.mv-wrapper .bx-wrapper .bx-controls-auto,
.mv-wrapper .bx-wrapper .bx-pager {
  bottom: 30px;
  z-index: 1;
}

.mv-wrapper .bx-wrapper .bx-prev,
.mv-wrapper .bx-wrapper .bx-next {
  transition: all 0s;
}

.mv-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
  background: #999999;
}

.mv-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active,
.mv-wrapper .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mv-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: var(--main-color);
}

.mv-wrapper .bx-wrapper .bx-controls-direction a {
  z-index: 1;
}

.mv-picture-item img {
  width: 100%;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
TOP
------------------------------------------------------------*/
.top-heading {
  width: calc(100% - 24px);
  max-width: 650px;
  margin: 0 auto 10px;
  padding-bottom: 10px;
  border-bottom: solid 2px #4D4D4D;
  text-align: center;
}

.top-heading .letter {
  display: inline-block;
  position: relative;
  margin-left: calc((104px / 4) + 10px);
  font-size: 1.8rem;
  line-height: 1.4;
}

.top-heading .letter::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(((104px / 4) + 5px) * -1);
  display: inline-block;
  width: calc(104px / 4);
  height: calc(104px / 4);
  background: url(../../../wp-content/uploads/top_heading_icon_01@2x.png) no-repeat left top / contain;
  transform: translateY(-50%);
  z-index: 0;
}

.top-news-wrapper {
  margin: 10px 0 15px;
  padding: 10px 0;
  background-color: #F2F2F2;
}

.top-news-wrapper a {
  color: #333333;
  transition: opacity .3s;
}

.top-news-heading {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: solid 1px #333333;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: .25em;
  text-align: center;
}

.top-news-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.top-news-item {
  display: flex;
  max-width: 768px;
  margin: 0 auto 12px;

}

.top-news-item:last-of-type {
  margin-bottom: 0;
}

.top-news-title {
  display: flex;
  order: 2;
  width: calc(100% - 6.5em);
}

.top-news-title .new-icon {
  align-self: center;
  margin-left: 12px;
  color: var(--accent-color);
}

.top-news-date {
  order: 1;
  width: 6.5em;
}

.top-news-link {
  margin-top: 12px;
  line-height: 1;
  text-align: right;
}

.top-greeting-wrapper {
  display: none;
  padding: 20px 0;
  background: url(../../../wp-content/uploads/top_greeting_bg_01_sp-80.jpg) no-repeat center center / cover;
  color: #ffffff;

}

.top-greeting-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  text-align: center;
}

.top-greeting-button {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 20px;
  background-color: #333333;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 1;
  text-align: left;
}

.top-greeting-button::after {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 15px;
  font-family: "Font Awesome 5 Free";
  font-size: 2.4rem;
  font-weight: 600;
  transform: translateY(-50%);
}

.top-greeting-button.active::after {
  content: "\f106";
}

.top-greeting-title {
  margin-bottom: 20px;
  font-size: 1.8rem;
  line-height: 1.55;
}

.top-greeting-paragraph {
  margin-bottom: 30px;
  font-size: calc(1.3rem + ((1vw - 3.75px) * 2.7027));
}

.top-greeting-paragraph:last-of-type {
  margin-bottom: 0;
}

.top-banner-wrapper {
  padding: 15px 0 0;
  background: url(../../../wp-content/uploads/top_link_banner_bg_01_sp.png) no-repeat center bottom / contain;
}

.top-banner-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.banner-item {
  margin-right: 10px;
}

.top-banner-column2,
.top-banner-column3 {
  display: flex;
}

.top-banner-column2 {
  margin-bottom: 10px;
  justify-content: center;
}

.top-banner-column2 .banner-item:nth-of-type(even),
.top-banner-column2 .banner-item:last-of-type {
  margin-right: 0;
}

.top-banner-column3 {
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.top-banner-column3 .banner-item {
  flex-basis: calc(((100% - 20px) / 3) - .01px);
}

.top-banner-column3 .banner-item:nth-of-type(3n+3),
.top-banner-column3 .banner-item:last-of-type {
  margin-right: 0;
}

.top-banner-column3 .banner-item:nth-of-type(n+4) {
  margin-top: 10px;
}

.top-banner-column3 img {
  width: 100%;
}

.top-banner-standard {
  position: relative;
  margin: 10px 0;
  text-align: center;
}

.top-animation-eye {
  position: absolute;
  top: 10.667vw;
  left: 4vw;
  max-width: 25%;
  z-index: 1;
}

.top-banner-other {
  position: relative;
  padding-top: 25px;
  overflow: hidden;
}

.top-banner-other-box {
  display: flex;
  position: relative;
  margin-bottom: 20px;
  padding: 0 20px 10px;
}

.top-banner-other-box:last-of-type {
  margin-bottom: 0;
}

.top-banner-other-box .banner-item {
  width: calc((100% - 50px) / 2);
  margin-right: 50px;
  transition: transform .3s;
  pointer-events: auto;
}

.top-banner-other-box .banner-item:last-of-type {
  margin-right: 0;
}

.top-banner-other-box .banner-item:hover img {
  opacity: 1;
}

[class*="banner-illust"] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}

.banner-illust-pc {
  display: none;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .top-news-wrapper {
    margin: 0;
    padding: 30px 0;
  }
  
  .top-news-heading {
    width: calc(100% - 24px);
    max-width: 1700px;
    margin:  0 auto 30px;
    padding-bottom: 20px;
    border-bottom-width: 2px;
    font-size: 3.6rem;
  }
  
  .top-news-item {
    margin-bottom: 24px;
    font-size: 1.8rem;
  }
  
  .top-news-title .new-icon {
    margin-left: 24px;
  }
  
  .top-news-link {
    margin-top: 60px;
    font-size: 2.4rem;
  }
  
  .top-greeting-button {
    display: none;
  }
  
  .top-greeting-wrapper {
    display: block !important;
    padding: 50px 0 60px;
  }
  
  .top-greeting-title {
    margin-bottom: 60px;
    font-size: calc(2.8rem + ((1vw - 5.6px) * .8824));
  }
  
  .top-greeting-paragraph {
    font-size: calc(1.8rem + ((1vw - 5.6px) * .4412));
    text-align: left;
  }
  
  .top-banner-wrapper {
    padding-top: 50px;
    background-image: url(../../../wp-content/uploads/top_link_banner_bg_01@2x.png)
  }
  
  .top-banner-column2 {
    margin-bottom: 20px;
  }
  
  .top-banner-column2 .banner-item {
    margin-right: 20px;
  }
  
  .top-banner-column3 {
    margin-bottom: 50px;
  }
  
  .top-banner-column3 .banner-item {
    flex-basis: calc(((100% - 140px) / 3) - .01px);
    margin-right: 70px;
  }

  .top-banner-column3 .banner-item:nth-of-type(n+4) {
    margin-top: 70px;
  }

  .top-banner-standard {
    margin: 40px 0 30px;
  }
  
  .top-banner-other {
    padding-top: 50px;
  }
  
  .top-banner-other-inner {
    display: flex;
    justify-content: center;
    width: calc(100% - 24px);
    max-width: 1000px;
    margin: 0 auto;
  }
  
  .top-banner-other-box {
    margin: 0 80px 0 0;
    padding: 0;
  }
  
  .top-banner-other-box:last-of-type {
    margin-right: 0;
  }
  
  .top-banner-other-box .banner-item {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  
  .banner-illust-sp {
    display: none;
  }
  
  .banner-illust-pc {
    display: inline-block;
    min-width: 1350px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .top-heading {
    margin-bottom: 20px;
    border-bottom-width: 4px;
  }

  .top-heading .letter {
    margin-left: calc((104px / 4) + 40px);
    font-size: 3.6rem;
  }
  
  .top-heading .letter::before {
    left: calc(((104px / 2) + 10px) * -1);
    width: calc(104px / 2);
    height: calc(104px / 2);
  }
  
  .top-news-wrapper a:hover {
    opacity: .5;
    text-decoration: none;
  }
  
  .top-news-item {
    font-size: 2.4rem;
  }
  
  .top-news-link {
    margin-top: 120px;
  }
  
  .top-greeting-wrapper {
    padding: 100px 0 120px;
    background-image: url(../../../wp-content/uploads/top_greeting_bg_01@2x-80.jpg);
  }
  
  .top-greeting-title {
    margin-bottom: 120px;
  }
  
  .top-greeting-paragraph {
    margin-bottom: 60px;
  }
  
  .top-banner-other-box .banner-item:hover {
    transform: translateY(-30px);
  }
  
  .banner-illust-pc {
    min-width: 1920px;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .top-animation-eye {
    top: 38%;
    left: 5%;
  }
}

/*------------------------------------------------------------
terms
------------------------------------------------------------*/
.terms-ttl{
  width: calc(100% - 36px);
  margin: 30px auto;
  color: #0071bc;
  font-size: 2.8rem;
  font-weight: bold;
}

.terms-overview{
  width: calc(100% - 36px);
  margin: 0 auto;
  font-size: 1.3rem;
  line-height: 1.75;
}

.terms-list{
  margin-bottom: 30px;
}

.terms-list-ttl{
  margin: 20px 0 15px;
  background-color: rgba(179,179,179,.5);
  font-size: 1.5rem;
}

.terms-list-ttl-inner{
  display: block;
  width: calc(100% - 36px);
  margin: 0 auto;
  padding: 3px 0;
}

.terms-list-item{
  width: calc(100% - 36px);
  margin: 0 auto;
  text-indent: 1em;
  font-size: 1.3rem;
  line-height: 1.75;
}

.terms-list-item .txt{
  margin-bottom: 30px;
  text-indent: 0;
}

.terms-list-item .txt:last-of-type{
  margin-bottom: 0;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .terms-ttl{ 
    font-size: 3.6rem;
  }
  
  .terms-overview{
    font-size: 1.8rem;
  }
  
  .terms-list-ttl{
    margin: 40px 0 20px;
    font-size: 2.8rem
  }

  .terms-list-ttl-inner{
    padding: 6px 0;
  }
  
  .terms-list-item{
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .terms-ttl,
  .terms-overview,
  .terms-list-item,
  .terms-list-ttl-inner{
    max-width: 1100px;
  }
  
  
  .terms-ttl{
    font-size: 6rem;
  }

  .terms-overview{
    font-size: 2.2rem;
    line-height: 1.9;
  }
  
  .terms-list{
    margin-bottom: 0;
  }
  
  .terms-list-ttl{
    font-size: 3rem;
  }

  .terms-list-item{
    margin: 0 auto;
    font-size: 2.2rem;
    line-height: 1.9;
  }
  
  .terms-list-item .txt{
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .terms-ttl{
    font-size: 8rem;
  }
}

/*------------------------------------------------------------
standard
------------------------------------------------------------*/
.page-id-149 .pc { display: none !important; }
.page-id-149 .sp { display: block !important; }

.mainimg_standard_wrap{
  font-size: 1.3rem;
}

.message_standard{
  margin: 20px 0;
  text-align: center;
}
  
.standard-overview {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  width: calc(100% - 12px);
  max-width: var(--content-width);
  margin: 0 auto 0 0;
  padding: 15px 0 40px;
}

.standard-overview-text {
  position: relative;
  width: 67%;
  padding: 8px 4px;
  border: solid 3px #333333;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 3.467vw;
  text-align: center;
}


.standard-overview-text::before,
.standard-overview-text::after {
  content: "";
  position: absolute;
  top: 75%;
  transform: scaleY(.5);
}

.standard-overview-text::before {
  left: -18px;
  margin-top: -6px;
  border: solid 6px transparent;
  border-right: solid 12px #ffffff;
  z-index: 2;
}

.standard-overview-text::after {
  left: -24px;
  margin-top: -7px;
  border: solid 7px transparent;
  border-right: solid 14px #333333;
  z-index: 1;
}

.standard-overview-text .text {
  margin-bottom: 1em;
}

.standard-overview-text .text:last-of-type {
  margin-bottom: 0;
}

.standard-overview-illust {
  width: calc(100% - (67% + 10px));
  text-align: center;
}

.standard_detail_wrap{
  margin:  0;
}

.standard_detail_item{
  background-color: #F2F2F2;
  position: relative;
}

.standard_detail_item:nth-child(2n){
  background-color: #FFFEF0;
  position: relative;
}

.standard_detail_item::after{
  position: absolute;
  content: "";
  width: 84px;
  height: 84px;
  background-image: url(../../../wp-content/uploads/number01_standard.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 4%;
  right: 4%;
}

.standard_detail_item:nth-child(2)::after{
  background-image: url(../../../wp-content/uploads/number02_standard.png);
}

.standard_detail_item:nth-child(3)::after{
  background-image: url(../../../wp-content/uploads/number03_standard.png);
}

.standard_detail_item:nth-child(4)::after{
  background-image: url(../../../wp-content/uploads/number04_standard.png);
}

.standard_detail_item:nth-child(5)::after{
  background-image: url(../../../wp-content/uploads/number05_standard.png);
}

.standard_detail_item:nth-child(6)::after{
  background-image: url(../../../wp-content/uploads/number06_standard.png);
}

.standard_detail_item:nth-child(7)::after{
  background-image: url(../../../wp-content/uploads/number07_standard.png);
}

.standard_detail_item:nth-child(8)::after{
  background-image: url(../../../wp-content/uploads/number08_standard.png);
}

.standard_detail_item:nth-child(9)::after{
  background-image: url(../../../wp-content/uploads/number09_standard.png);
}

.standard_detail_item:nth-child(10)::after{
  background-image: url(../../../wp-content/uploads/number10_standard.png);
}


.standard_detail_item::before{
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #000, #000 5px, transparent 5px, transparent 12px);
  background-size: 12px 1px;
  background-repeat: repeat-x;
  top: 90px;
  bottom: 0;
  left: 0;
  right: 0;
}

.standard_detail_dl{
  padding: 0 12px;
}

.standard_detail_dt{
  line-height: 2;
  position: relative;
  display: flex;
  align-items: center;
  height: 90px;
  padding-left:1.5em;
  text-indent:-1.5em;
}

.standard_detail_dd{
  padding: 10px 0;
  display: block;
}

.detail_dd_item{
  position: relative;
  padding-left: 20px;
}

.detail_dd_item_text{
  line-height: 2;
}

.detail_dd_item:last-of-type{
  margin-bottom: 0;
}

.detail_dd_item::before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #000;
  top: 7px;
  left: 0;
}

.standard_detail_item:nth-child(7) .detail_dd_item:first-child{
  padding-left: 92px;
  text-indent: -5.5em;
}

.standard_detail_item:nth-child(7) .detail_dd_item{
  padding-left: 98px;
  text-indent: -6em;
}

.standard_detail_item:nth-child(7) .detail_dd_item:last-child{
  padding-left: 20px;
  text-indent: 0;
}

.standard_detail_item:nth-child(7) .detail_dd_item:last-child::before{
  display: none;
}
  
@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .page-id-149 .pc { display: block !important; }
  .page-id-149 .sp { display: none !important; }
  
  .standard-overview {
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 30px 0 80px;
  }
  
  .standard-overview-text {
    margin-left: 60px;
    padding: 60px 8px;
    border-width: 6px;
    border-radius: 10px;
    font-size: 1.8rem;
  }
  
  .standard-overview-text::before {
    left: -68px;
    margin-top: -24px;
    border-width: 24px;
    border-right-width: 48px;
  }
  
  .standard-overview-text::after {
    left: -90px;
    margin-top: -28px;
    border-width: 28px;
    border-right-width: 56px;
  }
  
  .standard-overview-text .text {
    margin-bottom: 2em;
  }
  
  .standard_detail_item::after{
    top: 65%;
    right: 10%;
  }
  
  .standard_detail_item::before{
    top: 100px;
  }
  
  .standard_detail_dl{
    width: 94%;
    margin: 0 auto;
  }
  
  .standard_detail_dt{
    padding: 36px 0;
    text-indent:0;
  }
  
  .standard_detail_item:nth-child(8) .standard_detail_dt{
    padding: 9px 0;
  }
  
  .standard_detail_dd{
    padding: 40px 0;
  }
  
  .standard_detail_item:nth-child(7) .detail_dd_item:first-child{
    padding-left: 20px;
    text-indent: 0;
  }
  
  .standard_detail_item:nth-child(7) .detail_dd_item{
    padding-left: 20px;
    text-indent: 0;
  }
  
  .standard_detail_item:nth-child(7) .detail_dd_item:last-child{
    padding-left: 20px;
    text-indent: 0;
  }
  
  .standard_detail_item:nth-child(2) .standard_detail_dd, .standard_detail_item:nth-child(3) .standard_detail_dd, .standard_detail_item:nth-child(4) .standard_detail_dd, .standard_detail_item:nth-child(5) .standard_detail_dd{
    padding: 62px 0;
  }
  
  .standard_detail_item:nth-child(7) .standard_detail_dd, .standard_detail_item:nth-child(10) .standard_detail_dd{
    padding: 18px 0;
  }
  
  .detail_dd_item_text{
    line-height: 2.2;
  }
  
  .detail_dd_item::before{
    border-width: 8px 0 8px 10px;
    top: 12px;
    left: 0;
  }
  
  .standard_detail_item:nth-child(7) .detail_dd_item:last-child::before{
    display: none;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .page-id-149 .pc { display: block !important; }
  .page-id-149 .sp { display: none !important; }
  
  .mainimg_standard_wrap {
    font-size: 2.0rem;
  }
  
  .message_standard{
    margin: 70px 0;
    text-align: center;
  }
  
  .standard-overview-text {
    width: 790px;
    font-size: 3.2rem;
  }
  
  .standard-overview-illust {
    width: calc(100% - 790px);
  }
  
  .standard_detail_item::after{
    bottom: 6%;
    right: 6%;
  }
  
  .standard_detail_item::before{
    top: 30%;
  }
  
  .standard_detail_dl{
    width: 1100px;
    margin: 0 auto;
  }
  
  .standard_detail_item:nth-child(8) .standard_detail_dt{
    padding: 9px 0;
  }
  
  .detail_dd_item::before{
    top: 14px;
  }
  
  .standard_detail_dl{
    width: 90%;
    margin: 0 auto;
  }
  
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .page-id-149 .pc { display: block !important; }
  .page-id-149 .sp { display: none !important; }
  
  .mainimg_standard_wrap {
    font-size: 2.0rem;
  }
  
  .message_standard{
    margin: 70px 0;
    text-align: center;
  }
  
  .standard-overview {
    padding: 40px 0 80px;
  }
  
  .standard-overview-text {
    margin-left: 0;
  }
  
  .standard_detail_item::after{
    top: 65%;
    right: 26%;
  }
  
  .standard_detail_dl{
    width: 1100px;
    margin: 0 auto;
  }
  
  .standard_detail_item:nth-child(8) .standard_detail_dt{
    padding: 9px 0;
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
}

/*------------------------------------------------------------
privacy
------------------------------------------------------------*/
.privacy-inner{
  width: calc(100% - 36px);
  margin: 0 auto;
}

.privacy-ttl{
  margin-top: 10px;
  line-height: 1;
}

.privacy-ttl-en{
  display: inline-block;
  width: 65%;
}

.privacy-ttl-ja{
  display: block;
  margin-top: 8px;
  font-size: 1.8rem;
}

.privacy-overview{
  margin: 20px 0;
  font-size: 1.3rem;
  line-height: 1.75;
}

.privacy-notes{
  padding: 14px 0;
  background-color: #ffff99;
  font-size: 1.3rem;
  line-height: 1.75;
}

.privacy-notes-txt{
  margin-bottom: 1em;
}

.privacy-notes-txt:last-of-type{
  margin-bottom: 0 ;
}

.privacy-txt{
  text-indent: 1em;
}

.privacy-content{
  margin: 20px 0 30px; 
  font-size: 1.3rem;
  line-height: 1.75;
}

.privacy-content-txt{
  margin-bottom: 1em;
}

.privacy-content-txt:last-of-type{
  margin-bottom: 0;
}

.privcy-content-item{
  padding-left: 1em;
  text-indent: -1em;
}

.privacy-corp-name{
  margin-bottom: 20px;
  font-size: 1.3rem;
  line-height: 1.75;
}
  
@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .privacy-ttl{
    display: flex;
    align-items: flex-end;
    margin-top: 40px;
  }
  
  .privacy-ttl-en{
    width: 50%;
    margin-right: 20px;
  }
  
  .privacy-ttl-ja{
    display: inline;
    font-size: 2.8rem;
  }
  
  .privacy-overview{
    margin: 40px 0 30px;
    font-size: 1.8rem;
  }
  
  .privacy-overview .privacy-txt{
    padding-left: 0;
    text-indent: 1em;
  }
  
  .privacy-notes{
    padding: 20px 0;
    font-size: 1.8rem;
  }
  
  .privacy-content{
    margin: 40px 0 60px;
    font-size: 1.8rem;
  }
  
  .privacy-content-ttl{
    padding-left: 2px;
  }
  
  .privacy-content-list{
    margin-left: 2em;
  }
  
  .privcy-content-item{
    padding-left: 0;
  }
  
  .privacy-txt{
    padding-left: 1em;
    text-indent: 0;
  }
  
  .privacy-corp-name{
    margin-bottom: 0;
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .privacy-inner{
    max-width: 1100px;
  }
  
  .privacy-notes{
    max-width: 1136px;
    margin: 0 auto;
  }
  
  .privacy-ttl-ja{
    font-size: 3.6rem;
  }
  
  .privacy-overview{
    margin: 60px 0 30px;
    font-size: 2.2rem;
    line-height: 1.9;
  }
  
  .privacy-notes,
  .privacy-content,
  .privacy-corp-name{
    font-size: 2.2rem;
    line-height: 1.9;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .privacy-ttl{
    margin-top: 40px;
  }
  
  .privacy-ttl-en{
    width: 55%;
    margin-right: 30px;
  }
  
  .privacy-ttl-ja{
    font-size: 4.6rem;
  }
  
  .privacy-content{
    margin: 40px 0 80px;
  }
}

/*------------------------------------------------------------
fixing
------------------------------------------------------------*/
.fixing-inner{
  width: calc(100% - 30px);
  max-width: 1100px;
  margin: 0 auto;
}

.fixing-symbol{
  margin: 26px auto;
  text-align: center;
}

.fixing-achievement{
  position: relative;
  padding: 16px 0 28px;
  background-color: rgba(255,2555,204,.3);
}

.fixing-achievement:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 70px;
  z-index: 0;
  background-repeat: repeat-x;
  background-size: 12px 1px;
  background-image: linear-gradient(to right, #000, #000 6px, transparent 6px, transparent 12px);
}

.fixing-achievement-ttl{
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.fixing-achievement-txt{
  font-size: 1.3rem;
  line-height: 1.75;
}

.fixing-achievement-ratio-list{
  width: calc(100% - 26px);
  min-width: 296px;
  margin: 26px auto 0;
  font-size: 1.6rem;
}

.fixing-achievement-ratio-item{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fixing-achievement-ratio-item:first-of-type{
  margin-bottom: 28px;
}

.fixing-achievement-ratio-txt{
  padding: 0 10px;
  background-color: #e5e5e5;
}

.fixing-achievement-ratio-average{
  position: relative;
  width: 140px;
}

.fixing-achievement-ratio-average:before{
  position: absolute;
  content: "";
  width: 60px;
  height: 4px;
  top: 10px;
  left: -84px;
  z-index: 0;
  background-repeat: repeat-x;
  background-size: 16px 4px;
  background-image: radial-gradient(2px 2px at center center,#333333,#333333 99%,transparent);
}
.fixing-achievement-ratio-average .fixing-txt{
  display: inline-block;
  margin-left: -6px;
  padding: 0 6px;
}

.fixing-achievement-ratio-item:nth-of-type(2) .fixing-achievement-ratio-txt,
.fixing-achievement-ratio-item:nth-of-type(2) .fixing-achievement-ratio-average .fixing-txt{
  position: relative;
  z-index: 1;
  background-color: #00ffff;
}

.fixing-features{
  padding: 20px 0;
}

.fixing-features .fixing-inner{
  padding: 0;
}

.fixing-features-ttl{
  margin-bottom: 20px;
  font-size: 1.6rem;
  text-align: center;
}

.fixing-features-list{
  width: calc(100% - 20px);
  margin: 0 auto;
}

.fixing-features-item{
  margin-bottom: 20px;
  background-color: rgba(255,153,204,.2);
}

.fixing-features-item:nth-of-type(2){
  background-color: rgba(153,255,51,.2);
}

.fixing-features-item:nth-of-type(3){
  background-color: rgba(255,204,102,.2);
}

.fixing-features-item:last-of-type{
  margin-bottom: 0;
}

.fixing-features-item-ttl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px 8px 6px;
  background-color: #ff99cc;
}

.fixing-features-item:nth-of-type(2) .fixing-features-item-ttl{
  background-color: #99ff33;
}

.fixing-features-item:nth-of-type(3) .fixing-features-item-ttl{
  background-color: #ffcc00;
}

.fixing-features-item-txt{
  padding: 14px;
  font-size: 1.3rem;
  line-height: 1.75;
}

.fixing-features-item-txt .fixing-link{
  display: inline;
  color: #ff66ff;
}

.fixing-features-item-ttl-ico{
  width: 27.3%;
  text-align:center;
}

.fixing-features-item-ttl-txt{
  width: calc(100% - 27.3% - 8px);
  text-align:center;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .fixing-symbol{
    max-width: 478px;
    margin: 30px auto 46px;
  }
  
  .fixing-achievement{
    padding: 30px 0 70px;
  }
  
  .fixing-achievement:before{
    bottom: 140px;
    background-size: 24px 1px;
    background-image: linear-gradient(to right, #000, #000 12px, transparent 11px, transparent 24px);
  }
  
  .fixing-achievement-ttl{
    font-size: 3.2rem;
  }
  
  .fixing-achievement-txt{
    font-size: 2rem;
  }
  
  .fixing-achievement-ratio-list{
    width: 656px;
    margin-top: 70px;
    font-size: 3.2rem;
    line-height: 1.4;
  }
  
  .fixing-achievement-ratio-item:first-of-type{
    margin-bottom: 52px;
  }
  
  .fixing-achievement-ratio-txt{
    padding: 0 20px;
  }
  
  .fixing-achievement-ratio-average{
    width: 284px;
  }
  
  .fixing-achievement-ratio-average .fixing-txt{
    margin-left: -10px;
    padding: 0 10px;
  }
  
  .fixing-achievement-ratio-average:before{
    width: 120px;
    height: 6px;
    top: 20px;
    left: -168px;
    background-size: 32px 6px;
    background-image: radial-gradient(3px 3px at center center,#333333,#333333 99%,transparent);
  }
  
  .fixing-features{
    padding: 60px 0 10px;
  }
  
  .fixing-features .fixing-inner{
    width: calc(100% - 30px);
  }
  
  .fixing-features-ttl{
    margin-bottom: 30px;
    font-size: 3.2rem;
    text-align: left;
  }
  
  .fixing-features-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1089px;
  }
  
  .fixing-features-item{
    display: flex;
    flex-direction: column;
    width: calc(100% / 3);
    margin-bottom: 0;
  }
  
  .fixing-features-item-ttl{
    position: relative;
    padding: 24px;
  }
  
  .fixing-features-item-ttl-ico{
    width: 100%;
  }
  
  .fixing-features-item-ttl-txt{
    position: absolute;
    width: calc(100% - 20px);
    left: 50%;
    bottom: -52px;
    transform: translateX(-50%);
  }
  
  .fixing-features-item-txt{
    padding: 70px 14px 30px;
    font-size: 1.6rem;
  }
  
  .fixing-features-item-img{
    margin-top: auto;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .fixing-achievement-txt{
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .fixing-features-item-ttl-txt{
    width: calc(100% - 32px);
  }
  
  .fixing-features-item-txt{
    padding: 100px 14px 30px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .fixing-achievement-ttl,
  .fixing-features-ttl{
    padding-left: 10px;
  }
  
  .fixing-features-item-ttl-txt{
    width: 330px;
  }
}

@media all and (-ms-high-contrast:none) {/* ---------- only IE ---------- */
  .fixing-features-item{
    width: 33.33%;
  }
    
  .fixing-features-item-ttl,
  .fixing-features-item-txt,
  .fixing-features-item-img{
    min-height: 0%;
  }
}

/*------------------------------------------------------------
welfare
------------------------------------------------------------*/
/* lightbox */
.page-id-961 .lb-nav a.lb-prev {
  position: absolute !important;
  left: -14px !important; 
  background: url(../../../wp-content/uploads/welfare_slide_arrow_left.png) left 48% no-repeat !important;
  background-size: 36px !important;
} 

.page-id-961 .lb-nav a.lb-next {
  position: absolute !important;
  right: -14px !important;
  background: url(../../../wp-content/uploads/welfare_slide_arrow_right.png) right 48% no-repeat !important;
  background-size: 36px !important;
}

.page-id-961 .pc { display: none !important; }
.page-id-961 .sp { display: inline !important; }

.welfare-sp-ib{
  display: inline-block;
}

.page-id-961 .text_mt20{
  display: block;
  margin-top: 20px;
}

.staff_comment_box{
  display: flex;
  align-items:center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 12px;
}

.staff_illust{
  width: 80px;
  padding-top: 74px;
  margin-right: 10px;
}

.staff_comment_text_box{
  width: calc(100% - 98px);
  position: relative;
  display: inline-block;
  margin: 15px 0 15px 8px;
  padding: 16px 3px;
  min-width: 120px;
  max-width: 100%;
  color: #000;
  text-align: center;
  font-size: 1.1em;
  background: #FFF;
  border: solid 2px #000;
  border-radius: 6px;
  box-sizing: border-box;
}

.staff_comment_text_box:before {
  content: "";
  position: absolute;
  top: 76%;
  left: -24px;
  margin-top: -7px;
  border: 6px solid transparent;
  border-right: 20px solid #FFF;
  z-index: 2;
}

.staff_comment_text_box:after {
  content: "";
  position: absolute;
  top: 76%;
  left: -35px;
  margin-top: -9px;
  border: 8px solid transparent;
  border-right: 26px solid #000;
  z-index: 1;
}

.staff_comment_text_box p {
  margin: 0;
  padding: 0;
}

.staff_comment_text_dt{
  font-size: 1.8rem;
}
  
/* h2 style */
.page-id-961 .contents_h2{
  background-color: rgba(179,179,179,.5);
  font-size: 1.6rem;
  text-align: center;
  font-weight: 600;
}

.page-id-961 .contents_h2_text img{
  width: 80%;
}
  
/* walfare message style */
.welfare_list_wrap{
  background-color: #6AC4EB;
  padding: 20px 6px;
  margin-bottom: 30px;
  position: relative;
}

.welfare_list_wrap::before{
  content: "";
  border-top: 28px solid #6AC4EB;
  border-bottom: 0px solid transparent;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  position: absolute;
  top: 102%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transformtransform: translateY(-50%) translateX(-50%);
  height: 0px;
  width: 0px;
}

.welfare_list{
  text-align: center;
  padding: 16px;
  background-color: rgba(255,255,255,0.7);
}

.welfare_list_box{
  padding: 4px;
  border: solid 4px rgba(255,255,255,0.7);
}

.welfare_dd{
  margin-bottom: 20px;
}
  
/* pickup list */
.welfare_pickup{
  padding: 0 12px;
  margin: 30px auto 0;
}

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

.welfare_pickup_list_item{
  text-align: center;
  padding: 24px 20px;
  background-color: #FFFFCC;
  position: relative;
  margin-bottom: 20px;
}

.welfare_pickup_list_item::before,
.welfare_pickup_list_item::after{
  position: absolute;
  content:"";
  width: 18px;
  height:18px;
  background-image: url(../../../wp-content/uploads/welfare_list_orange.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 3px;
  left: 3px;
}

.welfare_pickup_list_item::after{
  left: auto;
  right: 3px;
}

.welfare_pickup_list_item:nth-child(3),.welfare_pickup_list_item:nth-child(8),.welfare_pickup_list_item:nth-child(9){
  text-align: center;
  background-color: #CCFFFF;
  position: relative;
}

.welfare_pickup_list_item:nth-child(3)::before, .welfare_pickup_list_item:nth-child(8)::before, .welfare_pickup_list_item:nth-child(9)::before{
  position: absolute;
  content: "";
  width: 18px;
  height:18px;
  background-image: url(../../../wp-content/uploads/welfare_list_blue.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 3px;
  left: 3px;
}

.welfare_pickup_list_item:nth-child(3)::after, .welfare_pickup_list_item:nth-child(8)::after, .welfare_pickup_list_item:nth-child(9)::after{
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(../../../wp-content/uploads/welfare_list_blue.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 3px;
  right: 3px;
}

.pickup_list_img_box img{
  margin-bottom: 30px;
}

.pickup_list_item_dt{
  font-size: 24px;
  margin-bottom: 20px;
}

.pickup_list_item_dt img{
  width: 70%;
}

.pickup_list_item_dd{
  font-size: 1.3rem;
  line-height: 2.1;
}

.pickup_list_item_link{
  display: block;
  text-align: right;
  margin-top: 20px;
}

.list_item_link_text.external{
  position: relative;
  padding-right: 16px;
}

.list_item_link_text.external:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/link_ico.png) no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  right: 0;
  top: 0;
}
  
/* popup */
.welfare_comic_wrapper{
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.comic_item{
  width: calc(50% - 10px) ;
}

.comic_item:nth-child(1), .comic_item:nth-child(2){
  margin-bottom: 20px;
}

.page-id-961 .lb-nav a.lb-prev {
  opacity: 1; /* 0から1へ変更 */
}

.page-id-961 .lb-nav a.lb-next {
  opacity: 1; /* 0から1へ変更  */
}
  
@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .page-id-961 .pc { display: inline !important; }
  .page-id-961 .sp { display: none !important; }

  .welfare-sp-ib{ 
    display: inline;
  }

  .welfare-pc-ib{
    display: inline-block;
  }

  .staff_comment_box{
    max-width: 1100px;
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 0;
  }

  .staff_illust{
    width: 180px;
    padding-top: 20px;
  }

  .staff_comment_text_box {
    width: calc(100% - 225px);
    margin: 60px 0 60px 15px;
    padding: 50px 10px;
    font-size: 1.8rem;
    border: solid 6px #000;
  }

  .staff_comment_text_box:before {
    left: -42px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 38px solid #FFF;
  }

  .staff_comment_text_box:after {
    left: -60px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 44px solid #000;
  }

  .staff_comment_text_dt{
    font-size: 2.2rem;
    margin-bottom: 10px;
  }
  
  /* walfare message style */
  .welfare_list_wrap{
    margin-bottom: 40px;
  }

  .welfare_list{
    width: 640px;
    margin: 0 auto;
   padding: 50px 16px 16px;
  }

  .welfare_dd{
    font-size: 1.8rem;
  }

  .welfare_list_box{
    width: 670px;
    margin: 0 auto;
    padding: 12px;

  }
  
  /* h2 style */
  .page-id-961 .contents_h2{
    font-size: 4.6rem;
  }
  
  .page-id-961 .contents_h2_text img{
    width: 70%;
  }
  
  /* pickup list */
  .welfare_pickup_list{
    width: 94%;
    margin: 30px auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .welfare_pickup_list_item{
    display: flex;
    flex-direction: column;
    width: calc(50% - 10px);
    padding: 24px 16px;
  }
  
  .robo_box{
    position: relative;
  }
  
  .welfare_robo_text{
    position: absolute;
    top: 10%;
    left: 13%;
    line-height: 2.2;
    font-size: 1.8rem;
  }
  
  .welfare_robo_name{
    position: absolute;
    bottom: 4%;
    left: 2%;
    font-size: 1.6rem;
  }
  
  .welfare_pickup_list_item:nth-child(3){
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .welfare_comic_wrapper{
    margin-top: 0;
    width: calc(48% - 10px);
  }
  
  .welfare_pickup_list_item:nth-child(3) .list_item_box{
    width: calc(48% - 10px);
  }
  
  .pickup_list_img_box img{
    margin-bottom: 20px;
  }
  
  .pickup_list_item_dt{
    margin-bottom: 10px;
  } 
  
  .pickup_list_item_dd{
    margin-bottom: 20px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
   
  .pickup_list_item_link{
    margin-top: auto;
    font-size: 1.6rem;
  }

  /* lightbox */
  .page-id-961 .lb-nav a.lb-prev {
    position: absolute !important;
    left: -60px !important; 
    background: url(../../../wp-content/uploads/welfare_slide_arrow_left.png) left 48% no-repeat !important;
    background-size: 46px !important;
  } 

  .page-id-961 .lb-nav a.lb-next {
    position: absolute !important;
    right: -60px !important;
    background: url(../../../wp-content/uploads/welfare_slide_arrow_right.png) right 48% no-repeat !important;
    background-size: 46px !important;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .staff_illust{
    width: calc(100% - 820px);
  }
  
  .staff_comment_text_box {
    width: 790px;
    font-size: 2.0rem;
  }
  
  .staff_comment_text_dt{
    font-size: 3.6rem;
  }
  
  .staff_comment_text_dd{
    font-size: 3.0rem;
  }
  .welfare_dl{
    margin-bottom: 60px;
  }
  
  /* walfare message style */
  .welfare_list_wrap{
    margin-bottom: 60px;
  }
  
  .welfare_list_wrap::before{
    content: "";
    border-top: 42px solid #6AC4EB;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
  }
  
  .welfare_list{
    width: 740px;
  }
  
  .welfare_list_box{
    width: 780px;
  }
  
  /* pickup list */
  .welfare_pickup_list{
    width: 780px;
  }
  
  .robo_box{
    position: relative;
  }
  
  .welfare_robo_text{
    position: absolute;
    top: 10%;
    left: 16%;
    line-height: 2.2;
  }
  
  .robo_box:nth-of-type(2) .welfare_robo_text{
    top: 12%;
    left: 16%;
  }
  
  .welfare_robo_name{
    position: absolute;
    bottom: 4%;
    left: 2%;
  }
  
  .welfare_pickup_list_item:nth-child(3){
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .welfare_comic_wrapper{
    margin-top: 0;
    width: calc(48% - 10px);
  }
  
  .welfare_pickup_list_item:nth-child(3) .list_item_box{
    width: calc(48% - 10px);
  }
  
  .pickup_list_img_box img{
    margin-bottom: 30px;
  }
  
  .pickup_list_item_dd{
    line-height: 2.2;
  }
  
  /* lightbox */
  .page-id-961 .lb-nav a.lb-prev {
    position: absolute !important;
    left: -76px !important; 
    background: url(../../../wp-content/uploads/welfare_slide_arrow_left.png) left 48% no-repeat !important;
    background-size: 46px !important;
  } 


  .page-id-961 .lb-nav a.lb-next {
    position: absolute !important;
    right: -76px !important;
    background: url(../../../wp-content/uploads/welfare_slide_arrow_right.png) right 48% no-repeat !important;
    background-size: 46px !important;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .staff_comment_box{
    width: 1096px; 
  }
  
  .staff_illust{
    width: 260px;
    padding-top: 50px;
  }
  
  .staff_comment_text_box {
    padding: 60px 10px;
    font-size: 3.4rem;
  }
  
  .staff_comment_text_dt{
    margin-bottom: 20px;
  }
  
  /* walfare message style */
  .welfare_list{
    width: 1022px;
  }
  
  .welfare_list_box{
    width: 1055px;
  }
  
  /* h2 style */ 
  .page-id-961 .contents_h2_text img{
    width: 36%;
  }
  
  /* pickup list */
  .welfare_pickup_list{
    width: 1022px;
    margin: 60px auto 20px;
  }
  
  .welfare_pickup_list_item{
    padding: 24px 20px;
  }
  
  .robo_box{
    position: relative;
  }
  
  .welfare_robo_text{
    position: absolute;
    top: 12%;
    left: 20%;
    line-height: 2.2;
    font-size: 2.2rem;
  }
  
  .welfare_robo_name{
    position: absolute;
    bottom: 4%;
    left: 2%;
  }
  
  .welfare_pickup_list_item:nth-child(3){
    width: 100%;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .welfare_comic_wrapper{
    margin-top: 0;
    width: calc(48% - 10px);
  }
  
  .welfare_pickup_list_item:nth-child(3) .list_item_box{
    width: calc(48% - 10px);
  }
  
  .pickup_list_item_dt{
    margin-bottom: 20px;
  }
  
  .pickup_list_item_dd{
    font-size: 1.8rem;
  }

  /* lightbox */
  .page-id-961 .lb-nav a.lb-prev {
    position: absolute !important;
    left: -76px !important; 
    background: url(../../../wp-content/uploads/welfare_slide_arrow_left.png) left 48% no-repeat !important;
    background-size: 46px !important;
  }

  .page-id-961 .lb-nav a.lb-next {
    position: absolute !important;
    right: -76px !important;
    background: url(../../../wp-content/uploads/welfare_slide_arrow_right.png) right 48% no-repeat !important;
    background-size: 46px !important;
  }
}
  
@media all and (-ms-high-contrast:none) {/* ---------- only IE ---------- */
  .comic_item img {
		width: 100%;
	}
  
  .page-id-961 .fixed{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
  }
}

/*------------------------------------------------------------
candidacy
------------------------------------------------------------*/
.candidacy-pc-br,
.candidacy-sp-none{
  display: none;
}

.candidacy-ib{
  display: inline-block;
}

.candidacy-inner{
  padding: 0 12px;
}

.candidacy-overview{
  padding: 20px 0;
}

.candidacy-overview .candidacy-inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.candidacy-overview-img{
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;
}

.candidacy-overview-txt{
  position: relative;
  width: calc(100% - 100px);
  padding: 10px 8px;
  font-size: 1.3rem;
  border: 2px solid #333333;
  border-radius: 6px;
  line-height: 1.73;
}

.candidacy-overview-txt:before{
  content: "";
  position: absolute;
  top: 76%;
  left: -24px;
  margin-top: -7px;
  border: 6px solid transparent;
  border-right: 20px solid #FFF;
  z-index: 2;
}

.candidacy-overview-txt:after{
  content: "";
  position: absolute;
  top: 76%;
  left: -35px;
  margin-top: -9px;
  border: 8px solid transparent;
  border-right: 26px solid #000;
  z-index: 1;
}

.candidacy-ttl{
  background-color: rgba(179,179,179,.5);
  text-align: center;
  font-size: 1.6rem;
}

.candidacy-ratio .candidacy-inner{
  padding: 0 4px;
}

.candidacy-ratio-list{
  padding: 20px 0 14px;
}

.candidacy-ratio-list .list-ttl{
  text-align: center;
  font-size: 1.3rem;
}

.candidacy-ratio-list .list-txt{
  margin-bottom: 26px;
  text-align: center;
  font-size: 1.3rem;
}

.candidacy-ratio-list .list-txt:last-of-type{
  margin-bottom: 0;
}

.candidacy-flow .candidacy-inner{
  padding: 0 10px;
}

.candidacy-flow .flow-list{
  margin-bottom: 20px;
}

.candidacy-flow .flow-item{
  position: relative;
  padding-top: 10px;
  background-color: #ccccff;
}

.candidacy-flow .flow-item:nth-of-type(2){
  background-color: #ffccff;
}

.candidacy-flow .flow-item:nth-of-type(3){
  background-color: #ffff99;
}

.candidacy-flow .flow-item:nth-of-type(4){
  background-color: #ffcc99;
}

.candidacy-flow .flow-item:nth-of-type(5){
  padding: 12px 0;
  font-size: 3.3rem;
  text-align: center;
  background-color: #99ff99;
}

.candidacy-flow .flow-item:before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: calc(50% - 10px);
  bottom: -13px;
  border-style: solid;
  border-color: #ccccff transparent transparent transparent;
  border-width: 13px 10px 0 10px;
  z-index: 1;
}

.candidacy-flow .flow-item:nth-of-type(2):before{
  border-color: #ffccff transparent transparent transparent;
}

.candidacy-flow .flow-item:nth-of-type(3):before{
  border-color: #ffff99 transparent transparent transparent;
}

.candidacy-flow .flow-item:nth-of-type(4):before{
  border-color: #ffcc99 transparent transparent transparent;
}

.candidacy-flow .flow-item:nth-of-type(5):before{
  content: none;
}

.candidacy-flow .flow-item-ttl{
  text-align: center;
  font-size: 1.8rem;
}

.candidacy-flow .flow-item-img{
  text-align: center;
}

.candidacy-flow .flow-item-txt{
  padding: 30px 0;
  text-align: center;
  line-height: 1.7;
}

.candidacy-flow .flow-item:nth-of-type(2) .flow-item-txt{
  padding: 6px 0
}

.candidacy-achivement{
  padding-bottom: 40px;
  background-color: #f6f5ec;
}

.candidacy-achivement .achivement-list{
  font-size: 1.3rem;
}

.candidacy-achivement .achivement-txt{
  margin: 12px 0;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.7;
}

.candidacy-achivement .candidacy-inner{
  padding: 0 6px;
}

.candidacy-achivement .achivement-item .txt-pl{
  padding-left: 1em;
}

.candidacy-achivement .achivement-item{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  height: 46px;
  margin-bottom: 6px;
}

.candidacy-achivement .achivement-item:first-of-type{
  height: 38px;
  margin-bottom: 13px;
  font-weight: bold;
}

.candidacy-achivement .achivement-item:last-of-type{
  margin-bottom: 0;
}

.candidacy-achivement .achivement-item:before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-style: solid;
  border-color: transparent transparent transparent #f6f5ec ;
  border-width: 20px 0 20px 26px;
  z-index: 2;
}

.candidacy-achivement .achivement-item:first-of-type:before{
  border-width: 16px 0 16px 32px;
}

.candidacy-achivement .achivement-txt-l{
  width: 46%;
  height: 40px;
  padding: 0 0 0px 26px;
  position: absolute;
  z-index: 1;
  text-align: center;
  background-color: #ffff66;
  line-height: 1.1;
}

.candidacy-achivement .achivement-item:first-of-type .achivement-txt-l{
  width: 56%;
  height: 32px;
  padding: 0 0 0px 32px;
  background-color: #ffff00;
}

.candidacy-achivement .achivement-txt-l:before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -6px;
  right: 0;
  border-style: solid;
  border-width: 6px 28px 0 0;
  border-color: #ff9933 transparent transparent transparent;
  z-index: 2;
}

.candidacy-achivement .achivement-item:first-of-type .achivement-txt-l:before{
  border-width: 6px 63px 0 0;
  border-color: #f15a24 transparent transparent transparent;
}

.candidacy-achivement .achivement-txt-l:after{
  position: absolute;
  content: "";
  width: 17px;
  height: 8px;
  right: 0;
  top: calc(50% - 4px);
  background-color: #ff6666;
  z-index: 1;
}

.candidacy-achivement .achivement-item:first-of-type .achivement-txt-l:after{
  content: none;
}

.candidacy-achivement .achivement-txt-l .txt{
  position: absolute;
  width: calc(100% - 26px);
  padding-right: 12px;
  top: calc(50%);
  left: 26px;
  transform: translate(0,-50%);
  z-index: 1;
}

.candidacy-achivement .achivement-item:first-of-type .achivement-txt-l .txt{
  width: calc(100% - 32px);
  padding: 0;
  left: 32px;
}

.candidacy-achivement .achivement-txt-r{
  width: calc(54% + 28px);
  height: 40px;
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  background-color: #ffcc66;
}

.candidacy-achivement .achivement-item:first-of-type .achivement-txt-r{
  width: calc(44% + 63px);
  height: 32px;
  background-color: #f7931e;
}

.candidacy-achivement .achivement-txt-r:before{
  position: absolute;
  content: "";
  width: 20px;
  height: 8px;
  left: 28px;
  top: calc(50% - 4px);
  background-color: #ff6666;
  z-index: 1;
}

.candidacy-achivement .achivement-txt-r:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 9px;
  border-color: transparent transparent transparent #ff6666;
  left: 48px;
  top: calc(50% - 7px);
  z-index: 1;
}

.candidacy-achivement .achivement-item:first-of-type .achivement-txt-r:before,
.candidacy-achivement .achivement-item:first-of-type .achivement-txt-r:after{
  content: none;
}

.candidacy-achivement .achivement-txt-r .txt{
  position: absolute;
  width: calc(100% - 60px);
  top: 50%;
  right: 0;
  text-align: center;
  transform: translate(0,-50%);
  line-height: 1.1;
  z-index: 1;
}

.candidacy-voice .voice-comment-speech{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 12px;
  padding: 0 6px;
}

.candidacy-voice .voice-txt{
  padding: 6px 12px;
  background-color: rgba(217,224,33,.3);
  font-size: 1.3rem;
  line-height: 1.73;
}

.candidacy-voice .voice-txt .txt{
  margin-bottom: 1em;
}

.candidacy-voice .voice-txt .txt:last-of-type{
  margin-bottom: 0;
}


.candidacy-voice .voice-txt .strong-txt{
  font-size: 1.5rem;
}

.candidacy-voice .candidacy-underline{
  text-decoration: underline;
}

.candidacy-voice .more-btn{
  color: #29abe2;
}

.candidacy-voice .hide-txt{
  display: none;
}

.candidacy-voice .on-click{
  display: none;
}

.candidacy-comment{
  padding: 20px 0 10px;
  text-align: center;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .candidacy-pc-br,
  .candidacy-sp-none{
    display: inline;
  }
  
  .candidacy-sp-br,
  .candidacy-pc-none{
    display: none;
  }
  
  .candidacy-overview{
    padding: 30px 0;
  }
  
  .candidacy-overview-img{
    width: 160px;
    margin-bottom: 0;
  }
  
  .candidacy-overview-txt{
    width: calc(100% - 180px);
    border: 6px solid #333333;
    text-align: center;
    font-size: 2rem;
    line-height: 2;
  }
  
  .candidacy-overview-txt:before{
    left: -42px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 38px solid #FFF;
  }
  
  .candidacy-overview-txt:after{
    left: -60px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 44px solid #000;
  }
  
  .candidacy-ttl{
    font-size: 3.6rem;
  }
  
  .candidacy-ratio-list{
    padding: 30px 0 60px;
  }
  
  .candidacy-ratio-list .list-ttl,
  .candidacy-ratio-list .list-txt{
    font-size: 2rem;
    line-height: 2.2;
  }
  
  .candidacy-flow .candidacy-inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
  }

  .candidacy-flow .flow-list{
    margin: 30px 0;
  }
  
  .candidacy-flow .flow-item{
    padding: 10px 0;
  }
  
  .candidacy-flow .flow-item:nth-of-type(5){
    padding: 40px 0;
    font-size: 5rem;
  }
  
  .candidacy-flow .flow-item:before{
    left: calc(50% - 24px);
    bottom: -40px;
    border-width: 40px 24px 0 24px;
  }
  
  .candidacy-flow .flow-item-ttl{
    position: absolute;
    width: 60%;
    left: 40%;
    font-size: 3rem;
    z-index: 1;
  }
  
  .candidacy-flow .flow-item-img{
    width: 40%;
  }
  
  .candidacy-flow .flow-item-txt{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60%;
    font-size: 1.6rem;
    line-height: 2.2;
  }
  
  .candidacy-achivement .achivement-item .pc-txt-pl{
    padding-left: 1em;
  }
  .candidacy-achivement .achivement-txt{
    margin: 40px 0;
    font-size: 2rem;
    line-height: 2.2;
  }
  
  .candidacy-achivement .candidacy-inner{
    padding: 0 12px;
  }
  
  .candidacy-achivement .achivement-list{
    font-size: 2rem;
  }
  
  .candidacy-achivement .achivement-item{
    height: 75px;
    margin-bottom: 12px;
  }

  .candidacy-achivement .achivement-item:first-of-type{
    height: 67px;
    margin-bottom: 26px;
  }
  
  .candidacy-achivement .achivement-txt-l{
    height: 60px;
  }
  
  .candidacy-achivement .achivement-txt-r{
    height: 60px;
    width: calc(54% + 84px);
  }
  
  .candidacy-achivement .achivement-item:first-of-type .achivement-txt-l{
    height: 52px;
  }
  
  .candidacy-achivement .achivement-item:first-of-type .achivement-txt-r{
    height: 52px;
    width: calc(44% + 84px);
  }
  
  .candidacy-achivement .achivement-item:before{
    border-width: 30px 0 30px 36px;
  }
  
  .candidacy-achivement .achivement-item:first-of-type:before {
    border-width: 26px 0 26px 36px;
  }
  
  .candidacy-achivement .achivement-txt-l:before{
    bottom: -15px;
    border-width: 15px 84px 0 0;
  }
  
  .candidacy-achivement .achivement-item:first-of-type .achivement-txt-l:before{
    border-width: 15px 84px 0 0;
  }
  
  .candidacy-achivement .achivement-txt-l:after{
    width: 30px;
    height: 16px;
    top: calc(50% - 8px);
  }
  
  .candidacy-achivement .achivement-txt-r:before{
    width: 30px;
    height: 16px;
    left: 84px;
    top: calc(50% - 8px); 
  }
  
  .candidacy-achivement .achivement-txt-r:after{
    border-width: 16px 0 16px 20px;
    left: 114px;
    top: calc(50% - 16px);
  }
  
  .candidacy-achivement .achivement-txt-r .txt{
    padding-left: 70px;
  }
  
  .candidacy-voice .voice-comment{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 12px;
  }
  
  .candidacy-voice .voice-comment-speech{
    width: 50%;
    order: 2;
    margin: 0;
    padding: 0 0 0 12px;
  }
  
  .candidacy-voice .voice-comment-speech-img{
    display: flex;
    align-items: flex-end;
  }
  
  .candidacy-voice .voice-comment-img{
    width: 50%;
    display: flex;
    align-items: center;
  }
  
  .candidacy-voice .voice-txt{
    padding: 30px 12px;
    font-size: 1.8rem;
    line-height: 2.2;
  }
  
  .candidacy-voice .voice-txt .strong-txt{
    font-size: 2.6rem;
  }
  
  .candidacy-voice .hide-txt{
    display: block;
  }
  
  .candidacy-comment{
    padding: 30px 0 10px;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .candidacy-inner{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 10px;
  }
  
  .candidacy-overview-img{
    width: auto;
  }
  
  .candidacy-overview-txt{
    width: calc(100% - 246px);
    padding: 30px 10px;
    border-radius: 10px;
    font-size: 2.8rem;
  }

  
  .candidacy-ttl{
    font-size: 6rem
  }
  
  .candidacy-flow .flow-list{
    margin: 50px 0;
  }
  
  .candidacy-flow .flow-item-img{
    width: 398px;
  }
  
  .candidacy-flow .flow-item-txt{
    width: 50%;
  }
  
  .candidacy-flow .flow-item-ttl{
    width: 50%;
    font-size: 3.6rem;
    left: auto;
    right: 0;
  }
  
  .candidacy-flow .flow-item:before{
    left: calc(50% - 30px);
    bottom: -50px;
    border-width: 50px 30px 0 30px;
  }
  
  .candidacy-flow .flow-item:nth-of-type(5){
    padding: 35px 0;
    font-size: 6.6rem;
  }
  
  .candidacy-achivement .achivement-list{
    font-size: 2.4rem;
  }
  
  .candidacy-achivement .achivement-txt{
    margin: 50px 0 40px;
  }
  
  .candidacy-achivement .achivement-item:first-of-type .achivement-txt-l,
  .candidacy-achivement .achivement-txt-l{
    width: 44.5%;
    height: 98px;
  }
  
  .candidacy-achivement .achivement-item:first-of-type .achivement-txt-r,
  .candidacy-achivement .achivement-txt-r{
    width: calc(55.5% + 84px);
    height: 98px;
  }
  
  .candidacy-achivement .achivement-item:first-of-type,
  .candidacy-achivement .achivement-item{
    height: 113px;
    margin-bottom: 30px;
  }
  
  .candidacy-achivement .achivement-item:first-of-type:before,
  .candidacy-achivement .achivement-item:before{
    border-width: 49px 0 49px 36px;
  }
  
  .candidacy-achivement .achivement-txt-l:after{
    width: 40px;
    height: 18px;
    top: calc(50% - 9px);
  }
  
  .candidacy-achivement .achivement-txt-r:before{
    width: 46px;
    height: 18px;
    top: calc(50% - 9px);
  }
  
  .candidacy-achivement .achivement-txt-r:after{
    border-width: 16px 0 16px 26px;
    left: 130px;
  }
  
  .candidacy-achivement{
    padding-bottom: 80px;
  }
  
  .candidacy-achivement .achivement-txt-r .txt{
    padding-left: 0;
  }
  
  .candidacy-voice .voice-comment{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 10px;
  }
  
  .candidacy-voice .voice-comment-speech{
    margin: 30px 0;
  }
  
  .candidacy-voice .voice-txt{
    font-size: 2rem;
  }
  
  .candidacy-voice .voice-txt .txt{
    max-width: calc(1100px - 48px);
    margin: 0 auto 1em;
  }
  
  .candidacy-comment{
    padding: 60px 0 0;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .candidacy-overview-txt{
    width: calc(100% - 300px);
    font-size: 3rem;
  }
  
  .candidacy-flow .flow-item{
    padding: 12px 0;
  }
  
  .candidacy-flow .flow-list{
    margin: 90px 0;
  }
  
  .candidacy-achivement .candidacy-inner{
    padding: 0;
  }
  
  .candidacy-achivement .achivement-item:first-of-type:before, .candidacy-achivement .achivement-item:before{
    border-width: 49px 0 49px 80px;
  }
  
  .candidacy-achivement .achivement-item:first-of-type .achivement-txt-l .txt,
  .candidacy-achivement .achivement-txt-l .txt{
    width: calc(100% - 80px);
    padding-right: 52px;
    left: 80px;
  }
  
  .candidacy-achivement .achivement-item:first-of-type .achivement-txt-l .txt{
    padding-right: 0;
  }
  
  .candidacy-achivement .achivement-item{
    font-size: 2.4rem;
  }
  
  .candidacy-achivement .achivement-item:first-of-type{
    font-size: 3rem;
  }
  
  .candidacy-achivement .achivement-item:first-of-type, .candidacy-achivement .achivement-item{
    margin-bottom: 40px;
  }
  
  .candidacy-achivement .achivement-txt-l:after{
    width: 52px;
  }
  
  .candidacy-achivement .achivement-txt-r:before{
    width: 64px;
  }
  
  .candidacy-achivement .achivement-txt-r:after{
    border-width: 16px 0 16px 28px;
    left: 148px;
  }
  
  .candidacy-voice .voice-comment-speech-img{
    width: auto;
  }
  
  .candidacy-voice .voice-comment-img{
    width: 482px;
  }
  
  .candidacy-voice .voice-comment-speech{
    width: calc(100% - 482px);
    padding: 0 0 0 20px;
  }
  
  .candidacy-comment .candidacy-inner{
    max-width: 1584px;
  }
}

/*------------------------------------------------------------
award
------------------------------------------------------------*/
.page-id-572 .pc { display: none !important; }
.page-id-572 .sp { display: inline !important; }

/* h2 style */
.page-id-572 .contents_h2{
  background-color: #B3B3B3;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 600;
}

/* list style */
.award_list_box{
  margin: 30px 0;
}

.award_list_item{
  margin-bottom: 4px;
  position: relative;
}

.award_item_text{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transformtransform: translateY(-50%) translateX(-50%);
  text-align: center;
}

.award_item_dt{
  margin-bottom: 6px;
}

.award_item_dt_text{
  padding: 2px 16px;
  background-color: white;
  font-size: 1.6rem;
}

.award_list_item:nth-child(5) .award_item_dt_text{
  padding: 2px 4px;
}

.page-id-572 .pr-0-sp,
.award_list_item:nth-child(5) .award_item_dt_text.pr-0-sp{
  padding-right: 0;
}

.page-id-572 .pl-0-sp,
.award_list_item:nth-child(5) .award_item_dt_text.pl-0-sp{
  padding-left: 0;
}
  
.award_item_dd_text{
  display: inline-block;
}

.award-overview {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  width: calc(100% - 12px);
  max-width: var(--content-width);
  margin: 0 auto 0 0;
  padding: 15px 0 20px;
}

.award-overview-text {
  position: relative;
  width: 67%;
  padding: 8px 4px;
  border: solid 3px #333333;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 3.467vw;
  text-align: center;
}


.award-overview-text::before,
.award-overview-text::after {
  content: "";
  position: absolute;
  top: 75%;
  transform: scaleY(.5);
}

.award-overview-text::before {
  left: -18px;
  margin-top: -6px;
  border: solid 6px transparent;
  border-right: solid 12px #ffffff;
  z-index: 2;
}

.award-overview-text::after {
  left: -24px;
  margin-top: -7px;
  border: solid 7px transparent;
  border-right: solid 14px #333333;
  z-index: 1;
}

.award-overview-text .text {
  margin-bottom: 1em;
}

.award-overview-text .text:last-of-type {
  margin-bottom: 0;
}

.award-overview-illust {
  width: calc(100% - (67% + 10px));
  text-align: center;
}

/* スライダーのためのcss */
.page-id-572 .award_slide_wrap{
  background-color: #F2F2F2;
}
.page-id-572 .slide_wrapper{
  margin: 0 auto;
  padding: 30px 0;
}
  
/*画像の横幅を100%にしてレスポンシブ化*/
.page-id-572 main img{
  width: 100%;
  height: auto;
  vertical-align: bottom;/*画像の下にできる余白を削除*/
}

/*メイン画像下に余白をつける*/
.page-id-572 .gallery{
  margin:0 0 5px 0;
}

.page-id-572 .gallery img{
  width:80%;
  margin: 0 auto;
}
  
/*矢印の設定*/
  
/*戻る、次へ矢印の位置*/
.page-id-572 .slick-prev, 
.page-id-572 .slick-next {
  position: absolute;/*絶対配置にする*/

  z-index: 3;
  top: 42%;
  cursor: pointer;/*マウスカーソルを指マークに*/
  outline: none;/*クリックをしたら出てくる枠線を消す*/
  height: 26px;
  width: 26px;
}

.page-id-572 .slick-next{
  right:4.5%;
  background: url(../../../wp-content/uploads/award_slide_arrow_right.png)!important;
  background-size: contain!important;
}

.page-id-572 .slick-prev{
  left:4.5%;
  background: url(../../../wp-content/uploads/award_slide_arrow_left.png)!important;
  background-size: contain!important;
}

/*選択するサムネイル画像の設定*/
.page-id-572 .choice-btn li{
  cursor: pointer;
  outline: none;
  background:#333;
}

.page-id-572 .choice-btn li img{
  opacity: 0.4;/*選択されていないものは透過40%*/
}

.page-id-572 .choice-btn li.slick-current img{
  opacity: 1;/*選択されているものは透過しない*/
}

/* スライダーのためのcss */
/*エリア全体を中央寄せ*/
.page-id-572 .wrapper{
  width:94%;
  max-width:900px;
  margin:0 auto;
}

.page-id-572 ul{
  margin:0;
  padding: 0;
  list-style: none;
}

.page-id-572 a{
  color: #333;
}

.page-id-572 a:hover,
.page-id-572 a:active{
  text-decoration: none;
}

.page-id-572 p{
  margin:30px 0;
  word-wrap : break-word;
}

@media only screen and (min-width: 320px)and ( max-width:374px) {/* ---------- 5/SE ---------- */
  .page-id-572 .pc { display: none !important; }
  .page-id-572 .sp { display: inline !important; }
  
   .award_item_dt{
    margin-bottom: 2px;
  }
   .award_item_dt_text{
    font-size: 1.4rem;
  } 
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .page-id-572 .pc { display: inline !important; }
  .page-id-572 .sp { display: none !important; }
  
  .award-overview {
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 30px 0 80px;
  }
  
  .award-overview-text {
    margin-left: 60px;
    padding: 60px 8px;
    border-width: 6px;
    border-radius: 10px;
    font-size: 1.8rem;
  }
  
  .award-overview-text::before {
    left: -68px;
    margin-top: -24px;
    border-width: 24px;
    border-right-width: 48px;
  }
  
  .award-overview-text::after {
    left: -88px;
    margin-top: -28px;
    border-width: 28px;
    border-right-width: 56px;
  }
  
  .award-overview-text .text {
    margin-bottom: 2em;
  }
  
  /* h2 style */
  .page-id-572 .contents_h2{
    font-size: 1.8rem;
  }
  
  /* list style */
  .award_list_box{
    width: 96%;
    margin: 50px auto;
  }
  
  .award_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .award_list_item{
    margin-bottom: 0;
    width: calc(100% / 3);
  }
  
  .award_list_item:first-child{
    width: 100%;
  }
  
  .award_list_item:nth-child(2):before{
    content:"";
    position: absolute;
    display: inline-block;
    width: 160px;
    height: 200px;
    background-image: url(../../../wp-content/uploads/staff_illust_animal02.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -198px;
    left: 60px;
  }
  
  .award_list_item:nth-child(4):before{
    content:"";
    position: absolute;
    display: inline-block;
    width: 180px;
    height: 200px;
    background-image: url(../../../wp-content/uploads/staff_illust_animal01.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -198px;
    left: 30px;
  }
  
  .award_list_inner{
    width: calc(100% / 3);
    margin: 0 auto;
  }
  
  .award_item_dt{
    margin-bottom: 10px;
  }
  
  .award_item_dt_text{
    display: inline-block;
    margin-bottom: 4px;
    padding: 2px 16px;
    font-size: 1.4rem;
    font-weight: 600;
  }
  
  .award_list_item:nth-child(5) .award_item_dt_text.pl-0-sp,
  .award_list_item:nth-child(5) .award_item_dt_text.pr-0-sp{
    padding: 2px 16px;
  }
  
  .award_item_dd{
    font-size: 1.6rem;
  }
  
  .award_item_dd_text{
    font-size: 1.4rem;
  }
  
  .award_item_dd_year{
    font-size: 1.2rem;
  }
  
  /* スライダーのためのcss */
  .page-id-572 .slide_wrapper{
    width: 90%;
  }

  /*メイン画像下に余白をつける*/
  .page-id-572 .gallery img{
    width:90%;
    margin: 0 auto;
  }

  /*矢印の設定*/

  /*戻る、次へ矢印の位置*/
  .page-id-572 .slick-prev, 
  .page-id-572 .slick-next {
    height: 40px;
    width: 40px;
  }
  
  .page-id-572 .slick-next{
    right:2.5%;
  }

  .page-id-572 .slick-prev{
    left:2.5%;
  }
}
  
@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .page-id-572 .pc { display: inline !important; }
  .page-id-572 .sp { display: none !important; }
  
  .award-overview-text {
    width: 790px;
    font-size: 3.2rem;
  }
  
  .award-overview-illust {
    width: calc(100% - 790px);
  }
  
  /* list style */
  .award_list_item:nth-child(2):before{
    content:"";
    position: absolute;
    display: inline-block;
    width: 160px;
    height: 200px;
    background-image: url(../../../wp-content/uploads/staff_illust_animal02.png);
    background-size: contain;
    top: -74%;
    left: 31%;
  }
  
  .award_list_item:nth-child(4):before{
    content:"";
    position: absolute;
    display: inline-block;
    width: 180px;
    height: 200px;
    background-image: url(../../../wp-content/uploads/staff_illust_animal01.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -74%;
    left: 26%;
  }
    
}
  
  
@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .page-id-572 .pc { display: inline !important; }
  .page-id-572 .sp { display: none !important; }

  .award-overview-text {
    margin-left: 0;
  }
  
  .award-overview-illust {
    width: auto;
  }
  
  /* h2 style */
  .page-id-572 .contents_h2{
    font-size: 4.6rem;
  }
  
  /* list style */
  .award_list_box{
    width: 1269px;
    margin: 50px auto;
  }
  
  .award_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .award_list_item:first-child{
    width: 100%;
  }
  
  .award_list_item:nth-child(2):before{
    content:"";
    position: absolute;
    display: inline-block;
    width: 200px;
    height: 300px;
    background-image: url(../../../wp-content/uploads/staff_illust_animal02.png);
    background-size: contain;
    top: -298px;
    left: 126px;
  }
  
  .award_list_item:nth-child(4):before{
    content:"";
    position: absolute;
    display: inline-block;
    width: 300px;
    height: 300px;
    background-image: url(../../../wp-content/uploads/staff_illust_animal01.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -298px;
    left: 100px;
  }
  
  
  .award_list_inner{
    width: calc(100% / 3);
    margin: 0 auto;
  }
  
  .award_item_dt{
    margin-bottom: 10px;
  }
  
  .award_item_dt_text{
    display: inline-block;
    margin-bottom: 4px;
    font-size: 2.0rem;
    font-weight: 600;
  }
  
  .award_item_dd_text{
    display: inline-block;
    font-size: 1.8rem;
  }
  
  .award_item_dd_year{
    font-size: 1.8rem;
  }
  
  /* スライダーのためのcss */
  .page-id-572 .slide_wrapper{
    width: 1100px;
    padding: 50px 0;
  }

  .page-id-572 .gallery img{
    width: 100%;
    margin:0;
  }

  /*メイン画像下に余白をつける*/
  .page-id-572 .gallery{
    margin:0 0 20px 0;
  }

  /*矢印の設定*/

  /*戻る、次へ矢印の位置*/
  .page-id-572 .slick-prev, 
  .page-id-572 .slick-next {
      height: 60px;
      width: 60px;
  }

  .page-id-572 .slick-next{
    right:-2.5%;
  }

  .page-id-572 .slick-prev{
    left:-2.5%;
  }
}

/*------------------------------------------------------------
disability
------------------------------------------------------------*/
.disability-inner{
  padding: 0 12px; 
  max-width: 1100px;
  margin: 0 auto;
}

.disability-txt{
  margin-bottom: 1em;
}

.disability-sp-none{
  display: none;
}

.disability-sp-bold{
  font-weight: bold;
}

.disability-ib{
  display: inline-block;
}

.disability-txt:last-of-type{
  margin-bottom: 0;
}

.disability-overview{
  margin: 36px 0 28px;
}

 .disability-overview-content{
  position: relative;
  padding: 10px;
  background-color: #ff99ff;
  border-radius: 6px;
}

.disability-overview-content:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_overview_deco01_sp.png) no-repeat;
  background-size: contain;
  width: 52px;
  height: 52px;
  bottom: 29%;
  left: 5%;
  z-index: 1;
}

.disability-overview-content:after{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_overview_deco02_sp.png) no-repeat;
  background-size: contain;
  width: 44px;
  height: 44px;
  bottom: 39%;
  right: 4%;
  z-index: 1;
}

.disability-overview-ttl{
  position: absolute;
  width: 100%;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 1;
}

.disability-overview-txt{
  padding: 34px 5px 16px;
  border-radius: 6px;
  background-color: #fff;
  text-align: center;
  font-size: 1.3rem;
  line-height: 2.34;
}

.disability-business{
  background-color: #247150;
  border-bottom: solid 18px #a37536;
}

.disability-business-content{
  position: relative;
  padding: 16px 14px 34px;
  color: #fff;
}

.disability-business-content:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_business_deco01_sp.png) no-repeat;
  background-size: contain;
  width: 51px;
  height: 34px;
  top: 16px;
  right: 14px;
  z-index: 0;
}

.disability-business-content:after{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_business_deco02_sp.png) no-repeat;
  background-size: contain;
  width: 119px;
  height: 22px;
  bottom: 0;
  right: 11px;
  z-index: 0;
}

.disability-business-ttl{
  position: relative;
  margin-bottom: 10px;
  font-size: 1.8rem;
}

.disability-business-ttl:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_business_ttl_line_sp.png) no-repeat;
  background-size: contain;
  width: 136px;
  height: 3px;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.disability-business-txt{
  font-size: 1.3rem;
  line-height: 1.71;
}

.disability-circle{
  position: relative;
}

.disability-circle:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_business_circle_sp.png) no-repeat;
  background-size: contain;
  width: 68px;
  height: 29px;
  top: -6px;
  left: 0;
  z-index: 0;
}

.disability-business-img-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.disability-business-img{
  position: relative;
  width: calc((100% - 10px) / 2);
  border-bottom: solid 5px rgba(26,26,26,.4);
}

.disability-business-img:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_business_img01_deco_sp.png) no-repeat;
  background-size: contain;
  width: 51px;
  height: 23px;
  top: -10px;
  left: calc(50% - 25px);
  z-index: 1;
}

.disability-business-img:nth-of-type(2):before{
  background: url(../../../wp-content/uploads/disability_business_img02_deco_sp.png) no-repeat;
  background-size: contain;
}

.disability-voice{
  padding: 20px 0;
  background: url(../../../wp-content/uploads/disability_business_bg.png) repeat;
  background-size: 21px 21px;
}

.disability-voice .disability-inner{
  position: relative;
  margin-bottom: 32px;
}

.disability-voice .disability-inner:last-child{
  margin-bottom: 0;
}

.disability-voice .disability-inner:before,
.disability-voice .disability-inner:after{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_voice_ico01_sp.png) no-repeat;
  background-size: contain;
  width: 17px;
  height: 17px;
  top: 5px;
  left: 17px;
  z-index: 1;
}

.disability-voice .disability-inner:after{
  top: 5px;
  left: auto;
  right: 17px;
}

.disability-voice-wrapper{
  position: relative;
  margin: 0 0 16px;
  padding: 24px 12px 0;
  background-color: #f2f2f2;
}

.disability-voice-wrapper:before{
  position: absolute;
  content: "";
  width: calc(100% - 16px);
  height: 16px;
  background-color: #f2f2f2;
  bottom: -16px;
  left: 0;
  z-index: 0;
}

.disability-voice-wrapper:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 0 0;
  border-color: #b3b3b3 transparent transparent transparent;
  bottom: -16px;
  right: 0;
  z-index: 0;
}

.disability-voice-ttl{
  position: relative;
  margin-bottom: 20px;
  margin-left: 8px;
  padding-left: 20px;
  font-size: 1.5rem;
}

.disability-voice-ttl:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_voice_ico02_sp.png) no-repeat;
  background-size: contain;
  width: 12px;
  height: 20px;
  bottom: 4px;
  left: 4px;
}

.disability-voice-ttl:after{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_voice_ttl_line_sp.png) no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 310px;
  height: 3px;
  bottom: 0;
  left: 0;
}

.disability-voice-img{
  position: relative;
  margin-bottom: 14px;
}

.disability-voice-img:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_voice_img_deco_sp.png) no-repeat;
  background-size: contain;
  width: 51px;
  height: 23px;
  top: -10px;
  left: calc(50% - 25px);
  z-index: 1;
}

.disability-voice-schedule{
  margin-bottom: 14px;
  padding: 10px;
  background: url(../../../wp-content/uploads/disability_voice_txt_bg_sp.png) no-repeat;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}

.disability-voice-schedule-ttl{
  margin-bottom: 6px;
  font-size: 1.4rem;
  color: #ed1c24;
  text-align: center;
}

.disability-voice-schedule-list{
  width: 84.7%;
  min-width: 260px;
  margin-left: auto;
}

.disability-voice-schedule-item{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1.69;
}

.disability-voice-schedule-time{
  width: 42px;
}

.disability-voice-schedule-txt{
  width: calc(100% - 42px - 14px);
}

.disability-voice-faq-ttl{
  margin-bottom: 8px;
  font-size: 1.3rem;
  line-height: 1.8;
}

.disability-voice-faq-ttl-bg{
  padding: 4px;
  background-color: #fff;
}

.disability-voice-faq-data{
  margin-bottom: 20px;
  padding: 4px;
  font-size: 1.3rem;
  line-height: 1.8;
}

.disability-voice-faq-data:last-of-type{
  margin-bottom: 0;
}

.disability-voice-ico{
  position: relative;
  margin-bottom: 40px;
}

 .disability-voice .disability-inner:nth-of-type(2) .disability-voice-ico{
  padding-bottom: 78px;
}

.disability-voice-ico:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_voice_deco01_sp.png) no-repeat;
  background-size: contain;
  width: 69px;
  height: 66px;
  bottom: -66px;
  right: 0;
}

.disability-voice .disability-inner:nth-of-type(2) .disability-voice-ico:before{
  background: url(../../../wp-content/uploads/disability_voice_deco02_sp.png) no-repeat;
  background-size: contain;
  width: 81px;
  height: 68px;
  bottom: 0;
  right: 20px;
}

.disability-attempt{
  padding: 30px 0 10px;
  background-image: url(../../../wp-content/uploads/disability_attempt_bg_sp.jpg);
  background-size: contain;
  background-color: #c6ebff;
  background-repeat: no-repeat;
}

.disability-atempt .disability-inner{
  padding: 0 16px;
}

.disability-attempt-ttl{
  position: relative;
  width: 208px;
  margin: 0 auto 38px;
  padding-left: 28px; 
  font-size: 1.4rem;
  color: #0071bc;
  text-align: center;
  z-index: 1;
}

.disability-attempt-ttl:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_attempt_ttl_bg_sp.png) no-repeat;
  background-size: contain;
  width: 290px;
  height: 49px;
  top: -12px;
  left: -40px;
  z-index: -1;
}

.disability-attempt-ttl:after{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_attempt_ttl_ico_sp.png) no-repeat;
  background-size: contain;
  width: 23px;
  height: 23px;
  top: 0;
  left: 0;
  z-index: 0;
}

.disability-attempt-txt-box{
  padding: 16px;
  border-radius: 5px;
  background-color: rgba(255,255,255,.8);
  font-size: 1.3rem;
  line-height: 1.8;
}

.disability-attempt-list{
  margin: 1em 0;
}

.disability-attempt-list:last-of-type{
  margin: 0;
}

.disability-attempt-list-ttl{
  font-weight: bold;
  font-size: 1.4rem;
}

.disability-attempt-comment{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px;
}

.disability-attempt-comment-img{
  margin: 0 auto;
}

.disability-message{
  margin-top: 46px;
}

.disability-message-content{
  position: relative;
  padding: 5px;
  border: solid 4px #333333;
  background-color: #fff;
  text-align: center;
}

.disability-message-content:before{
  position: absolute;
  content: "";
  background-color: #333333;
  width: 100%;
  height: 100%;
  right: -10px;
  top: 12px;
  z-index: -1;
}

.disanility-message-txt-box{
  position: relative;
  padding: 16px 10px;
  font-size: 1.3rem;
  line-height: 1.7;
}

.disanility-message-txt-box:before{
  content: "";
  background-image: linear-gradient(to right, #333, #333 10px, transparent 10px, transparent 20px),
  linear-gradient(to right, #333, #333 10px, transparent 10px, transparent 20px),
  linear-gradient(to bottom, #333, #333 10px, transparent 10px, transparent 20px),
  linear-gradient(to bottom, #333, #333 10px, transparent 10px, transparent 20px);
  background-size: 20px 2px, 20px 2px, 2px 20px,2px 20px;
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 0;
}

.disabililty-message-ttl{
  position: relative;
  width: 104px;
  margin: 0 auto 10px;
  font-size: 1.7rem;
  font-weight: bold;
}

.disabililty-message-ttl:before,
.disabililty-message-ttl:after{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_message_ico_sp.png) no-repeat;
  background-size: contain;
  width: 29px;
  height: 20px;
  top: 5px;
  left: -32px;
  z-index: 0;
}

.disabililty-message-ttl:after{
  left: auto;
  right: -32px;
}

.disability-attempt-img{
  position: relative;
  margin-top: -34px;
}

.disability-attempt-img:after{
  position: absolute;
  content: "";
  background-color: #fff;
  width: 60px;
  height: 100%;
  right: calc(50% - 35px);
  bottom: 0;
  border-right: 13px solid #333333;
  border-left: 4px solid #333333;
  z-index: -2;
}

.disability-message-img-box{
  position: relative;
  padding: 18px 0;
  background-color: #39b54a;
}

.disability-message-img-box:before{
  position: absolute;
  content: "";
  background: url(../../../wp-content/uploads/disability_message_deco_sp.png) no-repeat;
  background-size: cover;;
  width: 100%;
  height: 11.8%;
  top: -11.8%;
  left: 0;
  z-index: 1;
}

.disability-message-img-box .disability-inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.disability-message-img{
  width: calc(50% - 4px);
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .disability-sp-none{
    display: inline;
  }
  
  .disability-sp-br{
    display: none;
  }

  .disability-sp-bold{
    font-weight: normal
  }
  
  .disability-inner{
    padding: 0 24px;
  }
  
  .disability-txt.disability-pc-mb0{
    margin-bottom: 0;
  }
  
  .disability-overview{
    margin: 90px 0;
  }
  
  .disability-overview-content{
    border-radius: 14px;
  }
  
  .disability-overview-content:before{
    background: url(../../../wp-content/uploads/disability_overview_deco01_pc.png) no-repeat;
    background-size: contain;
    width: 104px;
    height: 104px;
    bottom: 10%;
    left: 4%;
  }
  
  .disability-overview-content:after{
    background: url(../../../wp-content/uploads/disability_overview_deco02_pc.png) no-repeat;
    background-size: contain;
    width: 87px;
    height: 87px;
    bottom: 28%;
    right: 4%;
  }
  
  .disability-overview-ttl{
    width: 574px;
    top: -38px;
  }
  
  .disability-overview-txt{
    padding: 80px 10px 30px;
    font-size: 2rem;
    line-height: 2.26;
    border-radius: 12px;
  }

  .disability-business{
    border-bottom: solid 30px #a37536;
  }
  
  .disability-business-ttl{
    margin-bottom: 20px;
    font-size: 2.8rem;
  }
  
  .disability-business-ttl:before{
    background: url(../../../wp-content/uploads/disability_business_ttl_line_pc.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: -8px;
  }
  
  .disability-business-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0 60px 0;
  }
  
  .disability-business-content:before {
    background: url(../../../wp-content/uploads/disability_business_deco01_pc.png) no-repeat;
    background-size: contain;
    width: 80px;
    height: 60px;
    top: 26px;
    right: 44%;
  }
  
  .disability-business-content:after {
    background: url(../../../wp-content/uploads/disability_business_deco02_pc.png) no-repeat;
    background-size: contain;
    width: 260px;
    height: 46px;
    bottom: 0px;
    right: 0;
}
  
  .disability-business-txt-box{
    width: 56%;
  }
  
  .disability-business-txt{
    font-size: 1.8rem;
    line-height: 2.2;
  }
  
  .disability-business-img-box{
    display: block;
    width: 38.5%;
  }
  
  .disability-business-img:before {
    background: url(../../../wp-content/uploads/disability_business_img01_deco_pc.png) no-repeat;
    background-size: contain;
    width: 82px;
    height: 44px;
    top: -18px;
    left: calc(50% - 41px);
  }
  
  .disability-business-img:nth-of-type(2):before {
    background: url(../../../wp-content/uploads/disability_business_img02_deco_pc.png) no-repeat;
    background-size: contain;
  }
  
  .disability-circle:before {
    background: url(../../../wp-content/uploads/disability_business_circle_pc.png) no-repeat;
    background-size: contain;
    width: 100px;
    height: 36px;
    top: -8px;
    left: -2px;
  }
  
  .disability-business-img{
    width: 100%;
    max-width: 373px;
    margin-bottom: 30px;
    border-bottom: solid 12px rgba(26,26,26,.4);
  }
  
  .disability-business-img:last-of-type{
    margin-bottom: 0;
  }
  
  .disability-voice{
    padding: 40px 0;
    background: url(../../../wp-content/uploads/disability_business_bg.png) repeat;
    background-size: 42px 42px;
  }
  
  .disability-voice .disability-inner{
    margin-bottom: 100px;
  }
  
  .disability-voice-wrapper{
    margin-bottom: 50px;
    padding: 56px 30px 0;
  }
  
  .disability-voice-wrapper:before{
    width: calc(100% - 50px);
    height: 50px;
    bottom: -50px;
  }
  
  .disability-voice-wrapper:after{
    border-width: 50px 50px 0 0;
    border-color: #b3b3b3 transparent transparent transparent;
    bottom: -50px;
  }
  
  .disability-voice-ttl{
    margin-left: 0;
    margin-bottom: 36px;
    padding-left: 50px;
    font-size: 2.8rem;
  }
  
  .disability-voice .disability-inner:before, .disability-voice .disability-inner:after {
    background: url(../../../wp-content/uploads/disability_voice_ico01_pc.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    top: 6px;
    left: 36px;
  }
  
  .disability-voice .disability-inner:after {
    left: auto;
    right: 36px;
  }
  
  .disability-voice-ttl:after{
    background: url(../../../wp-content/uploads/disability_voice_ttl_line_pc.png) no-repeat;
    background-size: contain;
    max-width: 100%;
    height: 6px;
  }
  
  .disability-voice-ttl:before {

    background: url(../../../wp-content/uploads/disability_voice_ico02_pc.png) no-repeat;
    background-size: contain;
    width: 27px;
    height: 48px;
    bottom: 10px;
    left: 12px;
  }
  
  .disability-voice-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  
  .disability-voice-img{
    width: 50%;
    margin: auto 0;
  }
  
  .disability-voice-img:before {
    background: url(../../../wp-content/uploads/disability_voice_img_deco_pc.png) no-repeat;
    background-size: contain;
    width: 102px;
    height: 44px;
    top: -22px;
    left: calc(50% - 51px);
  }
  
  .disability-voice-schedule{
    width: calc(50% - 12px);
    height: auto;
    margin-bottom: 0;
    padding: 14px;
    background: url(../../../wp-content/uploads/disability_voice_txt_bg_pc.png) no-repeat;
    background-size: 100% 100%;
  }
  
  .disability-voice-schedule-list{
    width: 100%;
  }
  
  .disability-voice-schedule-ttl{
    font-size: 2rem;
  }
  
  .disability-voice-schedule-item{
    font-size: 1.6rem;
  }
  
  .disability-voice-schedule-time{
    width: 62px;
  }
  
  .disability-voice-schedule-txt{
    width: calc(100% - 62px);
  }
  
  .disability-voice-faq-ttl{
    margin-bottom: 10px;
    font-size: 1.8rem;
    line-height: 2.2;
  }
  
  .disability-voice-faq-ttl-bg{
    padding: 10px;
  }
  
  .disability-voice-faq-data{
    margin-bottom: 50px;
    padding: 0 0 0 10px;
    font-size: 1.8rem;
    line-height: 2.2;
  }
  
  .disability-voice-ico{
    margin-bottom: 50px;
  }
  
  .disability-voice-ico:before {
    background: url(../../../wp-content/uploads/disability_voice_deco01_pc.png) no-repeat;
    background-size: contain;
    width: 146px;
    height: 141px;
    bottom: -66px;
  }
  
  .disability-voice .disability-inner:nth-of-type(2) .disability-voice-ico {
    padding-bottom: 100px;
  }
  
  .disability-voice .disability-inner:nth-of-type(2) .disability-voice-ico:before {
    background: url(../../../wp-content/uploads/disability_voice_deco02_pc.png) no-repeat;
    background-size: contain;
    width: 159px;
    height: 135px;
    bottom: -10px;
    right: 90px;
  }

  .disability-attempt {
    padding: 100px 0 10px;
    background-image: url(../../../wp-content/uploads/disability_attempt_bg_pc.jpg);
    background-size: cover;
  }
  
  .disability-attempt-ttl {
    width: 430px;
    margin: 0 auto 60px;
    padding-left: 76px;
    font-size: 2.8rem;
  }
  
  .disability-attempt-ttl:after {
    background: url(../../../wp-content/uploads/disability_attempt_ttl_ico_pc.png) no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
  }
  
  .disability-attempt-ttl:before {
    background: url(../../../wp-content/uploads/disability_attempt_ttl_bg_pc.png) no-repeat;
    background-size: contain;
    width: 640px;
    height: 132px;
    top: -28px;
    left: -100px;
  }
  
  .disability-attempt-txt-box{
    font-size: 1.8rem;
    line-height: 2.2;
    border-radius: 16px;
  }
  
  .disability-attempt-list{
    margin: 30px 0;
  }
  
  .disability-attempt-list-ttl{
    font-size: 2rem;
  }
  
  .disability-attempt-comment{
    margin-top: 20px;
  }
  
  .disability-attempt-comment-img{
    width: 100%;
  }
  
  .disability-message{
    margin-top: 100px;
  }
  
  .disability-message-content {
    padding: 14px;
    border: solid 8px #333333;
  }
  
  .disability-message-content:before{
    width: calc(100% + 8px);
    height: calc(100% + 10px);
    top: 20px;
    right: -28px;
  }
  
  .disabililty-message-ttl {
    width: 170px;
    margin: 0 auto 20px;
    font-size: 2.6rem;
  }
 
  .disabililty-message-ttl:before, .disabililty-message-ttl:after{
    background: url(../../../wp-content/uploads/disability_message_ico_pc.png) no-repeat;
    background-size: contain;
    width: 57px;
    height: 38px;
    top: 10px;
    left: -60px;
  }
  
  .disabililty-message-ttl:after {
    left: auto;
    right: -60px;
  }
  
  .disanility-message-txt-box {
    padding: 20px 10px 50px;
    font-size: 1.8rem;
    line-height: 2.2;
  }
  
  .disanility-message-txt-box:before {
    content: "";
    background-image: linear-gradient(to right, #333, #333 20px, transparent 20px, transparent 40px), linear-gradient(to right, #333, #333 20px, transparent 20px, transparent 40px), linear-gradient(to bottom, #333, #333 20px, transparent 20px, transparent 40px), linear-gradient(to bottom, #333, #333 20px, transparent 20px, transparent 40px);
    background-size: 40px 4px, 40px 4px, 4px 40px,4px 40px;
  }
  
  .disability-attempt-img{
    max-width: 884px;
    margin: -70px auto 0;
  }
  
  .disability-attempt-img:after {
    width: 130px;
    right: calc(50% - 100px);
    border-right: 40px solid #333333;
    border-left: 8px solid #333333;
  }
  
  .disability-message-img{
    width: calc(50% - 12px);
  }
  
  .disability-message-img-box{
    padding: 22px 0 34px;
  }
  
  .disability-message-img-box:before{
    background: url(../../../wp-content/uploads/disability_message_deco_pc.png) no-repeat;
    background-size: cover;
    height: 11.2%;
    top: -11.2%;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .disability-txt{
    margin-bottom: 50px;
  }
  
  .disability-overview-ttl {
    left: 40px;
    transform: none;
  }
  
  .disability-overview-content{
    padding: 20px;
  }
  
  .disability-overview-txt{
    font-size: 2.6rem;
  }
  
  .disability-overview-content:before{
    left: 5%;
  }
  
  .disability-overview-content:after{
     bottom: 31%;
  }
  
  .disability-business{
    border-bottom: solid 48px #a37536;
  }
  
  .disability-business-content{
    padding: 30px 0 66px;
  }
  
  .disability-business-content:before{
    width: 101px;
    height: 61px;
    top: 56px;
    right: 40%;
  }
  
  .disability-business-content:after {
    background: url(../../../wp-content/uploads/disability_business_deco02_pc.png) no-repeat;
    background-size: contain;
    width: 337px;
    height: 61px;
    bottom: 0px;
    right: 20px;
  }
  
  .disability-business-ttl{
    font-size: 3.6rem;
  }
  
  .disability-business-txt{
    font-size: 2rem;
  }
  
  .disability-circle:before{
    height: 44px;
    top: -9px;
    left: 0;
  }
  
  .disability-business-img:before{
    width: 102px;
    left: calc(50% - 51px);
  }
  
  .disability-voice-wrapper{
    padding: 56px 36px 0;
  }
  
  .disability-voice-ttl{
    font-size: 3.6rem;
  }
  
  .disability-voice-img{
    width: calc(100% - 428px);
  }
  
  .disability-voice-schedule{
    width: 406px;
    padding: 14px 20px;
  }
  
  .disability-voice-schedule-ttl{
    font-size: 2.6rem;
  }
  
  .disability-voice-schedule-item{
    font-size: 2rem;
    line-height: 2;
  }
  
  .disability-voice-schedule-time{
    width: 74px;
  }
  
  .disability-voice-schedule-txt{
    width: calc(100% - 74px);
  }
  
  .disability-voice-faq-ttl{
    font-size: 2rem;
  }

  .disability-voice-faq-data{
    font-size: 2rem;
  }
  
  .disability-voice-ico:before{
    bottom: -150px;
    right: 5px;
  }
  
  .disability-voice .disability-inner:nth-of-type(2) .disability-voice-ico{
    padding-bottom: 130px;
  }
  
  .disability-attempt{
    padding: 110px 0 10px;
  }
  
  .disability-attempt-ttl{
    width: 540px;
    margin-bottom: 100px;
    font-size: 3.6rem;
  }
  
  .disability-attempt-ttl:before{
    width: 794px;
    top: -34px;
    left: -126px;
  }
  
  .disability-attempt-txt-box{
    padding: 20px 36px;
    font-size: 2rem;
  }
  
  .disability-attempt-list-ttl{
    font-size: 2.4rem;
  }
  
  .disability-attempt-list{
    margin: 40px 0;
  }
  
  .disability-message{
    margin-top: 170px;
  }
  
  .disability-message-content{
    width: 890px;
    margin: 0 auto;
  }
  
  .disanility-message-txt-box{
    padding: 20px 10px 70px;
    font-size: 2rem;
  }
  
  .disability-attempt-img{
    margin-top: -82px;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .disability-overview-txt{
    font-size: 2.8rem;
  }
  
  .disability-business-content{
    padding: 30px 50px 66px 0;
  }
  
  .disability-business-img-box{
    width: 37.3%;
  }
  
  .disability-business-content:before{
    top: 40px;
    right: 44%;
  }
  
  .disability-business-content:after{
    right: 70px;
  }
  
  .disability-voice-schedule-item{
    line-height: 2.2;
  }
  
  .disability-voice-img{
    margin: auto 0 0;
  }
  
  .disability-voice .disability-inner:nth-of-type(2) .disability-voice-ico::before{
    bottom: -20px;
  }
  
  .disability-attempt-txt-box{
    padding: 20px 78px;
  }
  
  .disability-message-img{
    width: calc(50% - 23px);
  }
}

/*------------------------------------------------------------
kawasaki-pj
------------------------------------------------------------*/
[class*="kawasakipj"] {
  font-size: 1.4rem;
}
[class*="kawasakipj"] .inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
[class*="kawasakipj"] th,
[class*="kawasakipj"] td {
  display: block;
}
[class*="kawasakipj"] .bx-wrapper {
  border: none;
  box-shadow: none;
  background: transparent;
}
.kawasakipj_main_block {
 padding: 0 0 95px;
 background-color: #101010;
}
.kawasakipj_mainslide_box .bx-wrapper {
 margin-bottom: 30px;
}
.kawasakipj_main_block .kawasakipj_mainslide_list img {
 width: 100%;
 height: auto;
}
.kawasakipj_main_block .bx-wrapper .bx-controls-direction a {
 display: none;
 position: absolute;
 top: 0;
 bottom: 0;
 border-radius: 0;
 margin: auto;
 width: 27px;
 height: 43px;
 text-indent: -9999px;
 z-index: 1;
}
.kawasakipj_main_block .bx-wrapper .bx-prev {
 background: url("/wp-content/uploads/kawasakipj_mainslide_btn_left.png") no-repeat 0 0;
 left: 40px;
}
.kawasakipj_main_block .bx-wrapper .bx-next {
 background: url("/wp-content/uploads/kawasakipj_mainslide_btn_right.png") no-repeat 0 0;
 right: 40px;
}
.kawasakipj_main_block .bx-wrapper .bx-prev:hover, .kawasakipj_main_block .bx-wrapper .bx-next:hover {
 opacity: .6;
}
.kawasakipj_main_block .bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}
.kawasakipj_main_block .bx-wrapper .bx-pager.bx-default-pager a {
 border-radius: 50%;
 width: 13px;
 height: 13px;
}
.kawasakipj_main_block .bx-wrapper .bx-pager.bx-default-pager a:hover, .kawasakipj_main_block .bx-wrapper .bx-pager.bx-default-pager a.active {
 background-color: #1f9f31;
}
.kawasakipj_main_block .kawasakipj_info_box {
 padding: 50px 0;
 text-align: center;
}
.kawasakipj_main_block .kawasakipj_info_box img {
 max-width: 856px;
 width: 90%;
 height: auto;
}
.kawasakipj_main_block .kawasakipj_lead_box {
 position: relative;
 margin-bottom: 68px;
}
.kawasakipj_main_block .kawasakipj_lead_box a.kawasakipj_rsitoh_btn {
 position: absolute;
 right: 20px;
 bottom: 38px;
}
.kawasakipj_main_block .kawasakipj_lead_box a.kawasakipj_okamura_btn {
 position: absolute;
 right: 20px;
 bottom: 0;
}
.kawasakipj_main_block .kawasakipj_race_skd_heading {
 margin-bottom: 20px;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 border-bottom: solid 1px #959595;
 color: #fff;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_head {
 display: none;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl tr {
 border: solid 1px #959595;
 border-width: 1px 1px 0 1px;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl td, .kawasakipj_main_block .kawasakipj_race_skd_tbl th {
 background-color: transparent;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl th {
 text-align: center;
 background-color: #1e722a;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl td {
 padding: 5px 10px;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl td a:hover {
 opacity: .6;
 text-decoration: none;
}
.kawasakipj_race_stopped_line {
 text-decoration: line-through;
}
.kawasakipj_race_stopped_msg {
 text-align: center;
 color: #f00;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_firsthalf, .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_norace {
 background-color: #6d6d6d;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_sp_view {
 display: inline;
 margin-right: 10px;
 color: #85ff96;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place {
 display: block;
 vertical-align: middle;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link {
 display: block;
 margin-top: 20px;
 padding-left: 40px;
 vertical-align: middle;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link a {
 display: inline-block;
 border-radius: 10px;
 width: 45%;
 padding: 2px 0;
 text-align: center;
 color: #333;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link a:first-child {
 margin-right: 5%;
 background-color: #f4d83d;
}

.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link a + a {
 background-color: #96aedf;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl td:nth-of-type(4) {
 padding-left: 50px;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_none_result_mark {
 display: inline-block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 padding: 0 20px;
 text-align: center;
 color: #fff;
 font-size: 24px;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_result_btn {
 display: inline-block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 95%;
 margin: 20px 0;
 padding: 5px 0;
 border-radius: 10px;
 text-align: center;
 color: #fff;
 background-color: #f11414;
}
.kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_result_btn .fa {
 margin-left: 10px;
}
.kawasakipj_race_btn {
 max-width: 355px;
 margin: 38px auto 0;
}
.kawasakipj_race_btn img {
 height: auto;
}
@media print, screen and (min-width: 768px) {
  [class*="kawasakipj"] .inner {
    width: 95%;
  }
  [class*="kawasakipj"] th,
  [class*="kawasakipj"] td {
    display: table-cell;
  }
 .kawasakipj_main_block .kawasakipj_lead_box {
  margin-bottom: 118px;
 }
 .kawasakipj_main_block .kawasakipj_lead_box a.kawasakipj_rsitoh_btn {
  right: 20%;
  bottom: -60px;
 }
 .kawasakipj_main_block .kawasakipj_lead_box a.kawasakipj_okamura_btn {
  right: 20%;
  bottom: -98px;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl {
  border: solid 1px #959595;
  border-width: 1px 0 0 1px;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_head {
  display: table-row;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl tr {
  border: none;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl th, .kawasakipj_main_block .kawasakipj_race_skd_tbl td {
  border: solid 1px #959595;
  border-width: 0 1px 1px 0;
  vertical-align: middle;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl td:nth-of-type(2) {
  text-align: center;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl td:nth-of-type(3) {
  overflow: hidden;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl td:nth-of-type(4) {
  padding: 5px 10px;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_sp_view {
  display: none;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link {
  margin-top: 10px;
  padding-left: 10px;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_result_btn {
  margin: 0;
  padding: 5px 20px;
  white-space: nowrap;
 }
 .kawasakipj_race_btn {
  max-width: none;
  width: 37%;
  margin-left: auto;
  margin-right: 0;
 }
}
@media print, screen and (min-width: 1024px) {
  [class*="kawasakipj"] .inner {
    width: 960px;
  }
 .kawasakipj_main_block {
  padding-top: 20px;
 }
 .kawasakipj_main_block .kawasakipj_lead_box {
  margin-bottom: 138px;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place {
  float: left;
  display: inline-block;
  padding-top: 25px;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link {
  float: right;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  vertical-align: middle;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link a {
  display: block;
  border-radius: 10px;
  width: 100px;
  padding: 0;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link a:first-child {
  margin-bottom: 10px;
  margin-right: 0;
 }
 .kawasakipj_mainslide_box .bx-wrapper {
  margin-bottom: 0;
 }
 .kawasakipj_mainslide_box .bx-pager {
  display: none;
 }
 .kawasakipj_mainslide_box {
  padding: 0 70px;
 }
 .kawasakipj_main_block .bx-wrapper .bx-controls-direction a {
  display: inline-block;
 }
 .kawasakipj_main_block .bx-wrapper .bx-prev {
  left: -50px;
 }
 .kawasakipj_main_block .bx-wrapper .bx-next {
  right: -50px;
 }
 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_none_result_mark {
  padding: 0 50px;
 }
 .kawasakipj_race_btn {
  width: 355px;
 }
}
.kawasakipj_salesBox {
 background-color: #fff;
 padding: 16px 18px 25px;
 margin-bottom: 60px;
}
.kawasakipj_salesBox .head {
 max-width: 268px;
 margin: 0 auto 14px;
}
.kawasakipj_salesBox .head img {
 height: auto;
}
.kawasakipj_salesList {
 box-sizing: border-box;
 max-width: 265px;
 margin: 0 auto 10px;
}
.kawasakipj_salesList [class^="item"] {
 margin: 0 auto 15px;
}
.kawasakipj_salesList .item05 {
 margin: 0;
}
.kawasakipj_salesList .item01, .kawasakipj_salesList .item02 {
 width: 100%;
}
.kawasakipj_salesList .item03 {
 float: left;
 width: 48%;
}
.kawasakipj_salesList .item04 {
 float: right;
 width: 48%;
}
.kawasakipj_salesList .item05 {
 width: 48%;
}
.kawasakipj_sales_sep {
 border-top: 2px solid #ccc;
 margin-bottom: 10px;
}
.kawasakipj_sales_mark {
 width: 106px;
 margin-bottom: 10px;
}
.kawasakipj_sales_text .mailAddress a {
 color: #1e722a;
}
.sales_limited_box {
 margin-bottom: 40px;
 padding-bottom: 40px;
 border-bottom: solid 2px #cccccc;
}
.sales_limited_box h2 img {
 display: block;
}
.sales_limited_box h2 img + img {
 margin-top: 10px;
}
.sales_limited_box .text_box {
 font-size: 13px;
}
.sales_limited_box .text_box .overview {
 margin: 20px 0;
 padding: 10px;
 background: #e5ffad;
}
.sales_limited_box .text_box dl dt, .sales_limited_box .text_box dl dd {
 line-height: 1.6;
}
.sales_limited_box .text_box dl dt {
 clear: left;
 float: left;
 width: 6em;
}
.sales_limited_box .text_box dl dd {
 margin: 0 0 20px 35%;
}
.sales_limited_box .sp_only_img p + p {
 margin-top: 10px;
}
@media print, screen and (min-width: 768px) {
 .kawasakipj_salesBox {
  padding: 32px 50px 36px;
 }
 .kawasakipj_salesBox .head {
  max-width: none;
  width: 535px;
  margin: 0 0 14px;
 }
 .kawasakipj_salesList {
  max-width: none;
  width: 100%;
  margin-bottom: 23px;
 }
 .kawasakipj_salesList .item01 {
  float: left;
  width: 40%;
  margin-bottom: 43px;
 }
 .kawasakipj_salesList .item02 {
  float: right;
  width: 56%;
  margin-bottom: 43px;
 }
 .kawasakipj_salesList .item03 {
  clear: both;
  width: 20%;
  margin-right: 4%;
  margin-bottom: 0;
 }
 .kawasakipj_salesList .item04 {
  float: left;
  width: 20%;
  margin-right: 4%;
  margin-bottom: 0;
 }
 .kawasakipj_salesList .item05 {
  float: left;
  width: 20%;
  margin-bottom: 0;
 }
 .kawasakipj_sales_sep {
  margin-bottom: 20px;
 }
 .kawasakipj_sales_mark {
  float: left;
  width: 106px;
  margin-right: 2%;
  margin-bottom: 0;
 }
 .kawasakipj_sales_text {
  float: left;
  width: 70%;
 }
 .sales_limited_box {
  padding-bottom: 20px;
 }
 .sales_limited_box h2 img + img {
  margin-top: 20px;
 }
 .sales_limited_box .text_box dl dd {
  margin-left: 15%;
 }
 .sales_limited_box .sp_only_img {
  display: none;
 }
}
@media print, screen and (min-width: 1024px) {
 .kawasakipj_salesList .item01 {
  width: 347px;
 }
 .kawasakipj_salesList .item02 {
  width: 476px;
 }
 .kawasakipj_salesList .item03 {
  width: 171px;
  margin-right: 52px;
 }
 .kawasakipj_salesList .item04 {
  float: left;
  width: 170px;
  margin-right: 61px;
 }
 .kawasakipj_salesList .item05 {
  float: left;
  width: 166px;
 }
 .kawasakipj_sales_mark {
  margin-right: 18px;
 }
 .kawasakipj_sales_text {
  width: 660px;
 }
 .sales_limited_box .text_box dl dd {
  margin-left: 10%;
 }
}
.kawasakipj_info_block {
 padding: 50px 0 100px;
 background-color: #f2f2f2;
}
.kawasakipj_result_heading {
 margin-bottom: 20px;
}
.kawasakipj_result_heading span {
 display: inline-block;
 padding: 3px 10px;
 color: #fff;
 background-color: #f11414;
 font-size: 20px;
}
.kawasakipj_result_heading span br {
 display: inline-block;
}
.kawasakipj_result_info {
 margin-bottom: 20px;
 padding: 10px;
 background-color: #fff;
}
.kawasakipj_result_info dt {
 font-weight: bold;
}
.kawasakipj_result_info dd {
 margin-bottom: 20px;
}
.kawasakipj_result_info dd .result_multiple {
 display: block;
 line-height: 1.7;
 vertical-align: top;
}
.kawasakipj_result_info dd .result_multiple + .result_multiple {
 margin-top: 10px;
}
.kawasakipj_result_lead {
 margin-bottom: 30px;
}
.kawasakipj_result_box {
 border-bottom: solid 1px #ccc;
 margin-bottom: 50px;
 padding-bottom: 50px;
}
.kawasakipj_result_box:last-child {
 border-bottom: none;
 margin-bottom: 0;
 padding-bottom: 0;
}
.kawasakipj_result_box .bx-wrapper {
 margin-bottom: 0;
}
.kawasakipj_result_slide {
 margin-bottom: 50px;
}
.kawasakipj_result_slide_list li dl {
 width: 100%;
 padding: 2% 1%;
 background-color: transparent;
}
.kawasakipj_result_slide_list li dl dt {
 margin-bottom: 5px;
 font-size: 14px;
 font-weight: bold;
}
.kawasakipj_result_pager {
 xdisplay: none;
 text-align: center;
 letter-spacing: -0.4em;
}
.kawasakipj_result_pager a {
 display: inline-block;
 width: 26%;
 background-color: #333;
}
.kawasakipj_result_pager a img {
 opacity: 0.4;
 width: 100%;
}
.kawasakipj_result_pager a.active img, .kawasakipj_result_pager a:hover img {
 opacity: 1;
}
.kawasakipj_info_block .bx-wrapper .bx-controls-direction a {
 position: absolute;
 top: 5%;
 bottom: auto;
 border-radius: 0;
 margin: auto;
 width: 49px;
 height: 154px;
 text-indent: -9999px;
 z-index: 1;
}
.kawasakipj_info_block .bx-wrapper .bx-prev {
 background: url("/wp-content/uploads/kawasakipj_slide_btn_left.png") no-repeat 0 0 / contain;
 left: -15px;
}
.kawasakipj_info_block .bx-wrapper .bx-next {
 background: url("/wp-content/uploads/kawasakipj_slide_btn_right.png") no-repeat 0 0 / contain;
 right: -15px;
}
.kawasakipj_info_block .bx-wrapper .bx-prev:hover, .kawasakipj_info_block .bx-wrapper .bx-next:hover {
 opacity: .6;
}
.kawasakipj_info_block .bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}
.kawasakipj_result_movie_box {
 text-align: center;
}
@media print, screen and (max-width: 767px) {
 .kawasakipj_result_item_box {
  display: block;
 }
 .kawasakipj_result_lead br {
  display: none;
 }
 .kawasakipj_result_movie_box iframe {
  width: 100%;
  height: auto;
 }
 .kawasakipj_result_pager a {
  width: 20%;
 }
}
@media print, screen and (min-width: 360px) {
 .kawasakipj_info_block .bx-wrapper .bx-controls-direction a {
  top: 10%;
 }
}
@media print, screen and (min-width: 481px) {
 .kawasakipj_result_pager a {
  width: 16%;
  margin: 0;
 }
 .kawasakipj_info_block .bx-wrapper .bx-controls-direction a {
  top: 20%;
 }
}
@media print, screen and (min-width: 768px) {
 .kawasakipj_result_pager {
  display: block;
 }
 .kawasakipj_result_heading span {
  padding: 5px 10px;
  font-size: 24px;
 }
 .kawasakipj_result_heading span br {
  display: none;
 }
 .kawasakipj_result_item_box + .kawasakipj_result_item_box {
  margin-left: 10px;
 }
 .kawasakipj_result_info {
  padding: 20px 20px 10px;
 }
 .kawasakipj_result_info dt, .kawasakipj_result_info dd {
  margin-bottom: 0;
  padding-bottom: 10px;
  line-height: 1.5;
 }
 .kawasakipj_result_info dt {
  clear: left;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 90px;
  padding-right: 20px;
 }
 .kawasakipj_result_slide_list li dl dt {
  margin-bottom: 10px;
  font-size: 18px;
 }
 .kawasakipj_result_info dd .result_multiple {
  display: inline-block;
 }
 .kawasakipj_result_info dd .result_multiple + .result_multiple {
  margin-top: 0;
  margin-left: 30px;
 }
 .kawasakipj_result_pager a {
  width: auto;
 }
 .kawasakipj_result9_pager.kawasakipj_result_pager a {
  width: auto;
 }
 .kawasakipj_info_block .bx-wrapper .bx-controls-direction a {
  top: 32%;
 }
}
@media print, screen and (min-width: 1200px) {
 .kawasakipj_info_block .bx-wrapper .bx-prev {
  left: -60px;
 }
 .kawasakipj_info_block .bx-wrapper .bx-next {
  right: -60px;
 }
}

/* KAWASAKIおんがえしプロジェクト(2019)
------------------------------------------------------------*/
.page-id-2905 .kawasakipj_main_block {
 padding-bottom: 0;
 background-color: #fff;
}
.page-id-2905 .kawasakipj_mainslide_box {
 position: relative;
 margin-bottom: 60px;
}
.page-id-2905 .kawasakipj_mainslide_box .kawasakipj_mainslide_cover {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: auto;
}
.page-id-2905 .kawasakipj_salesBox_wrapper {
 border-style: solid;
 border-color: #841b35;
 margin-bottom: 60px;
}
.page-id-2905 .kawasakipj_salesBox {
 border-top-style: solid;
 border-top-color: #0059ff;
 border-bottom-style: solid;
 border-bottom-color: #19c531;
}
.page-id-2905 .kawasakipj_lead_box {
 text-align: center;
}
.page-id-2905 .kawasakipj_lead_box img {
 max-width: 100%;
 height: auto;
}
.page-id-2905 .kawasakipj_race_skd_block {
 background-color: #19c531;
}
.page-id-2905 .kawasakipj_main_block .kawasakipj_race_skd_tbl {
 color: #333;
 background-color: #fff;
}
.page-id-2905 .kawasakipj_main_block .kawasakipj_race_skd_tbl th {
 background-color: #0059ff;
}
.page-id-2905 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_none_result_mark {
 color: #333;
}
.page-id-2905 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_sp_view {
 color: #85ff96;
}
.page-id-2905 .kawasakipj_salesBox {
 margin-bottom: 0;
 background-color: #fff;
}
.page-id-2905 .kawasakipj_info_block {
 background-color: #f2f2f2;
}
.page-id-2905 .kawasakipj_lead_box {
 margin-bottom: 30px;
}
.page-id-2905 .kawasakipj_btn {
 text-align: right;
 margin-bottom: 60px;
}
.page-id-2905 .kawasakipj_btn p + p {
 margin-top: 10px;
}
.page-id-2905 .kawasakipj_salesList .item08 {
 margin: 0;
}
.page-id-2905 .kawasakipj_salesList .item01, .page-id-2905 .kawasakipj_salesList .item02, .page-id-2905 .kawasakipj_salesList .item03, .page-id-2905 .kawasakipj_salesList .item04, .page-id-2905 .kawasakipj_salesList .item05 {
 width: 100%;
}
.page-id-2905 .kawasakipj_salesList .item05 {
 margin-bottom: 15px;
}
.page-id-2905 .kawasakipj_salesList .item06 {
 float: left;
 width: 48%;
}
.page-id-2905 .kawasakipj_salesList .item07 {
 float: right;
 width: 48%;
}
.page-id-2905 .kawasakipj_salesList .item08 {
 width: 48%;
}
@media print, screen and (max-width: 767px) {
 .page-id-2905 .kawasakipj_salesBox_wrapper {
  border-width: 2px;
 }
 .page-id-2905 .kawasakipj_salesBox {
  border-top-width: 5px;
  border-bottom-width: 5px;
 }
 .page-id-2905 .kawasakipj_race_skd_block {
  padding: 15px 0 20px;
 }
 .page-id-2905 .kawasakipj_btn {
  padding: 0 10px;
 }
}
@media print, screen and (min-width: 768px) {
 .page-id-2905 .kawasakipj_mainslide_box {
  margin-bottom: 80px;
 }
 .page-id-2905 .kawasakipj_salesBox_wrapper {
  border-width: 5px;
 }
 .page-id-2905 .kawasakipj_salesBox {
  border-top-width: 10px;
  border-bottom-width: 10px;
 }
 .page-id-2905 .kawasakipj_race_skd_block {
  padding: 30px 0 40px;
 }
 .page-id-2905 .kawasakipj_lead_box {
  margin-bottom: 60px;
 }
 .page-id-2905 .kawasakipj_btn {
  position: relative;
  z-index: 1000;
  max-width: 10683px;
  margin-top: -60px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5%;
 }
 .page-id-2905 .kawasakipj_salesList .item01 {
  float: left;
  width: 40%;
  margin-bottom: 43px;
 }
 .page-id-2905 .kawasakipj_salesList .item02 {
  float: right;
  width: 56%;
  margin-bottom: 43px;
 }
 .page-id-2905 .kawasakipj_salesList .item03 {
  clear: both;
  width: 60%;
  margin-bottom: 43px;
 }
 .page-id-2905 .kawasakipj_salesList .item04 {
  float: left;
  width: 56%;
  margin-right: 0;
  margin-bottom: 43px;
 }
 .page-id-2905 .kawasakipj_salesList .item05 {
  float: left;
  width: 33%;
  margin-left: 20px;
  margin-bottom: 43px;
 }
 .page-id-2905 .kawasakipj_salesList .item06 {
  clear: both;
  width: 20%;
  margin-right: 4%;
  margin-bottom: 0;
 }
 .page-id-2905 .kawasakipj_salesList .item07 {
  float: left;
  width: 20%;
  margin-right: 4%;
  margin-bottom: 0;
 }
 .page-id-2905 .kawasakipj_salesList .item08 {
  float: left;
  width: 20%;
  margin-bottom: 0;
 }
}
@media print, screen and (min-width: 1024px) {
 .page-id-2905 .kawasakipj_btn {
  margin-top: -120px;
 }
 .page-id-2905 .kawasakipj_salesList .item01 {
  width: 350px;
 }
 .page-id-2905 .kawasakipj_salesList .item02 {
  width: 452px;
 }
 .page-id-2905 .kawasakipj_salesList .item03 {
  width: 512px;
 }
 .page-id-2905 .kawasakipj_salesList .item04 {
  width: 512px;
 }
 .page-id-2905 .kawasakipj_salesList .item05 {
  float: right;
  xwidth: 40%;
  margin-left: 0;
 }
 .page-id-2905 .kawasakipj_salesList .item05 {
  width: 306px;
 }
 .page-id-2905 .kawasakipj_salesList .item06 {
  width: 170px;
  margin-right: 52px;
 }
 .page-id-2905 .kawasakipj_salesList .item07 {
  float: left;
  width: 170px;
  margin-right: 61px;
 }
 .page-id-2905 .kawasakipj_salesList .item08 {
  float: left;
  width: 166px;
 }
}
.read_block01, .read_block02 {
 margin-bottom: 60px;
}
.read_block03 {
 max-width: 300px;
 margin: 0 auto;
}
.read_block01 h2 {
 text-align: center;
 margin-bottom: 40px;
}
.read_block02 h2 {
 text-align: center;
 margin-bottom: 30px;
}
.read_block02 h3 {
 text-align: center;
 margin-bottom: 30px;
}
.read_block01 .photo, .read_block02 .photo {
 max-width: 300px;
 margin: 0 auto 30px;
}
.read_block01 .photo img:first-child, .read_block02 .photo img:first-child {
 margin-bottom: 20px;
}
.read_block02 .kawasakipj_link01 {
 text-align: right;
 margin-top: 40px;
}
.read_block03 .person_box:first-child {
 margin-bottom: 40px;
}
.person_box .photo {
 margin-bottom: 20px;
}
.person_box .info {
 line-height: 20px;
}
.person_box .info .name {
 display: block;
 font-size: 18px;
}
.read_block03 .kawasakipj_link02 {
 margin-top: 20px;
}
@media print, screen and (min-width: 768px) {
 .read_block01, .read_block02 {
  margin-bottom: 80px;
 }
 .read_block02 {
  position: relative;
 }
 .read_block03 {
  max-width: none;
 }
 .read_block01 h2 {
  margin-bottom: 70px;
 }
 .read_block02 h2 {
  max-width: 461px;
  width: 48%;
  text-align: left;
  float: left;
  margin-bottom: 40px;
 }
 .read_block02 h3 {
  max-width: 461px;
  width: 48%;
  text-align: right;
  float: right;
  margin-bottom: 60px;
 }
 .read_block01 .photo {
  max-width: none;
  margin: 0;
 }
 .read_block01 .photo img {
  max-width: 460px;
  width: 48%;
 }
 .read_block02 .photo {
  max-width: 460px;
  width: 48%;
  float: left;
  margin: 0;
 }
 .read_block02 .text {
  max-width: 460px;
  width: 48%;
  float: right;
 }
 .read_block01 .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto 40px;
 }
 .read_block01 .photo img:first-child {
  margin-bottom: 0;
 }
 .read_block02 .kawasakipj_link01 {
  float: right;
  width: 53%;
 }
 .read_block03 .person_box {
  text-align: center;
 }
 .read_block03 .person_box:first-child {
  max-width: 460px;
  width: 48%;
  float: left;
  margin-bottom: 0;
 }
 .read_block03 .person_box:last-child {
  max-width: 460px;
  width: 48%;
  float: right;
  margin-bottom: 0;
 }
 .person_box .photo {
  margin-bottom: 20px;
 }
 .person_box .info {
  line-height: 20px;
 }
 .person_box .info .name {
  display: block;
  font-size: 18px;
 }
 .read_block03 .kawasakipj_link02 {
  margin-top: 20px;
 }
}
@media print, screen and (min-width: 960px) {
 .read_block02 .kawasakipj_link01 {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
 }
}
@media print, screen and (min-width: 1024px) {
 .read_block01 p, .read_block02 p, .read_block03 p {
  line-height: 2 !important;
 }
 .read_block03 .person_box {
  max-width: 460px;
  width: 48%;
  float: left;
  margin-bottom: 0;
  text-align: left;
 }
 .person_box .photo {
  float: left;
  margin: 0 27px 0 0;
 }
 .person_box .info {
  line-height: 1.5 !important;
  float: left;
  margin: 0 27px 0 0;
 }
 .read_block03 .person_box:first-child {
  position: relative;
 }
 .read_block03 .kawasakipj_link02 {
  position: absolute;
  bottom: 0;
  right: 0;
 }
}

/* KAWASAKIおんがえしプロジェクト(2018)
------------------------------------------------------------*/
.page-id-3190 .kawasakipj_main_block {
 padding-bottom: 0;
 background-color: #fff;
}
.page-id-3190 .kawasakipj_mainslide_box {
 position: relative;
}
.page-id-3190 .kawasakipj_mainslide_box .kawasakipj_mainslide_cover {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: auto;
}
.page-id-3190 .kawasakipj_salesBox_wrapper {
 border-style: solid;
 border-color: #841b35;
 margin-bottom: 60px;
}
.page-id-3190 .kawasakipj_salesBox {
 border-top-style: solid;
 border-top-color: #0059ff;
 border-bottom-style: solid;
 border-bottom-color: #19c531;
}
.page-id-3190 .kawasakipj_lead_box {
 text-align: center;
}
.page-id-3190 .kawasakipj_lead_box img {
 max-width: 100%;
 height: auto;
}
.page-id-3190 .kawasakipj_race_skd_block {
 background-color: #19c531;
}
.page-id-3190 .kawasakipj_main_block .kawasakipj_race_skd_tbl {
 color: #333;
 background-color: #fff;
}
.page-id-3190 .kawasakipj_main_block .kawasakipj_race_skd_tbl th {
 background-color: #0059ff;
}
.page-id-3190 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_none_result_mark {
 color: #333;
}
.page-id-3190 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_sp_view {
 color: #85ff96;
}
.page-id-3190 .kawasakipj_salesBox {
 margin-bottom: 0;
 background-color: #fff;
}
.page-id-3190 .kawasakipj_info_block {
 background-color: #f2f2f2;
}
.page-id-3190 .kawasakipj_lead_box {
 margin-bottom: 30px;
}
.page-id-3190 .kawasakipj_btn {
 text-align: right;
 margin-bottom: 60px;
}
.page-id-3190 .kawasakipj_btn p + p {
 margin-top: 10px;
}
.page-id-3190 .kawasakipj_salesList .item08 {
 margin: 0;
}
.page-id-3190 .kawasakipj_salesList .item01, .page-id-3190 .kawasakipj_salesList .item02, .page-id-3190 .kawasakipj_salesList .item03, .page-id-3190 .kawasakipj_salesList .item04, .page-id-3190 .kawasakipj_salesList .item05 {
 width: 100%;
}
.page-id-3190 .kawasakipj_salesList .item05 {
 margin-bottom: 15px;
}
.page-id-3190 .kawasakipj_salesList .item06 {
 float: left;
 width: 48%;
}
.page-id-3190 .kawasakipj_salesList .item07 {
 float: right;
 width: 48%;
}
.page-id-3190 .kawasakipj_salesList .item08 {
 width: 48%;
}
@media print, screen and (max-width: 767px) {
 .page-id-3190 .kawasakipj_salesBox_wrapper {
  border-width: 2px;
 }
 .page-id-3190 .kawasakipj_salesBox {
  border-top-width: 5px;
  border-bottom-width: 5px;
 }
 .page-id-3190 .kawasakipj_race_skd_block {
  padding: 15px 0 20px;
 }
 .page-id-3190 .kawasakipj_btn {
  padding: 0 10px;
 }
}
@media print, screen and (min-width: 768px) {
 .page-id-3190 .kawasakipj_salesBox_wrapper {
  border-width: 5px;
 }
 .page-id-3190 .kawasakipj_salesBox {
  border-top-width: 10px;
  border-bottom-width: 10px;
 }
 .page-id-3190 .kawasakipj_race_skd_block {
  padding: 30px 0 40px;
 }
 .page-id-3190 .kawasakipj_lead_box {
  margin-bottom: 60px;
 }
 .page-id-3190 .kawasakipj_btn {
  position: relative;
  z-index: 1000;
  max-width: 10683px;
  margin-top: -60px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5%;
 }
 .page-id-3190 .kawasakipj_salesList .item01 {
  float: left;
  width: 40%;
  margin-bottom: 43px;
 }
 .page-id-3190 .kawasakipj_salesList .item02 {
  float: right;
  width: 56%;
  margin-bottom: 43px;
 }
 .page-id-3190 .kawasakipj_salesList .item03 {
  clear: both;
  width: 60%;
  margin-bottom: 43px;
 }
 .page-id-3190 .kawasakipj_salesList .item04 {
  float: left;
  width: 56%;
  margin-right: 0;
  margin-bottom: 43px;
 }
 .page-id-3190 .kawasakipj_salesList .item05 {
  float: left;
  width: 33%;
  margin-left: 20px;
  margin-bottom: 43px;
 }
 .page-id-3190 .kawasakipj_salesList .item06 {
  clear: both;
  width: 20%;
  margin-right: 4%;
  margin-bottom: 0;
 }
 .page-id-3190 .kawasakipj_salesList .item07 {
  float: left;
  width: 20%;
  margin-right: 4%;
  margin-bottom: 0;
 }
 .page-id-3190 .kawasakipj_salesList .item08 {
  float: left;
  width: 20%;
  margin-bottom: 0;
 }
}
@media print, screen and (min-width: 1024px) {
 .page-id-3190 .kawasakipj_btn {
  margin-top: -120px;
 }
 .page-id-3190 .kawasakipj_salesList .item01 {
  width: 350px;
 }
 .page-id-3190 .kawasakipj_salesList .item02 {
  width: 452px;
 }
 .page-id-3190 .kawasakipj_salesList .item03 {
  width: 512px;
 }
 .page-id-3190 .kawasakipj_salesList .item04 {
  width: 512px;
 }
 .page-id-3190 .kawasakipj_salesList .item05 {
  float: right;
  xwidth: 40%;
  margin-left: 0;
 }
 .page-id-3190 .kawasakipj_salesList .item05 {
  width: 306px;
 }
 .page-id-3190 .kawasakipj_salesList .item06 {
  width: 170px;
  margin-right: 52px;
 }
 .page-id-3190 .kawasakipj_salesList .item07 {
  float: left;
  width: 170px;
  margin-right: 61px;
 }
 .page-id-3190 .kawasakipj_salesList .item08 {
  float: left;
  width: 166px;
 }
}

/* KAWASAKIおんがえしプロジェクト(2019)
------------------------------------------------------------*/
.page-id-3233 .kawasakipj_main_block {
 padding-bottom: 0;
 background-color: #fff;
}
.page-id-3233 .kawasakipj_mainslide_box {
 position: relative;
 margin-bottom: 60px;
}
.page-id-3233 .kawasakipj_mainslide_box .kawasakipj_mainslide_cover {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: auto;
}
.page-id-3233 .kawasakipj_salesBox_wrapper {
 border-style: solid;
 border-color: #841b35;
 margin-bottom: 60px;
}
.page-id-3233 .kawasakipj_salesBox {
 border-top-style: solid;
 border-top-color: #0059ff;
 border-bottom-style: solid;
 border-bottom-color: #19c531;
}
.page-id-3233 .kawasakipj_lead_box {
 text-align: center;
}
.page-id-3233 .kawasakipj_lead_box img {
 max-width: 100%;
 height: auto;
}
.page-id-3233 .kawasakipj_race_skd_block {
 background-color: #19c531;
}
.page-id-3233 .kawasakipj_main_block .kawasakipj_race_skd_tbl {
 color: #333;
 background-color: #fff;
}
.page-id-3233 .kawasakipj_main_block .kawasakipj_race_skd_tbl th {
 background-color: #0059ff;
}
.page-id-3233 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_none_result_mark {
 color: #333;
}
.page-id-3233 .kawasakipj_main_block .kawasakipj_race_skd_tbl .kawasakipj_race_skd_sp_view {
 color: #85ff96;
}
.page-id-3233 .kawasakipj_salesBox {
 margin-bottom: 0;
 background-color: #fff;

}
.page-id-3233 .kawasakipj_info_block {
 background-color: #f2f2f2;
}
.page-id-3233 .kawasakipj_lead_box {
 margin-bottom: 30px;
}
.page-id-3233 .kawasakipj_btn {
 text-align: right;
 margin-bottom: 60px;
}
.page-id-3233 .kawasakipj_btn p + p {
 margin-top: 10px;
}
.page-id-3233 .kawasakipj_salesList .item08 {
 margin: 0;
}
.page-id-3233 .kawasakipj_salesList .item01, .page-id-3233 .kawasakipj_salesList .item02, .page-id-3233 .kawasakipj_salesList .item03, .page-id-3233 .kawasakipj_salesList .item04, .page-id-3233 .kawasakipj_salesList .item05 {
 width: 100%;
}
.page-id-3233 .kawasakipj_salesList .item05 {
 margin-bottom: 15px;
}
.page-id-3233 .kawasakipj_salesList .item06 {
 float: left;
 width: 48%;
}
.page-id-3233 .kawasakipj_salesList .item07 {
 float: right;
 width: 48%;
}
.page-id-3233 .kawasakipj_salesList .item08 {
 width: 48%;
}
@media print, screen and (max-width: 767px) {
 .page-id-3233 .kawasakipj_salesBox_wrapper {
  border-width: 2px;
 }
 .page-id-3233 .kawasakipj_salesBox {
  border-top-width: 5px;
  border-bottom-width: 5px;
 }
 .page-id-3233 .kawasakipj_race_skd_block {
  padding: 15px 0 20px;
 }
 .page-id-3233 .kawasakipj_btn {
  padding: 0 10px;
 }
}
@media print, screen and (min-width: 768px) {
 .page-id-3233 .kawasakipj_mainslide_box {
  margin-bottom: 80px;
 }
 .page-id-3233 .kawasakipj_salesBox_wrapper {
  border-width: 5px;
 }
 .page-id-3233 .kawasakipj_salesBox {
  border-top-width: 10px;
  border-bottom-width: 10px;
 }
 .page-id-3233 .kawasakipj_race_skd_block {
  padding: 30px 0 40px;
 }
 .page-id-3233 .kawasakipj_lead_box {
  margin-bottom: 60px;
 }
 .page-id-3233 .kawasakipj_btn {
  position: relative;
  z-index: 1000;
  max-width: 10683px;
  margin-top: -60px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5%;
 }
 .page-id-3233 .kawasakipj_salesList .item01 {
  float: left;
  width: 40%;
  margin-bottom: 43px;
 }
 .page-id-3233 .kawasakipj_salesList .item02 {
  float: right;
  width: 56%;
  margin-bottom: 43px;
 }
 .page-id-3233 .kawasakipj_salesList .item03 {
  clear: both;
  width: 60%;
  margin-bottom: 43px;
 }
 .page-id-3233 .kawasakipj_salesList .item04 {
  float: left;
  width: 56%;
  margin-right: 0;
  margin-bottom: 43px;
 }
 .page-id-3233 .kawasakipj_salesList .item05 {
  float: left;
  width: 33%;
  margin-left: 20px;
  margin-bottom: 43px;
 }
 .page-id-3233 .kawasakipj_salesList .item06 {
  clear: both;
  width: 20%;
  margin-right: 4%;
  margin-bottom: 0;
 }
 .page-id-3233 .kawasakipj_salesList .item07 {
  float: left;
  width: 20%;
  margin-right: 4%;
  margin-bottom: 0;
 }
 .page-id-3233 .kawasakipj_salesList .item08 {
  float: left;
  width: 20%;
  margin-bottom: 0;
 }
}
@media print, screen and (min-width: 1024px) {
 .page-id-3233 .kawasakipj_btn {
  margin-top: -120px;
 }
 .page-id-3233 .kawasakipj_salesList .item01 {
  width: 350px;
 }
 .page-id-3233 .kawasakipj_salesList .item02 {
  width: 452px;
 }
 .page-id-3233 .kawasakipj_salesList .item03 {
  width: 512px;
 }
 .page-id-3233 .kawasakipj_salesList .item04 {
  width: 512px;
 }
 .page-id-3233 .kawasakipj_salesList .item05 {
  float: right;
  xwidth: 40%;
  margin-left: 0;
 }
 .page-id-3233 .kawasakipj_salesList .item05 {
  width: 306px;
 }
 .page-id-3233 .kawasakipj_salesList .item06 {
  width: 170px;
  margin-right: 52px;
 }
 .page-id-3233 .kawasakipj_salesList .item07 {
  float: left;
  width: 170px;
  margin-right: 61px;
 }
 .page-id-3233 .kawasakipj_salesList .item08 {
  float: left;
  width: 166px;
 }
}
.kawasakipj_read_block {
 margin-bottom: 60px;
}
.kawasakipj_read_block * {
  font-size: 1.3rem;
}
.kawasakipj_read_block .text {
 text-align: justify;
 letter-spacing: -0.1px;
}
.read_block01, .read_block02 {
 margin-bottom: 60px;
}
.read_block03 {
 max-width: 300px;
 margin: 0 auto;
}
.read_block01 h2 {
 text-align: center;
 margin-bottom: 40px;
}
.read_block02 h2 {
 text-align: center;
 margin-bottom: 30px;
}
.read_block02 h3 {
 text-align: center;
 margin-bottom: 30px;
}
.read_block01 .photo, .read_block02 .photo {
 max-width: 300px;
 margin: 0 auto 30px;
}
.read_block01 .photo img:first-child, .read_block02 .photo img:first-child {
 margin-bottom: 20px;
}
.read_block02 .kawasakipj_link01 {
 text-align: right;
 margin-top: 40px;
}
.read_block03 .person_box:first-child {
 margin-bottom: 40px;
}
.person_box .photo {
 margin-bottom: 20px;
}
.person_box .info {
 line-height: 20px;
}
.person_box .info .name {
 display: block;
 font-size: 18px;
}
.read_block03 .kawasakipj_link02 {
 margin-top: 20px;
}
@media print, screen and (min-width: 768px) {
 .kawasakipj_read_block {
  margin-bottom: 120px;
 }
 .kawasakipj_read_block * {
   font-size: 1.4rem;
 }
 .read_block01, .read_block02 {
  margin-bottom: 80px;
 }
 .read_block02 {
  position: relative;
 }
 .read_block03 {
  max-width: none;
 }
 .read_block01 h2 {
  margin-bottom: 70px;
 }
 .read_block02 h2 {
  max-width: 461px;
  width: 48%;
  text-align: left;
  float: left;
  margin-bottom: 40px;
 }
 .read_block02 h3 {
  max-width: 461px;
  width: 48%;
  text-align: right;
  float: right;
  margin-bottom: 60px;
 }
 .read_block01 .photo {
  max-width: none;
  margin: 0;
 }
 .read_block01 .photo img {
  max-width: 460px;
  width: 48%;
 }
 .read_block02 .photo {
  max-width: 460px;
  width: 48%;
  float: left;
  margin: 0;
 }
 .read_block02 .text {
  max-width: 460px;
  width: 48%;
  float: right;
 }
 .read_block01 .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto 40px;
 }
 .read_block01 .photo img:first-child {
  margin-bottom: 0;
 }
 .read_block02 .kawasakipj_link01 {
  float: right;
  width: 53%;
 }
 .read_block03 .person_box {
  text-align: center;
 }
 .read_block03 .person_box:first-child {
  max-width: 460px;
  width: 48%;
  float: left;
  margin-bottom: 0;
 }
 .read_block03 .person_box:last-child {
  max-width: 460px;
  width: 48%;
  float: right;
  margin-bottom: 0;
 }
 .person_box .photo {
  margin-bottom: 20px;
 }
 .person_box .info {
  line-height: 20px;
 }
 .person_box .info .name {
  display: block;
  font-size: 18px;
 }
 .read_block03 .kawasakipj_link02 {
  margin-top: 20px;
 }
}
@media print, screen and (min-width: 960px) {
 .read_block02 .kawasakipj_link01 {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
 }
}
@media print, screen and (min-width: 1024px) {
 .read_block01 p, .read_block02 p, .read_block03 p {
  line-height: 2 !important;
 }
 .read_block03 .person_box {
  max-width: 460px;
  width: 48%;
  float: left;
  margin-bottom: 0;
  text-align: left;
 }
 .person_box .photo {
  float: left;
  margin: 0 27px 0 0;
 }
 .person_box .info {
  line-height: 1.5 !important;
  float: left;
  margin: 0 27px 0 0;
 }
 .read_block03 .person_box:first-child {
  position: relative;
 }
 .read_block03 .kawasakipj_link02 {
  position: absolute;
  bottom: 0;
  right: 0;
 }
}

/* KAWASAKIおんがえしプロジェクト(2020)
------------------------------------------------------------*/
.kawasakipj2020 * {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.kawasakipj2020 *:not(.fa) {
 font-family: 游ゴシック体, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
 font-weight: 500;
}
.kawasakipj2020 p,
.kawasakipj2020 dl,
.kawasakipj2020 dd {
  line-height: 2.4;
}
.kawasakipj2020 a:hover {
 text-decoration: none;
}
.kawasakipj2020 .inner {
 width: 95%;
}
.kawasakipj2020 .pc_br {
 display: none;
}
.kawasakipj2020 .txt {
 margin-bottom: 2em;
 line-height: 2 !important;
}
.kawasakipj2020 .txt:last-child {
 margin-bottom: 0;
}
.kawasakipj2020 .txt-justify {
 text-align: justify;
 text-justify: inter-ideograph;
}
.kawasakipj2020 .flex_box {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.kawasakipj2020 .kawasakipj_link_btn_style a {
 display: inline-block;
 position: relative;
 width: 100%;
 padding: 10px 5px 10px 1.5em;
 border-radius: 20px;
 color: #333333;
 font-size: 11px;
 font-weight: bold;
 line-height: 1.4;
 text-align: left;
}
.kawasakipj2020 .kawasakipj_link_btn_style .link_btn_external {
 padding-left: 2.25em;
}
.kawasakipj2020 .kawasakipj_link_btn_style .link_btn_green {
 background-color: #19c531;
}
.kawasakipj2020 .kawasakipj_link_btn_style .link_btn_blue {
 background-color: #59c6ff;
}
.kawasakipj2020 .kawasakipj_link_btn_style a, .kawasakipj2020 .kawasakipj_link_btn_style a::after {
 -webkit-transition: all .3s;
 transition: all .3s;
}
.kawasakipj2020 .kawasakipj_link_btn_style a::after, .kawasakipj2020 .kawasakipj_link_btn_style .link_btn_external::before {
 content: "";
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
}
.kawasakipj2020 .kawasakipj_link_btn_style a::after {
 right: 10px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 4px 0 4px 8px;
 border-color: transparent transparent transparent #333333;
}
.kawasakipj2020 .kawasakipj_link_btn_style .link_btn_external::before {
 left: 7.5px;
 width: 14px;
 height: 14px;
 background: url("/wp-content/uploads/kawasakipj_external_link_icon_2x.png") no-repeat left center / contain;
}
.kawasakipj2020 .kawasakipj_main_block {
 padding: 0;
}
.kawasakipj2020 .kawasakipj_mainslide_box {
 margin-bottom: 30px;
 padding-top: 30px;
 padding-bottom: 15px;
 background-color: #2ea7e0;
}
.kawasakipj2020 .kawasakipj_main_block .bx-wrapper .bx-pager.bx-default-pager a:hover, .kawasakipj2020 .kawasakipj_main_block .bx-wrapper .bx-pager.bx-default-pager a.active {
 background-color: #ffffff;
}
.kawasakipj2020 .kawasakipj_overview_ttl {
 margin-bottom: 30px;
 text-align: left;
}
.kawasakipj2020 .kawasakipj_overview_txt {
 margin-bottom: 30px;
}
.kawasakipj2020 .kawasakipj_overview_pic {
 width: 100%;
}
.kawasakipj2020 .kawasakipj_overview_pic .pic {
 margin-bottom: 2em;
 text-align: center;
}
.kawasakipj2020 .kawasakipj_overview_pic .pic:last-child {
 margin-bottom: 0;
}
.kawasakipj2020 .kawasakipj_rs_itoh_container {
 padding: 60px 0;
}
.kawasakipj2020 .kawasakipj_rs_itoh_ttl {
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: flex-start;
 justify-content: flex-end;
 margin-bottom: 30px;
 flex-direction: row-reverse;
}
.kawasakipj2020 .kawasakipj_rs_itoh_ttl .ttl_txt, .kawasakipj2020 .kawasakipj_rs_itoh_ttl .ttl_logo {
 display: block;
 width: 45%;
}
.kawasakipj2020 .kawasakipj_rs_itoh_ttl .ttl_logo {
 margin-left: 5%;
 text-align: center;
}
.kawasakipj2020 .kawasakipj_rs_itoh_pic {
 margin-bottom: 2em;
}
.kawasakipj2020 .kawasakipj_rs_itoh_pic .pic {
 width: 100%;
 margin-bottom: 2em;
 text-align: center;
}
.kawasakipj2020 .kawasakipj_rs_itoh_pic .pic:last-child {
 margin-bottom: 0;
}
.kawasakipj2020 .kawasakipj_rs_itoh_txt {
 margin-bottom: 1em;
}
.kawasakipj2020 .kawasakipj_rs_itoh_btn {
 text-align: right;
}
.kawasakipj2020 .kawasakipj_rs_itoh_btn a {
 width: 50%;
 max-width: 200px;
}
.kawasakipj2020 .kawasakipj_racer_list_item {
 -webkit-justify-content: space-between;
 justify-content: space-between;
 width: 100%;
 margin-bottom: 60px;
}
.kawasakipj2020 .kawasakipj_racer_list_item:last-child {
 margin-bottom: 0;
}
.kawasakipj2020 .kawasakipj_racer_pic, .kawasakipj2020 .kawasakipj_racer_box {
 width: 100%;
}
.kawasakipj2020 .kawasakipj_racer_pic {
 margin-bottom: 1em;
}
.kawasakipj2020 .kawasakipj_racer_name {
 margin-bottom: 1em;
}
.kawasakipj2020 .kawasakipj_racer_name .name_ja, .kawasakipj2020 .kawasakipj_racer_name .name_en {
 display: block;
 font-weight: bold;
 line-height: 1 !important;
}
.kawasakipj2020 .kawasakipj_racer_name .name_ja {
 font-size: 18px;
}
.kawasakipj2020 .kawasakipj_racer_name .name_en {
 margin-top: 5px;
 font-size: 12px;
}
.kawasakipj2020 .kawasakipj_racer_btn a {
 width: 100%;
 max-width: 220px;
}
.kawasakipj2020 .self_intro_box {
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 margin-bottom: 1em;
}
.kawasakipj2020 .self_intro_ttl, .kawasakipj2020 .self_intro_txt {
 margin-top: 10px;
 line-height: 1.4;
}
.kawasakipj2020 .self_intro_ttl:first-child, .kawasakipj2020 .self_intro_ttl:first-child + .self_intro_txt {
 margin-top: 0;
}
.kawasakipj2020 .self_intro_ttl {
 width: 20%;
}
.kawasakipj2020 .self_intro_txt {
 width: 75%;
}
.kawasakipj2020 .kawasakipj_race_skd_block {
 padding: 40px 0 50px;
 background-color: #19c531;
}
.kawasakipj2020 .kawasakipj_race_skd_ttl {
 position: relative;
 margin-bottom: 40px;
 padding-left: 40px;
}
.kawasakipj2020 .kawasakipj_race_skd_ttl::before, .kawasakipj2020 .kawasakipj_race_skd_ttl::after {
 content: "";
 display: block;
 position: absolute;
}
.kawasakipj2020 .kawasakipj_race_skd_ttl::before {
 top: 0;
 left: 0;
 width: 31px;
 height: 43px;
 background: url("/wp-content/uploads/kawasakipj_head_racing_flag_2x.png") no-repeat left top / contain;
}
.kawasakipj2020 .kawasakipj_race_skd_ttl::after {
 right: 0;
 bottom: -10px;
 width: calc(100% - 40px);
 height: 2px;
 background-color: #ffffff;
}
.kawasakipj2020 .kawasakipj_race_skd_ttl .ttl_txt {
 -webkit-align-items: flex-end;
 align-items: flex-end;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
.kawasakipj2020 .kawasakipj_race_skd_ttl .ttl_ja, .kawasakipj2020 .kawasakipj_race_skd_ttl .ttl_en {
 display: inline-block;
 color: #ffffff;
 line-height: 1.4;
}
.kawasakipj2020 .kawasakipj_race_skd_ttl .ttl_ja {
 font-size: 20px;
 font-weight: bold;
}
.kawasakipj2020 .kawasakipj_race_skd_ttl .ttl_en {
 font-style: italic;
 font-size: 12px;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl {
 width: 100%;
 border-bottom: solid 1px #959595;
 background-color: #ffffff;
 color: #333333;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl th, .kawasakipj2020 .kawasakipj_race_skd_tbl td {
 background-color: transparent;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl td {
 padding: 5px 10px;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl tbody tr:first-child td:first-child {
 padding-top: 20px;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_head {
 display: none;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_head th {
 background-color: #0059ff;
 color: #ffffff;
 text-align: center;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_sp_view {
 margin-right: 10px;
 color: #19c531;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place {
 display: block;
 line-height: 1.4 !important;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link {
 -webkit-justify-content: center;
 justify-content: center;
 margin-top: 20px;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .url_btn, .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .map_btn {
 display: inline-block;
 border-radius: 10px;
 width: 45%;
 padding: 2px 0;
 text-align: center;
 color: #333333;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .url_btn {
 margin-right: 5%;
 background-color: #f4d83d;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .map_btn {
 background-color: #96aedf;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_result {
 padding-bottom: 20px;
 text-align: center;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_result_btn {
 display: inline-block;
 width: 95%;
 margin: 10px 0 20px;
 padding: 5px 0;
 border-radius: 10px;
 background-color: #f11414;
 color: #ffffff;
 text-align: center;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_result_btn .fa {
 margin-left: 10px;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_norace {
 background-color: #6d6d6d;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_norace .clr-white {
 color: #fff;
}
.kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_none_result_mark {
 display: inline-block;
 width: 100%;
 padding: 0 20px;
 text-align: center;
 color: #333333;
 font-size: 24px;
}
.kawasakipj2020 .kawasakipj_race_past {
 margin-top: 40px;
 text-align: center;
}
.kawasakipj2020 .kawasakipj_race_past_btn {
 max-width: 350px;
 margin: 0 auto 20px;
}
.kawasakipj2020 .kawasakipj_race_past_btn:last-child {
 margin-bottom: 0;
}
.kawasakipj2020 .kawasakipj_race_past_btn a {
 display: block;
 position: relative;
 width: 100%;
 padding: 10px 40px 10px 0;
 border-radius: 20px;
 background-color: #0059ff;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 line-height: 1.4;
}
.kawasakipj2020 .kawasakipj_race_past_btn a::before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 right: 20px;
 bottom: 0;
 width: 8px;
 height: 8px;
 margin: auto;
 border-top: solid 2px #ffffff;
 border-left: solid 2px #ffffff;
 transform: rotate(135deg);
 -webkit-transition: all .3s;
 transition: all .3s;
}
.kawasakipj2020 .kawasakipj_result_box {
 padding-bottom: 0;
}
.kawasakipj2020 .kawasakipj_result_info dt {
 font-weight: bold;
}
.kawasakipj2020 .kawasakipj_result_info dt:first-child {
 margin-top: 0;
}
.kawasakipj2020 .kawasakipj_result_info dd {
 margin: 0;
}
/*.kawasakipj2020 .kawasakipj_result_heading span {
 padding: 10px;
 font-size: 16px;
 font-weight: bold;
 line-height: 1.4;
}*/
.kawasakipj2020 .kawasakipj_info_block .bx-wrapper .bx-controls-direction a {
 width: 24px;
 height: 77px;
 top: 0;
 bottom: 0;
}
.kawasakipj2020 .kawasakipj_info_block .bx-wrapper .bx-prev {
 left: -2%;
}
.kawasakipj2020 .kawasakipj_info_block .bx-wrapper .bx-next {
 right: -2%;
}
@media print, screen and (min-width: 768px) {
 .kawasakipj2020 .sp_br {
  display: none;
 }
 .kawasakipj2020 .pc_br {
  display: inline;
 }
 .kawasakipj2020 .kawasakipj_link_btn_style a {
  font-size: 13px;
 }
 .kawasakipj2020 .kawasakipj_mainslide_box {
  margin-bottom: 60px;
  padding-bottom: 30px;
 }
 .kawasakipj2020 .kawasakipj_overview_ttl {
  margin-bottom: 60px;
 }
 .kawasakipj2020 .kawasakipj_overview_box {
  -webkit-justify-content: space-between;
  justify-content: space-between;
 }
 .kawasakipj2020 .kawasakipj_overview_txt {
  width: 50%;
  margin-bottom: 0;
 }
 .kawasakipj2020 .kawasakipj_overview_pic {
  width: 46%;
  max-width: 460px;
 }
 .kawasakipj2020 .kawasakipj_rs_itoh_container {
  padding: 100px 0;
 }
 .kawasakipj2020 .kawasakipj_rs_itoh_ttl {
  margin-bottom: 60px;
 }
 .kawasakipj2020 .kawasakipj_rs_itoh_pic {
  -webkit-justify-content: space-between;
  justify-content: space-between;
 }
 .kawasakipj2020 .kawasakipj_rs_itoh_pic .pic {
  width: 48%;
  max-width: 460px;
  margin: 0 2% 0 0;
 }
 .kawasakipj2020 .kawasakipj_rs_itoh_pic .pic:last-child {
  margin-right: 0;
 }
 .kawasakipj2020 .kawasakipj_racer_list {
  -webkit-justify-content: space-between;
  justify-content: space-between;
 }
 .kawasakipj2020 .kawasakipj_racer_list_item {
  width: 48%;
  margin: 0 2% 0 0;
 }
 .kawasakipj2020 .kawasakipj_racer_list_item:last-child {
  margin-right: 0;
 }
 .kawasakipj2020 .kawasakipj_racer_pic {
  width: 35%;
  max-width: 220px;
  margin-bottom: 0;
 }
 .kawasakipj2020 .kawasakipj_racer_box {
  width: 60%;
 }
 .kawasakipj2020 .kawasakipj_race_skd_ttl {
  padding-left: 72px;
 }
 .kawasakipj2020 .kawasakipj_race_skd_ttl::before {
  top: auto;
  bottom: -20px;
  width: 62px;
  height: 86px;
 }
 .kawasakipj2020 .kawasakipj_race_skd_ttl::after {
  width: calc(100% - 72px);
 }
 .kawasakipj2020 .kawasakipj_race_skd_ttl .ttl_ja {
  font-size: 36px;
 }
 .kawasakipj2020 .kawasakipj_race_skd_ttl .ttl_en {
  font-size: 20px;
 }
 .kawasakipj2020 .self_intro_ttl {
  width: 30%;
 }
 .kawasakipj2020 .self_intro_txt {
  width: 65%;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl {
  border: solid 1px #959595;
  border-width: 1px 0 0 1px;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl th, .kawasakipj2020 .kawasakipj_race_skd_tbl td {
  border: solid 1px #959595;
  border-width: 0 1px 1px 0;
  vertical-align: middle;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl tbody tr:first-child td:first-child {
  padding-top: 5px;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_head {
  display: table-row;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_sp_view {
  display: none;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_schedule {
  text-align: center;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link {
  margin-top: 10px;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_result_btn {
  margin: 0;
  padding: 5px 20px;
  white-space: nowrap;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_result {
  padding: 5px 10px;
 }
 .kawasakipj2020 .kawasakipj_race_past {
  display: flex;
  flex-wrap: wrap;
   justify-content: flex-end;
 }
 .kawasakipj2020 .kawasakipj_race_past_btn {
  margin-right: 0;
  margin-left: 20px;
 }
 .kawasakipj2020 .kawasakipj_race_past_btn a {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 20px;
 }
 .kawasakipj2020 .kawasakipj_result_info dt:first-child + dd {
  margin-top: 0;
 }
 .kawasakipj2020 .kawasakipj_info_block .bx-wrapper .bx-controls-direction a {
  width: 48px;
  height: 154px;
 }
}
@media print, screen and (min-width: 960px) {
 .kawasakipj2020 .kawasakipj_racer_pic, .kawasakipj2020 .kawasakipj_racer_box {
  width: 48%;
 }
}
@media print, screen and (min-width: 1024px) {
 .kawasakipj2020 .inner {
  width: 960px;
 }
 .kawasakipj2020 .kawasakipj_link_btn_style a:hover {
  opacity: .6;
 }
 .kawasakipj2020 .kawasakipj_link_btn_style a:hover::after {
  right: 5px;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place {
  float: left;
  display: inline-block;
  padding-top: 25px;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .url_btn, .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .map_btn, .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_result_btn, .kawasakipj2020 .kawasakipj_race_past_btn a {
  -webkit-transition: all .3s;
  transition: all .3s;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .url_btn:hover, .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .map_btn:hover, .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_result_btn:hover, .kawasakipj2020 .kawasakipj_race_past_btn a:hover {
  opacity: .6;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link {
  float: right;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  vertical-align: middle;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .url_btn, .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .map_btn {
  display: block;
  border-radius: 10px;
  width: 100px;
  padding: 0;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_race_skd_place_link .url_btn {
  margin-bottom: 10px;
  margin-right: 0;
 }
 .kawasakipj2020 .kawasakipj_race_skd_tbl .kawasakipj_none_result_mark {
  padding: 0 50px;
 }
 .kawasakipj2020 .kawasakipj_race_past_btn a:hover::before {
  right: 15px;
 }
}
.kawasakipj2020 .kawasakipj_race_skd_schedule .line-through {
 text-decoration: line-through;
}
.kawasakipj2020 .kawasakipj_race_skd_schedule .clr-red {
 color: #ff0000;
}
@media print, screen and (max-width: 767px) {
 .kawasakipj2020 .kawasakipj_race_skd_schedule .clr-red {
  padding-left: 10px;
 }
 .kawasakipj2020 .kawasakipj_rs_itoh_ttl .ttl_txt, .kawasakipj2020 .kawasakipj_rs_itoh_ttl .ttl_logo {
  display: block;
  width: 100%;
 }
 .kawasakipj2020 .kawasakipj_rs_itoh_ttl .ttl_logo {
  margin-bottom: 30px;
 }
 .kawasakipj2020 .kawasakipj_rs_itoh_ttl {
  display: block;
  margin: 0 auto 60px;
  text-align: center;
  width: 300px;
 }
 .kawasakipj2020 .kawasakipj_racer_container .inner {
  width: 300px;
  margin: 0 auto;
 }
}

/*------------------------------------------------------------
company
------------------------------------------------------------*/
.company-inner {
  max-width: var(--content-width);
  margin: 0 auto;
  padding-top: 50px;
}

.company-heading {
  margin-bottom: 30px;
  font-size: 2.8rem;
  line-height: 1.4;
  text-align: center;
}

.company-data-list01 .data-item {
  display: flex;
  padding: 12px 0;
  border-bottom: dashed 1px #808080;
}

.company-data-list01 .data-title {
  width: 100px;
  padding: 0 15px;
}

.company-data-list01 .data-text {
  width: calc(100% - 100px);
  padding-right: 15px;
}

.company-data-list02 .data-item {
  padding: 12px;
  border-bottom: dashed 1px #808080;
  text-align: center;
}

.company-vision {
  position: relative;
  width: calc(100% - 24px);
  padding-top: 80px;
}

.company-vision-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 8px;
  border: solid 2px #333333;
  background-color: #ffffff;
  box-shadow: 5px 5px 0 #333333;
}

.company-vision-box {
  padding: 15px;
  border: dashed 2px #333333;
  text-align: center;
}

.company-vision-title {
  margin: 30px 0 15px;
  font-size: 2.8rem;
  line-height: 1;
}

.company-vision-title:first-of-type {
  margin-top: 0;
}

.company-vision-text {
  font-size: 1.8rem;
}

.company-vision-illust {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}



.company-overview-link {
  margin-top: 12px;
  text-align: center;
}

.company-history .data-item {
  border-bottom: none;
}

.company-history-list,
.company-history-title {
  border-bottom: dashed 1px #808080;
}

.company-history-title {
  padding: 15px;
  border-top: dashed 1px #808080;
  background-color: #fde9d2;
}

.company-partners .company-heading::after {
  content: "\0203b順不同敬称略";
  display: block;
  font-size: 1.3rem;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .company-inner {
    padding-top: 100px;
  }
  
  .company-heading {
    margin-bottom: 60px;
    padding: 0 3.646vw;
    font-size: 4.8rem;
    text-align: left;
  }
  
  .company-data-list01 .data-item {
    padding: 24px 0;
    border-bottom-width: 2px;
  }

  .company-data-list01 .data-title {
    width: 260px;
    padding: 0 3.646vw;
  }

  .company-data-list01 .data-text {
    width: calc(100% - 260px);
    padding-right: 3.646vw;
  }
  
  .company-data-list02 {
    display: flex;
    flex-wrap: wrap;
  }
  
  .company-data-list02 .data-item {
    width: 50%;
    padding: 24px 3.646vw;
    border-bottom-width: 2px;
    text-align: left;
  }
  
  .company-data-list02 .data-item:last-of-type{
    width: 100%;
    text-align: right;
  }
  
  .company-vision {
    padding-top: 15.625vw;
  }
  
  .company-vision-inner {
    padding: 16px;
    border-width: 6px;
    box-shadow: 20px 20px 0 #333333;
  }
  
  .company-vision-box {
    padding: 20px;
    border-width: 4px;
  }
  
  .company-vision-title {
    margin: 90px 0 40px;
    font-size: 4.8rem;
  }
  
  .company-vision-text {
    font-size: 1.8rem;
  }
  
  .company-vision-illust {
    top: 20px;
  }
  
  .company-overview-link {
    margin-top: 24px;
    padding: 0 3.646vw;
    text-align: left;
  }
  
  .company-history-list,
  .company-history-title {
    border-bottom-width: 2px;
  }
  
  .company-history-title {
    padding: 24px 3.646vw;
    border-top-width: 2px;
  }
  
  .company-history .supplement {
    font-size: 1.4rem;
  }
  
  .company-partners .company-heading::after {
    display: inline-block;
    margin-left: 1em;
    font-size: 2.0rem;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .company-inner {
    width: calc(100% - 24px);
    padding-top: 150px;
  }
  
  .company-heading {
    font-size: 6.0rem;
  }
  
  .company-data-list01 .data-title {
    width: 520px;
  }

  .company-data-list01 .data-text {
    width: calc(100% - 520px);
  }
  
  .company-vision {
    padding-top: 120px;
  }
  
  .company-vision-title {
    font-size: 6.0rem;
  }
  
  .company-vision-text {
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
business
------------------------------------------------------------*/
.business-overview {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  padding-top: 15px;
}

.business-overview-text {
  line-height: 2.2;
  text-align: center;
}

.business-overview-illust {
  margin-top: 15px;
  text-align: center;
}

.business-overview-illust img {
  max-width: 80%;
}

.business-wrapper {
  position: relative;
  padding: 20px 0;
}

.business-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .3;
  z-index: -1;
}

.business-heading {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: dashed 2px #333333;
}

.business-heading .letter {
  display: block;
  position: relative;
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  font-size: 2.0rem;
  line-height: 1.2;
}

.business-heading .letter::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  transform: translateY(-50%);
  z-index: 1;
}

.business-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.business-text p {
  font-feature-settings: normal;
}

.business-text img {
  margin-bottom: 1em;
}

.business-bunner-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}

.business-bunner-box .banner-item {
  flex-basis: calc(((100% - 14px) / 3) - .01px);
  margin-right: 7px;
}

.business-bunner-box .banner-item:nth-of-type(n+4) {
  margin-top: 7px;
}

.business-bunner-box .banner-item:nth-of-type(3n+3):not(:root),
.business-bunner-box .banner-item:last-of-type:not(:root) {
  margin-right: 0;
}

.business-bunner-box .banner-item img {
  width: 100%;
}

.business-carrot-banner {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.business-carrot-banner .banner-item {
  margin-right: 20px;
}

.business-carrot-banner .banner-item:last-of-type {
  margin-right: 0;
}

.business01::before {
  background: linear-gradient(to bottom, #ffffff 0%, #b7dcbc 100%);
}

.business01 .business-heading .letter {
  padding-left: calc((124px / 6) + 10px);
}

.business01 .business-heading .letter::before {
  width: calc(124px / 6);
  height: calc(124px / 6);
  background-image: url(../../../wp-content/uploads/business_heading_icon01@2x.png);
}

.business02::before {
  background: linear-gradient(to bottom, #ffffff 0%, #fff78c 100%);
}

.business02 .business-heading .letter {
  padding-left: calc((130px / 6) + 10px);
}

.business02 .business-heading .letter::before {
  width: calc(130px / 6);
  height: calc(130px / 6);
  background-image: url(../../../wp-content/uploads/business_heading_icon02@2x.png);
}

.business03::before {
  background: linear-gradient(to bottom, #ffffff 0%, #f5bad3 100%);
}

.business03 .business-heading .letter {
  padding-left: calc((130px / 6) + 10px);
}

.business03 .business-heading .letter::before {
  width: calc(130px / 6);
  height: calc(130px / 6);
  background-image: url(../../../wp-content/uploads/business_heading_icon03@2x.png);
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .business-overview {
    padding: 70px 0 100px;
  }
  
  .business-overview-text {
    text-align: left;
  }
  
  .business-overview-illust {
    margin-top: 70px;
  }
  
  .business-overview-illust img {
    max-width: 100%;
  }
  
  .business-wrapper {
    padding-bottom: 60px;
  }
  
  .business-heading .letter {
    font-size: 4.0rem;
  }
  
  .business-text {
    overflow: hidden;
  }

  .business-text img {
    float: left;
    max-width: 50%;
    margin-right: 1em;
  }
  
  .business-bunner-box {
    margin-top: 40px;
  }
  
  .business-bunner-box .banner-item {
    flex-basis: calc(((100% - 48px) / 3) - .01px);
    margin-right: 24px;
  }

  .business-bunner-box .banner-item:nth-of-type(n+4) {
    margin-top: 24px;
  }
  
  .business-carrot-banner {
    margin-top: 80px;
  }
  
  .business-carrot-banner .banner-item {
    margin-right: 60px;
  }
  
  .business01 .business-heading .letter {
    padding-left: calc((124px / 2) + 10px);
  }

  .business01 .business-heading .letter::before {
    width: calc(124px / 2);
    height: calc(124px / 2);
  }
  
  .business02 .business-heading .letter {
    padding-left: calc((130px / 2) + 10px);
  }

  .business02 .business-heading .letter::before {
    width: calc(130px / 2);
    height: calc(130px / 2);
  }
  
  .business03 .business-heading .letter {
    padding-left: calc((130px / 2) + 10px);
  }

  .business03 .business-heading .letter::before {
    width: calc(130px / 2);
    height: calc(130px / 2);
  }
  
  .business03 .business-bunner-box .banner-item {
    flex-basis: calc(((100% - 200px) / 3) - .01px);
    margin-right: 100px;
  }

  .business03 .business-bunner-box .banner-item:nth-of-type(n+4) {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .business-heading .letter {
    font-size: 6.0rem;
  }
  
  .business-text img {
    max-width: 100%;
  }
  
  .business-carrot-banner .banner-item {

    margin-right: 120px;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
office
------------------------------------------------------------*/
.office-overview-text {
  width: calc(100% - 24px);
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
}

.office-map {
  height: 0;
  background-color: rgba(153, 255, 255, .1);
  text-align: center;
  visibility: hidden;
}

.office-map.active {
  height: inherit;
  padding: 15px 0;
  visibility: visible;
}

.office-map-pc {
  display: none;
}

.office-map area {
  cursor: pointer;
}

.office-loading {
  padding: 12px 12px 0;
  text-align: center;
}

.office-button {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  height: 0;
  margin: 0 auto;
  visibility: hidden;
}

.office-button.active {
  height: inherit;
  visibility: visible;
}

.office-button + .bx-wrapper {
  height: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  visibility: hidden;
}

.office-button + .bx-wrapper.active {
  height: inherit;
  visibility: visible;
}

.office-button-inner {
  display: flex;
  padding-top: 30px;
}

.office-button-item {
  flex-basis: calc(((100% - 36px) / 7) - .01px);
  position: relative;
  margin-right: 6px;
  padding: .5em 0;
  text-align: center;
  transition: opacity .3s;
}

.office-button-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  transform: scaleY(1.5) perspective(1em) rotateX(5deg) translate3d(0, 0, 0);
  transform-origin: bottom;
  z-index: -1;
}

.office-button-item:last-of-type {
  margin-right: 0;
}

.office-button-item:hover img {
  opacity: 1;
}

.office-wrapper {
  padding: 20px 0;
}

.office-container {
  margin-bottom: 20px;
}

.office-container:last-of-type {
  margin-bottom: 0;
}

.office-place {
  margin-bottom: 10px;
}

.office-place .prefectures,
.office-place .office-area {
  display: block;
  position: relative;
  padding: 10px 12px 10px 0;
  line-height: 1;
  text-align: right;
}

.office-place .prefectures::before,
.office-place .office-area::before {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 12px;
  height: 100%;
  opacity: .8;
  z-index: 1;
}

.office-place .prefectures {
  width: 20%;
  min-width: calc(150px / 2);
  padding-right: 0;
  background-color: rgba(255, 255, 255, .8);
  z-index: 1;
}

.office-place .prefectures::before {
  background: linear-gradient(to bottom left, transparent 50%, #ffffff 50%) no-repeat top left / 100% 50%,
  linear-gradient(to top left, transparent 50%, #ffffff 50%) no-repeat bottom left / 100% 50%;
}

.office-place .office-area {
  width: 50%;
  min-width: calc(375px / 2);
  margin-top: -15px;
  background-color: rgba(255, 255, 153, .8);
  z-index: 0;
}

.office-place .office-area::before {
  background: linear-gradient(to bottom left, transparent 50%, #ffff99 50%) no-repeat top left / 100% 50%,
  linear-gradient(to top left, transparent 50%, #ffff99 50%) no-repeat bottom left / 100% 50%;
}

.office-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.office-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 6px;
  background-color: #ffffff;
}

.office-item:last-of-type {
  margin-bottom: 0;
}

.office-name,
.office-address,
.office-google-map,
.office-picture {
  min-height: 0%;
  margin-bottom: 15px;
  text-align: center;
}

.office-name {
  order: 2;
}

.office-address {
  order: 3;
}

.office-address .postal-code::before {
  content: "\03012";
}

.office-address .telephone-number .tel,
.office-address .telephone-number .tel::before,
.office-address .telephone-number .fax::before {
  margin-right: .5em;
}

.office-address .telephone-number .tel::before {
  content: "TEL";
}

.office-address .telephone-number .tel::after {
  content: "\02f";
  margin-left: .5em;

}

.office-address .telephone-number .tel.only{
  margin-right: 0;
}

.office-address .telephone-number .tel.only::after {
  content: none;
}

.office-address .telephone-number .fax::before {
  content: "FAX";
}

.office-address a {
  color: #333333;
}

.office-google-map {
  order: 4;
  margin: auto 0 0 0;
}

.office-google-map-inner {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.office-google-map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.office-map-link {
  display: none;
}

.office-map-link a {
  position: relative;
  padding-left: 1em;
  line-height: 1;
  transition: opacity .3s;
}

.office-map-link a:hover {
  text-decoration: none;
}

.office-map-link a::before {
  content: "\f3c5";
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transform: translateY(-70%);
  z-index: 1;
}

.office-picture {
  order: 1;
}

.office-picture img {
  display: inline-block;
}

.office01,
.office01-name::before {
  background-color: #ccffff;
}

.office02,
.office02-name::before {
  background-color: #ffcc66;
}

.office03,
.office03-name::before {
  background-color: #339999;
}

.office04,
.office04-name::before {
  background-color: #99ff66;
}

.office05,
.office05-name::before {
  background-color: #ffffcc;
}

.office05 .office-place .office-area {
  background-color: rgba(255, 204, 102, .8);
}

.office05 .office-place .office-area::before {
  background: linear-gradient(to bottom left, transparent 50%, #ffcc66 50%) no-repeat top left / 100% 50%,
  linear-gradient(to top left, transparent 50%, #ffcc66 50%) no-repeat bottom left / 100% 50%;
}

.office06,
.office06-name::before {
  background-color: #ffccff;
}

.office07,
.office07-name::before {
  background-color: #ff9999;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .office-overview-text {
    padding: 90px 0;
  }
  
  .office-map.active {
    padding: 60px 0 90px;
  }
  
  .office-map-inner {
    width: calc(100% - 24px);
    max-width: var(--content-width);
    margin: 0 auto;
  }
  
  .office-map-sp {
    display: none;
  }
  
  .office-map-pc {
    display: inline-block;
  }
  
  .office-button-inner {
    padding-top: 90px;
  }
  
  .office-button-item {
    flex-basis: calc(((100% - 96px) / 7) - .01px);
    margin-right: 16px;
    padding-top: 0;
  }
  
  .office-wrapper {
    padding: 90px 0;
  }
  
  .office-container {
    margin-bottom: 30px;
  }
  
  .office-place {
    margin-bottom: 20px;
  }
  
  .office-place .prefectures,
  .office-place .office-area {
    padding: 14px 12px 14px 0;
  }

  .office-place .prefectures::before,
  .office-place .office-area::before {
    right: -24px;
    width: 24px;
  }
  
  .office-place .office-area {
    margin-top: -24px;
  }
  
  .office-list {
    display: flex;
    flex-wrap: wrap;
  }
  
  .office-item {
    width: calc((100% - 30px) / 2);
    margin: 0 30px 0 0;
    padding: 12px;
    font-size: 1.6rem;
  }
  
  .office-item:nth-of-type(n+3) {
    margin-top: 30px;
  }
  
  .office-item:nth-of-type(even),
  .office-item:last-of-type {
    margin-right: 0;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .office-button-item:hover {
    opacity: .5;
  }
  
  .office-place .prefectures {
    width: 28.5%;
    min-width: calc(550px / 1.5);
  }

  .office-place .office-area {
    width: 40%;
    min-width: calc(720px / 1.15);
  }
  
  .office-item {
    font-size: 2.0rem;
  }
  
  .office-map-link a:hover {
    opacity: .5;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

@media all and (-ms-high-contrast:none) {/* ---------- only IE ---------- */
  .office-google-map-inner {
    display: none;
  }
  
  .office-map-link {
    display: block;
  }
}

/*------------------------------------------------------------
ceo
------------------------------------------------------------*/
.ceo-profile {
  max-width: var(--content-width);
  margin: 0 auto 15px;
  padding-top: 15px;
}

.ceo-profile-slogan {
  margin-bottom: 20px;
  font-size: 1.6rem;
  text-align: center;
}

.ceo-profile-picture {
  margin-bottom: 15px;
  text-align: center;
}

.ceo-profile-picture img {
  width: 100%;
}

.ceo-profile-box {
  width: calc(100% - 96px);
  margin: 0 auto;
}

.ceo-profile-name {
  display: none;
}

.ceo-profile-data {
  display: flex;
  flex-wrap: wrap;
}

.ceo-profile-data-title,
.ceo-profile-data-text {
  margin-top: 12px;
}

.ceo-profile-data-title:first-of-type,
.ceo-profile-data-title:first-of-type + .ceo-profile-data-text {
  margin-top: 0;
}

.ceo-profile-data-title {
  width: 120px;
  padding-right: 24px;
}

.ceo-profile-data-title::before {
  content: "\025bc";
}

.ceo-profile-data-text {
  width: calc(100% - 120px);
}

.ceo-career {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.ceo-career-title,
.ceo-career-text {
  margin-top: 5px;
}

.ceo-career-title:first-of-type,
.ceo-career-title:first-of-type + .ceo-career-text {
  margin-top: 0;
}

.ceo-career-title {
  width: 5em;
  padding-right: .5em;
}

.ceo-career-text {
  width: calc(100% - 5em);
}

.ceo-greeting {
  padding: 15px 0;
  background: url(../../../wp-content/uploads/ceo_greeting_bg01_sp-80.jpg) no-repeat center center / cover;
}

.ceo-greeting-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 12px;
  background-color: rgba(255, 255, 255, .5);
}

.ceo-greeting-box {
  padding: 12px;
  background-color: #ffffff;
}

.ceo-greeting-title {
  margin-bottom: 15px;
  font-size: 3.0rem;
  line-height: 1;
  text-align: center;
}

.ceo-greeting-text .text {
  margin-bottom: 2em;
  line-height: 1.7;
  font-feature-settings: normal;
}

.ceo-greeting-text .text:last-of-type {
  margin-bottom: 0;
}

.ceo-greeting-slogan {
  text-align: center;
}

.ceo-name {
  margin: 35px -6px -6px 0;
  text-align: right;
}

.ceo-name img {
  max-width: 50%;
}

.ceo-faq {
  padding: 15px 0;
}

.ceo-faq-title {
  margin-bottom: 15px;
  padding: 5px;
  background-color: #d8d8d8;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
}

.ceo-faq-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.ceo-faq-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}

.ceo-faq-box:last-of-type {
  margin-bottom: 0;
}

.ceo-faq-question {
  flex-direction: row;
}

.ceo-faq-answer {
  flex-direction: row-reverse;
}

.ceo-faq-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 77%;
  padding: 5px;
  border: solid 3px #333333;
  border-radius: 5px;
  background-color: #ffffff;
}

.ceo-faq-text::before,
.ceo-faq-text::after {
  content: "";
  position: absolute;
  top: 75%;
  transform: scaleY(.5);
}

.ceo-faq-text::before {
  margin-top: -6px;
  border: solid 6px transparent;
  z-index: 2;
}

.ceo-faq-text::after {
  margin-top: -7px;
  border: solid 7px transparent;
  z-index: 1;
}

.ceo-faq-text em {
  font-weight: 500;
  text-decoration: underline;
}

.ceo-faq-question .ceo-faq-text {
  margin: 0 15px 0 0;
}

.ceo-faq-question .ceo-faq-text::before {
  right: -18px;
  border-left: solid 12px #ffffff;
}

.ceo-faq-question .ceo-faq-text::after {
  right: -24px;
  border-left: solid 14px #333333;
}

.ceo-faq-answer .ceo-faq-text {
  margin: 0 0 0 15px;
}

.ceo-faq-answer .ceo-faq-text::before {
  left: -18px;
  border-right: solid 12px #ffffff;
}

.ceo-faq-answer .ceo-faq-text::after {
  left: -24px;
  border-right: solid 14px #333333;
}

.ceo-faq-illust {
  width: calc(100% - (77% + 10px));
}

.ceo-faq-question .ceo-faq-illust {
  text-align: left;
}

.ceo-faq-answer .ceo-faq-illust {
  text-align: right;
}

.ceo-note {
  padding-bottom: 15px;
  background-color: #cfece5;
}

.ceo-note-title {
  margin-bottom: 15px;
  padding: 5px;
  background-color: #d8d8d8;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
}

.ceo-note-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.ceo-note-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.ceo-note-banner {
  width: calc(100% - (47% + 10px));
}

.ceo-note-overview-text {
  width: 47%;
}

.ceo-note-overview-text .text {
  margin-bottom: 2em;
}

.ceo-note-overview-text .text:last-of-type {

  margin-bottom: 0;
}

.ceo-note-feed {
  background-color: #ffffff;
}

.ceo-note-feed-item {
  position: relative;
  padding: 12px;
  border-bottom: solid 1px #E5ECEF;
  color: #666666;
  transition: opacity .3s;
}

.ceo-note-feed-item:last-of-type {
  border-bottom: none;
}

.ceo-note-feed-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ceo-note-feed-inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.ceo-note-feed-image {
  width: 100px;
}

.ceo-note-feed-image img {
  border-radius: 5px;
}

.ceo-note-feed-box {
  display: flex;
  flex-direction: column;
  width: calc(100% - (100px + 30px));
}

.ceo-note-feed-title {
  order: 2;
  margin-bottom: 12px;
  color: #333333;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
}

.ceo-note-feed-date {
  order: 1;
  margin-bottom: 6px;
}

.ceo-note-feed-description {
  order: 3;
}

.ceo-note-feed-description a,
.ceo-note-feed-description figure {
  display: none;
}

.ceo-note-feed-other {
  display: flex;
  align-items: center;
}

.ceo-note-feed-creatorimage {
  width: 30px;
}

.ceo-note-feed-creatorimage img {
  border-radius: 50%;
}

.ceo-note-feed-creatorname {
  margin-left: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .ceo-profile {
    margin-bottom: 60px;
    padding-top: 60px;
    font-size: 1.6rem;
  }
  
  .ceo-profile-slogan {
    margin-bottom: 60px;
    font-size: 3.2rem;
  }
  
  .ceo-profile-inner {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 24px);
    margin: 0 auto;
  }
  
  .ceo-profile-picture {
    width: 53%;
    padding-right: 2%;
    text-align: left;
  }
  
  .ceo-profile-picture img {
    width: inherit;
  }
  
  .ceo-profile-box {
    width: 44.5%;
    line-height: 1.44;
  }
  
  .ceo-profile-name {
    display: block;
    margin-bottom: 20px;
    font-size: 2.4rem;
  }
  
  .ceo-profile-name .kana {
    display: block;
    font-size: 1.6rem;
    text-align: right;
  }
  
  .ceo-profile-data-title {
    width: 150px;
    padding-right: 40px;
  }

  .ceo-profile-data-text {
    width: calc(100% - 150px);
  }
  
  .ceo-career {
    margin-top: 12px;
  }

  .ceo-career-title,
  .ceo-career-text {
    margin-top: 12px;
  }
  
  .ceo-greeting {
    padding: 30px 0;
    background-image: url(../../../wp-content/uploads/ceo_greeting_bg01@2x-80.jpg);
  }
  
  .ceo-greeting-inner {
    padding: 24px;
  }
  
  .ceo-greeting-box {
    padding: 24px 48px;
  }
  
  .ceo-greeting-title {
    margin-bottom: 60px;
    font-size: 6.0rem;
  }
  
  .ceo-greeting-text .text {
    line-height: 2.2;
  }
  
  .ceo-name {
    margin: 70px -42px -18px 0;
  }

  .ceo-name img {
    max-width: 100%;
  }
  
  .ceo-faq {
    padding: 70px 0 100px;
  }
  
  .ceo-faq-title {
    margin-bottom: 90px;
    padding: 15px;
    font-size: 4.0rem;
  }
  
  .ceo-faq-box {
    margin-bottom: 60px;

  }
  
  .ceo-faq-text {
    padding: 10px;
    border-width: 6px;
    border-radius: 10px;
  }

  .ceo-faq-text::before {
    margin-top: -24px;
    border-width: 24px;
  }

  .ceo-faq-text::after {
    margin-top: -28px;
    border-width: 28px;
  }
  
  .ceo-faq-text .text {
    line-height: 2.2;
  }

  .ceo-faq-question .ceo-faq-text {
    margin-right: 60px;
  }

  .ceo-faq-question .ceo-faq-text::before {
    right: -70px;
    border-left-width: 48px;
  }

  .ceo-faq-question .ceo-faq-text::after {
    right: -90px;
    border-left-width: 56px;
  }

  .ceo-faq-answer .ceo-faq-text {
    margin-left: 60px;
  }

  .ceo-faq-answer .ceo-faq-text::before {
    left: -68px;
    border-right-width: 48px;
  }

  .ceo-faq-answer .ceo-faq-text::after {
    left: -90px;
    border-right-width: 56px;
  }
  
  .ceo-note {
    padding-bottom: 70px;
  }
  
  .ceo-note-title {
    margin-bottom: 70px;
    padding: 15px;
    font-size: 4.0rem;
  }
  
  .ceo-note-overview {
    margin-bottom: 60px;
    padding: 0 40px 0 20px;
  }
  
  .ceo-note-banner {
    width: calc(100% - (47% + 50px));
  }
  

  .ceo-note-feed {
    display: flex;
    flex-wrap: wrap;
    padding: 18px 12px;
  }
  
  .ceo-note-feed-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(((100% - 72px) / 5) - .01px);
    margin-right: 18px;
    padding: 0;
    border-bottom: none;
    font-size: 1.3rem;
  }
  
  .ceo-note-feed-item:nth-of-type(n+6) {
    margin-top: 48px;
  }
  
  .ceo-note-feed-item:nth-of-type(5n+5),
  .ceo-note-feed-item:last-of-type {
    margin-right: 0;
  }
  
  .ceo-note-feed-inner,
  .ceo-note-feed-box,
  .ceo-note-feed-image,
  .ceo-note-feed-other {
    min-height: 0%;
  }
  
  .ceo-note-feed-box,
  .ceo-note-feed-image {
    width: 100%;
  }
  
  .ceo-note-feed-inner {
    flex-direction: column-reverse;
  }
  
  .ceo-note-feed-image {
    margin-bottom: 12px;
  }
  
  .ceo-note-feed-other {
    margin-top: auto;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .ceo-profile {
    font-size: 2.0rem;
  }
  
  .ceo-profile-name {
    margin-bottom: 60px;
  }
  
  .ceo-profile-name .kana {
    display: inline-block;
    text-align: left;
  }
  
  .ceo-profile-data-title {
    width: 180px;
  }

  .ceo-profile-data-text {
    width: calc(100% - 180px);
  }
  
  .ceo-faq-title,
  .ceo-note-title {
    font-size: 6.0rem;
  }
  
  .ceo-note-feed-item:hover {
    opacity: .5;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
staff
------------------------------------------------------------*/
.staff-ib{
  display: inline-block;
}

.staff-overview {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto 15px;
  padding-top: 15px;
}

.staff-overview-inner {
  position: relative;
  width: 77%;
  margin: 0 0 0 15px;
  padding: 12px 6px;
  border: solid 3px #333333;
  border-radius: 5px;
  background-color: #ffffff;
  text-align: center;
}

.staff-overview-inner::before,
.staff-overview-inner::after {
  content: "";
  position: absolute;
  top: 75%;
  transform: scaleY(.5);
}

.staff-overview-inner::before {
  left: -18px;
  margin-top: -6px;
  border: solid 6px transparent;
  border-right: solid 12px #ffffff;
  z-index: 2;
}

.staff-overview-inner::after {
  left: -24px;
  margin-top: -7px;
  border: solid 7px transparent;
  border-right: solid 14px #333333;
  z-index: 1;
}

.staff-overview-title {
  margin-bottom: 15px;
  font-size: 1.8rem;
  line-height: 1.4;
}

.staff-overview-text {
  line-height: 1.85;
}

.staff-overview-illust {
  width: calc(100% - (77% + 10px));
}

.staff-button-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto 30px;
}

.staff-button-item {
  flex-basis: calc((100% - 12px) / 2);
  margin-right: 12px;
}

.staff-button-item:nth-of-type(n+3) {
  margin-top: 12px;
}

.staff-button-item:nth-of-type(even),
.staff-button-item:last-of-type {
  margin-right: 0;
}

.staff-button-item img {
  width: 100%;
}

.staff-wrapper {
  padding-bottom: 20px;
}

.staff-container {
  display: none;
  margin-top: 30px;
}

.staff-name {
  position: relative;
  width: 58%;
  min-width: 220px;
  margin-bottom: 20px;
  padding: 12px 0 12px 12px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.staff-name::after {
  content: "";
  position: absolute;

  top: 0;
  right: -30px;
  width: 30px;
  height: 100%;
  z-index: 0;
}

.staff-profile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.staff-profile-picture {
  width: calc(100% - (200px + 10px));
}

.staff-profile-inner,
.staff-profile-box {
  display: flex;
}

.staff-profile-container {
  position: relative;
  width: 200px;
  padding: 18px 6px 12px;
  border: solid 1px #333333;
  background-color: #ffffff;
}

.staff-profile-inner {
  flex-direction: row-reverse;
  justify-content: center;
}

.staff-profile-box {
  margin-left: .3em;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.staff-profile-box:last-of-type {
  margin-left: 0;
}

.text-combine-upright .letter {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

.staff-profile-title,
.staff-profile-text {
  line-height: 1.4;
}

.staff-profile-title {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 7em;
  margin-bottom: 6px;
  padding-bottom: 1em;
  overflow: hidden;
}

.staff-profile-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 0;
  height: 100%;
  margin: 0 auto;
  border-right: dashed 2px #333333;
  z-index: 0;
}

.staff-profile-title .letter {
  position: relative;
  padding: 1em 0 6px;
  background-color: #ffffff;
  z-index: 1;
}

.staff-profile-title .letter::before,
.staff-profile-title .letter::after {
  position: absolute;
  top: 0;
}

.staff-profile-title .letter::before {
  content: "\025c9";
  right: 0;
  left: 0;
  margin: 0 auto;
  font-family: sans-serif;
}

.staff-profile-title .letter::after {
  content: "";
  display: block;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}

.staff-readmore {
  flex: 1 0 auto;
  margin-top: 12px;
  color: #29ABE2;
  text-align: right;
}

.staff-readmore::after {
  content: "\021d2";
  display: inline-block;
  transform: rotate(90deg);
}

.staff-profile.active .staff-readmore::after {
  transform: rotate(-90deg);
}

.staff-readmore .close,
.staff-profile.active .staff-readmore .open {
  display: none;
}

.staff-profile.active .staff-readmore .close {
  display: inline;
}

.staff-illust-scotch-tape {
  position: absolute;
  top: -15px;
  left: 50%;
  width: calc(146px / 2);
  height: calc(64px / 2);
  transform: translateX(-50%);
  opacity: .5;
  z-index: 1;
}

.staff-interview-title {
  position: relative;
  width: 86%;
  margin-bottom: 20px;
  padding: 6px 0 6px 12px;
  line-height: 1.4;
}

.staff-interview-title::after {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  width: 30px;
  height: 100%;
  z-index: 0;
}

.staff-interview-inner {
  display: flex;
  flex-direction: column;
  width: calc(100% - 24px);
  margin: 0 auto;
}

.staff-interview-picture {
  text-align: center;
}

.staff-interview-text {
  line-height: 2.18;
}

.staff-interview-picture + .staff-interview-text {
  padding-top: 20px;
}

.staff-middle-interview {
  padding: 40px 0;
}

.staff-middle-interview .staff-interview {
  max-width: inherit;
  margin-bottom: 20px;
}

.staff-middle-interview .staff-interview:last-of-type {
  margin-bottom: 0;
}

.staff-schedule {
  position: relative;
  width: 75%;
  max-width: 375px;
  margin: 0 auto 25px;
  padding: 15px;
  border: solid 1px #333333;
  box-shadow: 5px 5px 0 #d9d9d5;
  background-color: #ffffff;
}

.staff-schedule-title {
  position: absolute;
  top: 15px;
  right: 15px;
  max-width: 25%;
  z-index: 1;
}

.staff-middle-interview .staff-illust-scotch-tape {
  top: -20px;
  width: calc(146px / 2);
  height: calc(64px / 2);
}

.staff-schedule-item,
.staff-schedule-time {
  margin-bottom: 10px;
}

.staff-schedule-item:last-of-type {
  margin-bottom: 0;
}

.staff-schedule-description {
  position: relative;
  padding-left: 3.5em;

}

.staff-schedule-description::before {
  content: "\02193";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 0;
}

.staff-close {
  padding: 1em 12px 0 0;
  text-align: right;
}

.staff-close-button img {
  padding-bottom: .25em;
}

.staff-close-button .letter {
  color: #29ABE2;
  line-height: 1;
}

.staff01 {
  background-color: rgba(255, 255, 204, .1);
}

.staff01 .staff-name,
.staff01 .staff-interview-title {
  background-color: rgba(255, 255, 51, .6);
}

.staff01 .staff-name::after,
.staff01 .staff-interview-title::after {
  background: linear-gradient(to bottom left, transparent 50%, rgba(255, 255, 51, .6) 50%);
}

.staff01 .staff-illust-scotch-tape .cls-1 {
  fill: #FFFF33;
}

.staff02 {
  background-color: rgba(204, 255, 153, .1);
}

.staff02 .staff-name,
.staff02 .staff-interview-title {
  background-color: rgba(204, 255, 153, .6);
}

.staff02 .staff-name::after,
.staff02 .staff-interview-title::after {
  background: linear-gradient(to bottom left, transparent 50%, rgba(204, 255, 153, .6) 50%);
}

.staff02 .staff-illust-scotch-tape .cls-1 {
  fill: #CCFF99;
}

.staff03 {
  background-color: rgba(255, 204, 255, .1);
}

.staff03 .staff-name,
.staff03 .staff-interview-title {
  background-color: rgba(255, 204, 255, .6);
}

.staff03 .staff-name::after,
.staff03 .staff-interview-title::after {
  background: linear-gradient(to bottom left, transparent 50%, rgba(255, 204, 255, .6) 50%);
}

.staff03 .staff-illust-scotch-tape .cls-1 {
  fill: #FFCCFF;
}

.staff04 {
  background-color: rgba(255, 204, 153, .1);
}

.staff04 .staff-name,
.staff04 .staff-interview-title {
  background-color: rgba(255, 204, 153, .6);
}

.staff04 .staff-name::after,
.staff04 .staff-interview-title::after {
  background: linear-gradient(to bottom left, transparent 50%, rgba(255, 204, 153, .6) 50%);
}

.staff04 .staff-illust-scotch-tape .cls-1 {
  fill: #FFCC99;
}

.staff05 {
  background-color: rgba(204, 255, 255, .1);
}

.staff05 .staff-name,
.staff05 .staff-interview-title {
  background-color: rgba(204, 255, 255, .6);
}

.staff05 .staff-name::after,
.staff05 .staff-interview-title::after {
  background: linear-gradient(to bottom left, transparent 50%, rgba(204, 255, 255, .6) 50%);
}

.staff05 .staff-illust-scotch-tape .cls-1 {
  fill: #CCFFFF;
}

.staff06 {

  background-color: rgba(153, 153, 153, .1);
}

.staff06 .staff-name,
.staff06 .staff-interview-title {
  background-color: rgba(153, 153, 153, .6);
}

.staff06 .staff-name::after,
.staff06 .staff-interview-title::after {
  background: linear-gradient(to bottom left, transparent 50%, rgba(153, 153, 153, .6) 50%);
}

.staff06 .staff-illust-scotch-tape .cls-1 {
  fill: #999999;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .staff-overview {
    margin-bottom: 50px;
    padding-top: 50px;
  }
  
  .staff-overview-inner {

    margin-left: 60px;
    padding: 30px 15px 80px;
    border-width: 6px;
    border-radius: 10px;
  }
  
  .staff-overview-inner::before {
    left: -68px;
    margin-top: -24px;
    border-width: 24px;
    border-right-width: 48px;
  }
  
  .staff-overview-inner::after {
    left: -90px;
    margin-top: -28px;
    border-width: 28px;
    border-right-width: 56px;
  }
  
  .staff-overview-title {
    margin-bottom: 50px;
    font-size: 3.0rem;
  }
  
  .staff-overview-text {
    font-size: 2.2rem;
  }
  
  .staff-button-list {
    margin-bottom: 90px;
  }
  
  .staff-button-item,
  .staff-button-item:nth-of-type(even) {
    flex-basis: calc(((100% - 32px) / 3) - .01px);
    margin-right: 16px;
  }

  .staff-button-item:nth-of-type(n+3) {
    margin-top: 0;
  }

  .staff-button-item:nth-of-type(n+4) {
    margin-top: 32px;
  }

  .staff-button-item:nth-of-type(3n+3) {
    margin-right: 0;
  }
  
  .staff-name {
    padding: 24px 0 24px 12px;
    font-size: 2.8rem;
  }
  
  .staff-name::after {
    right: -80px;
    width: 80px;
  }
  
  .staff-wrapper {
    padding-bottom: 80px;
  }
  
  .staff-container {
    display: block !important;
  }
  
  .staff-profile {
    width: calc(100% - 48px);
  }
  
  .staff-profile-container {
    box-shadow: 10px 10px 0 #d9d9d5;
    font-size: 1.3rem;
  }
  
  .staff-profile-box {
    margin-left: 1em;
  }
  
  .staff-profile-picture {
    width: calc(100% - (400px + 10px));
  }

  .staff-profile-container {
    width: 400px;
  }
  
  .staff-readmore {
    display: none;
  }
  
  .staff-interview-title {
    display: flex;
    justify-content: flex-start;
    width: 62.5%;
    margin-bottom: 40px;
    padding: 12px 1em;
  }

  .staff-interview-title::after {
    right: -80px;
    width: 80px;
  }
  
  .staff-interview-inner {
    flex-direction: row-reverse;
  }
  
  .staff-interview-picture {
    flex: 0 1 375px;
    padding-top: 24px;
  }
  
  .staff-interview-text {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100% - 375px);
    font-size: 1.6rem;
  }
  
  .staff-interview-picture + .staff-interview-text {
    padding: 0 2em 0 0;
  }
  
  .staff-middle-interview {
    display: flex;
    align-items: flex-start;
    margin-left: auto;
  }
  
  .staff-middle-interview-inner {
    width: calc(100% - (250px + 50px));
  }
  
  .staff-middle-interview .staff-interview {
    margin-bottom: 40px;
  }
  
  .staff-middle-interview .staff-interview-title {
    justify-content: flex-end;
    width: 86%;
    margin-left: auto;
  }
  
  .staff-middle-interview .staff-interview-title::after {
    right: auto;
    left: -80px;
    transform: scaleX(-1);

  }
  
  .staff-schedule {
    width: 250px;
    max-width: inherit;
    margin-top: 20px;
    box-shadow: 10px 10px 0 #d9d9d5;
    font-size: 1.3rem;
  }
  
  .staff-close-button {
    display: none;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .staff-overview-inner {
    padding-right: 30px;
    padding-left: 30px;
  }
  
  .staff-overview-title {
    font-size: 3.6rem;
  }
  
  .staff-overview-text {
    font-size: 3.0rem;
  }
  
  .staff-name {
    width: 53%;
  }
  
  .staff-profile-picture {
    width: 600px;
  }

  .staff-profile-container {
    width: calc(100% - (600px + 20px));
    padding: 24px 30px;
    font-size: 1.6rem;
  }
  
  .staff-interview-title {
    font-size: calc(2.0rem + ((1vw - 9.6px) * .4167));
  }
  
  .staff-interview-text {
    font-size: calc(1.6rem + ((1vw - 9.6px) * .4167));
  }
  
  .staff-illust-scotch-tape,
  .staff-middle-interview .staff-illust-scotch-tape {
    top: -40px;
    width: 146px;
    height: 64px;
  }
  
  .staff-middle-interview-inner {
    width: calc(100% - (375px + 60px));
  }
  
  .staff-schedule {
    width: 375px;
    margin-top: 40px;
    padding: 40px 5px 30px 30px;
    font-size: 2.0rem;
  }
  
  .staff-schedule-title {
    top: 30px;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .staff-profile-container {
    font-size: 2.0rem;
  }
  
  .staff-name {
    padding-left: 20.833vw;
    font-size: calc(2.8rem + ((1vw - 12.8px) * 1.25));
  }
  
  .staff-interview,
  .staff-middle-interview {
    width: 78.125%;
  }
  
  .staff-interview-title {
    width: 62.5%;
    padding-left: 0;
  }
  
  .staff-interview-inner {
    width: 100%;
    margin: 0;
  }
  
  .staff-interview-inner,
  .staff-interview-title .letter {
    padding-left: 20.833vw;
  }
  
  .staff-middle-interview .staff-interview {
    width: 100%;
  }
  
  .staff-middle-interview .staff-interview-inner {
    padding: 0 20.833vw 0 1em;
  }
  
  .staff-middle-interview .staff-interview-title {
    width: 96%;
    padding-right: 0;
  }
  
  .staff-middle-interview .staff-interview-title .letter {
    padding-right: 20.833vw;
    padding-left: 0;
  }
  
  .staff-schedule {
    margin-left: 0;
  }
}

@media all and (-ms-high-contrast:none) {/* ---------- only IE ---------- */
  .staff-profile-title::after {
    left: .5em;
  }
  
  .staff-profile-title .letter {
    padding-right: .1em;
  }
  
  .staff-profile-title .letter::before {
    right: -.25em;
  }
}

/*------------------------------------------------------------
training
------------------------------------------------------------*/
.training-overview {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  width: calc(100% - 12px);
  max-width: var(--content-width);
  margin: 0 auto 0 0;
  padding: 15px 0 20px;
}

.training-overview-text {
  position: relative;
  width: 67%;
  padding: 8px 4px;
  border: solid 3px #333333;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 3.467vw;
  text-align: center;
}


.training-overview-text::before,
.training-overview-text::after {
  content: "";
  position: absolute;
  top: 75%;
  transform: scaleY(.5);
}

.training-overview-text::before {
  left: -18px;
  margin-top: -6px;
  border: solid 6px transparent;
  border-right: solid 12px #ffffff;
  z-index: 2;
}

.training-overview-text::after {
  left: -24px;
  margin-top: -7px;
  border: solid 7px transparent;
  border-right: solid 14px #333333;
  z-index: 1;
}

.training-overview-text .text {
  margin-bottom: 1em;
}

.training-overview-text .text:last-of-type {
  margin-bottom: 0;
}

.training-overview-illust {
  width: calc(100% - (67% + 10px));
  text-align: center;
}

.training-title {
  margin-bottom: 20px;
}

.training-wrapper {
  padding-bottom: 30px;
}

.training-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.training-purpose {
  position: relative;
  max-width: 890px;
  margin: 0 10px 30px 0;
  padding: 5px;
  border: solid 2px #333333;
  box-shadow: 10px 10px 0 #333333;
  background-color: #ffffff;
}

.training-purpose-inner {
  padding: 12px 18px 18px;
  border: dashed 2px #333333;
}

.training-purpose-title {
  margin-bottom: 20px;
  font-size: 2.2rem;
  line-height: 1;
  text-align: center;
}

.training-purpose-box {
  display: flex;
  justify-content: center;
}

.training-purpose-list {
  display: inline-block;
  padding-left: 1em;
}

.training-purpose-list .list-item {
  margin-bottom: 10px;
  list-style-type: decimal;
}

.training-purpose-list .list-item:last-of-type {
  margin-bottom: 0;
}

.training-purpose-list em {
  color: #c0272d;
  font-weight: 500;
}

.training-purpose-illust {
  position: absolute;
  right: -20px;
  bottom: 5px;
  max-width: 25%;
  z-index: 1;
}

.training-picture-box {
  display: flex;
  margin-bottom: 20px;
}

.training-picture-box .picture-item {
  flex-basis: calc((100% - 5px) / 2);
  margin-right: 5px;
  text-align: center;
}

.training-picture-box .picture-item:last-of-type {
  margin-right: 0;
}

.training-detail-text {
  text-align: center;
}

.training-detail-text .text {
  margin-bottom: 1em;
}

.training-detail-text .text:last-of-type {
  margin-bottom: 0;
}

.zadan-koza {
  margin: 40px 0;
}

.zadan-koza-title {
  margin-bottom: 20px;
}

.zadan-koza-inner {
  max-width: 980px;
  margin: 0 auto 20px;
  overflow: hidden;
}

.zadan-koza-inner:last-of-type {
  margin-bottom: 0;
}

.zadan-koza-space {
  float: right;
  height: 4em;
}

.zadan-koza-picture {
  float: left;
  max-width: 42%;
  margin: 0 1em 1em 0;
}

.zadan-koza-space + picture .zadan-koza-picture {
  float: right;
  clear: both;
  margin: 1em 0 0 1em;
}

.zadan-koza-text {
  padding-top: 10px;
}

.zadan-koza-space + picture + .zadan-koza-text {
  padding-top: 0;
}

.zadan-koza-text .text {
  margin-bottom: 1em;
  font-feature-settings: normal;
}


.zadan-koza-text .text:last-of-type {
  float: left;
  margin-bottom: 0;
}

.zadan-koza-space + picture + .zadan-koza-text .text:last-of-type {
  float: none;
}

.zadan-koza-heading {
  margin-bottom: 10px;
}

.zadan-koza-heading .letter {
  position: relative;
  padding-left: 1em;
}

.zadan-koza-heading .letter::before {
  content: "\025c9";
  position: absolute;
  top: 50%;
  left: 0;
  font-family: sans-serif;
  transform: translateY(-50%);
  z-index: 1;
}

.zadan-koza-list .list-item {
  margin-bottom: 10px;
}

.zadan-koza-list .list-item:last-of-type {
  margin-bottom: 0;
}

.sayorin-lessons-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  text-align: center;
}

.sayorin-lessons-text {
  flex-basis: 45%;
}

.sayorin-lessons-illust {
  flex-basis: 50%;
  padding-right: 1em;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .training-overview {
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 30px 0 80px;
  }
  
  .training-overview-text {
    margin-left: 60px;
    padding: 60px 8px;
    border-width: 6px;
    border-radius: 10px;
    font-size: 1.8rem;
  }
  
  .training-overview-text::before {
    left: -68px;
    margin-top: -24px;
    border-width: 24px;
    border-right-width: 48px;
  }
  
  .training-overview-text::after {
    left: -90px;
    margin-top: -28px;
    border-width: 28px;
    border-right-width: 56px;
  }
  
  .training-overview-text .text {
    margin-bottom: 2em;
  }
  
  .training-title {
    margin-bottom: 70px;
  }
  
  .training-title img {
    max-width: 50%;
  }
  
  .training-wrapper {
    padding-bottom: 80px;
  }
  
  .training-wrapper:last-of-type {
    padding-bottom: 0;
  }
  
  .training-purpose {
    width: 90%;
    margin: 0 auto 60px;

    padding: 10px;
    border-width: 6px;
    box-shadow: 20px 20px 0 #333333;
  }
  
  .training-purpose-inner {
    padding-top: 40px;
    padding-bottom: 60px;
    border-width: 4px;
  }
  
  .training-purpose-title {
    margin-bottom: 50px;
    font-size: 3.6rem;
  }
  
  .training-purpose-list .list-item {
    margin-bottom: 50px;
  }
  
  .training-purpose-illust {
    right: -60px;
    bottom: 50px;
  }
  
  .training-picture-box {
    margin-bottom: 40px;
  }
  
  .training-picture-box .picture-item {
    flex-basis: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  
  .training-detail-text {
    font-size: 1.6rem;
  }
  
  .training-detail-text .text {
    margin-bottom: 2em;
  }
  
  .zadan-koza {
    margin: 120px 0;
  }
  
  .zadan-koza-title {
    margin-bottom: 40px;
  }
  
  .zadan-koza-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
  }
  
  .zadan-koza-inner:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  
  .zadan-koza-inner:nth-of-type(even) {
    flex-direction: row;
  }
  
  .zadan-koza-inner picture {
    flex: 0 1 35%;
  }
  
  .zadan-koza-space {
    display: none;
  }
  
  .zadan-koza-picture,
  .zadan-koza-space + picture .zadan-koza-picture {
    float: none;
    max-width: 100%;
    margin: 0;
  }
  
  .zadan-koza-text {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100% - 35%);
    padding: 20px 0 0 50px;
  }
  
  .zadan-koza-space + picture + .zadan-koza-text {
    padding: 20px 50px 0 0;
  }
  
  .zadan-koza-text .text:last-of-type {
    float: none;
  }
  
  .zadan-koza-text .text {
    margin-bottom: 2em;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .training-overview-text {
    width: 790px;
    font-size: 3.2rem;
  }
  
  .training-overview-illust {
    width: calc(100% - 790px);
  }
  
  .training-purpose-inner {
    padding-right: 60px;
    padding-left: 60px;
  }
  
  .training-purpose-title {
    font-size: 5.8rem;
  }
  
  .training-purpose-list {
    font-size: 2.6rem;
  }
  
  .training-purpose-illust {
    right: -120px;
  }
  
  .training-detail-text {
    font-size: 2.0rem;
  }
  
  .zadan-koza-text,
  .sayorin-lessons-text {

    font-size: 2.6rem;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .training-overview-text {
    margin-left: 0;
  }
}

/*------------------------------------------------------------
manufacturing
------------------------------------------------------------*/
.manufacturing-button-list {
  display: flex;
  width: calc(100% - 50px);
  max-width: calc(var(--content-width) - 100px);
  margin: 0 auto;
  padding: 15px 0;
}

.manufacturing-button-item {
  flex-basis: calc(((100% - 8px) / 3) - .01px);
  margin-right: 4px;
  padding: 6px;
  border: solid 1px #333333;
  background-color: #ffffff;
  color: #ffffff;
  text-align: center;
  transform: skewX(-15deg);
}

.manufacturing-button-item:nth-of-type(3n+3),
.manufacturing-button-item:last-of-type {
  margin-right: 0;
}

.manufacturing-button-item a {
  display: block;
  padding: 20px 0;
  border: solid 1px #ffffff;
  outline: solid 4px #333333;
  background-color: #333333;
  transition: opacity .3s;
}

.manufacturing-button-item img {
  max-width: 50%;
  transform: skewX(15deg);
}

.manufacturing-button-item a:hover img {
  opacity: 1;
}

.manufacturing-wrapper {
  padding-top: 40px;
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;;
}

.manufacturing-inner {
  width: calc(100% - 36px);
  max-width: var(--content-width);
  margin: 0 auto;
}

.manufacturing-title {
  margin-bottom: 20px;
  text-align: center;
}

.manufacturing-title img {
  max-width: 50%;
}

.manufacturing-heading {
  position: relative;
  margin-bottom: 15px;
  padding-left: 1em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}

.manufacturing-heading::before {
  content: "\025bc";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-90deg);
  z-index: 0;
}

.manufacturing-text {
  margin-bottom: 15px;
  line-height: 1.75;
}

.manufacturing-contact-button {
  margin-top: 25px;
  text-align: center;
}

.manufacturing-contact-button img {
  max-width: 66.6%;
}

.manufacturing-overview-picture {
  display: flex;
}

.manufacturing-overview-picture img {
  width: 100%;
}

.manufacturing-overview-picture .picture-item {
  flex-basis: calc((100% - 4px) / 2);
  margin-right: 4px;
}

.manufacturing-overview-picture .picture-item:last-of-type {
  margin-right: 0;
}

.manufacturing-readmore {
  padding: 12px 0;
  color: #29ABE2;
  text-align: right;
}

.manufacturing-readmore::after {
  content: "\021d2";
  display: inline-block;
  transform: rotate(90deg);
}

.manufacturing-overview.active .manufacturing-readmore::after {
  transform: rotate(-90deg);
}

.manufacturing-overview .close,
.manufacturing-overview.active .manufacturing-readmore .open {
  display: none;
}

.manufacturing-overview.active .manufacturing-readmore .close {
  display: inline;
}

.manufacturing-detail {
  display: none;
}

.manufacturing-detail-inner {
  padding: 0 0 45px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

.manufacturing-detail-picture {
  text-align: center;
}

.manufacturing-detail-picture .text-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
}

.manufacturing-detail-picture .text-item .arrow {
  max-width: 25%;
  margin: 0 .5em;
  padding: 4px 0;
}

.buffing {
  background-image: url(../../../wp-content/uploads/manufacturing01_bg_top.png);
}

.polishing-results {
  padding: 25px 0 50px;
  background-color: #333333;
}

.business-partner {
  margin-bottom: 20px;
  padding: 12px 18px;
  background-color: #ffffff;
}

.business-partner-list {
  text-align: center;
}

.business-partner-item {
  margin-bottom: 40px;
}

.business-partner-item:last-of-type {
  margin-bottom: 20px;
  font-size: 1.6rem;
}

.business-partner-list02{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.business-partner-item02{
  width: calc(50% - 20px);
  margin-bottom: 20px;
}

.business-partner-item li{
  margin-bottom: 40px;
}

.business-partner-item li:last-of-type,
.business-partner-item:nth-of-type(2) li{
  margin-bottom: 0;
}

.painting-results .business-partner-list{
  padding: 0 20px;
}

.painting-results .business-partner-item:last-of-type{
  text-align: right;
}

.polishing-results-list {
  margin-bottom: 12px;
}

.polishing-results-list:last-of-type {
  margin-bottom: 0;
}

.polishing-results-item {
  margin-bottom: 12px;
  background-color: rgba(255, 255, 255, .8);
}

.polishing-results-item:last-of-type {
  flex-grow: 1;
  flex-shrink: 0;
  margin-bottom: 0;
}

.polishing-results-title {
  padding: 12px 6px;
  border-bottom: dashed 1px #333333;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.polishing-results-title .letter {
  xbackground-color: #f9d3d4;
}

.polishing-results-detail {
  padding: 12px;
}

.polishing-results-text {
  margin-bottom: 6px;
  line-height: 2.2;
}

.polishing-results-text p {
  font-feature-settings: normal;
}

.polishing-results-kind {
  color: #ffffff;
  text-align: right;
}

.polishing-results-kind .letter {
  padding: 4px;
  background-color: #29abe2;
}

.polishing-results-list:last-of-type .polishing-results-message:not(:root) {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  align-self: flex-end;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  margin: 20px 0 0 0;
  padding: 0;
  background-color: transparent;
}

.polishing-results-message-text {
  flex-basis: calc(100% - ((280px / 4) + 12px));
  position: relative;
  padding: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  line-height: 2;
}

.polishing-results-message-text::before {
  content: "";
  position: absolute;
  bottom: 24px;
  left: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 24px 6px 0;
  border-color: transparent #ffffff transparent transparent;
  transform: rotate(30deg);
  z-index: 1;
}

.polishing-results-message-illust {
  flex-basis: calc(280px / 4);
}

.logistics-base {
  padding: 25px 0 50px;
  background-color: #42210b;
  color: #ffffff;
}

.logistics-base .manufacturing-heading::before {
  color: #ffffff;
}

.logistics-base-data {
  margin-bottom: 10px;
  padding: 10px;
  background-color: rgba(255, 255, 255, .8);
  color: #333333;
  overflow: hidden;
}

.logistics-base-data:last-of-type {
  margin-bottom: 0;
}

.logistics-base-data img {
  float: left;
  width: 35%;
  margin-right: 1em;
}

.logistics-base-title {
  margin-bottom: 5px;
  font-weight: 700;
}

.logistics-base-title .letter {
  xbackground-color: #f9d3d4;
}

.equipment {
  background-image: url(../../../wp-content/uploads/manufacturing03_bg_top.png);
}

.equipment-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 -15px;
}

.equipment-detail .detail-item {
  flex-basis: calc(100% / 2);
  position: relative;
  margin: 0 0 15px;
  text-align: center;
}

.equipment-detail .detail-item:nth-child(2) {
  order: 1;
}

.equipment-detail .detail-item:nth-child(3) {
  order: 2;
}

.equipment-detail .detail-item:nth-child(4) {
  order: 4;
}

.equipment-detail .detail-item img,
.equipment-detail .detail-text,
.equipment-detail .picture-caption {
  padding: 0 4px;
}

.equipment-detail .detail-item img {
  width: 100%;
}

.equipment-detail .detail-text {
  order: 3;
  text-align: left;
}

.equipment-detail .picture-caption {
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 100%;
  color: #ffffff;
  font-weight: 700;
  transform: translateX(-50%);
  z-index: 1;
}

.equipment-detail .picture-caption .letter {
  xbackground-color: #f9d3d4;
}

.painting-results {
  padding: 25px 0 50px;
  background-color: #624c9a;
}

.painting-results .manufacturing-inner {
  position: relative;
}

.painting-results .manufacturing-inner::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(448px / 4);
  height: calc(312px / 4);
  background: url(../../../wp-content/uploads/manufacturing03_illust01@2x.png) no-repeat left top / contain;
  z-index: 1;
}

.painting-work-record {
  background-color: rgba(255, 255, 255, .8);
}

.painting-work-record-title {
  padding: 12px;
  border-bottom: dashed 1px #333333;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.painting-work-record-title .letter {
  xbackground-color: #f9d3d4;
}

.painting-work-record-box {
  padding: 12px;
}

.painting-work-record-box img {
  width: 100%;
}

.painting-work-record-text {
  margin-bottom: 15px;
  font-feature-settings: normal;
}

.manufacturing-close {
  width: calc(100% - 36px);
  max-width: var(--content-width);
  margin: -36px auto 0;
  padding-bottom: 12px;
  text-align: right;
}

.manufacturing-close-button img {
  padding-bottom: .25em;
}

.manufacturing-close-button .letter {
  color: #29ABE2;
  line-height: 1;
}

.manufacturing01 {
  background-image: url(../../../wp-content/uploads/manufacturing01_bg01_sp-80.jpg);
}

.manufacturing02 {
  background-image: url(../../../wp-content/uploads/manufacturing02_bg01_sp-80.jpg);
}

.manufacturing02 .manufacturing-overview.active {
  padding-bottom: 30px;
  background: url(../../../wp-content/uploads/manufacturing02_bg_top.png) no-repeat center bottom / contain;
}

.manufacturing03 {
  background-image: url(../../../wp-content/uploads/manufacturing03_bg01_sp-80.jpg);
}

.manufacturing03 .manufacturing-contact-button {
  margin-top: 50px;
  text-align: right;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .manufacturing-button-list {
    width: calc(100% - 100px);
    padding: 40px 0;
  }

  .manufacturing-button-item {
    flex-basis: calc(((100% - 24px) / 3) - .01px);
    margin-right: 12px;
    padding: 12px;
    border-width: 2px;
    transform: skewX(-20deg);
  }

  .manufacturing-button-item a {
    padding: 40px 0;
    border-width: 2px;
    outline: solid 8px #333333;
    background-color: #333333;
  }
  
  .manufacturing-button-item img {
    transform: skewX(20deg);
  }
  
  .manufacturing-wrapper {
    padding-top: 80px;
    background-size: auto 75%;
  }
  
  .manufacturing03.manufacturing-wrapper{
    background-size: contain;
  }
  
  .manufacturing-title {
    margin-bottom: 40px;
  }
  
  .manufacturing-heading {
    margin-bottom: 30px;
    font-size: 3.6rem;
  }
  
  .manufacturing-text {
    margin-bottom: 50px;
  }
  
  .manufacturing-contact-button {
    margin-top: 50px;
  }
  
  .manufacturing-overview .manufacturing-text {
    padding: 0 70px;
  }
  
  .manufacturing-overview-picture .picture-item {
    flex-basis: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  
  .manufacturing-readmore {
    display: none;
  }
  
  .manufacturing-detail {
    display: block !important;
  }
  
  .manufacturing-detail-inner {
    padding: 90px 0 120px;
  }
  
  .manufacturing-detail-picture .text-item {
    font-size: 3.6rem;
  }
  
  .manufacturing-detail-picture .text-item .arrow {
    max-width: 100%;
  }
  
  .polishing-results {
    padding: 50px 0;
  }
  
  .business-partner {
    padding: 18px 36px;
  }
  
  .business-partner-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 860px;
    margin: 0 auto;
  }
  
  .business-partner-list::after {
    display: block;
    content:"";
    width: calc((100% / 3) - 10px);
  }
  
  .business-partner-item{
    width: calc((100% / 3) - 10px);
  }
  
  .business-partner-item:last-of-type{
    margin-bottom: 40px;
  }
  
  .painting-results .business-partner-item{
    width:  calc((100% / 2) - 20px);
  }
  
  .painting-results .business-partner-item:nth-of-type(3){
    display: flex;
    align-items: center;
  }
  
  .painting-results .business-partner-item:last-of-type{
    width: 100%;
    font-size: 2rem;
  }
  
  .polishing-results-title {
    font-size: 1.8rem;
  }
  
  .polishing-results-detail,
  .polishing-results-message-text {
    font-size: 1.7rem;
  }
  
  .polishing-results-message-text {
    flex-basis: calc(100% - ((280px / 3) + 12px));
    padding: 10px;
  }
  
  .polishing-results-message-illust {
    flex-basis: calc(280px / 3);
  }
  
  .logistics-base {
    padding-top: 50px;
  }
  
  .logistics-base-data {
    margin-bottom: 20px;
    padding: 20px;
  }
  
  .logistics-base-data img {
    width: 45%;
  }
  
  .logistics-base-data-inner {
    padding-top: 20px;
  }

  .logistics-base-title {
    margin-bottom: 20px;
  }
  
  .logistics-base-text {
    line-height: 2.2;
  }

  .equipment-detail .detail-item {
    flex-basis: calc((100% / 3) - .01px);
    margin-bottom: 0;
  }

  .equipment-detail .detail-item:nth-child(2) {
    order: 2;
  }

  .equipment-detail .detail-item:nth-child(3) {
    order: 3;
  }
  
  .equipment-detail .detail-text {
    flex: 1 0 100%;
    order: 1;
    margin-bottom: 60px;
    padding: 0;
  }
  
  .equipment-detail .detail-item img,
  .equipment-detail .picture-caption {
    padding: 0 8px;
  }
  
  .equipment-detail .picture-caption {
    position: static;
    margin-top: 20px;
    color: #333333;
    transform: translateX(0);
  }
  
  .painting-results {
    padding: 50px 0;
  }
  
  .painting-results .manufacturing-inner::before {
    width: calc(448px / 3);
    height: calc(312px / 3);
  }
  
  .painting-work-record-title {
    padding: 24px 12px;
    border-bottom-width: 2px;
    font-size: 2.0rem;
  }
  
  .painting-work-record-text {
    margin-bottom: 30px;
    padding: 0 12px;
  }
  
  .manufacturing-close {
    display: none;
  }
  
  .manufacturing02 .manufacturing-overview {
    padding-bottom: 120px;
    background: url(../../../wp-content/uploads/manufacturing02_bg_top.png) no-repeat center bottom / contain;
  }
  
  .manufacturing03 .manufacturing-contact-button {
    text-align: center;
  }
    
  .manufacturing01 {
    background-image: url(../../../wp-content/uploads/manufacturing01_bg01@2x-80.jpg);
  }
  
  .manufacturing02 {
    background-image: url(../../../wp-content/uploads/manufacturing02_bg01@2x-80.jpg);
  }
  
  .manufacturing03 {
    background-image: url(../../../wp-content/uploads/manufacturing03_bg01@2x-80.jpg);
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .manufacturing-button-item a {
    padding: 80px 0;
  }
  
  .manufacturing-button-item a:hover {
    opacity: .5;
  }
  
  .manufacturing-contact-button img {
    max-width: 100%;
  }
  
  .polishing-results-list {
    display: flex;
    flex-wrap: wrap;
  }
  
  .polishing-results-item,
  .polishing-results-detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .polishing-results-item {
    flex-basis: calc(((100% - 24px) / 3) - .01px);
    margin: 0 12px 0 0;
  }
  
  .polishing-results-item:nth-of-type(n+4) {
    margin-top: 12px;
  }
  
  .polishing-results-item:nth-of-type(3n+3),
  .polishing-results-item:last-of-type {
    margin-right: 0;
  }
  
  .polishing-results-list:last-of-type .polishing-results-item:nth-last-child(3) {
    align-self: flex-start;
  }
  
  .polishing-results-list:last-of-type .polishing-results-item:last-of-type {
    flex-grow: 1;
    flex-shrink: 0;
    order: 99;
  }
  
  .polishing-results-title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4em;
    padding: 0 6px;
    border-bottom-width: 2px;
  }
  
  .polishing-results-detail {
    height: 100%;
    padding: 12px;
  }
  
  .polishing-results-text {
    margin-bottom: 12px;
  }
  
  .polishing-results-kind {
    margin-top: auto;
  }
  
  .polishing-results-list:last-of-type .polishing-results-message:not(:root) {
    align-items: flex-end;
    justify-content: flex-end;
    order: 1;
    flex-grow: 0;
    flex-shrink: 1;
    position: relative;
    left: -12px;
    margin-left: calc((((100% - 24px) / 3) - .01px) * -1);
  }
  
  .polishing-results-message-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    flex: 1 0 auto;
    max-height: 280px;
    border-radius: 15px;
    font-feature-settings: normal;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
  
  .polishing-results-message-text::before {
    bottom: 36px;
    left: -24px;
    border-width: 6px 36px 6px 0;
  }
  
  .polishing-results-message-illust {
    flex-basis: calc(280px / 2);

  }
  
  .logistics-base-data-inner {
    overflow: auto;
  }
  
  .painting-results .manufacturing-inner::before {
    width: calc(448px / 2);
    height: calc(312px / 2);
  }

}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .polishing-results-title {
    font-size: 2.0rem;
  }
  
  .polishing-results-list:last-of-type .polishing-results-item:nth-last-child(2) {
    min-height: 675px;
  }
  
  .polishing-results-detail,
  .polishing-results-message-text {
    font-size: 1.9rem;
  }
  
  .polishing-results-message-text {
    max-height: 350px;
    margin-left: .5em;
  }
  
  .polishing-results-message-text::before {
    bottom: 48px;
    left: -30px;
  }
  .manufacturing03.manufacturing-wrapper{
    background-size: 100% auto;
  }
}

/*------------------------------------------------------------
seisan
------------------------------------------------------------*/
.seisan-overview {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 15px 0;
}

.seisan-overview-text {
  position: relative;
  width: 73%;
  padding: 12px 4px;
  border: solid 3px #333333;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 3.467vw;
  text-align: center;
}


.seisan-overview-text::before,
.seisan-overview-text::after {
  content: "";
  position: absolute;
  top: 75%;
  transform: scaleY(.5);
}

.seisan-overview-text::before {
  left: -18px;
  margin-top: -6px;
  border: solid 6px transparent;
  border-right: solid 12px #ffffff;
  z-index: 2;
}

.seisan-overview-text::after {
  left: -24px;
  margin-top: -7px;
  border: solid 7px transparent;
  border-right: solid 14px #333333;
  z-index: 1;
}

.seisan-overview-text .text {
  margin-bottom: 1em;
}

.seisan-overview-text .text:last-of-type {
  margin-bottom: 0;
}

.seisan-overview-illust {
  width: calc(100% - (73% + 10px));
  text-align: center;
}

.seisan-wrapper {
  padding: 15px 0 40px;
  border-top: dashed 2px #333333;
}

.seisan-wrapper:last-of-type {
  padding-bottom: 0;
}

.seisan-inner {
  width: calc(100% - 24px);
  max-width: calc(var(--content-width) - 60px);
  margin: 0 auto;
}

.seisan-image-box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 20px;
}

.seisan-picture {
  flex-basis: 78.5%;
}

.seisan-illust {
  flex-basis: 24%;
}

.seisan-detail .text {
  margin-bottom: 1em;
}

.seisan-detail .text:last-of-type {
  margin-bottom: 0;
}

.seisan-recruit-banner {
  width: var(--content-width);
  max-width: 84%;
  margin: 30px auto 0;
  text-align: center;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .seisan-overview {
    padding: 40px 0 60px;
  }
  
  .seisan-overview-text {
    margin-left: 60px;
    padding: 60px 8px;
    border-width: 6px;
    border-radius: 10px;
    font-size: 1.8rem;
  }
  
  .seisan-overview-text::before {
    left: -68px;
    margin-top: -24px;
    border-width: 24px;
    border-right-width: 48px;
  }
  
  .seisan-overview-text::after {
    left: -90px;
    margin-top: -28px;
    border-width: 28px;
    border-right-width: 56px;
  }
  
  .seisan-overview-text .text {
    margin-bottom: 2em;
  }
  
  .seisan-wrapper {
    padding: 60px 0;
  }
  
  .seisan-image-box {
    margin-bottom: 40px;
  }
  
  .seisan-detail .text {
    margin-bottom: 2em;
  }
  
  .seisan-recruit-banner {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .seisan-overview-text {
    width: 790px;
    font-size: 3.2rem;
  }
  
  .seisan-overview-illust {
    width: calc(100% - 790px);
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .seisan-overview-text {
    margin-left: 0;
  }
}

/*------------------------------------------------------------
data
------------------------------------------------------------*/
.data-wrapper {
  padding: 25px 0;
  background-color: #ccffff;
}

.data-inner {
  width: calc(100% - 24px);
  max-width: calc(var(--content-width) - 60px);
  margin: 0 auto;
}

.data-overview {
  margin-bottom: 30px;
}

.data-overview-title {
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 1.4;
}

.data-overview-text {
  font-feature-settings: normal;
}

.data-list {
  padding: 15px;
  background-color: #cbcbcb;
}

.data-list-item {
  margin-bottom: 15px;
  background-color: #ffffff;
}

.data-list-item:last-of-type {
  margin-bottom: 0;
}

.data-list-item > picture img {
  width: 100%;
}

.data-advantage:not(:root) {
  padding: 20px 12px;
}

.data-list-title {
  margin-bottom: 20px;
  text-align: center;
}

.data-list-title img {
  max-width: 50%;
}

.data-advantage-box {
  margin-bottom: 40px;
}

.data-advantage-box:last-of-type {
  margin-bottom: 0;
}

.data-advantage-title {
  position: relative;
  margin-bottom: 15px;
  padding-left: 1.5em;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
}

.data-advantage-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 5px;
  transform: translateY(-50%);
  z-index: 1;
}

.data-advantage-box:nth-of-type(1n) .data-advantage-title::before {
  background-color: #33cccc;
}

.data-advantage-box:nth-of-type(2n) .data-advantage-title::before {
  background-color: #ff9966;
}

.data-advantage-box:nth-of-type(3n) .data-advantage-title::before {
  background-color: #ccff99;
}

.data-advantage-box:nth-of-type(4n) .data-advantage-title::before {
  background-color: #ffcc99;
}

.data-advantage-title .supplement {
  font-size: 1.3rem;
}

.data-advantage-text {
  display: flex;
  margin-bottom: 10px;
}

.data-advantage-text:last-of-type {
  margin-bottom: 0;
}

.data-advantage-list {
  flex: 1 0 50%;
}

.data-advantage-item {
  margin-bottom: 10px;
  padding: 10px;
  border: solid 1px #4d4d4d;
  border-radius: 5px;
  font-weight: 700;
  text-align: center;
}

.data-advantage-item:last-of-type {
  margin-bottom: 0;
}

.data-advantage-item em {
  color: #ff3300;
}

[class*="data-advantage-illust"] {
  align-self: flex-end;
  margin-left: 12px;
  text-align: right;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .data-wrapper {
    padding: 50px 0 100px;
  }
  
  .data-overview {
    margin-bottom: 60px;
  }
  
  .data-overview-title {
    margin-bottom: 20px;
    font-size: 3.2rem;
  }
  
  .data-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .data-list-title img {
    max-width: 25%;
  }
  
  .data-list-item {
    flex-basis: calc((100% - 15px) / 2);
    margin-bottom: 0;
  }
  
  .data-list-item:nth-of-type(n+3) {
    margin-top: 15px;
  }
  
  .data-item-column1:not(:root) {
    flex: 1 0 100%;
  }
  
  .data-advantage:not(:root) {
    flex: 0 1 100%;
    padding: 40px 24px 50px;
  }
  
  .data-list-title {
    margin-bottom: 60px;
  }
  
  .data-advantage-box {
    margin-bottom: 70px;
  }
  
  .data-advantage-title {
    margin-bottom: 40px;
    font-size: 3.2rem;
  }
  
  .data-advantage-title .supplement {
    font-size: 2.4rem;
  }
  
  .data-advantage-text {
    margin-bottom: 20px;
  }
  
  .data-advantage-item {
    margin-bottom: 20px;
    padding: 30px 15px;
    border-width: 2px;
    border-radius: 10px;
  }
  
  [class*="data-advantage-illust"] {
    flex-basis: 300px;
  }
  
  .data-advantage-illust03 {
    flex-basis: 180px;
    margin-bottom: -100px;
    padding-top: 30px;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .data-list {
    padding: 30px;
  }
  
  .data-list-item {
    flex-basis: calc((100% - 30px) / 2);
  }
  
  .data-list-item:nth-of-type(n+3) {
    margin-top: 30px;
  }
  
  .data-advantage:not(:root) {
    padding-right: 32px;
    padding-left: 32px;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
webregist
------------------------------------------------------------*/
.webregist {
  padding-bottom: 40px;
}

.webregist-inner {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  padding-top: 15px;
}

.webregist-heading {
  margin-bottom: 15px;
  text-align: left;
}

.webregist-heading img {
  max-width: 50%;
}

.webregist-text {
  margin-bottom: 25px;
}

.webregist-notes {
  display: inline-block;
  position: relative;
  margin-left: 1em;
}

.webregist-notes::before {
  content: "\0203B";
  display: block;
  position: absolute;
  top: 0;
  left: -1em;
  width: 1em;
}

.webregist-form {
  display: flex;
  flex-wrap: wrap;
  border-top: solid 1px #eeeeee;
  font-size: 1.6rem;
}

.webregist-form-title,
.webregist-form-box {
  width: 100%;
  border-bottom: solid 1px #eeeeee;
}

.webregist-form-title {
  padding: 10px;
  background-color: #c1def3;
  font-weight: 700;
  text-align: center;
}

.webregist-form-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 10px;
  border-right: solid 1px #eeeeee;
  border-left: solid 1px #eeeeee;
}

.webregist-form-address {
  align-items: center;
  border-top: none;
}

.webregist-form-address .webregist-form-title,
.webregist-form-address .webregist-form-box {
  padding: 1em 0 0;
  border-bottom: none;
}

.webregist-form-address .webregist-form-title {
  background-color: transparent;
  font-weight: 500;
  text-align: left;
}

.webregist-form-address .webregist-form-title:first-of-type {
  padding-top: 0;
}

.webregist-form-address .webregist-form-box {
  border-right: none;
  border-left: none;
}

.webregist-form-address .webregist-notes {
  margin-top: 5px;
  font-size: 1.3rem;
}

.required-text {
  color: var(--accent-color);
  font-weight: 500;
}

.name-input-title,
.name-input-box {
  display: table-cell;
  vertical-align: middle;
}


.name-input-title {
  width: 2em;
  padding-right: 10px;
  text-align: right;
  white-space: nowrap;
}

.mw_wp_form_confirm .name-input-title {
  display: none;
}

.name-input-box {
  padding-right: 1em;
}

.personal-acception {
  width: 100%;
  margin-top: 1em;
  text-align: center;
}

.personal-acception label {
  font-weight: 700;
  cursor: pointer;
}

.personal-acception input + span {
  vertical-align: middle;
}

.webregist-supplement {
  flex-basis: 100%;
  margin-top: 10px;
  text-align: right;
}

.mw_wp_form_confirm .webregist-supplement {
  display: none;
}

.your-inquiry-item .wpcf7-list-item {
  display: block;
  margin: 0 0 5px 0;
}

.your-inquiry-item .wpcf7-list-item:last-of-type {
  margin-bottom: 0;
}

.your-inquiry-details {
  display: block;
  width: 100%;
}

.form-address-notes {
  width: 100%;
}

.privacy-policy-inner {
  width: 100%;
  height: 20em;
  padding: 10px;
  border: solid 1px #cccccc;
  border-radius: 4px;
  background-color: transparent;
  vertical-align: top;
  box-sizing: border-box;
  overflow-y: scroll;
  line-height: 2;
  -webkit-appearance: none;
  appearance: none;
}

.mw_wp_form_confirm .privacy-policy-title,
.mw_wp_form_confirm .privacy-policy-wrapper {
  display: none;
}

.privacy-policy-list {
  margin-left: 1.5em;
}

.privacy-policy-item {
  margin-bottom: 10px;
  list-style-type: decimal;
}

.privacy-policy-item:last-of-type {
  margin-bottom: 0;
}


.send-button-box {

  display: flex;
  justify-content: center;
  width: calc(100% - 40px);
  margin: 40px auto 0;
  text-align: center;
}

.mw_wp_form .send-button,
.webregist-complete-button {
  width: auto;
  margin: 0;
  padding: 10px;
  border: none;
  color: #ffffff;
  font-size: 1.3rem;
  transition-property: background-color, opacity;
  transition-duration: .3s;
  opacity: 1;
  -webkit-appearance: none;
  appearance: none;
  font-feature-settings: normal;
}

.mw_wp_form .send-button:disabled {
  background-color: #a0a0a0;
}

.mw_wp_form .send-button:not(:disabled):hover {
  cursor: pointer;
}

.mw_wp_form .back-button {
  flex-basis: 90px;
  margin-right: 1em;
  background-color: #a0a0a0;
}

.mw_wp_form .submit-button {
  flex-basis: 230px;
  background-color: var(--main-color);
}

.address-zip-button {
  margin: 10px 0 10px 10px;
  padding: 5px;
  background-color: #dddddd;
  font-size: 1.2rem;
  transition: opacity .3s;
}

.address-zip-button .letter-pc {
  display: none;
}

.mw_wp_form_confirm .address-zip-button {
  display: none;
}

.webregist-complete-text {
  margin-bottom: 50px;
}

.webregist-complete-button {
  display: block;
  width: 100%;
  max-width: 230px;
  margin: 0 auto;
  background-color: var(--main-color);
  text-align: center;
}

.submit-button input {
  display: block;
  width: 100%;
  max-width: 120px;
  margin: 25px auto 0;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: #c1def3;
  color: #333333;
  line-height: 1;
  text-align: center;
  transition-property: background-color, opacity;
  transition-duration: .3s;
  opacity: 1;
  -webkit-appearance: none;
  appearance: none;
  font-feature-settings: normal;
}

.submit-button input:disabled,
.submit-button input:disabled:hover {
  opacity: .5;
}

.submit-button input:not(:disabled):hover {
  cursor: pointer;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .webregist {
    padding-bottom: 0;
  }
  
  .webregist-inner {
    padding-top: 30px;
  }
  
  .webregist-heading {
    margin-bottom: 30px;
  }
  
  .webregist-heading img {
    max-width: 100%;
  }
  
  .webregist-form {
    border-top-width: 2px;
    border-right: solid 2px #eeeeee;
    border-left: solid 2px #eeeeee;
    font-size: 1.6rem;
  }
  
  .webregist-form-title,
  .webregist-form-box {
    padding: 30px 20px;
    border-bottom-width: 2px;
  }
  
  .webregist-form-title {
    width: 230px;
    text-align: left;
  }
  
  .webregist-form-box {
    width: calc(100% - 230px);
    padding-right: 20px;
    border-right: none;
    border-left: none;
  }
  
  .webregist-form-address {
    border-right: none;
    border-left: none;
  }
  
  .webregist-form-address .webregist-form-title,
  .webregist-form-address .webregist-form-box {
    padding-top: 30px;
  }
  
  .webregist-form-address .webregist-form-title:not(:root) {
    width: 100px;
    padding-left: 0;
  }
  
  .webregist-form-address .webregist-form-box:not(:root) {
    width: calc(100% - 100px);
    padding-right: 0;
  }
  
  .webregist-form-address .webregist-form-title:first-child + .webregist-form-box {
    padding-top: 0;
  }
  
  .personal-acception {
    width: auto;
    text-align: left;
  }
  
  .address-zip-button {
    margin-left: 1em;
  }
  
  .address-zip-button .letter-pc {
    display: inline;
  }
  
  .webregist-complete-text {
    text-align: center;
  }
  
  .submit-button input {
    max-width: 240px;
    margin-top: 50px;
    padding: 20px;
    font-size: 2.0rem;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .webregist-form {
    font-size: 2.0rem;
  }
  
  .webregist-form-title {
    width: 290px;
  }
  
  .webregist-form-box {
    width: calc(100% - 290px);
  }
  
  .webregist-text {
    margin-bottom: 50px;
  }
  
  .send-button-box {
    margin-top: 80px;
  }
  
  .mw_wp_form .send-button,
  .webregist-complete-button {
    padding: 20px;
    font-size: 1.6rem;
  }
  
  .mw_wp_form .send-button:hover {
    opacity: .5;
  }
  
  .mw_wp_form .send-button:disabled:hover {
    opacity: 1;
  }
  
  .mw_wp_form .back-button {
    flex-basis: 180px;
  }
  
  .mw_wp_form .submit-button {
    flex-basis: 460px;
  }
  
  .address-zip-button {
    padding: 5px 1em;
    font-size: 1.4rem;
  }
  
  .address-zip-button:hover {
    opacity: .5;
  }
  
  .webregist-complete-text {
    margin-bottom: 100px;
  }
  
  .webregist-complete-button {
    max-width: 460px;
  }
  
  .webregist-complete-button:hover {
    opacity: .5;
  }
  
  .webregist-form-address .webregist-notes {
    font-size: 1.6rem;
  }
  
  .privacy-policy-text {
    font-size: 1.8rem;
  }
  
  .send-button-box {
    margin-top: 80px;
  }
  
  .submit-button input:hover {
    opacity: .5;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
  .address-zip-button {
    margin-left: 2em;
  }
}

/*------------------------------------------------------------
newCommon
------------------------------------------------------------*/
.new-container {
  width: calc(100% - 24px);
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 50px 0;
}

.new-heading {
  margin-bottom: 50px;
  text-align: center;
}

.new-heading [class*="letter"] {
  display: block;
  line-height: 1;
}

.new-heading .letter-top {
  margin-bottom: 10px;
  font-size: 3.6rem;
  font-weight: 500;
}

.new-heading .letter-bottom {
  font-weight: 700;
}

#fancybox-content {
  overflow-y: hidden !important;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .new-container {
    padding-bottom: 0;
  }
  
  #fancybox-wrap {
    left: 50% !important;
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .new-heading .letter-top {
    font-size: 4.8rem;
  }
}


@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
newArchive
------------------------------------------------------------*/
.category-list {
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
  margin: 0 calc(50% - 50vw) 25px;
  border-top: solid 1px #DDDDDD;
  border-left: solid 1px #DDDDDD;
}

.category-list-item {
  flex: 1 0 auto;
  width: calc((100% / 2) - .01px);
  padding: 12px 4px;
  border-right: solid 1px #DDDDDD;
  border-bottom: solid 1px #DDDDDD;
  text-align: center;
}

/*.category-list-item.category-all {
  flex-basis: 100%;
}*/

.category-list-item img {
  opacity: 1;
  transition: opacity .3s;
}

.category-list-item.current img {
  opacity: 0;
}

.category-list-item .focus {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.category-list-item .focus img {
  opacity: 0;
}

.category-list-item.current .focus img {
  opacity: 1;
}

.category-list-name {
  display: inline-block;
  position: relative;
  color: #333333;
}

.category-list-name:hover {
  text-decoration: none;
}

.new-list-item {
  display: flex;
  flex-direction: column-reverse;
  padding: 25px 0;
  border-bottom: solid 1px #DDDDDD;
}

.new-list-item:first-of-type {
  padding-top: 0;
}

.new-title,
.new-date {
  min-height: 0%;
}

.new-title {
  width: 100%;
  padding: 0 12px;
  line-height: 1.5;
}

.new-title a {
  color: #333333;
}

.new-date {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-left: 12px;
}

.new-date-text {
  margin-right: 1em;
}

.new-category {
  display: block;
  min-width: 80px;
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border: solid 1px #8C8C8C;
  background-color: #8C8C8C;
  color: #ffffff;
  line-height: 1;
  text-align: center;
  transition-property: background-color, color;
  transition-duration: .3s;
}

.new-category:hover {
  text-decoration: none;
}

.pagenav,
.result-count,
.wp-pagenavi,
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  display: flex;
}

.pagenav {
  justify-content: space-between;
  margin: 25px auto 0;
  padding: 0 0 0 12px;
  border: solid 1px var(--main-color);
  background-color: var(--main-color);
}

.pagenav,
.pagenav a {
  color: #ffffff;
}

.result-count {
  align-items: center;
  width: 40%;
  padding: 5px 0;
  line-height: 1.4;
}

.result-count-text {
  vertical-align: middle;
}

.wp-pagenavi {
  width: 56%;
  justify-content: flex-end;
}

.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-left: solid 1px #ffffff;
  line-height: 1;
}

.wp-pagenavi .previouspostslink {
  border-left: none;
}

.wp-pagenavi .current {
  background-color: #ffffff;
  color: #333333;
}

.not-post {
  margin-top: 2em;
  text-align: center;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */

  .category-list {

    justify-content: flex-start;
    width: auto;
    margin: 0;
    padding: 25px 25px 0;
    border-top: none;
    border-bottom: solid 2px #DDDDDD;
    border-left: none;
  }
    
  .category-list-item {
    padding: 0;
    border: none;
  }
  
  .category-list-item,
  .category-list-item.category-all {
    flex-basis: calc((100% / 4) - .01px);
    margin-bottom: 25px;
  }
  
  .new-list-item:first-of-type {
    padding-top: 25px;
  }
  
  .category-list-item:hover {
    opacity: 1 !important;
  }
  
  .category-list-item:hover img {
    opacity: 0;
  }
  
  .category-list-item:hover .focus img {
    opacity: 1;
  }
  
  .category-list-name {
    padding: 0 12px;
  }
  
  .category-list-name:hover {
    opacity: .5;
  }
  
  .new-list-item {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;

    padding: 25px;
  }
  
  .new-category {
    width: 150px;
  }

  
  .new-category:hover {
    background-color: #ffffff;
    color: #333333;
  }
  
  .new-title {
    width: auto;
    padding: 0 0 0 3em;
  }
  
  .new-title a:hover {
    text-decoration: underline;
  }
  
  .new-date {
    margin-bottom: 0;
    padding-left: 0;
  }
  
  .pagenav {
    width: 100%;
    margin-top: 50px;
    padding: 0 0 0 25px;
  }
  
  .wp-pagenavi a {
    transition: background-color .3s;
  }
  
  .wp-pagenavi a:hover {
    background-color: rgba(255, 255, 255, .5);
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
newArchive ColorCode
（カテゴリのスラッグ名を「xxxxxx」に記述）
------------------------------------------------------------*/
.category-list-item.current .category-news {
  color: var(--main-color);
}

.category-list-item.current .category-baseball {
  color: #172991;
}

.category-list-item.current .category-bikerace {
  color: #6fba27;
}

.category-list-item.current .category-pressrelease {
  color: #e4007d;
}

.category-list-item.current .category-media  {
  color: #9f1d31;
}

.category-list-item.current .category-polish {
  color: var(--accent-color);
}

.category-list-item.current .category-recruit {
  color: var(--sub-color);
}

.new-category.category-news {
  border-color: var(--main-color);
  background-color: var(--main-color);
}

.new-category.category-baseball {
  border-color: #172991;
  background-color: #172991;
}

.new-category.category-bikerace {
  border-color: #6fba27;
  background-color: #6fba27;
}

.new-category.category-pressrelease {
  border-color: #e4007d;
  background-color: #e4007d;
}

.new-category.category-media {
  border-color: #9f1d31;
  background-color: #9f1d31;
}

.new-category.category-polish {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
}

.new-category.category-recruit {
  border-color: var(--sub-color);
  background-color: var(--sub-color);
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .new-category:hover.category-news {
    color: var(--main-color);
    background-color: #ffffff;
  }
  
  .new-category:hover.category-baseball {
    color: #172991;
    background-color: #ffffff;
  }
  
  .new-category:hover.category-bikerace{
    color: #6fba27;
    background-color: #ffffff;
  }
  
  .new-category:hover.category-pressrelease{
    color: #e4007d;
    background-color: #ffffff;
  }
  
  .new-category:hover.category-media {
    color: #9f1d31;
    background-color: #ffffff;
  }
  
  .new-category:hover.category-recruit {
    color: var(--sub-color);
    background-color: #ffffff;
  }

  .new-category:hover.category-polish {
    color: var(--accent-color);
    background-color: #ffffff;
  }

}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
newSingle
------------------------------------------------------------*/
.single-inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-right: 10px;
  padding-left: 10px;
}

.single-title,
.single-head .date,
.single-body,
.post-pagenav {
  width: calc(100% - 24px);
  max-width: calc(var(--content-width) - 200px);
  margin: 0 auto;
}

.single-head {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0;
  border: solid 1px #DDDDDD;
}

.single-title {
  order: 2;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
}

.single-head .date {
  display: flex;
  align-items: center;
  order: 1;
  margin-bottom: 25px;
}

.single-body {
  padding-top: 25px;
  overflow: hidden;
}

.single-body p {
  margin-bottom: 1em;
  line-height: 2.25;
  clear: both;
}

.single-body p:last-of-type {
  margin-bottom: 0;
}

.single-body .fancybox,
.single-body img {
  margin: 0 10px 10px 0;
}

.single-body img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.single-body .fancybox {
  display: inline-block;
}

.single-body .fancybox img {
  margin: 0;
}

.single-body ul,
.single-body ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

.single-body ul li + li,
.single-body ol li + li {
  margin-top: 10px;
}

.single-body ul li {
  list-style-type: disc;
}

.single-body ol li {
  list-style-type: decimal;
}

.single-body .not-post {
  padding-bottom: 60px;
}

.post-pagenav-wrapper {
  margin-top: 25px;
  padding-top: 25px;
  border-top: solid 1px #DDDDDD;
}

.post-pagenav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.post-pagenav .pagenav-button {
  width: 100%;
  margin-bottom: 6px;
}

.post-pagenav .pagenav-button a,
.post-pagenav .pagenav-button a:hover {
  text-decoration: none;
}

.post-pagenav .pagenav-button a {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 10px;
  border: solid 2px #dddddd;
  background-color: #ffffff;
  line-height: 1.4;
  text-align: center;
  transition: opacity .3s;
}

.post-pagenav .pagenav-button a:hover {
  opacity: 1;
}

.post-pagenav .post-prev,
.post-pagenav .post-next {
  width: calc(((100% - 6px) / 2) - .01px);
}

.post-pagenav .post-prev a::after,
.post-pagenav .post-next a::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  line-height: 1;
  transform: translateY(-50%);
}

.post-pagenav .post-prev {
  order: 1;
  margin-right: auto;
}

.post-pagenav .post-prev a::before {
  transform-origin: right top;
}

.post-pagenav .post-prev a::after {
  content: '\f104';
  left: 15px;
  transition: left .3s;
}

.post-pagenav .post-next {
  order: 2;
  margin-left: auto;
}

.post-pagenav .post-next a::before {
  transform-origin: left top;
}

.post-pagenav .post-next a::after {

  content: '\f105';
  right: 15px;
  transition: right .3s;
}

.post-pagenav .post-home {
  order: 3;
  margin-bottom: 0;
}

.post-pagenav .post-home a {
  background-color: var(--main-color);
  color: #ffffff;
}

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
  .single-head {
    padding: 40px 0;
    border-width: 2px;
  }

  .single-title {
    font-size: 2.4rem;
  }
  
  .single-body {
    padding-top: 50px;
  }
  
  .single-body p {
    margin-bottom: 2em;
  }
  
  .single-body img {
    display: inline-block;
  }
  
  .single-body .alignleft,
  .single-body .alignright {
    max-width: 50%;
    margin-bottom: 1em;
  }
  
  .single-body .alignleft .alignleft,
  .single-body .alignright .alignright {
    max-width: 100%;
  }
  
  .single-body .alignleft + br,
  .single-body .alignright + br,
  .single-body .aligncenter + br {
    display: none;
  }
  
  .single-body .fancybox,
  .single-body .alignleft img,
  .single-body .alignright img {
    margin-bottom: 0;
  }
  
  .single-body .fancybox img {
    opacity: 1;
    transition: opacity .3s;
  }
  
  .single-body .fancybox:hover img {
    opacity: .5;
  }
  
  .single-body .alignleft {
    float: left;
    margin-right: 1em;
  }

  .single-body .alignright {
    float: right;
    margin-left: 1em;
  }

  #new .single-body .aligncenter {
    display: block;
    margin: 0 auto 10px;
  }
  
  .post-pagenav-wrapper {
    margin-top: 50px;
    padding-top: 50px;

    border-top-width: 2px;
  }
  
  .post-pagenav {
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .post-pagenav .pagenav-button {
    margin: 0;
    width: calc(((100% - 40px) / 3) - .01px);
  }
  
  .post-pagenav .pagenav-button a {
    padding: 20px 10px;
  }
  
  .post-pagenav .pagenav-button a:hover {
    opacity: .5;
  }
  
  .post-pagenav .pagenav-button a:hover::before {
    transform: scaleX(1);
  }
  
  .post-pagenav .post-prev {
    margin-right: 20px;
  }
  
  .post-pagenav .post-prev a::after {
    left: 40px;
  }
  
  .post-pagenav .post-prev a:hover::after {
    left: 30px;
  }
  
  .post-pagenav .post-next {
    order: 3;
    margin-left: 20px;
  }
  
  .post-pagenav .post-next a::after {
    right: 40px;
  }
  
  .post-pagenav .post-next a:hover::after {
    right: 30px;
  }
  
  .post-pagenav .post-home {
    order: 2;
  }
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
  .single-body .alignleft,
  .single-body .alignright {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}

/*------------------------------------------------------------
page
------------------------------------------------------------*/

@media only screen and (min-width: 560px) {/* ---------- Tablet ---------- */
}

@media only screen and (min-width: 960px) {/* ---------- Laptop PC ---------- */
}

@media only screen and (min-width: 1280px) {/* ---------- Desktop PC ---------- */
}