@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap");
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-style: normal;
}

html {
  font-size: 10px;
}

body {
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-style: normal;
  color: #000;
  font-weight: 400;
}

@media only screen and (max-width: 750px) {
  body {
    font-size: 1.4rem;
  }
}
img {
  vertical-align: bottom;
  max-width: 100%;
}

a {
  outline: none;
  color: #000;
  text-decoration: underline;
}
@media only screen and (min-width: 751px) {
  a:hover {
    text-decoration: none;
  }
}

a img {
  border: none;
  outline: none;
}

li {
  list-style-type: none;
}

main {
  display: block;
}

/**
 * Swiper 6.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 17, 2020
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ==========================================================================

BASE

========================================================================== */
input, label, select, textarea {
  vertical-align: middle;
}

input::-webkit-input-placeholder {
  color: #999999;
  font-weight: normal;
}

input:-ms-input-placeholder {
  color: #999999;
  font-weight: normal;
}

input::-moz-placeholder {
  color: #999999;
  font-weight: normal;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit],
textarea,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  background-color: inherit;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* ==========================================================================

SETTING

========================================================================== */
.c-content_inner {
  padding: 0 25px;
  max-width: 1260px;
  margin: 0 auto;
}

.is-sp {
  display: none;
}

@media only screen and (min-width: 751px) {
  body.opened #content,
body.opened #footer {
    height: inherit !important;
  }

  .tel-btn {
    cursor: default;
  }
}
@media only screen and (max-width: 750px) {
  .is-sp {
    display: inherit;
  }

  .is-pc {
    display: none;
  }

  body.opened #content,
body.opened #footer {
    overflow: hidden;
    min-height: inherit;
  }
}
/* ==========================================================================

HEADER

========================================================================== */
@media only screen and (min-width: 751px) {
  body.on-scroll .h-header {
    background-color: rgba(255, 255, 255, 0.9);
  }
  body.on-scroll .h-header .h-logo_top {
    background-color: rgba(255, 255, 255, 0);
    width: auto;
    padding: 15px 16px 0 22px;
    height: 86px;
  }
  body.on-scroll .h-header .h-logo_top a {
    width: 220px;
  }
  body.on-scroll .h-header .h-logo_top img.logo01 {
    margin-right: 30px;
    width: 57px;
  }
  body.on-scroll .h-header .h-logo_top img.logo02 {
    width: 97px;
    opacity: 1;
  }
}

@media only screen and (min-width: 751px) {
  .h-header.sub {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .h-header.sub .h-logo_top {
    background-color: rgba(255, 255, 255, 0);
    width: auto;
    padding: 15px 16px 0 22px;
    height: 86px;
  }
  .h-header.sub .h-logo_top a {
    width: 220px;
  }
  .h-header.sub .h-logo_top img.logo01 {
    margin-right: 30px;
    width: 57px;
  }
  .h-header.sub .h-logo_top img.logo02 {
    width: 97px;
    opacity: 1;
  }
}
.h-header {
  padding-top: 13px;
  height: 86px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .h-header {
    padding: 0;
    height: auto;
  }
}
.h-header .h-logo_top {
  padding: 52px 0 0;
  text-align: center;
  height: 160px;
  width: 160px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 750px) {
  .h-header .h-logo_top {
    padding: 13px 8px 0;
    width: 60px;
    height: 60px;
  }
}
.h-header .h-logo_top a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.h-header .h-logo_top img.logo01 {
  width: 109px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .h-header .h-logo_top img.logo01 {
    width: inherit;
  }
}
.h-header .h-logo_top img.logo02 {
  width: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .h-header .h-logo_top img.logo02 {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .h-header .h-inner {
    padding: 0 48px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box;
    display: none;
  }
  .h-header .h-inner .h-inner_box {
    min-height: 100vh;
  }
}
.h-header .h-site_logo {
  display: none;
}
@media only screen and (max-width: 750px) {
  .h-header .h-site_logo {
    padding-top: 65px;
    margin: 0 auto 35px;
    display: inherit;
    max-width: 235px;
  }
}
.h-header .h-glogalnavi {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.3rem;
  float: right;
  position: relative;
  z-index: 1;
  width:100vw;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi {
    padding-bottom: 20px;
    display: block;
    float: none;
    font-size: 1.5rem;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item {
  margin-right: 30px;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item {
    margin-right: 0;
  }
  .h-header .h-glogalnavi .h-glogalnavi_item:last-child > a {
    border-bottom: 0;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item > a {
  height: 56px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item > a {
    height: auto;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item > a::before {
  content: " ";
  display: block;
  width: 100%;
  width: 0;
  height: 2px;
  background-color: #bf4278;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item > a::before {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .h-header .h-glogalnavi .h-glogalnavi_item:hover > a {
    color: #bf4278;
  }
  .h-header .h-glogalnavi .h-glogalnavi_item:hover > a::before {
    width: 100%;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega > a {
  padding-right: 19px;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega > a {
    padding-right: 35px;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
  }
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega > a.current {
    color: #bf4278;
  }
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega > a.current::before {
    opacity: 0;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega > a::after {
  content: " ";
  display: block;
  width: 7px;
  height: 7px;
  box-sizing: border-box;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 50%;
  right: 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega > a::after {
    width: 11px;
    height: 1px;
    border: 0;
    background-color: #bf4278;
    right: 11px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    margin-top: 0;
  }
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega > a::before {
    display: block;
    width: 1px;
    height: 11px;
    background-color: #bf4278;
    position: absolute;
    top: 50%;
    right: 16px;
    left: inherit;
    margin-top: -5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
}
@media only screen and (min-width: 751px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega:hover > a::after {
    border-color: #bf4278;
    margin-top: -2px;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi {
    position: relative;
    top: 0;
    display: none;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi::before {
  content: " ";
  display: block;
  width: 100vw;
  height: 100%;
  background-color: #f8f8f8;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi::before {
    display: none;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi .h-meganavi_inner {
  max-height: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi .h-meganavi_inner {
    max-height: inherit;
    visibility: visible;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul {
  padding: 30px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    display: block;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li {
  margin-right: 60px;
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li {
    margin-right: 0;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li a {
  display: inline-block;
  padding-right: 20px;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li a {
    display: block;
    padding: 12px 10px;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li a::before {
  content: " ";
  display: block;
  width: 12px;
  height: 1px;
  background-color: #bf4278;
  position: absolute;
  top: 50%;
  right: 0;
}
@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li a::before {
    background-color: #000;
    right: inherit;
    width: 4px;
    left: 0;
  }
}
.h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li a::after {
  content: " ";
  display: block;
  width: 5px;
  height: 1px;
  background-color: #bf4278;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  margin-top: -2px;
}
.formmidashi{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.formmidashi a:hover{
    color: #ca4b82;
}

@media only screen and (max-width: 750px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li a::after {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega .h-meganavi ul li a:hover {
    color: #bf4278;
  }
}
@media only screen and (min-width: 751px) {
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega:hover {
    z-index: 3;
  }
  .h-header .h-glogalnavi .h-glogalnavi_item.h-glogalnavi_mega:hover .h-meganavi_inner {
    max-height: 200px;
    visibility: visible;
    margin-right:30px;
  }
}
.h-header .h-menu {
  display: none;
}
@media only screen and (max-width: 750px) {
  .h-header .h-menu {
    display: inherit;
    width: 60px;
    height: 60px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }
}
.h-header .h-menu span {
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}
.h-header .h-menu span::before {
  content: " ";
  display: block;
  width: 28px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: -7px;
  left: 16px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.h-header .h-menu span::after {
  content: " ";
  display: block;
  width: 19px;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: -7px;
  left: 16px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

body.is-opened {
  position: relative;
  height: 100vh;
  overflow-y: scroll;
}
body.is-opened .h-header {
  position: absolute;
}
body.is-opened .h-header .h-logo_top {
  background-color: inherit;
}
body.is-opened .h-header .h-menu {
  background-color: inherit;
}
body.is-opened .h-header .h-menu span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.is-opened .h-header .h-menu span::after {
  width: 28px;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.is-opened #wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

/* ==========================================================================

FOOTER

========================================================================== */
.f-footer .f-message {
  padding: 70px 0 90px;
  background: url(../image/common/footer/message_illustrator_tr.png) right top no-repeat, url(../image/common/footer/message_illustrator_br.png) right bottom no-repeat, url(../image/common/footer/message_illustrator_l.png) left 45% no-repeat, url(../image/common/footer/message.jpg) center top/cover no-repeat;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-message {
    padding: 50px 0 45px;
    background: url(../image/common/footer/message_illustrator_tr_sp.png) right top/86px auto no-repeat, url(../image/common/footer/message_illustrator_br_sp.png) right bottom/93px auto no-repeat, url(../image/common/footer/message_illustrator_l_sp.png) left 45%/33px auto no-repeat, url(../image/common/footer/message_sp.jpg) center top/cover no-repeat;
  }
}
.f-footer .f-message h3 {
  margin-bottom: 35px;
  font-size: 2.6rem;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-message h3 {
    margin-bottom: 35px;
    font-size: 2rem;
  }
}
.f-footer .f-message p {
  font-size: 1.8rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-message p {
    font-size: 1.4rem;
  }
}
.f-footer .f-enter a {
  padding: 50px 30px 35px;
  display: block;
  background-color: #bf4278;
  color: #fff;
  text-align: center;
  text-decoration: none;
  position: relative;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .f-footer .f-enter a:hover .f-enter_wrap {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    top: -10px;
  }
  .f-footer .f-enter a:hover .f-enter_inner::before, .f-footer .f-enter a:hover .f-enter_inner::after {
    right: 0;
    opacity: 1;
  }
}
@media only screen and (max-width: 750px) {
  .f-footer .f-enter a {
    padding: 30px 10px 24px;
  }
}
.f-footer .f-enter a::before {
  content: " ";
  display: block;
  width: 2px;
  height: 66px;
  background-color: #fff;
  position: absolute;
  top: -33px;
  left: 50%;
  margin-left: -1px;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-enter a::before {
    width: 1px;
    height: 32px;
    top: -16px;
  }
}
.f-footer .f-enter a .f-enter_wrap {
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.f-footer .f-enter a .f-enter_inner {
  display: inline-block;
  padding: 0 85px;
  position: relative;
}
.f-footer .f-enter a .f-enter_inner::before {
  content: " ";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.f-footer .f-enter a .f-enter_inner::after {
  content: " ";
  display: block;
  width: 14px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.f-footer .f-enter.top a::before {
  display: none;
}
.f-footer .f-enter p:nth-child(1) {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 4.8rem;
  font-weight: 400;
  line-height: 1.2;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-enter p:nth-child(1) {
    font-size: 3.5rem;
  }
}
.f-footer .f-enter p:nth-child(2) {
  margin-top: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-enter p:nth-child(2) {
    margin-top: 3px;
    font-size: 1.4rem;
  }
}
.f-footer .f-outline {
  padding: 50px 0 0;
  background-color: #373737;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-outline {
    padding: 40px 0 0;
  }
}
.f-footer .f-outline .f-logo img {
  width: 70px;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-outline .f-logo img {
    width: 64px;
  }
}
.f-footer .f-outline .f-address {
  margin-top: 30px;
  font-size: 1.4rem;
  line-height: 2.14;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-outline .f-address {
    margin-top: 20px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.f-footer .f-outline .f-btns {
  margin: 16px 0 18px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-outline .f-btns {
    margin: 20px 0 21px;
  }
}
.f-footer .f-outline .f-btns li {
  width: 160px;
  margin: 0 6px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-outline .f-btns li {
    margin: 0 5px;
    width: 134px;
    font-size: 1.2rem;
  }
}
.f-footer .f-outline .f-btns li a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 10px 5px;
  background-color: #565656;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .f-footer .f-outline .f-btns li a:hover {
    background-color: #bf4278;
  }
}
.f-footer .f-outline .f-link {
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-outline .f-link {
    font-size: 1.2rem;
  }
}
.f-footer .f-outline .f-link a {
  color: #fff;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .f-footer .f-outline .f-link a:hover {
    color: #bf4278;
    text-decoration: underline;
  }
}
.f-footer .f-outline .f-gmap {
  margin: 35px auto 0;
  max-width: 874px;
  height: 375px;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-outline .f-gmap {
    margin: 22px auto 0;
    height: 187px;
  }
}
.f-footer .f-outline .f-gmap iframe {
  width: 100%;
  height: 100%;
}
.f-footer .f-outline .f-copyright {
  padding: 25px 0 30px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}
@media only screen and (max-width: 750px) {
  .f-footer .f-outline .f-copyright {
    padding: 22px 0 28px;
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 750px) {
  body.on-scroll_cv .c-cv {
    visibility: visible;
    opacity: 1;
  }
}

.c-cv {
  position: fixed;
  bottom: 30%;
  right: 0;
  z-index: 10;
}
@media only screen and (max-width: 750px) {
  .c-cv {
    bottom: 0;
    width: 100%;
    visibility: initial;
/*    opacity: 0;*/
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
}
@media only screen and (max-width: 750px) {
  .c-cv ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
}
.c-cv ul li {
  margin-bottom: 22px;
  width: 150px;
  background-color: #fff;
}
.c-cv ul li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .c-cv ul li {
    margin-bottom: 0;
    width: 50%;
  }
}
.c-cv ul li a {
  display: block;
  padding: 16px 5px;
  font-size: 1.5rem;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .c-cv ul li a:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 750px) {
  .c-cv ul li a {
    padding: 16px 0 0;
    font-size: 1.3rem;
    line-height: 1.3;
    height: 60px;
    box-sizing: border-box;
  }
}
.c-cv ul li a::before {
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
}
.c-cv ul li a > span {
  /*
  @include breakPoint(sp) {
  	display: block;
  	position: relative;
  	&::before {
  		content: " ";
  		display: block;
  		width: 12px;
  		height: 1px;
  		position: absolute;
  		top: 50%;
  		right: 13px;
  		background-color: #fff;
  	}
  	&::after {
  		content: " ";
  		display: block;
  		width: 5px;
  		height: 1px;
  		position: absolute;
  		top: 50%;
  		right: 13px;
  		background-color: #fff;
  		@include css3(transform, rotate(40deg));
  		margin-top: -2px;
  	}
  }
  */
}
.c-cv ul li:nth-child(1) a {
  background-color: #00b900;
}
.c-cv ul li:nth-child(1) a::before {
  width: 26px;
  height: 26px;
  background: url(../image/common/icon/line_logo.png) center 0/26px auto no-repeat;
  top: -9px;
  margin-left: -13px;
  /*
  @include breakPoint(sp) {
  	width: 17px;
  	height: 13px;
  	background-size: 17px auto;
  	left: 15px;
  	top: 50%;
  	margin: -7px 0 0 0;
  }
  */
}
@media only screen and (max-width: 750px) {
  .c-cv ul li:nth-child(1) a::before {
    width: 22px;
    height: 22px;
    background-size: 21px auto;
    top: -7px;
    margin-left: -11px;
  }
}

.c-cv ul li:nth-child(2) a {
  background-color: #0396d3;
}
.c-cv ul li:nth-child(2) a::before {
  width: 26px;
    height: 20px;
    background: url(../image/common/icon/mail.png) center 0/26px auto no-repeat;
  top: -12px;
  margin-left: -10px;
  /*
  @include breakPoint(sp) {
  	width: 15px;
  	height: 23px;
  	background-size: 15px auto;
  	left: 15px;
  	top: 50%;
  	margin: -12px 0 0 0;
  }
  */
}
@media only screen and (max-width: 750px) {
  .c-cv ul li:nth-child(2) a::before {
    width: 22px;
    height: 16px;
    background-size: 21px auto;
    top: -7px;
    margin-left: -11px;
  }
}
.c-cv ul li:nth-child(2) a {
  padding: 25px 5px 6px;
  background-color: #4095cc;
}
@media only screen and (max-width: 750px) {
  .c-cv ul li:nth-child(2) a {
    padding: 15px 0 0;
  }
}
.c-cv ul li:nth-child(2) a::before {
  width: 24px;
  height: 30px;
  background: url(../image/common/icon/mobile.png) center 0/19px auto no-repeat;
  top: -10px;
  margin-left: -12px;
  box-shadow: none;
}
@media only screen and (max-width: 750px) {
  .c-cv ul li:nth-child(2) a::before {
    width: 18px;
    height: 22px;
    background-size: 17px auto;
    top: -10px;
    margin-left: -9px;
  }
}
.c-cv ul li:nth-child(2) a .tel {
  display: block;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.25;
}
@media only screen and (max-width: 750px) {
  .c-cv ul li:nth-child(2) a .tel {
    font-size: 1.5rem;
  }
}
.c-cv ul li:nth-child(2) a .time {
  display: block;
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px) {
  .c-cv ul li:nth-child(2) a .time {
    font-size: 1.3rem;
  }
}

.c-cv ul li:last-child a {
  background-color: #d30395;
}
.c-cv ul li:last-child a::before {
  width: 26px;
    height: 20px;
    background: url(../image/common/icon/mail.png) center 0/26px auto no-repeat;
  top: -12px;
  margin-left: -10px;
}

@media only screen and (max-width: 750px) {
.c-cv ul li:last-child a::before {
    width: 22px;
    height: 16px;
    background-size: 21px auto;
    top: -7px;
    margin-left: -11px;
  }
}

/* ==========================================================================

CONTENT

========================================================================== */
#content {
  margin-top: 86px;
  overflow-x: hidden;
}
@media only screen and (max-width: 750px) {
  #content {
    margin-top: 0;
  }
}
#content.sub {
  padding-bottom: 45px;
}
@media only screen and (max-width: 750px) {
  #content.sub {
    padding-bottom: 40px;
  }
}

.c-text_link01 {
  text-align: right;
  font-size: 2rem;
}
@media only screen and (max-width: 750px) {
  .c-text_link01 {
    font-size: 1.5rem;
  }
}
.c-text_link01 a {
  display: inline-block;
  padding-right: 45px;
  text-decoration: none;
  position: relative;
  color: #010101;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .c-text_link01 a {
    padding-right: 35px;
  }
}
.c-text_link01 a::before {
  content: " ";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #010101;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .c-text_link01 a::before {
    width: 22px;
    height: 1px;
    margin-top: 0;
  }
}
.c-text_link01 a::after {
  content: " ";
  display: block;
  width: 12px;
  height: 2px;
  background-color: #010101;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .c-text_link01 a::after {
    width: 8px;
    height: 1px;
    margin-top: -2px;
  }
}
@media only screen and (min-width: 751px) {
  .c-text_link01 a:hover {
    color: #bf4278;
  }
  .c-text_link01 a:hover::before, .c-text_link01 a:hover::after {
    background-color: #bf4278;
    right: -4px;
  }
}

@media only screen and (max-width: 750px) {
  .c-btn01 {
    text-align: center;
  }
}
.c-btn01 a {
  display: inline-block;
  padding: 12px 20px;
  border: 1px solid #000;
  box-sizing: border-box;
  width: 100%;
  max-width: 280px;
  background-color: #fff;
  color: #000;
  font-size: 1.5rem;
  text-decoration: none;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 751px) {
  .c-btn01 a:hover {
    color: #fff;
    background-color: #000;
  }
  .c-btn01 a:hover::before {
    right: -25px;
    background-color: #fff;
  }
}
@media only screen and (max-width: 750px) {
  .c-btn01 a {
    padding: 14px 20px;
    width: 80.8571428571%;
    max-width: 360px;
    font-size: 1.4rem;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.07);
  }
}
.c-btn01 a::before {
  content: " ";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -1px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .c-btn01 a::before {
    width: 32px;
    right: -16px;
  }
}

.c-title01 {
  font-size: 3.4rem;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .c-title01 {
    font-size: 2rem;
  }
}

.c-bg_en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20rem;
  font-weight: bold;
  line-height: 150px;
  position: absolute;
  top: -75px;
  left: 50%;
  width: 1500px;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: rgba(2, 149, 209, 0.3);
  z-index: -1;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .c-bg_en {
    font-size: 12rem;
    line-height: 90px;
    top: -45px;
  }
}

.c-pagetitle {
  margin-bottom: 50px;
  position: relative;
}
.c-pagetitle .c-pagetitle_image {
  padding-left: 6.25%;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .c-pagetitle .c-pagetitle_image {
    padding-left: 0;
  }
}
.c-pagetitle .c-pagetitle_image::before {
  content: " ";
  display: block;
  width: 52.7777777778%;
  height: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .c-pagetitle .c-pagetitle_image::before {
    width: 51.2%;
    top: 48px;
  }
}
.c-pagetitle .c-pagetitle_image figure {
  position: relative;
}
.c-pagetitle .c-pagetitle_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-pagetitle .c-content_inner {
  padding: 0 80px;
  max-width: 1015px;
  height: 100%;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .c-pagetitle .c-content_inner {
    padding: 0 25px;
  }
}
.c-pagetitle .c-pagetitle_titlearea {
  width: 100%;
  color: #fff;
}
.c-pagetitle .c-pagetitle_titlearea .c-pagetitle_en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 10rem;
  line-height: 1;
  text-transform: uppercase;
  word-wrap: break-word;
}
@media only screen and (max-width: 1000px) {
  .c-pagetitle .c-pagetitle_titlearea .c-pagetitle_en {
    font-size: 8rem;
  }
}
@media only screen and (max-width: 750px) {
  .c-pagetitle .c-pagetitle_titlearea .c-pagetitle_en {
    font-size: 4rem;
  }
}
.c-pagetitle .c-pagetitle_titlearea .c-pagetitle_ja {
  margin-top: 15px;
  font-size: 3rem;
  line-height: 1.4;
}
@media only screen and (max-width: 750px) {
  .c-pagetitle .c-pagetitle_titlearea .c-pagetitle_ja {
    margin-top: 5px;
    font-size: 1.5rem;
  }
}
.c-pagetitle .c-topicpath {
  position: absolute;
  bottom: 18px;
  left: 80px;
  font-size: 1.5rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .c-pagetitle .c-topicpath {
    font-size: 1.3rem;
    left: 25px;
    bottom: 12px;
  }
}
.c-pagetitle .c-topicpath li {
  color: #fff;
}
.c-pagetitle .c-topicpath li::after {
  content: "｜";
}
.c-pagetitle .c-topicpath li:last-child::after {
  display: none;
}
.c-pagetitle .c-topicpath li a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .c-pagetitle .c-topicpath li a:hover {
    color: #bf4278;
  }
}
.c-pagetitle.index .c-pagetitle_image figure::after {
  content: " ";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 750px) {
  .c-pagetitle.index .c-pagetitle_image figure::after {
    height: 44px;
    background-size: auto 44px !important;
  }
}
.c-pagetitle.index .c-pagetitle_titlearea .c-pagetitle_en {
  font-size: 12rem;
}
@media only screen and (max-width: 1000px) {
  .c-pagetitle.index .c-pagetitle_titlearea .c-pagetitle_en {
    font-size: 10rem;
  }
}
@media only screen and (max-width: 750px) {
  .c-pagetitle.index .c-pagetitle_titlearea .c-pagetitle_en {
    font-size: 5.7rem;
  }
}
.c-pagetitle.index .c-topicpath {
  bottom: 70px;
}
@media only screen and (max-width: 750px) {
  .c-pagetitle.index .c-topicpath {
    bottom: 55px;
  }
}
.c-pagetitle.color01 .c-pagetitle_image::before {
  background-color: #edd3de;
}
.c-pagetitle.color01 .c-pagetitle_image figure::after {
  background: url(../image/common/bg/page_title01.png) 0 0 repeat-x;
}
.c-pagetitle.color02 .c-pagetitle_image::before {
  background-color: #c9e2be;
}
.c-pagetitle.color02 .c-pagetitle_image figure::after {
  background: url(../image/common/bg/page_title02.png) 0 0 repeat-x;
}
.c-pagetitle.color03 .c-pagetitle_image::before {
  background-color: #c4e5f2;
}
.c-pagetitle.color03 .c-pagetitle_image figure::after {
  background: url(../image/common/bg/page_title03.png) 0 0 repeat-x;
}
.c-pagetitle.color04 .c-pagetitle_image::before {
  background-color: #f7e0c3;
}
.c-pagetitle.color04 .c-pagetitle_image figure::after {
  background: url(../image/common/bg/page_title04.png) 0 0 repeat-x;
}

.c-page_list .c-content_inner {
  max-width: 1265px;
}
.c-page_list ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 750px) {
  .c-page_list ul {
    display: block;
  }
}
.c-page_list ul li {
  width: 32.0948616601%;
}
@media only screen and (max-width: 750px) {
  .c-page_list ul li {
    margin-bottom: 35px;
    width: auto;
  }
  .c-page_list ul li:last-child {
    margin-bottom: 0;
  }
}
.c-page_list ul li figure {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.c-page_list ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.c-page_list ul li a::before {
  content: " ";
  display: block;
  width: 28px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 30px;
  right: 34px;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .c-page_list ul li a::before {
    width: 23px;
    right: 26px;
    bottom: 25px;
  }
}
.c-page_list ul li a::after {
  content: " ";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 30px;
  right: 34px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  margin-bottom: 3px;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .c-page_list ul li a::after {
    width: 8px;
    right: 26px;
    bottom: 25px;
  }
}
@media only screen and (min-width: 751px) {
  .c-page_list ul li a:hover {
    color: #bf4278;
  }
  .c-page_list ul li a:hover::before, .c-page_list ul li a:hover::after {
    background-color: #bf4278;
  }
  .c-page_list ul li a:hover figure {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.7;
  }
}
.c-page_list ul li .textbody {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center;
}
.c-page_list ul li .textbody .en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 3.6rem;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .c-page_list ul li .textbody .en {
    font-size: 3rem;
  }
}
.c-page_list ul li .textbody .ja {
  margin-top: 15px;
  font-size: 1.6rem;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .c-page_list ul li .textbody .ja {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.c-subpage_list {
  margin-top: 70px;
}
@media only screen and (max-width: 750px) {
  .c-subpage_list {
    margin-top: 40px;
  }
}
.c-subpage_list .c-content_inner {
  max-width: 830px;
}
.c-subpage_list ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 750px) {
  .c-subpage_list ul {
    display: block;
  }
}
.c-subpage_list ul li {
  width: 48.4337349398%;
}
@media only screen and (max-width: 750px) {
  .c-subpage_list ul li {
    margin-bottom: 10px;
    width: auto;
  }
  .c-subpage_list ul li:last-child {
    margin-bottom: 0;
  }
}
.c-subpage_list ul li figure {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.c-subpage_list ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.c-subpage_list ul li a::before {
  content: " ";
  display: block;
  width: 28px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 30px;
  right: 34px;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .c-subpage_list ul li a::before {
    width: 23px;
    right: 26px;
    bottom: 25px;
  }
}
.c-subpage_list ul li a::after {
  content: " ";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 30px;
  right: 34px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  margin-bottom: 3px;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .c-subpage_list ul li a::after {
    width: 8px;
    right: 26px;
    bottom: 25px;
  }
}
@media only screen and (min-width: 751px) {
  .c-subpage_list ul li a:hover {
    color: #bf4278;
  }
  .c-subpage_list ul li a:hover::before, .c-subpage_list ul li a:hover::after {
    background-color: #bf4278;
  }
  .c-subpage_list ul li a:hover figure {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.7;
  }
}
.c-subpage_list ul li .textbody {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center;
}
.c-subpage_list ul li .textbody .en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 3.6rem;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .c-subpage_list ul li .textbody .en {
    font-size: 3rem;
  }
}
.c-subpage_list ul li .textbody .ja {
  margin-top: 15px;
  font-size: 1.6rem;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .c-subpage_list ul li .textbody .ja {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

/* ==========================================================================

MV

========================================================================== */
.t-mv {
  padding: 10px 30px 13px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-mv {
    padding: 25px 23px 20px;
  }
}
.t-mv::before {
  content: " ";
  display: block;
  width: 235px;
  height: 140px;
  background: url(../image/top/mv_illustrator_tl.png) 0 0 no-repeat;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-mv::before {
    width: 83px;
    height: 98px;
    background-image: url(../image/top/mv_illustrator_tl_sp.png);
    background-size: 83px auto;
    top: 15px;
  }
}
.t-mv::after {
  content: " ";
  display: block;
  width: 255px;
  height: 351px;
  background: url(../image/top/mv_illustrator_tr.png) 0 0 no-repeat;
  position: absolute;
  top: -11px;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-mv::after {
    width: 110px;
    height: 159px;
    background-image: url(../image/top/mv_illustrator_tr_sp.png);
    background-size: 110px auto;
    top: 0;
  }
}
.t-mv .t-m_inner::before {
  content: " ";
  display: block;
  width: 136px;
  height: 379px;
  background: url(../image/top/mv_illustrator_bl.png) 0 0 no-repeat;
  position: absolute;
  bottom: -42px;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-mv .t-m_inner::before {
    width: 61px;
    height: 200px;
    background-image: url(../image/top/mv_illustrator_bl_sp.png);
    background-size: 61px auto;
    bottom: 6px;
  }
}
.t-mv .t-m_inner::after {
  content: " ";
  display: block;
  width: 177px;
  height: 128px;
  background: url(../image/top/mv_illustrator_br.png) 0 0 no-repeat;
  position: absolute;
  bottom: -37px;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-mv .t-m_inner::after {
    width: 67px;
    height: 77px;
    background-image: url(../image/top/mv_illustrator_br_sp.png);
    background-size: 67px auto;
    bottom: -12px;
  }
}
.t-mv .t-mv_video {
  padding-bottom: 50.0362056481%;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 750px) {
  .t-mv .t-mv_video {
    padding-bottom: 99.956500%;
  }
}
.t-mv .t-mv_video::after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.t-mv .t-mv_video .t-mv_video_wrap {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding-bottom: 56.25%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media only screen and (max-width: 750px) {
  .t-mv .t-mv_video .t-mv_video_wrap {
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    padding-left: 250%;
    padding-bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.t-mv .t-mv_video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t-mv h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.t-mv li {
  position: absolute;
  bottom: 50px;
  left: 80px;
  color: #fff;
  z-index: 2;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
@media only screen and (max-width: 750px) {
  .t-mv li {
    bottom: 40px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 40px;
  }
}
.t-mv li .title {
  margin-bottom: 5px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}
@media only screen and (max-width: 750px) {
  .t-mv li .title {
    font-size: 2rem;
  }
}
.t-mv li .text {
  font-size: 2rem;
  line-height: 1.5;
}
@media only screen and (max-width: 750px) {
  .t-mv li .text {
    font-size: 1.4rem;
  }
}
.t-mv.start {
  /*
  h1 {
  	opacity: 0;
  	visibility: hidden;
  }
  */
}
.t-mv.start li.show {
  visibility: visible;
  opacity: 1;
}

/* ==========================================================================

ギャラリー

========================================================================== */
.t-gallery {
  padding-bottom: 80px;
}
@media only screen and (max-width: 750px) {
  .t-gallery {
    padding-bottom: 65px;
  }
}
.t-gallery .c-content_inner {
  max-width: 1032px;
}
@media only screen and (min-width: 751px) {
  .t-gallery .t-gallery_swiper ul {
    justify-content: space-between;
    align-items: flex-start;
  }
  .t-gallery .t-gallery_swiper ul li {
    width: 32.4612403101%;
  }
}
.t-gallery .t-gallery_swiper_wrap {
  position: relative;
}
.t-gallery .t-gallery_swiper_wrap .t-gallery_swiper_prev, .t-gallery .t-gallery_swiper_wrap .t-gallery_swiper_next {
  display: none;
}
@media only screen and (max-width: 750px) {
  .t-gallery .t-gallery_swiper_wrap .t-gallery_swiper_prev, .t-gallery .t-gallery_swiper_wrap .t-gallery_swiper_next {
    display: inherit;
    width: 30px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
  }
}
@media only screen and (max-width: 750px) {
  .t-gallery .t-gallery_swiper_wrap .t-gallery_swiper_prev {
    left: 8px;
  }
  .t-gallery .t-gallery_swiper_wrap .t-gallery_swiper_prev::before {
    content: " ";
    display: block;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -3px;
  }
}
@media only screen and (max-width: 750px) {
  .t-gallery .t-gallery_swiper_wrap .t-gallery_swiper_next {
    right: 8px;
  }
  .t-gallery .t-gallery_swiper_wrap .t-gallery_swiper_next::before {
    content: " ";
    display: block;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -8px;
  }
}
.t-gallery .c-text_link01 {
  margin-top: 10px;
}
@media only screen and (max-width: 750px) {
  .t-gallery .c-text_link01 {
    margin-top: 18px;
  }
}

/* ==========================================================================

キーワード

========================================================================== */
.t-keyword {
  padding: 32px 0 156px 0;
  background-color: #fbf8f9;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-keyword {
    padding: 1px 0 180px;
  }
}
.t-keyword .c-content_inner {
  max-width: 1032px;
}
.t-keyword .t-keyword_title_en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  font-size: 20rem;
  line-height: 150px;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: rgba(191, 66, 120, 0.3);
  z-index: 0;
}
@media only screen and (max-width: 750px) {
  .t-keyword .t-keyword_title_en {
    font-size: 12rem;
    line-height: 90px;
    top: 2px;
  }
}
.t-keyword h2 {
  margin-bottom: 70px;
  font-size: 3rem;
  line-height: 1.3;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-keyword h2 {
    margin-bottom: 40px;
    font-size: 2rem;
  }
}
.t-keyword .t-keyword_link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.t-keyword .t-keyword_link li {
  width: 300px;
  margin: 0 15px 20px;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .t-keyword .t-keyword_link li {
    width: 100%;
    max-width: 261px;
    margin: 0 5px 10px;
  }
}
.t-keyword .t-keyword_link li a {
  display: block;
  padding: 10px;
  border: 2px solid #bf4278;
  color: #bf4278;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .t-keyword .t-keyword_link li a:hover {
    color: #fff;
    background-color: #bf4278;
  }
}
@media only screen and (max-width: 750px) {
  .t-keyword .t-keyword_link li a {
    padding: 11px 10px;
  }
}
.t-keyword .c-text_link01 {
  margin-top: 12px;
}
@media only screen and (max-width: 750px) {
  .t-keyword .c-text_link01 {
    margin-top: 10px;
  }
}

/* ==========================================================================

ニュース

========================================================================== */
.t-news {
  padding: 36px 0 192px;
}
@media only screen and (max-width: 750px) {
  .t-news {
    padding: 35px 0 35px;
  }
}
.t-news .c-content_inner {
  max-width: 1066px;
}
.t-news .t-news_box {
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .t-news .t-news_box {
    padding-left: 23px;
    margin-bottom: 20px;
    display: block;
    position: relative;
  }
  .t-news .t-news_box::before {
    content: " ";
    display: block;
    width: 2px;
    height: 98%;
    background-color: #000;
    position: absolute;
    top: 5px;
    left: 0;
  }
}
.t-news .t-news_box h2 {
  flex: 0 0 106px;
  padding-left: 36px;
  font-size: 2.4rem;
  line-height: 1.3;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-news .t-news_box h2 {
    padding-left: 0;
    font-size: 2.5rem;
  }
}
.t-news .t-news_box h2::before {
  content: " ";
  display: block;
  width: 2px;
  height: 40px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
}
@media only screen and (max-width: 750px) {
  .t-news .t-news_box h2::before {
    display: none;
  }
}
.t-news .t-news_box ul {
  flex: 1 1 100%;
  margin-top: 5px;
}
@media only screen and (max-width: 750px) {
  .t-news .t-news_box ul {
    margin: 15px 0 0;
  }
}
.t-news .t-news_box ul li {
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.5rem;
}
@media only screen and (max-width: 750px) {
  .t-news .t-news_box ul li {
    flex-wrap: wrap;
  }
}
.t-news .t-news_box ul li .date {
  flex: 0 0 6em;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #bf4278;
}
@media only screen and (max-width: 750px) {
  .t-news .t-news_box ul li .date {
    margin-bottom: 5px;
    margin-right: 8px;
    font-size: 1.5rem;
    flex: 0 0 auto;
  }
}
.t-news .t-news_box ul li .new {
  flex: 0 0 60px;
}
.t-news .t-news_box ul li .new em {
  padding: 1px 5px 0;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.5rem;
  background-color: #bf4278;
  color: #fff;
}
@media only screen and (max-width: 750px) {
  .t-news .t-news_box ul li .new em {
    font-size: 1.4rem;
    position: relative;
    top: -1px;
  }
}
.t-news .t-news_box ul li .text {
  flex: 1 1 100%;
}
@media only screen and (max-width: 750px) {
  .t-news .t-news_box ul li .text {
    display: block;
    font-size: 1.4rem;
  }
}

/* ==========================================================================

会社を知る

========================================================================== */
.t-know {
  background-color: #bf4278;
}
.t-know .c-content_inner {
  max-width: 1066px;
}
.t-know .t-news_box {
  padding: 55px 0 175px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #fff;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box {
    padding: 0 0 93px;
    display: block;
  }
}
.t-know .t-news_box::before {
  content: " ";
  width: 290px;
  height: 92%;
  background-color: rgba(222, 116, 162, 0.5);
  position: absolute;
  bottom: 142px;
  left: -100px;
  z-index: 0;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box::before {
    display: none;
  }
}
.t-know .t-news_box::after {
  content: " ";
  display: block;
  width: 151px;
  height: 183px;
  background: url(../image/top/know_bg.png) 0 0 no-repeat;
  background-size: 150px auto;
  position: absolute;
  top: 37%;
  left: -50px;
  z-index: 0;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box::after {
    display: none;
  }
}
.t-know .t-news_box figure {
  margin-bottom: 10px;
  width: 54.5966228893%;
  position: absolute;
  top: -100px;
  left: 0;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box figure {
    position: relative;
    top: -90px;
    width: auto;
    text-align: right;
    left: inherit;
    right: -25px;
    z-index: 1;
  }
  .t-know .t-news_box figure img {
    width: 80.8571428571%;
  }
  .t-know .t-news_box figure::before {
    content: " ";
    display: block;
    width: 47.8571428571%;
    height: 170%;
    background-color: rgba(222, 116, 162, 0.5);
    position: absolute;
    top: -27px;
    left: -25px;
    z-index: -1;
  }
  .t-know .t-news_box figure::after {
    content: " ";
    display: block;
    width: 105px;
    height: 128px;
    background: url(../image/top/know_bg.png) 0 0 no-repeat;
    background-size: 105px auto;
    position: absolute;
    top: 105%;
    left: 0;
    z-index: 0;
  }
}
.t-know .t-news_box .t-news_titlearea {
  width: 54.5966228893%;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box .t-news_titlearea {
    width: auto;
  }
}
.t-know .t-news_box .t-news_titlearea .t-news_lead {
  margin-bottom: 35px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 6rem;
  line-height: 1.1;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box .t-news_titlearea .t-news_lead {
    margin-bottom: 15px;
    font-size: 5.5rem;
  }
}
.t-know .t-news_box .t-news_titlearea .t-news_lead02 {
  max-width: 188px;
  margin: 0 auto 92px;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box .t-news_titlearea .t-news_lead02 {
    margin: 0 auto 40px;
    max-width: 160px;
  }
}
.t-know .t-news_box .t-news_textbody {
  width: 39.3996247655%;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box .t-news_textbody {
    width: auto;
  }
}
.t-know .t-news_box .t-news_textbody h3 {
  margin-bottom: 25px;
  font-size: 2.4rem;
  font-size: 400;
  line-height: 1.3;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box .t-news_textbody h3 {
    margin-bottom: 25px;
    font-size: 2.2rem;
  }
}
.t-know .t-news_box .t-news_textbody p.text {
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .t-know .t-news_box .t-news_textbody p.text {
    font-size: 1.4rem;
    line-height: 1.92;
  }
}
@media only screen and (max-width: 750px) {
  .t-know .c-btn01 {
    margin-top: 55px;
  }
}

/* ==========================================================================

クラシオン道

========================================================================== */
.t-michi {
  padding: 85px 0 220px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-michi {
    padding: 45px 0 77px;
  }
}
.t-michi .t-michi_title_en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20rem;
  font-weight: bold;
  line-height: 150px;
  position: absolute;
  top: -25px;
  left: 50%;
  width: 1250px;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: rgba(2, 149, 209, 0.3);
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_title_en {
    font-size: 12rem;
    line-height: 90px;
    width: 750px;
    top: 5px;
    -webkit-transform: translate(-66%, 0);
    -moz-transform: translate(-66%, 0);
    -ms-transform: translate(-66%, 0);
    -o-transform: translate(-66%, 0);
    transform: translate(-66%, 0);
  }
}
.t-michi .t-michi_title {
  margin-bottom: 22px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_title {
    margin-bottom: 11px;
    font-size: 2.5rem;
  }
}
.t-michi .t-michi_lead {
  margin-bottom: 80px;
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_lead {
    margin-bottom: 44px;
    font-size: 1.4rem;
  }
}
.t-michi .t-michi_list .t-michi_item {
  max-width: 1260px;
  max-width: 1198px;
  margin: 0 auto 40px;
  padding-top: 50px;
  background: url(../image/top/michi_bg_top.png) center 0 no-repeat;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item {
    padding-top: 40px;
    background: url(../image/top/michi_bg_top_sp01.png) center 0 repeat-x;
    background-size: auto 40px;
  }
}
.t-michi .t-michi_list .t-michi_item::before, .t-michi .t-michi_list .t-michi_item::after {
  content: " ";
  display: block;
  width: 31px;
  height: 50px;
  background: url(../image/top/michi_bg_top.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item::before, .t-michi .t-michi_list .t-michi_item::after {
    width: 12px;
    height: 40px;
    background: url(../image/top/michi_bg_top_sp02.png) 0 0 no-repeat;
    background-size: 12px 40px;
  }
}
.t-michi .t-michi_list .t-michi_item::before {
  left: -31px;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item::before {
    left: -11px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.t-michi .t-michi_list .t-michi_item::after {
  background-position: right 0;
  right: -31px;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item::after {
    background-position: 0 0;
    right: -11px;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_inner {
  max-width: 1198px;
  padding: 0 18px;
  border: 2px solid #0296d3;
  border-top: 0;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: #fff;
  background: url(../image/top/michi_bg_side.png) 0 0 repeat-y, url(../image/top/michi_bg_side.png) right 0 repeat-y;
  position: relative;
  box-shadow: 1px 1px 15px rgba(2, 150, 211, 0.1) inset;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_inner {
    padding: 0 9px;
    background: url(../image/top/michi_bg_side_sp.png) 0 0/9px auto repeat-y, url(../image/top/michi_bg_side_sp.png) right 0/9px auto repeat-y;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_inner::before, .t-michi .t-michi_list .t-michi_item .t-michi_item_inner::after {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_inner::before, .t-michi .t-michi_list .t-michi_item .t-michi_item_inner::after {
    display: none;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_inner::before {
  width: 205px;
  height: 129px;
  background: url(../image/top/michi_cloud_top.png) 0 0 no-repeat;
  top: 0;
  left: 18px;
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_inner::after {
  width: 171px;
  height: 97px;
  background: url(../image/top/michi_cloud_btm.png) 0 0 no-repeat;
  bottom: 0;
  right: 18px;
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column {
  padding: 60px 50px 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column {
    padding: 55px 24px 25px;
    display: block;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_titlearea {
  width: 27.1010387158%;
  order: 2;
  box-sizing: border-box;
  padding: 44px 0 0 43px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_titlearea {
    width: auto;
    padding: 0 10px;
    margin-bottom: 43px;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_titlearea::before {
  content: " ";
  display: block;
  width: 157px;
  height: 166px;
  background: url(../image/top/michi_bg_moji.png) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -38px;
  right: -43px;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_titlearea::before {
    width: 109px;
    height: 116px;
    top: -45px;
    right: -19px;
  }
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_titlearea h3 {
    padding-left: 28px;
    max-width: 160px;
    margin: 0 auto;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_textbody {
  width: 72.8989612842%;
  order: 1;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_textbody {
    width: auto;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_image {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_image {
    margin-bottom: 0;
    display: block;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_image li {
  width: 47.0207253886%;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_image li {
    width: auto;
    max-width: 360px;
    margin: 0 auto 10px;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_image li:nth-child(1) {
  order: 2;
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_image li:nth-child(2) {
  order: 1;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_spcloud {
    position: relative;
  }
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_spcloud::before, .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_spcloud::after {
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
  }
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_spcloud::before {
    width: 91px;
    height: 98px;
    background: url(../image/top/michi_cloud_top_sp.png) 0 0/91px auto no-repeat;
    top: -40px;
    left: -24px;
  }
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_spcloud::after {
    width: 76px;
    height: 85px;
    background: url(../image/top/michi_cloud_btm_sp.png) 0 0/76px auto no-repeat;
    bottom: -20px;
    right: -24px;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_section {
  margin-top: 25px;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_section {
    margin-top: 20px;
    text-align: left;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_section h4 {
  margin-bottom: 5px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: bold;
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_section p {
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_section p {
    font-size: 1.4rem;
    line-height: 1.9;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_inner {
  max-width: 465px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_inner {
    max-width: 250px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map.t-michi_item_spcloud::after {
    bottom: -120px;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map figure img {
  width: 370px;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map figure img {
    width: auto;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody {
  position: absolute;
  bottom: 50px;
  right: 0;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody {
    bottom: 10px;
    right: -10px;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title {
  margin-left: -10px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #bf4278;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title {
    margin-left: 10px;
    font-size: 1.2rem;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title span {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title span {
    padding: 0 5px;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title span::before, .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title span::after {
  content: " ";
  width: 2px;
  height: 80%;
  background-color: #bf4278;
  position: absolute;
  top: 10%;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title span::before, .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title span::after {
    width: 1px;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title span::before {
  left: 0;
  -webkit-transform: rotate(-22deg);
  -moz-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  -o-transform: rotate(-22deg);
  transform: rotate(-22deg);
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .title span::after {
  right: 0;
  -webkit-transform: rotate(22deg);
  -moz-transform: rotate(22deg);
  -ms-transform: rotate(22deg);
  -o-transform: rotate(22deg);
  transform: rotate(22deg);
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .num {
  font-size: 1.9rem;
  font-weight: bold;
  color: #bf4278;
  line-height: 1;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .num {
    font-size: 1.3rem;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .num span {
  margin-right: 5px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 6.3rem;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .num span {
    margin-right: 2px;
    font-size: 4.3rem;
  }
}
.t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .attention {
  text-align: right;
  font-size: 1.3rem;
  color: #666;
}
@media only screen and (max-width: 750px) {
  .t-michi .t-michi_list .t-michi_item .t-michi_item_column .t-michi_item_map .t-michi_item_map_textbody .attention {
    font-size: 1.2rem;
  }
}
.t-michi .c-btn01 {
  text-align: right;
  max-width: 1066px;
  margin: 42px auto 0;
}
@media only screen and (max-width: 750px) {
  .t-michi .c-btn01 {
    margin-top: 35px;
    text-align: center;
  }
}

/* ==========================================================================

先輩インタビュー

========================================================================== */
.t-interview {
  padding: 0 0 165px;
  background-color: #f9f9f9;
}
@media only screen and (max-width: 750px) {
  .t-interview {
    padding: 65px 0 95px;
  }
}
.t-interview .c-content_inner {
  max-width: 1068px;
  position: relative;
}
.t-interview .t-interview_title_en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 18rem;
  font-weight: bold;
  line-height: 130px;
  position: absolute;
  top: -70px;
  left: 25px;
  width: 850px;
  color: rgba(173, 224, 124, 0.3);
  z-index: 0;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_title_en {
    font-size: 12rem;
    line-height: 90px;
    width: 750px;
    top: -60px;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.t-interview .t-interview_title {
  position: absolute;
  top: 46px;
  left: 25px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.1em;
  z-index: 3;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_title {
    margin-bottom: 25px;
    font-size: 2.5rem;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
}
.t-interview .t-interview_swiper {
  position: relative;
  z-index: 1;
  top: -60px;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_swiper {
    top: 0;
    margin: 0 -25px;
  }
}
.t-interview .t-interview_item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_item {
    display: block;
  }
}
.t-interview .t-interview_item .t-interview_item_image {
  order: 2;
  width: 57.6779026217%;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_item .t-interview_item_image {
    width: auto;
  }
}
.t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_prev, .t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_next {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 0;
  cursor: pointer;
}
.t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_prev::before, .t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_prev::after, .t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_next::before, .t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_next::after {
  content: " ";
  display: block;
  background-color: #fff;
  position: absolute;
}
.t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_prev::before, .t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_next::before {
  width: 16px;
  height: 1px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
}
.t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_prev::after, .t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_next::after {
  width: 9px;
  height: 1px;
  top: 50%;
  margin-top: -3px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
.t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_prev {
  background-color: #1c1c1c;
  right: 50px;
}
.t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_prev::after {
  left: 17px;
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_next {
  background-color: #000;
  right: 0;
}
.t-interview .t-interview_item .t-interview_item_image .t-interview_swiper_next::after {
  right: 17px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
.t-interview .t-interview_item .t-interview_item_textbody {
  order: 1;
  width: 42.3220973783%;
  box-sizing: border-box;
  padding: 30px 10px 30px 30px;
  background-color: #fff;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_item .t-interview_item_textbody {
    width: auto;
    padding: 10px 25px 30px;
  }
}
.t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_aside {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_aside {
    font-size: 1.3rem;
  }
}
.t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_aside .t-interview_item_type {
  flex: 0 0 133px;
  margin-right: 30px;
  padding: 5px;
  background-color: #5bb532;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_aside .t-interview_item_type {
    flex: 0 0 95px;
    padding: 4px;
    margin-right: 15px;
  }
}
.t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_aside .t-interview_item_name {
  flex: 1 1 100%;
}
.t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_aside .t-interview_item_name span {
  display: inline-block;
}
.t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_aside .t-interview_item_name span:nth-child(1) {
  margin-right: 1em;
}
.t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_text {
  margin-top: 25px;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .t-interview .t-interview_item .t-interview_item_textbody .t-interview_item_text {
    margin-top: 12px;
    font-size: 1.4rem;
    line-height: 1.9;
  }
}
.t-interview .c-btn01 {
  text-align: right;
  max-width: 1066px;
  margin: -15px auto 0;
}
@media only screen and (max-width: 750px) {
  .t-interview .c-btn01 {
    text-align: center;
    margin-top: 43px;
  }
}

/* ==========================================================================

見学会情報

========================================================================== */
.t-tour {
  padding: 57px 0 75px;
}
@media only screen and (max-width: 750px) {
  .t-tour {
    padding: 63px 0 35px;
  }
}
.t-tour .c-content_inner {
  max-width: 1260px;
  position: relative;
}
.t-tour .t-tour_title_en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 18rem;
  font-weight: bold;
  line-height: 130px;
  position: absolute;
  top: -60px;
  left: 50%;
  width: 1600px;
  color: rgba(249, 189, 113, 0.5);
  z-index: 0;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_title_en {
    font-size: 12rem;
    line-height: 90px;
    width: 1800px;
    top: -56px;
    -webkit-transform: translate(-39%, 0);
    -moz-transform: translate(-39%, 0);
    -ms-transform: translate(-39%, 0);
    -o-transform: translate(-39%, 0);
    transform: translate(-39%, 0);
  }
}
.t-tour .t-tour_title {
  position: absolute;
  top: 58px;
  right: 95px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.1em;
  z-index: 3;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_title {
    margin-bottom: 30px;
    font-size: 2.5rem;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
  }
}
.t-tour .t-tour_column {
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_column {
    margin-bottom: 23px;
    display: block;
  }
}
.t-tour .t-tour_column figure {
  width: 51.5873015873%;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_column figure {
    margin-bottom: 13px;
    width: auto;
  }
}
.t-tour .t-tour_column .t-tour_textbody {
  width: 57.1161048689%;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_column .t-tour_textbody {
    width: auto;
  }
}
.t-tour .t-tour_column .t-tour_textbody .t-tour_textbody_inner {
  max-width: 324px;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_column .t-tour_textbody .t-tour_textbody_inner {
    max-width: inherit;
  }
}
.t-tour .t-tour_column .t-tour_textbody ul {
  margin-bottom: 45px;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_column .t-tour_textbody ul {
    margin-bottom: 17px;
  }
}
.t-tour .t-tour_column .t-tour_textbody ul li {
  padding: 9px 10px;
  margin-bottom: 5px;
  font-size: 2rem;
  line-height: 1.5;
  background-color: #ff8e00;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_column .t-tour_textbody ul li {
    padding: 10px 22px;
    margin-bottom: 8px;
    font-size: 1.4rem;
    text-align: left;
  }
}
.t-tour .t-tour_line {
  background-color: #f9f9f9;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_line {
    padding: 40px 23px 33px;
  }
}
.t-tour .t-tour_line .t-tour_line_column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_line .t-tour_line_column {
    justify-content: space-between;
    align-items: flex-start;
  }
}
.t-tour .t-tour_line figure {
  padding-top: 20px;
  margin-right: 45px;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_line figure {
    padding-top: 0;
    margin-right: 0;
    width: 35.9712230216%;
  }
}
.t-tour .t-tour_line .t-tour_line_textbody {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_line .t-tour_line_textbody {
    width: 56.654676259%;
  }
}
.t-tour .t-tour_line .t-tour_line_textbody dt {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ff8e00;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_line .t-tour_line_textbody dt {
    margin-bottom: 7px;
    font-size: 1.4rem;
  }
}
.t-tour .t-tour_line .t-tour_line_textbody dt span {
  display: inline-block;
  padding: 0 10px 0 20px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_line .t-tour_line_textbody dt span {
    padding: 0 15px 0 24px;
  }
}
.t-tour .t-tour_line .t-tour_line_textbody dt span::before, .t-tour .t-tour_line .t-tour_line_textbody dt span::after {
  content: " ";
  width: 2px;
  height: 80%;
  background-color: #ff8e00;
  position: absolute;
  top: 10%;
}
.t-tour .t-tour_line .t-tour_line_textbody dt span::before {
  left: 0;
  -webkit-transform: rotate(-22deg);
  -moz-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  -o-transform: rotate(-22deg);
  transform: rotate(-22deg);
}
.t-tour .t-tour_line .t-tour_line_textbody dt span::after {
  right: 0;
  -webkit-transform: rotate(22deg);
  -moz-transform: rotate(22deg);
  -ms-transform: rotate(22deg);
  -o-transform: rotate(22deg);
  transform: rotate(22deg);
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_line .t-tour_line_textbody dd {
    font-size: 1.3rem;
    line-height: 1.4;
  }
}
.t-tour .t-tour_line .t-tour_line_btn {
  display: none;
}
@media only screen and (max-width: 750px) {
  .t-tour .t-tour_line .t-tour_line_btn {
    margin-top: 28px;
    display: inherit;
  }
  .t-tour .t-tour_line .t-tour_line_btn a {
    display: block;
    padding: 13px 10px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    z-index: 1;
  }
  .t-tour .t-tour_line .t-tour_line_btn a::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #bdc2c6;
    border-radius: 5px;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: -2;
  }
  .t-tour .t-tour_line .t-tour_line_btn a::after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #00b900;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}

/* ==========================================================================

鍼灸整骨院マップ

========================================================================== */
.t-shop {
  margin-bottom: 90px;
}
@media only screen and (max-width: 750px) {
  .t-shop {
    margin-bottom: 42px;
  }
}
.t-shop .t-shop_box {
  padding: 75px 30px 45px;
  border: 3px solid #bf4278;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: url(../image/top/shop_map_bg.png) right bottom no-repeat;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box {
    padding: 35px 8px 28px;
    display: block;
  }
}
.t-shop .t-shop_box h2 {
  margin-right: 60px;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box h2 {
    margin-right: 0;
    margin-bottom: 15px;
    padding: 0 10px 0 15px;
    text-align: center;
  }
}
.t-shop .t-shop_box .t-shop_textbody {
  width: 100%;
  max-width: 480px;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box .t-shop_textbody {
    width: 101%;
    margin: 0 auto;
    max-width: inherit;
  }
}
.t-shop .t-shop_box .t-shop_textbody .t-shop_list {
  margin-bottom: 30px;
  -webkit-columns: 3 auto;
  -moz-columns: 3 auto;
  -ms-columns: 3 auto;
  -o-columns: 3 auto;
  columns: 3 auto;
  font-size: 1.8rem;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box .t-shop_textbody .t-shop_list {
    margin-bottom: 15px;
    font-size: 1.3rem;
  }
}
.t-shop .t-shop_box .t-shop_textbody .t-shop_list li {
  margin-bottom: 3px;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box .t-shop_textbody .t-shop_list li {
    margin-bottom: 2px;
  }
}
.t-shop .t-shop_box .t-shop_textbody .t-shop_aside {
  padding-bottom: 20px;
  border-bottom: 2px solid #bf4278;
  font-size: 1.5rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box .t-shop_textbody .t-shop_aside {
    padding-bottom: 15px;
    border-bottom: 1px solid #bf4278;
    font-size: 1.2rem;
  }
}
.t-shop .t-shop_box .t-shop_sum {
  margin-top: 8px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box .t-shop_sum {
    margin-top: 20px;
    display: block;
  }
}
.t-shop .t-shop_box .t-shop_sum .t-shop_attention {
  order: 1;
  font-size: 1.3rem;
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box .t-shop_sum .t-shop_attention {
    font-size: 1.2rem;
  }
}
.t-shop .t-shop_box .t-shop_sum .t-shop_num {
  order: 2;
  width: 100%;
  margin-top: 50px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  color: #bf4278;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box .t-shop_sum .t-shop_num {
    margin-top: 0;
    font-size: 1.5rem;
  }
}
.t-shop .t-shop_box .t-shop_sum .t-shop_num span {
  display: inline-block;
  margin-right: 4px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 7.2rem;
  font-weight: 400;
}
@media only screen and (max-width: 750px) {
  .t-shop .t-shop_box .t-shop_sum .t-shop_num span {
    margin-right: 2px;
    font-size: 5.5rem;
  }
}

/* ==========================================================================

メッセージ

========================================================================== */
.t-message {
  position: relative;
  background: url(../image/top/message_illustrator_l.png) left 0 bottom 212px no-repeat;
}
@media only screen and (max-width: 750px) {
  .t-message {
    background: url(../image/top/message_illustrator_l_sp.png) left 0 bottom 377px/42px auto no-repeat;
  }
}
.t-message::before {
  content: " ";
  width: 280px;
  height: 946px;
  background: url(../image/top/message_illustrator_r.png) 0 0 no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .t-message::before {
    width: 93px;
    height: 807px;
    background: url(../image/top/message_illustrator_r_sp.png) 0 bottom no-repeat;
    background-size: 93px auto;
  }
}
@media only screen and (max-width: 750px) {
  .t-message::after {
    content: " ";
    display: block;
    width: 84.2666666667%;
    height: 208px;
    background-color: #f8f8f8;
    position: absolute;
    top: 48px;
    right: 0;
    z-index: -2;
  }
}
.t-message > figure {
  position: relative;
  z-index: -2;
}
@media only screen and (max-width: 750px) {
  .t-message > figure {
    padding-right: 6.6666666667%;
    z-index: 0;
  }
}
.t-message .t-message_textbody {
  padding: 40px 0 65px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .t-message .t-message_textbody {
    padding: 63px 0 30px;
  }
}
.t-message .t-message_textbody::before {
  content: " ";
  display: block;
  width: 198px;
  height: 223px;
  background: url(../image/top/message_moji.png) 0 0 no-repeat;
  position: absolute;
  top: -78px;
  left: 14.126984127%;
}
@media only screen and (max-width: 750px) {
  .t-message .t-message_textbody::before {
    width: 99px;
    height: 112px;
    background-size: 99px auto;
    top: -72px;
    left: 2px;
  }
}
.t-message .t-message_textbody h3 {
  padding-bottom: 65px;
  margin-bottom: 18px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-message .t-message_textbody h3 {
    padding-bottom: 50px;
    margin-bottom: 14px;
    font-size: 1.6rem;
  }
}
.t-message .t-message_textbody h3::before {
  content: " ";
  display: block;
  width: 2px;
  height: 54px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}
@media only screen and (max-width: 750px) {
  .t-message .t-message_textbody h3::before {
    width: 1px;
    height: 45px;
  }
}
.t-message .t-message_textbody p {
  font-size: 1.5rem;
}
@media only screen and (max-width: 750px) {
  .t-message .t-message_textbody p {
    font-size: 1.4rem;
  }
}
.t-message .t-message_textbody p.text {
  line-height: 2;
}
.t-message .t-message_textbody p.name {
  margin-top: 45px;
  line-height: 1.5;
}
@media only screen and (max-width: 750px) {
  .t-message .t-message_textbody p.name {
    margin-top: 20px;
  }
}

/* ==========================================================================

会社を知る

========================================================================== */
.p-about_index {
  padding: 80px 0 40px;
}
@media only screen and (max-width: 750px) {
  .p-about_index {
    padding: 40px 0 20px;
  }
}

/* ==========================================================================

クラシオンの成長と特徴

========================================================================== */
.p-about_characteristics .c-content_inner {
  max-width: 1100px;
}
.p-about_characteristics .p-column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-column {
    display: block;
  }
}
.p-about_characteristics .p-column figure {
  width: 50%;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-column figure {
    margin-bottom: 28px;
    width: auto;
  }
}
.p-about_characteristics .p-column .textbody {
  width: 45.4545454545%;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-column .textbody {
    width: auto;
    font-size: 1.4rem;
  }
}
.p-about_characteristics .p-column.vol02 figure {
  order: 2;
}
.p-about_characteristics .p-column.vol02 .textbody {
  order: 1;
}
.p-about_characteristics .p-philosophy {
  padding: 55px 0 140px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-philosophy {
    padding: 24px 0 62px;
  }
}
.p-about_characteristics .p-philosophy::before {
  content: " ";
  display: block;
  width: 46.5277777778%;
  height: 470px;
  background-color: #f6e8ee;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-philosophy::before {
    display: none;
  }
}
.p-about_characteristics .p-philosophy .c-bg_en {
  color: rgba(191, 66, 120, 0.3);
  top: -24px;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-philosophy .c-bg_en {
    top: -20px;
  }
}
.p-about_characteristics .p-philosophy .c-title01 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-philosophy .c-title01 {
    margin-bottom: 40px;
  }
}
.p-about_characteristics .p-philosophy .p-lead {
  margin-bottom: 90px;
  font-size: 2.4rem;
  line-height: 2;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-philosophy .p-lead {
    margin: 0 -20px 40px;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-philosophy .p-column figure {
    position: relative;
  }
  .p-about_characteristics .p-philosophy .p-column figure::before {
    content: " ";
    display: block;
    width: 58.9230769231%;
    height: 124.347826087%;
    background-color: #f6e8ee;
    position: absolute;
    top: 19.5652173913%;
    left: -25px;
    z-index: -1;
  }
}
.p-about_characteristics .p-vision {
  padding-bottom: 30px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-vision {
    padding-bottom: 50px;
  }
}
.p-about_characteristics .p-vision::before {
  content: " ";
  display: block;
  width: 46.5277777778%;
  height: 470px;
  background-color: #f6e8ee;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-vision::before {
    height: 70%;
    width: 51.3333333333%;
  }
}
.p-about_characteristics .p-vision .p-vision_titlearea {
  padding: 112px 0 55px;
  color: #fff;
  background: url(../image/common/bg/title_bar01.png) center 0/195px auto repeat;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-vision .p-vision_titlearea {
    padding: 70px 0 50px;
    background-size: 122px auto;
  }
}
.p-about_characteristics .p-vision .p-vision_titlearea .c-title01 {
  margin-bottom: 25px;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-vision .p-vision_titlearea .c-title01 {
    margin-bottom: 30px;
  }
}
.p-about_characteristics .p-vision .p-vision_titlearea .p-lead {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 2.2;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-vision .p-vision_titlearea .p-lead {
    font-size: 1.5rem;
    line-height: 2;
  }
}
.p-about_characteristics .p-vision .c-bg_en {
  color: rgba(255, 218, 234, 0.3);
  top: -80px;
  z-index: 0;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-vision .c-bg_en {
    top: -40px;
  }
}
.p-about_characteristics .p-vision .p-column {
  padding-top: 90px;
}
@media only screen and (max-width: 750px) {
  .p-about_characteristics .p-vision .p-column {
    padding-top: 30px;
  }
}

/* ==========================================================================

キーワードで見るクラシオン

========================================================================== */
.p-about_keyword {
  margin-top: 165px;
  margin-bottom: 195px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword {
    margin-top: 55px;
    margin-bottom: 40px;
  }
}
.p-about_keyword::before {
  content: " ";
  display: block;
  width: 46.5277777778%;
  height: 100%;
  background-color: #f6e8ee;
  position: absolute;
  top: 110px;
  left: 0;
  z-index: -2;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword::before {
    height: 30%;
    width: 51.3333333333%;
    top: 365px;
  }
}
.p-about_keyword::after {
  content: " ";
  display: block;
  width: 933px;
  height: 706px;
  background: url(../image/about/keyword/bg_illustrator.png) 0 0 no-repeat;
  position: absolute;
  top: -165px;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword::after {
    background: url(../image/about/keyword/bg_illustrator_sp.png) 0 0 no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 30%;
    top: -55px;
  }
}
.p-about_keyword .c-content_inner {
  max-width: 1100px;
}
.p-about_keyword .p-anchor {
  margin-bottom: 68px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-anchor {
    margin-bottom: 35px;
    display: block;
  }
}
.p-about_keyword .p-anchor figure {
  order: 1;
  width: 50%;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-anchor figure {
    width: auto;
  }
}
.p-about_keyword .p-anchor ul {
  order: 2;
  padding-right: 5.4545454545%;
  width: 36.3636363636%;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-anchor ul {
    padding: 0 23px;
    margin-bottom: 35px;
    width: auto;
  }
}
.p-about_keyword .p-anchor ul li {
  margin-bottom: 15px;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-anchor ul li {
    margin-bottom: 9px;
  }
}
.p-about_keyword .p-anchor ul li:last-child {
  margin-bottom: 0;
}
.p-about_keyword .p-anchor ul li a {
  display: block;
  padding: 12px 10px;
  border: 2px solid #bf4278;
  color: #bf4278;
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .p-about_keyword .p-anchor ul li a:hover {
    background-color: #bf4278;
    color: #fff;
  }
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-anchor ul li a {
    padding: 8px 10px;
    font-size: 1.8rem;
  }
}
.p-about_keyword .p-list .p-list_item {
  padding: 38px 40px 45px;
  margin-bottom: 42px;
  background-color: #fff;
  box-shadow: 0 1px 32px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item {
    padding: 23px 23px 32px;
    margin-bottom: 35px;
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.15);
  }
}
.p-about_keyword .p-list .p-list_item:last-child {
  margin-bottom: 0;
}
.p-about_keyword .p-list .p-list_item h2 {
  margin-bottom: 22px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.3;
  color: #bf4278;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item h2 {
    margin-bottom: 16px;
    font-size: 2rem;
  }
}
.p-about_keyword .p-list .p-list_item p {
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item p {
    font-size: 1.4rem;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_inner02 {
  max-width: 934px;
  margin: 0 auto;
}
.p-about_keyword .p-list .p-list_item .p-list_item_inner {
  max-width: 790px;
  margin: 0 auto;
}
.p-about_keyword .p-list .p-list_item .p-list_item_image {
  margin-top: 32px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_image {
    margin-top: 23px;
    display: block;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_image li {
  width: 48.1012658228%;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_image li {
    width: auto;
    margin-bottom: 10px;
  }
  .p-about_keyword .p-list .p-list_item .p-list_item_image li:last-child {
    margin-bottom: 0;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_column {
    display: block;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_column p {
  width: 56.9620253165%;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_column p {
    width: auto;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_column figure {
  width: 35.4430379747%;
  padding: 0 7px;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_column figure {
    padding: 20px 5px 0;
    width: auto;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map {
  position: relative;
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .text {
  max-width: 463px;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .text {
    margin-top: 22px;
    position: static;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image {
  position: relative;
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image figure {
  padding-right: 63px;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image figure {
    padding-right: 10px;
    margin-left: -10px;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image figure img {
  max-width: 539px;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image figure img {
    max-width: 100%;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody {
  position: absolute;
  bottom: 30px;
  right: 0px;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody {
    bottom: -5px;
    right: 0;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum {
  margin-left: -10px;
  font-size: 2.3rem;
  font-weight: bold;
  color: #bf4278;
  line-height: 1.3;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum {
    margin-left: -5px;
    font-size: 1.3rem;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum span {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum span {
    padding: 0 5px;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum span::before, .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum span::after {
  content: " ";
  width: 2px;
  height: 80%;
  background-color: #bf4278;
  position: absolute;
  top: 10%;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum span::before, .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum span::after {
    width: 1px;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum span::before {
  left: 0;
  -webkit-transform: rotate(-22deg);
  -moz-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  -o-transform: rotate(-22deg);
  transform: rotate(-22deg);
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .sum span::after {
  right: 0;
  -webkit-transform: rotate(22deg);
  -moz-transform: rotate(22deg);
  -ms-transform: rotate(22deg);
  -o-transform: rotate(22deg);
  transform: rotate(22deg);
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .num {
  font-size: 2.5rem;
  font-weight: bold;
  color: #bf4278;
  line-height: 1;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .num {
    font-size: 1.5rem;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .num span {
  margin-right: 5px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 8.3rem;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .num span {
    margin-right: 2px;
    font-size: 4.9rem;
  }
}
.p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .attention {
  text-align: right;
  font-size: 1.3rem;
  color: #666;
}
@media only screen and (max-width: 750px) {
  .p-about_keyword .p-list .p-list_item .p-list_item_map .p-list_item_map_image .p-list_item_map_textbody .attention {
    font-size: 1.2rem;
  }
}

/* ==========================================================================

トップメッセージ

========================================================================== */
.p-about_massage .c-content_inner {
  max-width: 1100px;
}
.p-about_massage .p-vision {
  padding: 60px 0 120px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision {
    padding: 25px 0 35px;
  }
}
.p-about_massage .p-vision .c-bg_en {
  color: rgba(191, 66, 120, 0.3);
  top: -30px;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .c-bg_en {
    top: -20px;
  }
}
.p-about_massage .p-vision .c-title01 {
  margin-bottom: 75px;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .c-title01 {
    margin-bottom: 35px;
  }
}
.p-about_massage .p-vision .p-lead {
  margin-bottom: 40px;
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-lead {
    margin-bottom: 55px;
    font-size: 1.4rem;
    text-align: left;
  }
  .p-about_massage .p-vision .p-lead br {
    display: none;
  }
}
.p-about_massage .p-vision .p-vision_column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column {
    display: block;
  }
}
.p-about_massage .p-vision .p-vision_column .p-vision_image {
  width: 50%;
  _height: 1px;
  min-height: 1px;
  /*\*/
  /*/height:auto;overflow:hidden;/**/
  position: relative;
}
.p-about_massage .p-vision .p-vision_column .p-vision_image:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column .p-vision_image {
    padding: 0 12px;
    width: auto;
  }
}
.p-about_massage .p-vision .p-vision_column .p-vision_image::before {
  content: " ";
  display: block;
  width: 93.0555555556%;
  height: 125%;
  background-color: #f6e8ee;
  position: absolute;
  top: -35%;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column .p-vision_image::before {
    width: 51.2%;
    height: 125%;
    top: -15%;
  }
}
.p-about_massage .p-vision .p-vision_column .p-vision_image figure {
  max-width: 550px;
  float: right;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column .p-vision_image figure {
    max-width: inherit;
    float: none;
  }
}
.p-about_massage .p-vision .p-vision_column .p-vision_textbody {
  margin-top: 35px;
  width: 50%;
  position: relative;
  box-sizing: border-box;
  padding-right: 25px;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column .p-vision_textbody {
    margin: 0 5px;
    width: auto;
    padding: 25px 45px 32px;
  }
}
.p-about_massage .p-vision .p-vision_column .p-vision_textbody::before {
  content: " ";
  display: block;
  width: 119.8611111111%;
  height: 100%;
  background-color: #f4f4f4;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column .p-vision_textbody::before {
    height: 105%;
    width: 100%;
    top: -5%;
  }
}
.p-about_massage .p-vision .p-vision_column .p-vision_textbody .box {
  padding: 48px 0 44px 50px;
  max-width: 550px;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column .p-vision_textbody .box {
    padding: 0;
    max-width: inherit;
  }
}
.p-about_massage .p-vision .p-vision_column .p-vision_textbody .box .name {
  margin-bottom: 22px;
  font-weight: bold;
  line-height: 1.9;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column .p-vision_textbody .box .name {
    margin-bottom: 14px;
    line-height: 2;
  }
}
.p-about_massage .p-vision .p-vision_column .p-vision_textbody .box .text {
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-vision .p-vision_column .p-vision_textbody .box .text {
    font-size: 1.4rem;
  }
}
.p-about_massage .p-about {
  padding: 80px 0 40px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about {
    padding: 40px 0 0;
  }
}
.p-about_massage .p-about .c-bg_en {
  color: rgba(191, 66, 120, 0.3);
  top: 0;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .c-bg_en {
    top: 0;
  }
}
.p-about_massage .p-about .c-title01 {
  margin-bottom: 95px;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .c-title01 {
    margin-bottom: 50px;
  }
}
.p-about_massage .p-about .p-lead {
  margin-bottom: 70px;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .p-lead {
    margin-bottom: 65px;
    font-size: 1.4rem;
  }
}
.p-about_massage .p-about .p-lead dt {
  font-weight: bold;
  text-align: center;
}
.p-about_massage .p-about .p-about_column {
  position: relative;
}
.p-about_massage .p-about .p-about_column::before {
  content: " ";
  display: block;
  width: 46.5277777778%;
  height: 80%;
  background-color: #f6e8ee;
  position: absolute;
  top: 13%;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .p-about_column::before {
    width: 51.3333333333%;
    height: 95%;
    top: 5%;
  }
}
.p-about_massage .p-about .p-about_column .c-content_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .p-about_column .c-content_inner {
    display: block;
  }
}
.p-about_massage .p-about .p-about_column figure {
  width: 50%;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .p-about_column figure {
    width: auto;
  }
}
.p-about_massage .p-about .p-about_column .p-about_textbody {
  padding: 0 0 0 50px;
  width: 50%;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .p-about_column .p-about_textbody {
    padding: 35px 0 40px;
    width: auto;
  }
}
.p-about_massage .p-about .p-about_column .p-about_title_en {
  margin-bottom: 15px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 5rem;
  font-weight: 600;
  color: #bf4278;
  line-height: 40px;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .p-about_column .p-about_title_en {
    margin-bottom: 8px;
    font-size: 4rem;
    line-height: 32px;
    text-align: center;
  }
}
.p-about_massage .p-about .p-about_column .p-about_title_ja {
  margin-bottom: 40px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .p-about_column .p-about_title_ja {
    margin-bottom: 20px;
    font-size: 2rem;
    text-align: center;
  }
}
.p-about_massage .p-about .p-about_column .p-about_text {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-about_massage .p-about .p-about_column .p-about_text {
    font-size: 1.4rem;
  }
}

/* ==========================================================================

仕事と人を知る

========================================================================== */
.p-work_index .c-content_inner {
  max-width: 1100px;
}
.p-work_index .p-interview {
  padding: 60px 0 50px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview {
    padding: 35px 0 35px;
  }
}
.p-work_index .p-interview .c-bg_en {
  color: rgba(181, 217, 146, 0.5);
  top: -30px;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview .c-bg_en {
    top: -18px;
  }
}
.p-work_index .p-interview .c-title01 {
  margin-bottom: 135px;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview .c-title01 {
    margin-bottom: 70px;
  }
}
.p-work_index .p-interview_list {
  margin-bottom: 90px;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview_list {
    margin-bottom: 0;
  }
}
.p-work_index .p-interview_item {
  max-width: 767px;
  margin: 0 auto 140px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview_item {
    margin-bottom: 70px;
  }
}
.p-work_index .p-interview_item::before {
  content: " ";
  width: 50vw;
  height: 95%;
  background-color: #f2fbee;
  position: absolute;
  top: 85px;
  left: 50%;
  margin-left: -50vw;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview_item::before {
    height: 80%;
    top: -6%;
  }
}
.p-work_index .p-interview_item:last-child {
  margin-bottom: 0;
}
.p-work_index .p-interview_item .p-interview_movie {
  padding-bottom: 56.25%;
  position: relative;
}
.p-work_index .p-interview_item .p-interview_movie video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p-work_index .p-interview_item .p-interview_textbody {
  margin-top: 22px;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview_item .p-interview_textbody {
    margin-top: 18px;
  }
}
.p-work_index .p-interview_item .p-interview_textbody .p-interview_aside {
  margin-bottom: 12px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview_item .p-interview_textbody .p-interview_aside {
    margin-bottom: 10px;
  }
}
.p-work_index .p-interview_item .p-interview_textbody .p-interview_aside .category {
  flex: 0 0 160px;
  margin-right: 34px;
  font-size: 2rem;
  line-height: 1.3;
  padding: 6px 2px;
  text-align: center;
  background-color: #5bb532;
  color: #fff;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview_item .p-interview_textbody .p-interview_aside .category {
    flex: 0 0 95px;
    margin-right: 16px;
    font-size: 1.3rem;
    padding: 3px 2px;
  }
}
.p-work_index .p-interview_item .p-interview_textbody .p-interview_aside .name {
  padding-top: 6px;
  flex: 1 1 100%;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview_item .p-interview_textbody .p-interview_aside .name {
    padding-top: 1px;
    font-size: 1.5rem;
  }
}
.p-work_index .p-interview_item .p-interview_textbody .p-interview_aside .name span {
  display: inline-block;
}
.p-work_index .p-interview_item .p-interview_textbody .p-interview_aside .name span:nth-child(1) {
  margin-right: 1em;
}
.p-work_index .p-interview_item .p-interview_textbody .text {
  padding-left: 194px;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-work_index .p-interview_item .p-interview_textbody .text {
    padding-left: 0;
    font-size: 1.4rem;
  }
}
.p-work_index .c-page_list ul {
  display: block;
}
.p-work_index .c-page_list ul li {
  width: auto;
}
.p-work_index .c-page_list ul li .textbody .en {
  font-size: 6rem;
}
@media only screen and (max-width: 750px) {
  .p-work_index .c-page_list ul li .textbody .en {
    font-size: 3rem;
  }
}
.p-work_index .c-page_list ul li .textbody .ja {
  margin-top: 5px;
  font-size: 2rem;
}
@media only screen and (max-width: 750px) {
  .p-work_index .c-page_list ul li .textbody .ja {
    margin-top: 6px;
    font-size: 1.4rem;
  }
}
.p-work_index .c-page_list ul li .textbody .text {
  margin-top: 15px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 750px) {
  .p-work_index .c-page_list ul li .textbody .text {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

/* ==========================================================================

トレーナー活動

========================================================================== */
.p-work_trainer {
  padding: 26px 0 0;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer {
    padding: 0;
    margin-top: -20px;
  }
}
.p-work_trainer .c-content_inner {
  max-width: 1100px;
  margin: 0 auto;
}
.p-work_trainer .p-top_lead {
  margin-bottom: 60px;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-top_lead {
    margin-bottom: 20px;
    font-size: 1.4rem;
  }
}
.p-work_trainer .c-bg_en {
  color: rgba(181, 217, 146, 0.3);
  top: 0;
}
.p-work_trainer .c-title01 {
  margin-bottom: 90px;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .c-title01 {
    margin-bottom: 45px;
  }
}
.p-work_trainer .p-achievement {
  padding: 75px 0 30px;
  margin-bottom: 90px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-achievement {
    padding: 40px 0 1px;
    margin-bottom: 33px;
  }
}
.p-work_trainer .p-achievement::before {
  content: " ";
  display: block;
  width: 62.5%;
  height: 65.1063829787%;
  background-color: #f2fbee;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-achievement::before {
    width: 51.2%;
    height: 91.2359550562%;
  }
}
.p-work_trainer .p-achievement .p-image_box {
  max-width: 820px;
  margin: 0 auto 45px;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-achievement .p-image_box {
    margin-bottom: 25px;
  }
}
.p-work_trainer .p-achievement .p-image_box p {
  margin-top: 10px;
  text-align: right;
  font-size: 1.5rem;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-achievement .p-image_box p {
    margin-top: 8px;
    font-size: 1.4rem;
    font-feature-settings: "palt";
  }
}
.p-work_trainer .p-athlete {
  padding: 75px 0 95px;
  margin-bottom: 90px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-athlete {
    padding: 40px 0 30px;
    margin-bottom: 35px;
  }
}
.p-work_trainer .p-athlete::before {
  content: " ";
  display: block;
  width: 69.4444444444%;
  height: 400px;
  background-color: #f2fbee;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-athlete::before {
    width: 51.3333333333%;
    height: 565px;
  }
}
.p-work_trainer .p-athlete .p-column {
  margin-top: 85px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-athlete .p-column {
    margin-top: 65px;
    display: block;
  }
}
.p-work_trainer .p-athlete .p-column .p-column_item {
  width: 50%;
  box-sizing: border-box;
  padding: 0 25px;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-athlete .p-column .p-column_item {
    width: auto;
    padding: 0;
    margin-bottom: 35px;
  }
  .p-work_trainer .p-athlete .p-column .p-column_item:last-child {
    margin-bottom: 0;
  }
}
.p-work_trainer .p-athlete .p-column .p-column_item figure {
  margin-bottom: 40px;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-athlete .p-column .p-column_item figure {
    max-width: 155px;
    margin: 0 auto 15px;
  }
}
.p-work_trainer .p-athlete .p-column .p-column_item p {
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-athlete .p-column .p-column_item p {
    font-size: 1.4rem;
    text-align: left;
  }
}
.p-work_trainer .p-athlete .p-column .p-column_item p.name {
  margin-bottom: 10px;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-athlete .p-column .p-column_item p.name {
    margin-bottom: 6px;
    text-align: center;
  }
}
.p-work_trainer .p-trainer {
  padding: 75px 0 0;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer {
    padding-top: 40px;
  }
}
.p-work_trainer .p-trainer .p-lead {
  margin-bottom: 56px;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-lead {
    margin-bottom: 55px;
    font-size: 1.4rem;
  }
}
.p-work_trainer .p-trainer .p-list {
  padding-bottom: 80px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list {
    padding-top: 45px;
  }
}
.p-work_trainer .p-trainer .p-list::before {
  content: " ";
  display: block;
  width: 62.5vw;
  height: 94%;
  background-color: #f2fbee;
  position: absolute;
  bottom: -45px;
  left: 50%;
  margin-left: -50vw;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list::before {
    width: 51.2vw;
    height: 115%;
    bottom: -40px;
  }
}
.p-work_trainer .p-trainer .p-list .p-column {
  margin-bottom: 100px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column {
    margin-bottom: 55px;
    display: block;
  }
}
.p-work_trainer .p-trainer .p-list .p-column:last-child {
  margin-bottom: 0;
}
.p-work_trainer .p-trainer .p-list .p-column .p-prof {
  width: 36.3636363636%;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-prof {
    width: auto;
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-prof figure {
  max-width: 248px;
  margin: 0 auto 22px;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-prof figure {
    max-width: 155px;
    margin-bottom: 14px;
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-prof p {
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-prof p {
    font-size: 1.4rem;
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-prof p.name {
  margin-bottom: 18px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-prof p.name {
    margin-bottom: 6px;
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu {
  width: 59.0909090909%;
  box-sizing: border-box;
  padding: 40px 43px;
  background-color: #fff;
  box-shadow: 0 6px 54px rgba(0, 0, 0, 0.09);
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-menu {
    width: auto;
    padding: 22px 22px 35px;
    margin-top: 30px;
    box-shadow: 0 3px 17px rgba(0, 0, 0, 0.09);
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu h3 {
  margin-bottom: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  color: #5bb532;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-menu h3 {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu p {
  margin-bottom: 25px;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-menu p {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu figure {
  text-align: center;
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu figure.vol02 {
  width: 65.4676258993%;
  margin: 0 auto;
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu dl {
  margin-top: 42px;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-menu dl {
    margin-top: 30px;
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu dl dt {
  margin-bottom: 18px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-menu dl dt {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu dl dt::before {
  content: " ";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu dl dt span {
  display: inline-block;
  padding: 0 1em;
  background-color: #fff;
}
.p-work_trainer .p-trainer .p-list .p-column .p-menu dl dd p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
  .p-work_trainer .p-trainer .p-list .p-column .p-menu dl dd p {
    margin-bottom: 10px;
  }
}

/* ==========================================================================

働く環境を知る

========================================================================== */
.p-environment_index {
  padding: 34px 0 0;
}
@media only screen and (max-width: 750px) {
  .p-environment_index {
    padding-top: 0;
    margin-top: -20px;
    font-feature-settings: "palt";
  }
}
.p-environment_index .p-lead {
  margin-bottom: 60px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-environment_index .p-lead {
    margin-bottom: 50px;
    font-size: 1.5rem;
  }
}
.p-environment_index .c-page_list ul li {
  width: 50%;
}
@media only screen and (max-width: 750px) {
  .p-environment_index .c-page_list ul li {
    margin-bottom: 5px;
    width: auto;
  }
}
.p-environment_index .c-page_list ul li .textbody .en {
  font-size: 6rem;
}
@media only screen and (max-width: 750px) {
  .p-environment_index .c-page_list ul li .textbody .en {
    font-size: 4rem;
  }
}
.p-environment_index .c-page_list ul li .textbody .ja {
  font-size: 2rem;
}
@media only screen and (max-width: 750px) {
  .p-environment_index .c-page_list ul li .textbody .ja {
    font-size: 1.7rem;
  }
}

/* ==========================================================================

充実の研修制度

========================================================================== */
.p-environment_training .p-learn {
  padding: 60px 0 40px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn {
    padding: 25px 0 20px;
  }
}
.p-environment_training .p-learn .c-bg_en {
  color: rgba(121, 195, 225, 0.3);
  top: -22px;
}
.p-environment_training .p-learn .c-title01 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .c-title01 {
    margin-bottom: 42px;
  }
}
.p-environment_training .p-learn .p-lead {
  margin-bottom: 165px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-lead {
    margin-bottom: 205px;
    padding-bottom: 75px;
    font-size: 1.5rem;
    position: relative;
  }
  .p-environment_training .p-learn .p-lead br {
    display: none;
  }
  .p-environment_training .p-learn .p-lead::before {
    content: " ";
    width: 83px;
    height: 32px;
    background: url(../image/environment/training_system/arrow.png) center no-repeat;
    background-size: 83px auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -42px;
  }
}
.p-environment_training .p-learn .c-content_inner {
  max-width: 1100px;
}
.p-environment_training .p-learn .p-learn_item {
  margin-bottom: 190px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item {
    margin-bottom: 220px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box01 {
  padding: 0 0 185px;
  background: url(../image/common/bg/title_bar02.png) center 0/244px auto repeat;
  color: #fff;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box01 {
    padding-bottom: 140px;
    background-size: 122px auto;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .c-content_inner {
  position: relative;
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .titlearea {
  position: absolute;
  top: -126px;
  left: 0;
  height: 145px;
  color: #000;
  width: 43.0434782609%;
  padding-left: 25px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .titlearea {
    top: -163px;
    height: 100px;
    padding-left: 0;
    width: auto;
    align-items: center;
    justify-content: center;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .titlearea .num {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 145px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20rem;
  font-weight: bold;
  color: rgba(185, 185, 185, 0.3);
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 0;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .titlearea .num {
    line-height: 100px;
    font-size: 13.5rem;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .titlearea h3 {
  padding: 35px 0 35px 78px;
  position: relative;
  z-index: 1;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .titlearea h3 {
    padding: 10px 0 10px 65px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .p-learn_column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .p-learn_column {
    display: block;
    top: -52px;
    position: relative;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .p-learn_column figure {
  order: 2;
  width: 50%;
  margin-top: -55px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .p-learn_column figure {
    width: auto;
    margin-top: 0;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .p-learn_column .textbody {
  padding-top: 40px;
  order: 1;
  width: 45%;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box01 .p-learn_column .textbody {
    padding-top: 20px;
    width: auto;
    font-size: 1.4rem;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box02 {
  margin-top: -115px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box02 {
    margin-top: -140px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box02 .p-learn_imagebox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box02 .p-learn_imagebox {
    display: block;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box02 .p-learn_imagebox li {
  width: 31.8181818182%;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box02 .p-learn_imagebox li {
    width: auto;
    margin-bottom: 30px;
  }
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box02 .p-learn_imagebox li:last-child {
    margin-bottom: 0;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_item_box02 .p-learn_imagebox li p {
  margin-top: 5px;
  font-size: 1.5rem;
  line-height: 1.8;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_item_box02 .p-learn_imagebox li p {
    font-size: 1.4rem;
  }
}
.p-environment_training .p-learn .p-learn_item.vol02 .p-learn_item_box01 .titlearea {
  left: 52.1739130435%;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item.vol02 .p-learn_item_box01 .titlearea {
    left: 0;
  }
}
.p-environment_training .p-learn .p-learn_item.vol02 .p-learn_item_box01 .p-learn_column figure {
  order: 1;
}
.p-environment_training .p-learn .p-learn_item.vol02 .p-learn_item_box01 .p-learn_column .textbody {
  order: 2;
}
.p-environment_training .p-learn .p-learn_item.last {
  margin-bottom: 0;
}
.p-environment_training .p-learn .p-learn_item .p-no_list {
  margin-top: 15px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-no_list {
    margin-top: 25px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-no_list li {
  padding: 16px 20px 16px 60px;
  margin-bottom: 7px;
  background-color: #fff;
  color: #0296d3;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-no_list li {
    font-size: 1.4rem;
  }
}
.p-environment_training .p-learn .p-learn_item .p-no_list li.vol02 {
  padding: 12px 20px 12px 60px;
}
.p-environment_training .p-learn .p-learn_item .p-no_list li:last-child {
  margin-bottom: 0;
}
.p-environment_training .p-learn .p-learn_item .p-no_list li::before {
  content: " ";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 24px;
}
.p-environment_training .p-learn .p-learn_item .p-no_list li:nth-child(1)::before {
  background: url(../image/environment/training_system/icon01.png) center/26px auto no-repeat;
}
.p-environment_training .p-learn .p-learn_item .p-no_list li:nth-child(2)::before {
  background: url(../image/environment/training_system/icon02.png) center/27px auto no-repeat;
}
.p-environment_training .p-learn .p-learn_item .p-no_list li:nth-child(3)::before {
  background: url(../image/environment/training_system/icon03.png) center/20px auto no-repeat;
}
.p-environment_training .p-learn .p-learn_item .p-no_list li span {
  background: linear-gradient(transparent 60%, #ffff00 60%);
}
.p-environment_training .p-learn .p-learn_item .p-learn_prof {
  max-width: 868px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_prof {
    display: block;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_prof li {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_prof li {
    width: auto;
    padding: 0;
    margin-bottom: 45px;
  }
  .p-environment_training .p-learn .p-learn_item .p-learn_prof li:last-child {
    margin-bottom: 0;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_prof li figure {
  max-width: 248px;
  margin: 0 auto 15px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_prof li figure {
    max-width: 155px;
    margin: 0 auto 2px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_prof li p {
  font-size: 1.5rem;
  line-height: 2;
  text-align: left;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_prof li p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_prof li p.name {
  font-weight: bold;
  text-align: center;
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 {
  max-width: 733px;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 {
    margin-bottom: 40px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02:last-child {
  margin-bottom: 0;
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 ul {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 ul {
    display: block;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 ul li {
  width: 48.2946793997%;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 ul li {
    margin-bottom: 15px;
    width: auto;
  }
  .p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 ul li:last-child {
    margin-bottom: 0;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 p {
  font-size: 1.5rem;
  line-height: 1.75;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 p {
    font-size: 1.4rem;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 .p-learn_imagebox02_column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 .p-learn_imagebox02_column {
    display: block;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 .p-learn_imagebox02_column .logo {
  flex: 0 0 120px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 .p-learn_imagebox02_column .logo {
    margin-bottom: 5px;
    text-align: center;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 .p-learn_imagebox02_column .logo img {
  width: 92px;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 .p-learn_imagebox02_column .logo img {
    width: 107px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_imagebox02 .p-learn_imagebox02_column p {
  flex: 1 1 100%;
}
.p-environment_training .p-learn .p-learn_item .p-learn_more {
  margin-top: 100px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #0296d3;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_more {
    margin-top: 40px;
    font-size: 1.9rem;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_more .text01 {
  margin-bottom: 10px;
}
.p-environment_training .p-learn .p-learn_item .p-learn_more .text01 span {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_more .text01 span {
    padding: 0 10px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_more .text01 span::before, .p-environment_training .p-learn .p-learn_item .p-learn_more .text01 span::after {
  content: " ";
  width: 2px;
  height: 80%;
  background-color: #0296d3;
  position: absolute;
  top: 10%;
}
@media only screen and (max-width: 750px) {
  .p-environment_training .p-learn .p-learn_item .p-learn_more .text01 span::before, .p-environment_training .p-learn .p-learn_item .p-learn_more .text01 span::after {
    width: 1px;
  }
}
.p-environment_training .p-learn .p-learn_item .p-learn_more .text01 span::before {
  left: 0;
  -webkit-transform: rotate(-22deg);
  -moz-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  -o-transform: rotate(-22deg);
  transform: rotate(-22deg);
}
.p-environment_training .p-learn .p-learn_item .p-learn_more .text01 span::after {
  right: 0;
  -webkit-transform: rotate(22deg);
  -moz-transform: rotate(22deg);
  -ms-transform: rotate(22deg);
  -o-transform: rotate(22deg);
  transform: rotate(22deg);
}
.p-environment_training .p-learn .p-learn_item .p-learn_more .text02 span {
  background: linear-gradient(transparent 60%, #ffff00 60%);
}

/* ==========================================================================

充実の研修制度

========================================================================== */
.p-environment_nosocomial .p-drone {
  padding: 60px 0 40px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-drone {
    padding: 25px 0 20px;
  }
}
.p-environment_nosocomial .p-drone .c-bg_en {
  color: rgba(121, 195, 225, 0.3);
  top: -22px;
}
.p-environment_nosocomial .p-drone .c-title01 {
  margin-bottom: 95px;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-drone .c-title01 {
    margin-bottom: 55px;
  }
}
.p-environment_nosocomial .p-drone .c-content_inner {
  max-width: 1100px;
}
.p-environment_nosocomial .p-drone .movie {
  padding-bottom: 56.25%;
  position: relative;
}
.p-environment_nosocomial .p-drone .movie video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p-environment_nosocomial .p-photo {
  padding-top: 32px;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo {
    padding-top: 20px;
  }
}
.p-environment_nosocomial .p-photo .p-anchor {
  margin-bottom: 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-anchor {
    display: block;
    padding: 0 25px;
    margin-bottom: 80px;
  }
}
.p-environment_nosocomial .p-photo .p-anchor li {
  margin: 0 22px;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-anchor li {
    margin: 0;
  }
}
.p-environment_nosocomial .p-photo .p-anchor li a {
  display: block;
  padding: 5px 24px 9px 0;
  border-bottom: 2px solid #e5e5e5;
  text-decoration: none;
  color: #000;
  font-size: 1.6rem;
  position: relative;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-anchor li a {
    padding: 10px 40px;
    font-size: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
  }
}
.p-environment_nosocomial .p-photo .p-anchor li a::after {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  top: 50%;
  right: 1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-anchor li a::after {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    right: 22px;
  }
}
@media only screen and (min-width: 751px) {
  .p-environment_nosocomial .p-photo .p-anchor li a:hover {
    color: #bf4278;
  }
  .p-environment_nosocomial .p-photo .p-anchor li a:hover::after {
    border-color: #bf4278;
    margin-top: -7px;
  }
}
.p-environment_nosocomial .p-photo .p-photo_section {
  margin-bottom: 90px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-photo_section {
    margin-bottom: 40px;
  }
}
.p-environment_nosocomial .p-photo .p-photo_section::before {
  content: " ";
  display: block;
  width: 69.4444444444%;
  height: 100%;
  background-color: #ebf3f7;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-photo_section::before {
    width: 51.3333333333%;
    top: 14px;
  }
}
.p-environment_nosocomial .p-photo .p-photo_section h3 {
  margin-bottom: 40px;
  font-size: 2.6rem;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-photo_section h3 {
    font-size: 2rem;
    text-align: center;
  }
}
.p-environment_nosocomial .p-photo .p-photo_section .p-photo_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-photo_section .p-photo_list {
    display: block;
  }
}
.p-environment_nosocomial .p-photo .p-photo_section .p-photo_list li {
  margin-bottom: 40px;
  width: 48.1818181818%;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-photo_section .p-photo_list li {
    margin-bottom: 20px;
    width: auto;
  }
}
.p-environment_nosocomial .p-photo .p-photo_section .p-photo_list li p {
  margin-top: 10px;
  font-size: 2rem;
  line-height: 1.5;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  .p-environment_nosocomial .p-photo .p-photo_section .p-photo_list li p {
    margin-bottom: 4px;
    font-size: 1.4rem;
  }
}

/* ==========================================================================

募集要項

========================================================================== */
.overflow_hidden_y {
  overflow-y: hidden;
}

.p-jobdescription {
  padding-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-jobdescription {
    padding-bottom: 30px;
  }
}
.p-jobdescription::before {
  content: " ";
  display: block;
  width: 52.7777777778%;
  height: 100%;
  background-color: #f6e8ee;
  position: absolute;
  top: 185px;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-jobdescription::before {
    width: 51.3333333333%;
    top: 200px;
  }
}
.p-jobdescription .c-content_inner {
  max-width: 1100px;
}
.p-jobdescription .p-item {
  padding: 60px 40px 60px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 6px 54px rgba(0, 0, 0, 0.09);
}
@media only screen and (max-width: 750px) {
  .p-jobdescription .p-item {
    margin-top: -25px;
    padding: 25px;
    box-shadow: 0 3px 27px rgba(0, 0, 0, 0.09);
  }
}
.p-jobdescription .p-item .p-item_inner {
  max-width: 876px;
  margin: 0 auto;
}
.p-jobdescription .p-item h2 {
  margin-bottom: 60px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 750px) {
  .p-jobdescription .p-item h2 {
    margin-bottom: 10px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 750px) {
  .p-jobdescription .p-item table {
    display: block;
  }
  .p-jobdescription .p-item table tbody, .p-jobdescription .p-item table tr, .p-jobdescription .p-item table td, .p-jobdescription .p-item table th {
    display: block;
  }
}
.p-jobdescription .p-item table th, .p-jobdescription .p-item table td {
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.6rem;
  line-height: 1.8;
  vertical-align: top;
}
@media only screen and (max-width: 750px) {
  .p-jobdescription .p-item table th, .p-jobdescription .p-item table td {
    border-bottom: 0;
    font-size: 1.4rem;
  }
}
.p-jobdescription .p-item table th {
  padding: 12px 25px 12px 2px;
  text-align: right;
  width: 5.5em;
}
@media only screen and (max-width: 750px) {
  .p-jobdescription .p-item table th {
    padding: 0;
    margin-bottom: 5px;
    width: auto;
    text-align: left;
  }
}
.p-jobdescription .p-item table td {
  padding: 12px 0;
  text-align: left;
}
@media only screen and (max-width: 750px) {
  .p-jobdescription .p-item table td {
    padding: 0;
  }
}
@media only screen and (max-width: 750px) {
  .p-jobdescription .p-item table tr {
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .p-jobdescription .p-item table tr:last-child {
    border-bottom: 0;
  }
}
.p-jobdescription .p-item table .attention {
  margin-top: 5px;
  color: #666666;
}
@media only screen and (max-width: 750px) {
  .p-jobdescription .p-item table .attention {
    margin-top: 3px;
  }
}
.p-jobdescription .p-item table tr:last-child th, .p-jobdescription .p-item table tr:last-child td {
  border-bottom: 0;
}

/* ==========================================================================

見学会の流れ

========================================================================== */
.p-companytour {
  padding: 30px 0 20px;
}
@media only screen and (max-width: 750px) {
  .p-companytour {
    padding: 0 0 20px;
    margin-top: -20px;
  }
}
.p-companytour .c-content_inner {
  max-width: 1100px;
}
.p-companytour .p-lead {
  margin-bottom: 55px;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-lead {
    margin-bottom: 45px;
    font-size: 1.4rem;
  }
}
.p-companytour .p-companytour_content {
  padding-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-companytour_content {
    padding-bottom: 20px;
  }
}
.p-companytour .p-companytour_content::before {
  content: " ";
  display: block;
  width: 52.7777777778%;
  height: 100%;
  background-color: #fff9f1;
  position: absolute;
  top: 74px;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-companytour_content::before {
    top: 65px;
    width: 51.2%;
    height: 84%;
  }
}
.p-companytour .p-how {
  padding: 28px 40px 70px;
  margin-bottom: 80px;
  background-color: #fff;
  box-shadow: 0 6px 54px rgba(0, 0, 0, 0.09);
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-how {
    padding: 28px 22px 30px;
    margin-bottom: 35px;
    box-shadow: 0 3px 27px rgba(0, 0, 0, 0.09);
  }
}
.p-companytour .p-how h2 {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.3;
  color: #ff8e00;
  text-align: center;
  margin-bottom: 22px;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-how h2 {
    font-size: 2rem;
  }
}
.p-companytour .p-how .p-how_table {
  max-width: 876px;
  margin: 25px auto 0;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-how .p-how_table {
    margin-top: 25px;
  }
}
.p-companytour .p-how .p-how_table dl {
  padding: 14px 0;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 1.9;
}
.p-companytour .p-how .p-how_table dl:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-how .p-how_table dl {
    padding: 12px 0;
    display: block;
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.p-companytour .p-how .p-how_table dl dt {
  margin-right: 44px;
  flex: 0 0 5.5em;
  font-weight: bold;
  text-align: right;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-how .p-how_table dl dt {
    margin: 0 0 5px;
    text-align: left;
    line-height: 1.5;
  }
}
.p-companytour .p-how .p-how_table dl dd a {
  color: #bf4278;
}
.p-companytour .p-flow {
  padding: 70px 0 0;
  position: relative;
  margin-bottom: 70px;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow {
    padding: 40px 0 0;
  }
}
.p-companytour .p-flow .c-bg_en {
  top: 0;
  color: rgba(248, 188, 113, 0.5);
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .c-bg_en {
    color: rgba(248, 188, 113, 0.3);
  }
}
.p-companytour .p-flow .c-title01 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .c-title01 {
    margin-bottom: 50px;
  }
}
.p-companytour .p-flow .p-lead {
  margin-bottom: 55px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-lead {
    margin-bottom: 50px;
    font-size: 1.5rem;
  }
}
.p-companytour .p-flow .p-flow_list {
  margin: 0 auto;
  max-width: 880px;
}
.p-companytour .p-flow .p-flow_list .p-flow_item {
  padding-bottom: 78px;
  margin-bottom: 56px;
  position: relative;
  background: url(/recruit/assets/image/companytour/flow_next.png) center bottom no-repeat;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item {
    padding: 0 23px 38px;
    margin-bottom: 20px;
    display: block;
    background-size: auto 15px;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
}
.p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_imagewrap {
  width: 50%;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_imagewrap {
    width: auto;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_imagewrap div {
  padding-bottom: 61.5798922801%;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_imagewrap div {
    display: none;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_textbody {
  width: 44.3181818182%;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_textbody {
    width: auto;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_titlearea {
  margin-bottom: 22px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_titlearea {
    margin-bottom: 14px;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_titlearea .num {
  margin-right: 15px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 7.8rem;
  font-weight: bold;
  line-height: 60px;
  color: #ff8e00;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_titlearea .num {
    margin-right: 15px;
    font-size: 4rem;
    line-height: 30px;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_titlearea h3 {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.3;
  color: #ff8e00;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item .p-flow_item_titlearea h3 {
    font-size: 1.6rem;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item figure {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item figure {
    margin-bottom: 8px;
    position: relative;
    width: auto;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item .text {
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item .text {
    font-size: 1.4rem;
    line-height: 1.9;
  }
}
.p-companytour .p-flow .p-flow_list .p-flow_item .lead {
  margin-bottom: 10px;
  font-size: 2rem;
  line-height: 1.7;
  color: #ff8e00;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-flow .p-flow_list .p-flow_item .lead {
    padding-left: 55px;
    margin-top: -15px;
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
}
.p-companytour .p-entry_btn,.p-companytour .p-entry_btn2 {
  max-width: 880px;
  margin: 55px auto 100px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-entry_btn {
    margin: 33px 23px 50px;
  }
}
.p-companytour .p-entry_btn::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.09);
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-entry_btn::before {
    top: 5px;
  }
}
.p-companytour .p-entry_btn a {
  padding: 25px 20px;
  display: block;
  background-color: #bf4278;
  color: #fff;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.p-companytour .p-entry_btn2 a {
  padding: 25px 20px;
  display: block;
  background-color: #0496d3;
  color: #fff;
  text-align: center;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-entry_btn a {
    padding: 24px 10px 19px;
  }
}
.p-companytour .p-entry_btn a::before {
  content: " ";
  display: block;
  width: 40px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 55px;
  margin-top: -1px;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-entry_btn a::before {
    width: 26px;
    right: 15px;
  }
}
.p-companytour .p-entry_btn a::after {
  content: " ";
  display: block;
  width: 14px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 55px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  margin-top: -6px;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-entry_btn a::after {
    width: 9px;
    right: 15px;
    margin-top: -4px;
  }
}
@media only screen and (min-width: 751px) {
  .p-companytour .p-entry_btn a:hover .en, .p-companytour .p-entry_btn a:hover .ja {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.p-companytour .p-entry_btn a .en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 30px;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-entry_btn a .en {
    font-size: 3.5rem;
    line-height: 22px;
  }
}
.p-companytour .p-entry_btn a .ja {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-entry_btn a .ja {
    margin-top: 7px;
    font-size: 1.3rem;
  }
}
.p-companytour .p-line {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line {
    display: block;
  }
}
.p-companytour .p-line .p-line_box {
  order: 1;
  padding: 0 20px 0;
  border: 2px solid #ff8e00;
  width: 64.1818181818%;
  background-color: #fff;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_box {
    padding: 32px 22px 30px;
    border: 1px solid #ff8e00;
    width: auto;
  }
}
.p-companytour .p-line .p-line_box .p-line_box_column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_box .p-line_box_column {
    justify-content: space-between;
    align-items: flex-start;
  }
}
.p-companytour .p-line .p-line_box figure {
  padding-top: 18px;
  margin-right: 34px;
  width: 30.0283286119%;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_box figure {
    padding-top: 0;
    margin-right: 0;
    width: 35.9712230216%;
  }
}
.p-companytour .p-line .p-line_box .textbody {
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_box .textbody {
    width: 56.654676259%;
  }
}
.p-companytour .p-line .p-line_box .textbody dt {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ff8e00;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_box .textbody dt {
    margin-bottom: 7px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.p-companytour .p-line .p-line_box .textbody dt span {
  display: inline-block;
  padding: 0 10px 0 20px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_box .textbody dt span {
    padding: 0 15px 0 24px;
  }
}
.p-companytour .p-line .p-line_box .textbody dt span::before, .p-companytour .p-line .p-line_box .textbody dt span::after {
  content: " ";
  width: 2px;
  height: 80%;
  background-color: #ff8e00;
  position: absolute;
  top: 10%;
}
.p-companytour .p-line .p-line_box .textbody dt span::before {
  left: 0;
  -webkit-transform: rotate(-22deg);
  -moz-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  -o-transform: rotate(-22deg);
  transform: rotate(-22deg);
}
.p-companytour .p-line .p-line_box .textbody dt span::after {
  right: 0;
  -webkit-transform: rotate(22deg);
  -moz-transform: rotate(22deg);
  -ms-transform: rotate(22deg);
  -o-transform: rotate(22deg);
  transform: rotate(22deg);
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_box .textbody dd {
    font-size: 1.3rem;
    line-height: 1.4;
    text-align: left;
  }
}
.p-companytour .p-line .p-line_box .p-line_box_btn {
  display: none;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_box .p-line_box_btn {
    margin-top: 28px;
    display: inherit;
  }
  .p-companytour .p-line .p-line_box .p-line_box_btn a {
    display: block;
    padding: 13px 10px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    z-index: 1;
  }
  .p-companytour .p-line .p-line_box .p-line_box_btn a::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #bdc2c6;
    border-radius: 5px;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: -2;
  }
  .p-companytour .p-line .p-line_box .p-line_box_btn a::after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #00b900;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
.p-companytour .p-line .p-line_date {
  order: 2;
  width: 30.8181818182%;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_date {
    width: auto;
    padding: 0 23px;
    margin-bottom: 20px;
  }
}
.p-companytour .p-line .p-line_date ul li {
  padding: 18px 0;
  border-bottom: 1px solid #e5e5e5;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 2rem;
  letter-spacing: 0.04em;
}
.p-companytour .p-line .p-line_date ul li:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .p-companytour .p-line .p-line_date ul li {
    padding: 6px 0;
    font-size: 1.4rem;
  }
}

/* ==========================================================================

店舗一覧

========================================================================== */
.p-locations {
  margin-top: -8px;
  padding: 48px 0 70px;
  background: url(/recruit/assets/image/locations/bg.png) right 0 no-repeat;
}
@media only screen and (max-width: 750px) {
  .p-locations {
    margin-top: -20px;
    padding: 0 0 10px;
    background: url(/recruit/assets/image/locations/bg_sp.png) center 70px no-repeat;
    background-size: 100% auto;
  }
}
.p-locations .c-content_inner {
  max-width: 880px;
}
.p-locations .p-map {
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-map {
    margin-bottom: 5px;
    display: block;
  }
}
.p-locations .p-map figure {
  order: 1;
  max-width: 406px;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-map figure {
    max-width: inherit;
    text-align: center;
  }
}
.p-locations .p-map p {
  margin-left: -5px;
  order: 2;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;



}
@media only screen and (max-width: 750px) {
  .p-locations .p-map p {
    margin: 0 0 35px;
    font-size: 1.5rem;
  }
}
.p-locations .p-locations_section .p-locations_sum {
  padding: 10px 0;
  border-bottom: 2px solid #bf4278;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_section .p-locations_sum {
    padding: 5px 0 8px;
  }
}
.p-locations .p-locations_section .p-locations_sum::before {
  content: " ";
  display: block;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  border-left: 2px solid #bf4278;
  border-bottom: 2px solid #bf4278;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
  transform: rotate(-45deg);
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_section .p-locations_sum::before {
    width: 12px;
    height: 12px;
    right: 3px;
    margin-top: -7px;
  }
}
.p-locations .p-locations_section .p-locations_sum.opened {
  border-bottom: 2px dashed #bf4278;
}
.p-locations .p-locations_section .p-locations_sum.opened::before {
  transform: rotate(135deg);
  margin-top: -5px;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_section .p-locations_sum.opened::before {
    margin-top: -3px;
  }
}
.p-locations .p-locations_section .p-locations_sum .area {
  padding-top: 8px;
  flex: 0 0 6em;
  font-size: 2.2rem;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_section .p-locations_sum .area {
    flex: 0 0 6.5em;
    padding-top: 5px;
    font-size: 1.6rem;
  }
}
.p-locations .p-locations_section .p-locations_sum .num {
  flex: 1 1 100%;
  font-size: 2rem;
  font-weight: bold;
  color: #bf4278;
  line-height: 1.3;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_section .p-locations_sum .num {
    font-size: 1.4rem;
  }
}
.p-locations .p-locations_section .p-locations_sum .num strong {
  font-size: 3.6rem;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_section .p-locations_sum .num strong {
    font-size: 2.5rem;
  }
}
.p-locations .p-locations_box {
  display: none;
}
.p-locations .p-locations_prefectures {
  padding-top: 15px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures {
    padding-top: 13px;
    margin-bottom: 14px;
  }
}
.p-locations .p-locations_prefectures h3 {
  padding: 8px 20px;
  margin-bottom: 13px;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  background-color: #e6e6e6;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures h3 {
    padding: 7px 10px;
    margin-bottom: 14px;
    font-size: 1.4rem;
  }
}
.p-locations .p-locations_prefectures .p-locations_category {
  padding: 0 40px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures .p-locations_category {
    padding: 0 20px;
    margin-bottom: 25px;
  }
}
.p-locations .p-locations_prefectures .p-locations_category h4 {
  padding: 6px 26px;
  margin-bottom: 5px;
  background-color: #000;
  color: #fff;
  font-size: 2rem;
  line-height: 1.4;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures .p-locations_category h4 {
    padding: 4px 12px;
    margin-bottom: 2px;
    font-size: 1.4rem;
  }
}
.p-locations .p-locations_prefectures .p-locations_item {
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures .p-locations_item {
    padding: 10px 0;
  }
}
.p-locations .p-locations_prefectures .p-locations_item .name {
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures .p-locations_item .name {
    font-size: 1.5rem;
  }
}
.p-locations .p-locations_prefectures .p-locations_item .name a {
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .p-locations .p-locations_prefectures .p-locations_item .name a:hover {
    color: #bf4278;
    text-decoration: none;
  }
}
.p-locations .p-locations_prefectures .p-locations_item .aside {
  margin-top: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures .p-locations_item .aside {
    display: block;
    font-size: 1.5rem;
  }
}
.p-locations .p-locations_prefectures .p-locations_item .aside .tel {
  flex: 0 0 180px;
  box-sizing: border-box;
  padding-left: 26px;
  background: url(/recruit/assets/image/locations/icon_tel.png) 0 center no-repeat;
  background-size: 15px auto;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures .p-locations_item .aside .tel {
    padding-left: 22px;
    background-size: 12px auto;
  }
}
.p-locations .p-locations_prefectures .p-locations_item .aside .address {
  flex: 1 1 100%;
  padding-left: 22px;
  background: url(/recruit/assets/image/locations/icon_pin.png) 0 center no-repeat;
  background-size: 12px auto;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_prefectures .p-locations_item .aside .address {
    padding-left: 22px;
    background-size: 10px auto;
    background-position: 1px center;
  }
}
.p-locations .p-locations_date {
  margin-top: 20px;
  text-align: right;
  font-size: 1.7rem;
}
@media only screen and (max-width: 750px) {
  .p-locations .p-locations_date {
    margin-top: 15px;
    font-size: 1.2rem;
  }
}
/* ==========================================================================

ブランディングムービー

========================================================================== */
.t-special {
  padding: 61px 0 156px 0;
  background-color: #fbf8f9;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .t-special {
    padding: 26px 0 60px;
  }
}
.t-special .c-content_inner {
  max-width: 1032px;
}
.t-special .t-special_title_en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  font-size: 20rem;
  line-height: 150px;
  position: absolute;
  top: -20px;
  left: 114%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: rgba(191, 66, 66, 0.3);
  z-index: 0;
}
@media only screen and (max-width: 750px) {
  .t-special .t-special_title_en {
    font-size: 12rem;
    line-height: 90px;
    top: 48px;
  }
}
.t-special h2 {
  margin-bottom: 70px;
  font-size: 3rem;
  line-height: 1.3;
  text-align: center;
  position: relative;
  z-index: 1;
}
.t-special ul li>p{font-weight: bold;text-align: center;}
@media only screen and (max-width: 750px) {
  .t-special h2 {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .is-sp{display:block;}
  .is-pc{display:none;}
}

@media only screen and (min-width: 751px) {
  .t-special .t-special_link li a:hover {
    color: #fff;
    background-color: #bf4278;
  }
  .is-sp{display:none;}
  .is-pc{display:block;}
  .t-special ul li{width:49.5%;display:inline-block;}
  .t-special ul li iframe{height:280px;}
.t-special .t-special_title_en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  font-size: 20rem;
  line-height: 150px;
  position: absolute;
  top: 52px;
  left: 58%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: rgba(191, 66, 120, 0.3);
  z-index: 0;
}
.t-special h2 {
  margin-bottom: 117px;
  font-size: 3rem;
  line-height: 1.3;
  text-align: center;
  position: relative;
  z-index: 1;
}

}
@media only screen and (max-width: 750px) {
  .t-special .t-special_link li a {
    padding: 11px 10px;
  }
}
.t-special .c-text_link01 {
  margin-top: 12px;
}
@media only screen and (max-width: 750px) {
  .t-special .c-text_link01 {
    margin-top: 10px;
  }
}

.brand-mv {
  padding: 32px 0;
  background-color: #fbf8f9;
  position: relative;
}

@media only screen and (max-width: 750px) {
  .b-m_inner {padding: 1px 0 15px;text-align: center;}
  .b-m_inner ul li iframe{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom:30px;
  }
 .b-m_inner ul li p{font-weight:bold;text-align:center;}
}
@media only screen and (min-width: 751px) {
  .b-m_inner{margin: 0 auto;max-width: 1066px;}
 .b-m_inner ul{margin-bottom:5em;}
 .b-m_inner ul li{width:49.5%;display:inline-block;}
 .b-m_inner ul li iframe{height:280px;}
.b-m_inner h2{
    margin-bottom: 70px;
    font-size: 3rem;
    line-height: 1.3;
    text-align: center;
    position: relative;
    z-index: 1;
}
.b-m_inner ul li p{font-weight:bold;text-align:center;}
}
/* ==========================================================================

申し込みフォーム

========================================================================== */
.p-contact {
  padding: 75px 0 90px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-contact {
    padding: 80px 0 30px;
  }
}
.p-contact::before {
  content: " ";
  display: block;
  width: 52.7777777778%;
  height: 640px;
  background-color: #f6e8ee;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-contact .c-content_inner {
  max-width: 1100px;
}
.p-contact h1 {
  margin-bottom: 60px;
  font-size: 2.6rem;
  line-height: 1.3;
  font-weight: 800;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-contact h1 {
    margin-bottom: 30px;
    font-size: 2.2rem;
  }
}
.p-contact .p-flow {
  max-width: 582px;
  margin: 0 auto 43px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
}
.p-contact .p-flow.vol01 {
  visibility: visible;
}
.p-contact .p-flow.vol02 {
  visibility: hidden;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-flow {
    margin-bottom: 30px;
  }
}
.p-contact .p-flow::before {
  content: " ";
  display: block;
  width: 90%;
  height: 4px;
  background-color: #b3b3b3;
  position: absolute;
  top: 50%;
  left: 5%;
  z-index: -1;
  margin-top: -2px;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-flow::before {
    height: 2px;
    margin-top: -1px;
  }
}
.p-contact .p-flow li {
  padding: 8px 10px;
  border-radius: 50px;
  width: 28.8659793814%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 800;
  color: #fff;
  background-color: #b3b3b3;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-flow li {
    width: 32%;
    font-size: 1.2rem;
  }
}
.p-contact .p-flow li.current {
  background-color: #bf4278;
}
.p-contact .p-form {
  padding: 60px 30px 58px;
  background-color: #fff;
  box-shadow: 1px 4px 20px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form {
    padding: 30px 30px 10px;
  }
}
.p-contact .p-form .p-form_inner {
  max-width: 840px;
  margin: 0 auto;
}
.p-contact .p-form .p-column {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column {
    margin-bottom: 30px;
    display: block;
  }
}
.p-contact .p-form .p-column dt {
  flex: 0 0 295px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-right: 100px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: right;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dt {
    margin-bottom: 12px;
    display: inline-block;
    text-align: left;
    font-size: 1.5rem;
    padding: 0 60px 0 0;
  }
}
.p-contact .p-form .p-column dt .required {
  border: 2px solid #d94e5c;
  width: 60px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #d94e5c;
  box-sizing: border-box;
  position: absolute;
  top: 8px;
  right: 20px;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dt .required {
    font-size: 1.2rem;
    width: 48px;
    right: 0;
    top: 0;
  }
}
.p-contact .p-form .p-column dd {
  flex: 1 1 100%;
}
.p-contact .p-form .p-column dd input[type=text],
.p-contact .p-form .p-column dd input[type=tel],
.p-contact .p-form .p-column dd input[type=email] {
  width: 100%;
  height: 40px;
  background-color: #ededed;
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd input[type=text],
.p-contact .p-form .p-column dd input[type=tel],
.p-contact .p-form .p-column dd input[type=email] {
    height: 32px;
    padding: 0 10px;
    font-size: 1.5rem;
  }
}
.p-contact .p-form .p-column dd textarea {
  width: 100%;
  height: 160px;
  background-color: #ededed;
  box-sizing: border-box;
  padding: 10px 15px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd textarea {
    padding: 8px 10px;
    font-size: 1.5rem;
    height: 120px;
  }
}
.p-contact .p-form .p-column dd input[type=radio], .p-contact .p-form .p-column dd input[type=checkbox] {
  display: none;
}
.p-contact .p-form .p-column dd label {
  cursor: pointer;
}
.p-contact .p-form .p-column dd input[type=radio] + span {
  display: inline-block;
  padding-left: 35px;
  font-size: 1.6rem;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd input[type=radio] + span {
    padding-left: 28px;
    font-size: 1.5rem;
  }
}
.p-contact .p-form .p-column dd input[type=radio] + span::before, .p-contact .p-form .p-column dd input[type=radio] + span::after {
  content: " ";
  display: block;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
}
.p-contact .p-form .p-column dd input[type=radio] + span::before {
  border: 2px solid #ededed;
  width: 22px;
  height: 22px;
  top: 3px;
  left: 0;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd input[type=radio] + span::before {
    top: 2px;
  }
}
.p-contact .p-form .p-column dd input[type=radio] + span::after {
  width: 10px;
  height: 10px;
  background-color: #bf4278;
  top: 9px;
  left: 6px;
  display: none;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd input[type=radio] + span::after {
    top: 8px;
  }
}
.p-contact .p-form .p-column dd input[type=radio]:checked + span {
  color: #bf4278;
}
.p-contact .p-form .p-column dd input[type=radio]:checked + span::before {
  border-color: #bf4278;
}
.p-contact .p-form .p-column dd input[type=radio]:checked + span::after {
  display: block;
}
.p-contact .p-form .p-column dd input[type=checkbox] + span {
  display: inline-block;
  padding-left: 35px;
  font-size: 1.6rem;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd input[type=checkbox] + span {
    padding-left: 28px;
    font-size: 1.5rem;
  }
}
.p-contact .p-form .p-column dd input[type=checkbox] + span::before, .p-contact .p-form .p-column dd input[type=checkbox] + span::after {
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border-radius: 5px;
  position: absolute;
  top: 2px;
  left: 0;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd input[type=checkbox] + span::before, .p-contact .p-form .p-column dd input[type=checkbox] + span::after {
    top: 2px;
  }
}
.p-contact .p-form .p-column dd input[type=checkbox] + span::before {
  border: 3px solid #ededed;
}
.p-contact .p-form .p-column dd input[type=checkbox] + span::after {
  display: none;
  background: url(/recruit/assets/image/common/icon/checkbox.png) center/18px auto no-repeat;
}
.p-contact .p-form .p-column dd input[type=checkbox]:checked + span {
  color: #bf4278;
}
.p-contact .p-form .p-column dd input[type=checkbox]:checked + span::before {
  border-color: #bf4278;
  background-color: #bf4278;
}
.p-contact .p-form .p-column dd input[type=checkbox]:checked + span::after {
  display: block;
}
.p-contact .p-form .p-column dd .check-list {
  padding-top: 5px;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .check-list {
    padding: 0;
  }
}
.p-contact .p-form .p-column dd .check-list li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .check-list li {
    margin-bottom: 5px;
  }
}
.p-contact .p-form .p-column dd .check-list li:last-child {
  margin-bottom: 0;
}
.p-contact .p-form .p-column dd .check-list .vertical-item {
  margin-bottom: 10px;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .check-list .vertical-item {
    margin-bottom: 5px;
  }
}
.p-contact .p-form .p-column dd .check-list .vertical-item:last-child {
  margin-bottom: 0;
}
.p-contact .p-form .p-column dd .gender-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .gender-list {
    display: block;
  }
}
.p-contact .p-form .p-column dd .gender-list li {
  width: 48.5%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .gender-list li {
    margin-bottom: 8px;
    width: auto;
  }
  .p-contact .p-form .p-column dd .gender-list li:last-child {
    margin-bottom: 0;
  }
}
.p-contact .p-form .p-column dd .gender-list li span {
  flex: 0 0 2.5em;
  font-size: 1.6rem;
}
.p-contact .p-form .p-column dd .gender-list li div {
  flex: 1 1 100%;
}
.p-contact .p-form .p-column dd .attention {
  margin-top: 5px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .attention {
    font-size: 1.2rem;
  }
}
.p-contact .p-form .p-column dd .error {
  margin-top: 5px;
  font-size: 1.5rem !important;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .error {
    font-size: 1.4rem !important;
  }
}
.p-contact .p-form .p-column dd .school {
  font-size: 1.5rem;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .school {
    font-size: 1.4rem;
  }
}
.p-contact .p-form .p-column dd .school .school_box {
  margin-bottom: 14px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.p-contact .p-form .p-column dd .school .school_box:last-child {
  margin-bottom: 0;
}
.p-contact .p-form .p-column dd .school .school_box > p {
  padding-top: 8px;
  flex: 0 0 3em;
  margin-right: 20px;
  text-align: right;
}
.p-contact .p-form .p-column dd .school .school_box > div {
  flex: 1 1 100%;
  width: 100%;
}
.p-contact .p-form .p-column dd .school .school_box > .select-wrap {
  margin-top: -2px;
  margin-right: 10px;
  flex: 0 0 100px;
}
.p-contact .p-form .p-column dd .school .school_box .graduate {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .p-contact .p-form .p-column dd .school .school_box .graduate {
    flex-wrap: wrap;
  }
}
.p-contact .p-form .p-column dd .school .school_box .graduate > .year {
  flex: 0 0 80px;
  margin-right: 12px;
}
.p-contact .p-form .p-column dd .school .school_box .graduate .list {
  margin-left: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .p-contact .p-form .p-column dd .school .school_box .graduate .list {
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
  }
}
.p-contact .p-form .p-column dd .school .school_box .graduate .list > span {
  margin: 0 30px 0 0;
  font-size: 1.5rem;
}
@media only screen and (max-width: 750px) {
  .p-contact .p-form .p-column dd .school .school_box .graduate .list > span {
    margin-right: 15px;
    font-size: 1.4rem;
  }
}
.p-contact .p-form .p-column dd .school .school_box .graduate .list > span:last-child {
  margin-right: 0;
}
.p-contact .p-form .p-column dd .select-wrap select {
  padding: 3px 35px 4px 15px;
  border: 3px solid #ededed;
  border-radius: 5px;
  font-size: 1.5rem;
  background: url(/recruit/assets/image/common/icon/select.png) right 10px center/14px auto no-repeat;
}
.p-contact .p-submit {
  margin-top: 50px;
  text-align: center;
}
.p-contact .p-submit input[type=submit] {
  font-size: 1.67rem;
  font-weight: bold;
  width:250px;
  text-align:center;
  margin:0 auto;
  height: 50px;
  border: 3px solid rgb(255, 100, 229);
  border-radius:5px;
  color: rgb(255, 255, 255);
  /*
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
  background-color:#ca4b82;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: color 0.3s ease-out;
  cursor: pointer;
}
@media only screen and (min-width: 751px) {
  .p-contact .p-submit input[type=submit]:hover {
    background-color: #f5b0ce;
    color: #fff;
  }
}
.p-contact .p-thanks {
  padding: 15px 0 40px;
  text-align: center;
}
.p-contact .p-thanks h2 {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: 400;
}
.p-contact .p-thanks p {
  line-height: 2;
}

.mw_wp_form_confirm .p-contact .p-flow.vol01 {
  visibility: hidden;
}
.mw_wp_form_confirm .p-contact .p-flow.vol02 {
  visibility: visible;
}
.mw_wp_form_confirm .p-form .p-form_inner {
  max-width: 680px;
}
.mw_wp_form_confirm .p-form .p-column dt {
  padding-top: 0;
  padding-right: 30px;
}
.mw_wp_form_confirm .p-form .p-column dt .required {
  display: none;
}
.mw_wp_form_confirm .p-form .p-column dd .gender-list {
  justify-content: flex-start;
}
.mw_wp_form_confirm .p-form .p-column dd .gender-list li {
  margin-right: 1em;
  width: auto;
}
.mw_wp_form_confirm .p-form .p-column dd .gender-list li span {
  display: none;
}
.mw_wp_form_confirm .p-form .p-column dd .check-list {
  padding-top: 0;
}
.mw_wp_form_confirm .p-form .p-column dd .attention {
  display: none;
}
.mw_wp_form_confirm .p-form .p-column dd .school .school_box > p {
  display: none;
}
.mw_wp_form_confirm .p-form .p-column dd .school .school_box .graduate .year {
  flex: none;
}

/* ==========================================================================

ニュース

========================================================================== */
.p-news {
  margin-bottom: 50px;
}
@media only screen and (max-width: 750px) {
  .p-news {
    margin-bottom: 20px;
  }
}
.p-news .c-content_inner {
  max-width: 1100px;
}
.p-news .p-news_box {
  margin: -5px 0 0;
  padding: 30px 55px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 6px 54px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_box {
    margin: -10px 0 0;
    padding: 2px 20px;
    box-shadow: 0 3px 25px rgba(0, 0, 0, 0.1);
  }
}
.p-news .p-news_list .p-news_item {
  padding: 30px 0;
  border-bottom: 2px dotted #c8c8c8;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_list .p-news_item {
    padding: 20px 0;
    border-bottom: 2px dotted #c8c8c8;
  }
}
.p-news .p-news_list .p-news_item:last-child {
  border-bottom: 0;
}
.p-news .p-news_list .p-news_item > a, .p-news .p-news_list .p-news_item > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_list .p-news_item > a, .p-news .p-news_list .p-news_item > div {
    display: block;
  }
}
.p-news .p-news_list .p-news_item > a {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media only screen and (min-width: 751px) {
  .p-news .p-news_list .p-news_item > a:hover {
    opacity: 0.7;
  }
}
.p-news .p-news_list .p-news_item figure {
  width: 30.4259634888%;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_list .p-news_item figure {
    margin-bottom: 10px;
    width: auto;
    text-align: center;
  }
}
.p-news .p-news_list .p-news_item .p-news_item_textbody {
  width: 66.9371196755%;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_list .p-news_item .p-news_item_textbody {
    width: auto;
  }
}
.p-news .p-news_list .p-news_item .p-news_item_textbody .date {
  margin-bottom: 5px;
  color: #bf4278;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.8rem;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_list .p-news_item .p-news_item_textbody .date {
    margin-bottom: 3px;
    font-size: 1.4rem;
  }
}
.p-news .p-news_list .p-news_item .p-news_item_textbody .title {
  font-size: 1.6rem;
  margin-bottom: 5px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_list .p-news_item .p-news_item_textbody .title {
    font-size: 1.4rem;
  }
}
.p-news .p-news_list .p-news_item .p-news_item_textbody .text {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_list .p-news_item .p-news_item_textbody .text {
    font-size: 1.4rem;
    line-height: 1.66;
  }
}
.p-news .p-news_list .p-news_item.new .p-news_item_textbody .date span::after {
  content: "NEW";
  padding: 1px 5px 0;
  margin-left: 8px;
  background-color: #bf4278;
  color: #fff;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.5rem;
  position: relative;
  top: -1px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_list .p-news_item.new .p-news_item_textbody .date span::after {
    padding: 1px 3px 0;
    margin-left: 5px;
    font-size: 1.4rem;
    top: 0;
  }
}
.p-news .p-news_pager {
  margin-top: 60px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_pager {
    margin-top: 40px;
  }
}
.p-news .p-news_pager ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.p-news .p-news_pager ul li {
  width: 34px;
  height: 34px;
  margin: 6px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_pager ul li {
    width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);
  }
}
.p-news .p-news_pager ul li > span, .p-news .p-news_pager ul li > a {
  padding-top: 2px;
  display: block;
  border: 1px solid #333333;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.8rem;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_pager ul li > span, .p-news .p-news_pager ul li > a {
    padding-top: 6px;
    font-size: 1.7rem;
  }
}
@media only screen and (min-width: 751px) {
  .p-news .p-news_pager ul li > a {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
  }
  .p-news .p-news_pager ul li > a:hover {
    background-color: #C2C2C2;
  }
}
.p-news .p-news_pager ul li.p-news_pager_item > span {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}
.p-news .p-news_pager ul li.p-news_pager_prev {
  margin-right: 14px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_pager ul li.p-news_pager_prev {
    margin-right: 5px;
  }
}
.p-news .p-news_pager ul li.p-news_pager_prev > span::before, .p-news .p-news_pager ul li.p-news_pager_prev > a::before {
  transform: rotate(-45deg);
  left: 14px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_pager ul li.p-news_pager_prev > span::before, .p-news .p-news_pager ul li.p-news_pager_prev > a::before {
    left: 17px;
  }
}
.p-news .p-news_pager ul li.p-news_pager_next {
  margin-left: 14px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_pager ul li.p-news_pager_next {
    margin-left: 5px;
  }
}
.p-news .p-news_pager ul li.p-news_pager_next > span::before, .p-news .p-news_pager ul li.p-news_pager_next > a::before {
  transform: rotate(-225deg);
  left: 10px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_pager ul li.p-news_pager_next > span::before, .p-news .p-news_pager ul li.p-news_pager_next > a::before {
    left: 13px;
  }
}
.p-news .p-news_pager ul li.p-news_pager_prev > span, .p-news .p-news_pager ul li.p-news_pager_prev > a, .p-news .p-news_pager ul li.p-news_pager_next > span, .p-news .p-news_pager ul li.p-news_pager_next > a {
  position: relative;
}
.p-news .p-news_pager ul li.p-news_pager_prev > span::before, .p-news .p-news_pager ul li.p-news_pager_prev > a::before, .p-news .p-news_pager ul li.p-news_pager_next > span::before, .p-news .p-news_pager ul li.p-news_pager_next > a::before {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-left: 2px solid #2f2f2f;
  border-top: 2px solid #2f2f2f;
  position: absolute;
  top: 12px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_pager ul li.p-news_pager_prev > span::before, .p-news .p-news_pager ul li.p-news_pager_prev > a::before, .p-news .p-news_pager ul li.p-news_pager_next > span::before, .p-news .p-news_pager ul li.p-news_pager_next > a::before {
    top: 15px;


  }
}
.p-news .p-news_pager ul li.p-news_pager_prev > span, .p-news .p-news_pager ul li.p-news_pager_next > span {
  opacity: 0.4;
}
.p-news .p-news_detail {
  padding-top: 20px;
  max-width: 875px;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail {
    padding: 25px 0;
  }
}
.p-news .p-news_detail .p-news_deta {
  margin-bottom: 5px;
  color: #bf4278;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.8rem;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_deta {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
}
.p-news .p-news_detail .p-news_deta.new span::after {
  content: "NEW";
  padding: 1px 5px 0;
  margin-left: 8px;
  background-color: #bf4278;
  color: #fff;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.5rem;
  position: relative;
  top: -1px;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_deta.new span::after {
    padding: 1px 3px 0;
    margin-left: 5px;
    font-size: 1.4rem;
    top: 0;
  }
}
.p-news .p-news_detail h1 {
  font-size: 2rem;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail h1 {
    font-size: 1.4rem;
  }
}
.p-news .p-news_detail .p-news_textbody {
  padding: 20px 0 20px;
  margin-top: 30px;
  border-top: 2px dotted #c8c8c8;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody {
    margin-top: 20px;
    padding: 10px 0 10px;
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.p-news .p-news_detail .p-news_textbody figure {
  text-align: center;
  margin: 25px 0;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody figure {
    margin: 20px 0;
  }
}
.p-news .p-news_detail .p-news_textbody p {
  margin: 25px 0;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody p {
    margin: 20px 0;
  }
}
.p-news .p-news_detail .p-news_textbody ul {
  padding-left: 1em;
  margin: 25px 0;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody ul {
    margin: 20px 0;
  }
}
.p-news .p-news_detail .p-news_textbody ul li {
  list-style-type: disc;
}
.p-news .p-news_detail .p-news_textbody ol {
  padding-left: 1em;
  margin: 25px 0;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody ol {
    margin: 20px 0;
  }
}
.p-news .p-news_detail .p-news_textbody ol li {
  list-style-type: decimal;
}
.p-news .p-news_detail .p-news_textbody a {
  color: #bf4278;
}
.p-news .p-news_detail .p-news_textbody h1 {
  margin: 25px 0;
  font-size: 160%;
  line-height: 1.5;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody h1 {
    margin: 20px 0;
  }
}
.p-news .p-news_detail .p-news_textbody h2 {
  margin: 25px 0;
  font-size: 140%;
  line-height: 1.6;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody h2 {
    margin: 20px 0;
  }
}
.p-news .p-news_detail .p-news_textbody h3 {
  margin: 25px 0;
  font-size: 120%;
  line-height: 1.6;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody h3 {
    margin: 20px 0;
  }
}
.p-news .p-news_detail .p-news_textbody h4 {
  margin: 25px 0;
  font-size: 100%;
  line-height: 1.6;
}
@media only screen and (max-width: 750px) {
  .p-news .p-news_detail .p-news_textbody h4 {
    margin: 20px 0;
  }
}
.p-news .c-btn01 {
  margin-top: 60px;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .p-news .c-btn01 {
    margin-top: 35px;
  }
}
.p-news .c-btn01 a::before {
  display: none;
}


/* 採用詳細テーブル装飾 20210414*/

table.recruit_inner{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 25px;
	border-collapse: collapse;
	border: solid 2px #999;
}

table.recruit_koumoku th{
  padding: 10px;
  background: #7cecff;
  border: solid 1px #999;
}

table.recruit_koumoku td{
  padding: 3px 10px;
  border: solid 1px #999;
}



@media only screen and (max-width: 750px){
	#content .recruit_inner {
    width: 100%;
    }
}

/*採用トップバナー*/
.kokuchi ul li{
  display: inline-block;
  vertical-align: top;
  /*margin: 1%;*/
  width: 28%;
}
/*.kokuchi ul li{background: #d6ebff;box-shadow: 0px 0px 0px 10px #d6ebff;border: dashed 2px white;padding: 1%;}*/
@media only screen and (max-width: 750px){
.kokuchi ul li{display: block;margin: 0;width: 95%; padding: 0.5em;}
.kokuchi ul li{padding: 2%;margin: 25px 0;}
    }
.kokuchi img {
  display: block;
  margin: 10px auto;
}
.kokuchi-waku {
display:-ms-grid;
display:grid;
-ms-grid-columns:auto auto auto;
grid-template-columns:auto auto auto;
}


.kokushi img {
  display: block;
  margin: 10px auto;
}
.kengaku-zoom {
  margin: 10px;
  padding: 0.2em 0.5em;
  background: #d6ebff;
  box-shadow: 0px 0px 0px 10px #d6ebff;
  border: dashed 2px white;
}
.kengaku-event {
  margin: 10px;
  padding: 0.2em 0.5em;
  background: #ffe4e1;
  box-shadow: 0px 0px 0px 10px #ffe4e1;
  border: dashed 2px white;
}
.kengaku-trainer {
  margin: 10px;
  padding: 0.2em 0.5em;
  background: #FCDEB8;
  box-shadow: 0px 0px 0px 10px #FCDEB8;
  border: dashed 2px white;
}
.kengaku-work-trainer {
  margin: 10px;
  padding: 0.2em 0.5em;
  background: #C9E2BE;
  box-shadow: 0px 0px 0px 10px #C9E2BE;
  border: dashed 2px white;
}
.zoom-btn {
  max-width: 430px;
  margin: 10px auto;
  margin-bottom: 10px;
}
a.kengaku-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  position: relative;
  background: #228bc8;
  border: 1px solid #228bc8;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  margin: 10px 0;;
}
a.kengaku-btn:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.kengaku-btn:hover {
  background: #fff;
  color: #228bc8;
}
a.kengaku-btn:hover:before {
  border-top: 2px solid #228bc8;
  border-right: 2px solid #228bc8;
}
.kengaku-event a.kengaku-btn {
  background: #f08080;
  border: 1px solid #f08080;
  margin: 38px 0;
}
.kengaku-event a.kengaku-btn:hover {
  background: #fff;
  color: #f08080;
}
.kengaku-event a.kengaku-btn:hover:before {
  border-top: 2px solid #f08080;
  border-right: 2px solid #f08080;
}
.kengaku-trainer a.kengaku-btn {
  background: #FF6100;
  border: 1px solid #FF6100;
  margin: 38px 0;
}
.kengaku-trainer a.kengaku-btn:hover {
  background: #fff;
  color: #FF6100;
}
.kengaku-trainer a.kengaku-btn:hover:before {
  border-top: 2px solid #FF6100;
  border-right: 2px solid #FF6100;
}
.kengaku-work-trainer a.kengaku-btn {
  background: #00B900;
  border: 1px solid #00B900;
  margin: 38px 0;
}
.kengaku-work-trainer a.kengaku-btn:hover {
  background: #fff;
  color: #00B900;
}
.kengaku-work-trainer a.kengaku-btn:hover:before {
  border-top: 2px solid #00B900;
  border-right: 2px solid #00B900;
}
.check-icon img {
  width: 3%!important;
  margin-right: 10px;
  vertical-align: middle;
}
.check-icon {
  line-height: 2.5;
  display: block;
  font-weight: 700;
}
.question {
  display: block!important;
  padding :11px 0;
}
.question_table {
  margin-top: 15px;
}
.question dt {
  color: #FFFFFF;
  background-color: #FFA07A;
  border-radius: 10px 10px 0px 0px;
  padding: 10px 15px 8px;
  font-weight: 700;
  margin-right: 0;
  margin-bottom: 0;
  text-align: left;
}
.question dd {
 border: 1px solid #FFA07A;
 border-radius: 0px 0px 10px 10px;
 color: #FFA07A;
 font-weight: 700;
 padding: 10px 15px 8px;
  }
.kokushi {
  display: block;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 750px) {
.check-icon img {
  width: 10%!important;
  }
.kengaku-zoom {
  margin: 0px;
}
.kengaku-event a.kengaku-btn {
  margin: 10px 0;
}
.kengaku-trainer a.kengaku-btn {
  margin: 10px 0;
}
}
.kokushi_title {
  font-weight: bold;
}

/*eventpage*/
.p-companyevent {
    padding: 30px 0 20px;
}
.p-companyevent .kengaku-waku {
  display: flex;
  justify-content: center;
  gap: 6px 10px;
}
.kengaku-waku .eventday {
  width: 50%;
  padding: 28px 40px 28px!important;
}
.p-companyevent .p-how {
    padding: 28px 40px 70px;
    margin-bottom: 80px;
    background-color: #fff;
    box-shadow: 0 6px 54px rgb(0 0 0 / 9%);
}
.p-companyevent .c-title00 {
  font-size: 3.4rem;
  color: #ff8e00;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 20px;
}
.p-companyevent2 .p-how {
    padding: 38px 40px 45px;
    margin-bottom: 42px;
    background-color: #fff;
    box-shadow: 0 1px 32px rgb(0 0 0 / 15%);
}
.p-companyevent2 .p-list_item_image {
    margin-top: 32px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}
.p-companyevent2 .p-list_item_image li {
  width: 48.1012658228%;
}
.p-companyevent2 {
  margin-top: 20px;
}

@media only screen and (max-width: 750px){
.p-companyevent2 .p-list_item_image {
    margin-top: 23px;
    display: block;
}
.p-companyevent2 .p-list_item_image li {
  width: 100%;
  margin-bottom: 20px;
}
}

/*申込フォーム*/
.formcats-frame {
  width: 1100px;
  margin: 0 auto;
}
.form-head-text {
  text-align: center;
  width: 800px;
  margin: 0 auto;
  background: #CA3C6E;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 20px;
  position: relative;
}
.form-head-text-zoom {
  text-align: center;
  width: 800px;
  margin: 0 auto;
  background: #6A8CC7;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 20px;
  position: relative;
}
.form-head-text-event {
  text-align: center;
  width: 800px;
  margin: 0 auto;
  background: #ff8e00;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 20px;
  position: relative;
}
@media only screen and (max-width: 750px){
.formcats-frame {
  margin-top: 60px;
  width: 100%;
}
.form-head-text {
  width: 100%;
  padding: 20px 0;
}
.form-head-text-zoom {
  width: 100%;
  padding: 20px 0;
}
.form-head-text-event {
  width: 100%;
  padding: 20px 0;
}
}
.banners{
  display:flex;
  width:840px;
  margin:0 auto;
}
.event_banner{
  margin-right:10px;
  margin-bottom:10px;
}
.trainer_banner{
  margin-left:10px;
  margin-bottom:10px;
}
@media only screen and (max-width: 840px){
  .banners{
    display:flex;
    width:100%;
    margin:0 auto;
  }
  .event_banner,.trainer_banner{
    margin:10px;
  }
}
@media only screen and (max-width: 750px){
  .banners{
    display: block;
  }
}

/* 100の質問　社長　20220922 START */
.questions100{
	color:black;
  width:750px;
  margin:0 auto;
}
.questions100_title{
	font-size:1.5em;
	text-align:center;
}
.questions100_qa{
	margin:20px;
}
.questions100_question{
		display: flex;
		line-height: 30px;
}
.questions100_num{
		width:30px;
		height:30px;
		vertical-align: middle;
		text-align: center;
		background-color:#BF4278;
		border-radius: 5px;
		margin-right:5px;
    color:white;
    font-weight:bold;
}

.questions100_answer{
	margin-left:35px;
	margin-top:10px;
  background-color:#f4f4f4;
  padding:10px;
  border-radius:5px;
}
.questions100_answer h3{
  font-weight: normal !important;
}
.questions100_question h3{
	font-weight: bold !important;
}

.questions100_category{
  width:750px;
  margin:0 auto;
  padding-top:100px;
  padding-bottom:50px;
}
.questions100_category1,.questions100_category2{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.questions100_category_btn{
  padding:10px;
  margin:10px;
  border-radius:5px;
  background-color:#BF4278;
  width:140px;
  text-align:center;
}
.questions100_category_btn a{
  color:white !important;
  text-decoration: none;
  font-weight:bold;
}
.questions100_category_heading{
  padding: 1rem 2rem;
  border-left: 6px double #BF4278;
  margin:50px 0 20px 0;
  font-size:1.5em;
}
@media only screen and (max-width: 750px){
  .questions100_category{
    width:100%;
    padding-top:50px;
  }
  .questions100{
    width:100%;
  }
  .questions100_category1,.questions100_category2{
    justify-content: space-around;
  }
  .questions100_category_btn{
    width:120px;
  }
}


/* 100の質問 マネージャー　20220922 START */
.m_questions100{
	color:black;
  width:750px;
  margin:0 auto;
}
.m_questions100_title{
	font-size:1.5em;
	text-align:center;
}
.m_questions100_qa{
	margin:20px;
}
.m_questions100_question{
		display: flex;
		line-height: 30px;
}
.m_questions100_num{
		width:30px;
		height:30px;
		vertical-align: middle;
		text-align: center;
		background-color:#00B900;
		border-radius: 5px;
		margin-right:5px;
    color:white;
    font-weight:bold;
}

.m_questions100_answer{
	margin-left:35px;
	margin-top:10px;
  background-color:#f4f4f4;
  padding:10px;
  border-radius:5px;
}
.m_questions100_answer h3{
  font-weight: normal !important;
}
.m_questions100_question h3{
	font-weight: bold !important;
}

.m_questions100_category{
  width:750px;
  margin:0 auto;
  padding-top:100px;
  padding-bottom:50px;
}
.m_questions100_category1,.m_questions100_category2{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.m_questions100_category_btn{
  padding:10px;
  margin:10px;
  border-radius:5px;
  background-color:#00B900;
  width:140px;
  text-align:center;
}
.m_questions100_category_btn a{
  color:white !important;
  text-decoration: none;
  font-weight:bold;
}
.m_questions100_category_heading{
  padding: 1rem 2rem;
  border-left: 6px double #00B900;
  margin:50px 0 20px 0;
  font-size:1.5em;
}
@media only screen and (max-width: 750px){
  .m_questions100_category{
    width:100%;
    padding-top:50px;
  }
  .m_questions100{
    width:100%;
  }
  .m_questions100_category1,.m_questions100_category2{
    justify-content: space-around;
  }
  .m_questions100_category_btn{
    width:120px;
  }
}

.p-faq100{
  display:flex;
  flex-wrap: wrap;
  margin: 0 -1rem 0 -1rem;
  margin-bottom:100px;
}
.interview-more{
    font-size: 0.85rem;
    color: #333;
    font-weight: bold;
    margin-top: 2rem;
    display: block;
    text-align: right;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.interview-more::after{
    content: "";
    display: inline-block;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5.5px;
    border-color: transparent transparent transparent #00B900;
}
.interview-list-inner{
  position: relative;
  padding: 1rem;
}
.interview-list-inner a{
  text-decoration: none;
}
.p-faq100-list{
  width: calc((100% - 6rem) / 3);
  margin: 0 1rem 2rem;
  background: #F3F4F6;
  box-shadow: 0 1rem 2rem rgb(0 0 0 / 16%);
}
.interview-cat{
  display: inline-block;
  font-size: 0.85714rem;
  font-weight: 600;
  color: #00B900;
  padding: 0.5rem 1rem;
  border: solid 2px #00B900;
  margin-bottom: 1rem;
}
.interview-thumb {
    overflow: hidden;
}
.interview-thumb a:hover img{
  transform: scale3d(1.1, 1.1, 1);
  animation: none;
}
.interview-thumb img{
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.interview-main-inner{
  display:flex;
  box-shadow: 0 1rem 2rem rgb(0 0 0 / 16%);
  width:730px;
  margin:0 auto;
  margin-top:100px;
}
.interview-main-inner h3 {
    font-size: 1.5em;
}
.left, .right{
  width:50%;
}
.right{
  padding: 3rem;
}
.center{
  justify-content:center !important;
}
.bottom-zero{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
.top-faq100{
  margin-bottom:250px;
}
.top-faq100-text{
  padding:50px;
}
.top-faq100-text-h3{
  font-size:2em;
  padding-bottom:50px;
}
.top-faq100-head{
  text-align:right;
}
.top-faq100-btn{
  text-align:right;
}
.top-faq100::before{
  top:30px;
  bottom:auto !important;
}
.top-faq100 .p-column{
  padding-top:0 !important;
  margin-top:30px;
}
.faq_top .p-column figure{
  width:auto !important;
}

@media screen and (max-width:768px){
  .p-faq100{
    display:block;
  }
  .p-faq100-list{
    width:400px;
    margin:0 auto;
    margin-bottom:50px;
  }
  .interview-main-inner{
    display:block;
    width:380px;
  }
  .left, .right{
    width:100%;
  }
}
@media screen and (max-width:425px){
  .p-faq100-list{
    width:100%;
  }
  .interview-main-inner{
    width:90%;
  }
  .m_questions100_category{
    padding:0;
  }
  .top-faq100-text{
    padding:0;
  }
  .top-faq100-text-h3{
    font-size:1.5em;
    padding-bottom:30px;
  }
  .top-faq100-btn{
    text-align:center;
  }
  .top-faq100-head{
    text-align:left;
  }
}

/* 20221031 Formcatsに代わるフォーム用css */

.disabled{
  background-color:#f0b484;
}

.none{
  display:none;
}

.contents{
  display:flex !important;
  justify-content: start;
  flex-wrap: wrap;
}
.content{
  position: relative;
  width:47%;
  word-wrap: break-word;
  min-width: 0;
}
.yn_submit{
  background: #ff8e00 !important;
  color: white;
  border-radius: 5px !important;
  font-weight: bold;
  padding:10px;
  width:250px;
}
@media screen and (max-width: 768px) {
	.contents{
	  justify-content: space-between;
		margin:0 auto;
	 }
	.content{
		width:100%;
		margin:0 auto;
		padding:0;
	}
  .yn_submit{
    margin:0 auto !important;
  }
}

@keyframes move-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}

.yn-chart{
  margin:50px 20px;
  /* margin-top:50px; */
  font-size:0.9rem;
}
@media screen and (min-width: 768px) {
	.yn-chart{
	  margin-top:0px;
	}
}
.yn_waku{
	border:1px solid  #C1C1C1;
	background:#fff;
	width:100%;
	padding-bottom:20px;
}
@media screen and (min-width: 768px) {
	.yn_waku, .sentence{
		width:800px;
		margin:0 auto;
	}
}
.input_box{
  background: #fafafa;
  padding: 1em 1em;
  border: 1px #ccc solid !important;
  border-radius: 3px !important;
  width: 100%;
  box-sizing: border-box;
  font-size:1.4em;
}
.yn_waku > div{
  display:none;
  padding-top: 100px;
  margin-top: -100px;
  text-align:center;
}
.yn_waku > div.yn-chart__display{
  display:block;
}
.yn_waku > div > figure{
  margin:1em 0 2em;
}
.yn_waku > div > h5{
  margin:2em 1em 0 !important;
  padding: 0.8em 1em 0.8em 5.0em !important;
  background:#fff;
  position:relative;
  font-size: 1.2rem;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  text-align:left;
}
.yn_waku > div > h5:before{
  content: "Q";
  background: #E74C3C;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.1em;
  min-width: 48px;
}
.color01{
  background: #FF8E00 !important;
}
.color01_q > div > h5:before{
  background: #FF8E00 !important;
}
.yn_waku > div ul{
  margin:2em 1em 0 !important;
  padding:0 !important;
  list-style:none !important;
  border:none;
}
.yn_waku > div ul li {
  margin: 0.5em 0.5em 0.5em 0.5em !important;
  padding: 0 !important;
  text-align: center;
  font-size: 15px;
}
.yn_waku > div ul li a{
  background: white;
  display: block;
  padding: 1.8em !important;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  border: solid 1px #7CCAE0;
  border-radius: 10px;
  margin:0 10px;
}
.yn_waku > div ul li a:hover{
  transform: translateY(3px);
  box-shadow: 0 2px 2px rgba(0,0,0,.22);
  transition: transform .3s;
}
.yn_waku > div ul li:before{
  content:unset !important;
}
.sentence{
	font-size:2rem;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	color:#fff;
	background-color:#E74C3C;
	padding:40px 0;
}
@media screen and (max-width: 768px) {
	.yn_waku > div > {
		font-size:0.8em;
	}
	.yn_waku > div ul li a{
		font-size:0.7em;
		margin:0 auto;
	}
	.sentence{
		font-size:1rem;
		margin-top:0 auto;
		text-align:center;
		font-weight:bold;
	}
  .yn-chart{
    padding:1.8em 1.3em;
    margin:0 auto 2rem;
  }
  .yn-chart > div > figure {
    margin: 0.5em 0;
  }
  .yn-chart > div > p {
    margin: 1em 0 0 !important;
    padding: 0.8em 1em 0.8em 3.3em !important;
  }
  .yn-chart > div ul {
    margin: 1em 0 0 !important;
  }
  .yn-chart > div > p:before{
    min-width: 30px;
  }
}

.next{
  margin:0 auto;
  margin-top:1.5em;
  background: white;
  display: block;
  padding: 1.8em !important;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size:1.4em;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  border: solid 1px #7CCAE0;
  border-radius: 10px;
  width:250px;
}
.back{
  margin:0 auto;
  margin-top:1.5em;
  background: white;
  display: block;
  padding: 1.8em !important;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size:1.4em;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  background:#EBEDEF;
  border-radius: 10px;
  width:250px;
}
.input{
  padding:15px;
  text-align:center;
  margin:0 auto;
}

.progress_bar{
	padding:20px;
	display:flex;
	justify-content: flex-end;
	background-color:white;
	font-size:1.8em;
}

#result p{
	padding:10px;
	margin:10px;
}



/* 20221031 Formcatsに代わるフォーム用css */

.disabled{
  background-color:#f0b484;
}

.none{
  display:none;
}

.contents{
  display:flex !important;
  justify-content: start;
  flex-wrap: wrap;
}
.content{
  position: relative;
  width:47%;
  word-wrap: break-word;
  min-width: 0;
}
@media screen and (max-width: 768px) {
	.contents{
	  justify-content: space-between;
		margin:0 auto;
	 }
	.content{
		width:100%;
		margin:0 auto;
		padding:0;
	}
  .yn_submit{
    margin:0 auto !important;
  }
}

@keyframes move-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}
@media screen and (min-width: 768px) {
	.yn-chart{
	  margin-top:0px;
	}
}
.yn_waku{
	border:1px solid  #C1C1C1;
	background:#fff;
	width:100%;
	padding-bottom:20px;
}
@media screen and (min-width: 768px) {
	.yn_waku, .sentence{
		width:800px;
		margin:0 auto;
	}
}
.input_box, .input_box2{
  background: #fafafa;
  padding: 1em 1em;
  border: 1px #ccc solid !important;
  border-radius: 3px !important;
  width: 100%;
  box-sizing: border-box;
  font-size:1.2rem;
}
.yn_waku > div{
  display:none;
  padding-top: 100px;
  margin-top: -100px;
  text-align:center;
}
.yn_waku > div.yn-chart__display{
  display:block;
}
.yn_waku > div > figure{
  margin:1em 0 2em;
}
.color01{
  background: #FF8E00 !important;
}
.color01_q > div > h5:before{
  background: #FF8E00 !important;
}
.yn_waku > div ul{
  margin:2em 1em 0 !important;
  padding:0 !important;
  list-style:none !important;
  border:none;
}
.yn_waku > div ul li {
  margin: 0.5em 0.5em 0.5em 0.5em !important;
  padding: 0 !important;
  text-align: center;
  font-size: 15px;
}
.yn_waku > div ul li a{
  background: white;
  display: block;
  padding: 1.8em !important;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  border: solid 1px #7CCAE0;
  border-radius: 10px;
  margin:0 10px;
}
.yn_waku > div ul li a:hover{
  transform: translateY(3px);
  box-shadow: 0 2px 2px rgba(0,0,0,.22);
  transition: transform .3s;
}
.yn_waku > div ul li:before{
  content:unset !important;
}
.sentence{
	font-size:2rem;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	color:#fff;
	background-color:#E74C3C;
	padding:40px 0;
}
.q1, .q2, .q3, .q4, .q5, .q6, .q7, .q8, .q9, .q10{
  	border:0px !important;
  	box-shadow: none !important;
  	background-color: white !important;
    text-align: center;
}
@media screen and (max-width: 768px) {
	.yn_waku > div > {
		font-size:0.8em;
	}
	.yn_waku > div ul li a{
		font-size:0.7em;
		margin:0 auto;
	}
	.sentence{
		font-size:1.5rem;
		margin-top:0 auto;
		text-align:center;
		font-weight:bold;
    padding:20px 0;
	}
  .yn-chart{
    /* padding:1.8em 1.3em; */
    margin:0 auto 2rem;
  }
  .yn-chart > div > figure {
    margin: 0.5em 0;
  }
  .yn-chart > div > p {
    margin: 1em 0 0 !important;
    padding: 0.8em 1em 0.8em 3.3em !important;
  }
  .yn-chart > div ul {
    margin: 1em 0 0 !important;
  }
  .yn-chart > div > p:before{
    min-width: 30px;
  }
	.input_box{
		height:40px !important;
		width:300px !important;
	}
	.input_box2{
		/* height:40px !important; */
		width:300px !important;
	}
	.input{
		padding:0 !important;
		padding-top:50px !important;
	}
}

.next{
  margin:0 auto;
  margin-top:1.5em;
  background: white;
  display: block;
  padding: 1.8em !important;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size:1.2rem;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  border: solid 1px #7CCAE0;
  border-radius: 10px;
  width:250px;
}
.back{
  margin:0 auto;
  /* margin-top:1.5em; */
  background: white;
  display: block;
  padding: 1.8em !important;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size:1.2rem;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  background:#EBEDEF;
  border-radius: 10px;
  width:250px;
}
.input{
  padding:15px;
  text-align:center;
  margin:0 auto;
}

.progress_bar{
	padding:20px;
	display:flex;
	justify-content: flex-end;
	background-color:white;
	font-size:1.8em;
  align-items: center;
}

#result p{
	padding:10px;
	margin:10px;
}
.contact_question{
	background-color:#7CCAE0;
}
.next, .back{
  padding:0.6em 0 !important;
}
@media screen and (max-width: 768px) {

	#pagesArea p{
		padding:0;
		padding-right: 10px;
    margin:0;
	}
  .next, .back {
    margin: 10px auto;
  }
  .sentence{
    padding:20px 0;
  }
}

.saiyo-instagram-box{
  width:80%;
  margin:0 auto;
}
.saiyo-instagram-hd{
  margin:0 auto;
  font-size: 4.0rem;
    line-height: 2;
    text-align: center;
    font-weight: bold;
    margin-top:50px;
}
.saiyo-instagram-hd span{
  display: inline-block;
    padding: 0 20px;
    position: relative;
    color:#BF4278;
}

.saiyo-instagram-hd span:before, .saiyo-instagram-hd span:after{
  content: " ";
    width: 2px;
    height: 80%;
    background-color: #BF4278;
    position: absolute;
    top: 10%;
}
.saiyo-instagram-hd span:before{
  left: 0;
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    -o-transform: rotate(-22deg);
    transform: rotate(-22deg);
}
.saiyo-instagram-hd span:after{
  right: 0;
-webkit-transform: rotate(22deg);
-moz-transform: rotate(22deg);
-ms-transform: rotate(22deg);
-o-transform: rotate(22deg);
transform: rotate(22deg);
}
@media screen and (max-width: 768px) {
  .saiyo-instagram-box{
    width:90%;
    margin:0 auto;
  }
  .saiyo-instagram-hd{
    font-size: 2.0rem;
      line-height: 2;
      text-align: center;
      font-weight: bold;
      margin-top:0px;
  }
}