@charset "UTF-8";
/*
Theme Name: k-frame
Author: KEI KASAMA
Author URI: https://wordpress.org/
Description: KEI KASAMA's theme
Version: 1.1
Text Domain: k-frame
*/
/* --------colors-------- */
/* --------font-------- */
/* --------font-size-------- */
/* --------objects-------- */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ul li,
ol li {
  list-style: none;
}

a {
  text-decoration: none;
  display: block;
  color: #000000;
}

html {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: normal;
  font-family: "Noto Sans JP", sans-serif;
}

body {
  color: #000000;
  line-height: 1.7;
  min-width: 1024px;
  background-color: #ffffff;
  font-feature-settings: "palt";
}

img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

table {
  border-collapse: collapse;
}

address {
  font-style: normal;
}

strong {
  font-family: "Noto Sans JP", sans-serif;
}

figure {
  margin: 0;
}

.animsition-loading,
.animsition-loading:after {
  z-index: 1000000 !important;
}

.load-spinner {
  position: fixed;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 1000000000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.load-spinner .loading-text {
  letter-spacing: 2px;
  font-family: "Julius Sans One", sans-serif;
}

.orbit-spinner {
  height: 55px;
  width: 55px;
  border-radius: 50%;
  perspective: 800px;
  margin-bottom: 16px;
}

.orbit-spinner .orbit {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.orbit-spinner .orbit:nth-child(1) {
  left: 0%;
  top: 0%;
  animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;
  border-bottom: 3px solid #a4005b;
}

.orbit-spinner .orbit:nth-child(2) {
  right: 0%;
  top: 0%;
  animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;
  border-right: 3px solid #a4005b;
}

.orbit-spinner .orbit:nth-child(3) {
  right: 0%;
  bottom: 0%;
  animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;
  border-top: 3px solid #a4005b;
}

@keyframes orbit-spinner-orbit-one-animation {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes orbit-spinner-orbit-two-animation {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes orbit-spinner-orbit-three-animation {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
/* loading アニメーション */
#load-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
}

.circle-box {
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 50%;
  bottom: 50%;
}

.circle {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid rgba(0, 183, 229, 0.9);
  opacity: 0.9;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 35px #2187e7;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -moz-animation: spinPulse 1s infinite ease-in-out;
  -webkit-animation: spinPulse 1s infinite linear;
}

.circle1 {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid rgba(0, 183, 229, 0.9);
  opacity: 0.9;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 15px #2187e7;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  position: relative;
  top: -40px;
  -moz-animation: spinoffPulse 1s infinite linear;
  -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
  0% {
    -moz-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #2187e7;
  }
  50% {
    -moz-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(-320deg);
    opacity: 0;
  }
}
@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #2187e7;
  }
  50% {
    -webkit-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-320deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.loading {
  text-align: center;
}

.loading span {
  position: relative;
  color: rgba(0, 183, 229, 0.9);
  padding: 0 0.2em;
  visibility: hidden;
  opacity: 0;
  -webkit-animation: load 3s ease-in-out;
  -moz-animation: load 3s ease-in-out;
  -ms-animation: load 3s ease-in-out;
  -o-animation: load 3s ease-in-out;
  animation: load 3s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.loading span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

.loading span:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading span:nth-of-type(3) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.loading span:nth-of-type(4) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.loading span:nth-of-type(5) {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -ms-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.loading span:nth-of-type(6) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.loading span:nth-of-type(7) {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

@-webkit-keyframes load {
  0% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
  50% {
    visibility: visible;
    opacity: 1;
    text-shadow: 0 1px 8px rgba(0, 183, 229, 0.9), 0 -1px 8px rgba(0, 183, 229, 0.9);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
}
@-moz-keyframes load {
  0% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
  50% {
    visibility: visible;
    opacity: 1;
    text-shadow: 0 1px 8px rgba(0, 183, 229, 0.9), 0 -1px 8px rgba(0, 183, 229, 0.9);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
}
@-ms-keyframes load {
  0% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
  50% {
    visibility: visible;
    opacity: 1;
    text-shadow: 0 1px 8px rgba(0, 183, 229, 0.9), 0 -1px 8px rgba(0, 183, 229, 0.9);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
}
@-o-keyframes load {
  0% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
  50% {
    visibility: visible;
    opacity: 1;
    text-shadow: 0 1px 8px rgba(0, 183, 229, 0.9), 0 -1px 8px rgba(0, 183, 229, 0.9);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
}
@keyframes load {
  0% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
  50% {
    visibility: visible;
    opacity: 1;
    text-shadow: 0 1px 8px rgba(0, 183, 229, 0.9), 0 -1px 8px rgba(0, 183, 229, 0.9);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
  }
}
.alignleft {
  float: left;
  margin: 6px 28px 28px 0;
}

.alignright {
  float: right;
  margin: 6px 0 28px 28px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 28px;
}

.u_h1 {
  font-size: 0.625rem;
  font-weight: normal;
  position: absolute;
  top: 6px;
  right: 1%;
  color: #ffffff;
  z-index: 10000;
}

.c-name {
  width: 90%;
  position: relative;
}
.c-name .logo-inner {
  background-color: #000000;
  max-width: 136px;
  padding: 8px;
  width: 100%;
}
.c-name .logo-inner img {
  width: 100%;
  height: auto;
  display: block;
}

.red-text {
  color: #c8161d;
}

.black-text {
  color: #000000 !important;
}

.news {
  width: 88px;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  background-color: #000000;
  color: #ffffff;
  font-family: "Oswald", sans-serif;
}

/*スマホ用メニュー*/
.transition10 {
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.delay01 {
  transition-delay: 0.1s;
}

.delay02 {
  transition-delay: 0.2s;
}

.delay03 {
  transition-delay: 0.3s;
}

.delay04 {
  transition-delay: 0.4s;
}

.delay05 {
  transition-delay: 0.5s;
}

.delay06 {
  transition-delay: 0.6s;
}

.delay07 {
  transition-delay: 0.7s;
}

.delay08 {
  transition-delay: 0.8s;
}

.delay09 {
  transition-delay: 0.9s;
}

.delay10 {
  transition-delay: 1s;
}

.delay11 {
  transition-delay: 1.1s;
}

.fullnav {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9990;
  overflow: auto;
  background-color: #333333;
}
.fullnav .fullnav_nav {
  align-items: center;
  background: #fff;
  display: flex;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.fullnav .fullnav_nav .gnav {
  margin: 0 auto;
  width: 40%;
}
.fullnav .fullnav_nav .gnav a {
  color: #333333;
  position: relative;
  display: inline-block;
}
.fullnav .fullnav_nav .gnav a:before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 0;
  background-color: #333333;
  top: 50%;
  left: -10%;
}
.fullnav .fullnav_nav .gnav a:hover:before {
  transition: 0.3s;
  width: 120%;
}
.fullnav .fullnav_nav .gnav_menu_item {
  margin: 20px 0;
  opacity: 0;
  transform: translateY(100px);
}
.fullnav .fullnav_cnt {
  background: #333;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
  height: 100%;
  left: 30%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
  overflow: auto;
}
.fullnav .fullnav_cnt .fullnav_cnt_inner {
  margin: 0 auto;
  width: 75%;
}
.fullnav .fullnav_cnt_title {
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 1.5px;
  opacity: 0;
  transform: translateY(100px);
  font-size: 1.25rem;
}
.fullnav .fullnav_cnt_menu_item {
  opacity: 0;
  transform: translateY(100px);
}
.fullnav .fullnav_cnt_menu_item a {
  color: #fff;
}
.fullnav .fullnav_cnt_inner {
  position: relative;
}
.fullnav .fullnav_cnt_inner:before {
  content: "";
  display: block;
  width: 320px;
  height: 320px;
  background-image: url(images/logo_w.svg);
  position: fixed;
  top: 30%;
  right: 0;
  left: 0;
  margin: 0 auto 0 52%;
  opacity: 0.1;
  background-position: center;
  background-repeat: no-repeat;
}
.fullnav .fullnav_cnt_inner .menu-links {
  margin-bottom: 80px;
}
.fullnav .fullnav_cnt_inner .menu-links .menu-links-list {
  opacity: 0;
  transform: translateY(100px);
  margin-bottom: 16px;
}
.fullnav .fullnav_cnt_inner .menu-links .menu-links-list .link-txt {
  color: #ffffff;
  display: inline-block;
  font-size: 0.9rem;
  position: relative;
}
.fullnav .fullnav_cnt_inner .menu-links .menu-links-list .link-txt:before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 0;
  background-color: #ffffff;
  top: 50%;
  left: -10%;
}
.fullnav .fullnav_cnt_inner .menu-links .menu-links-list .link-txt:hover:before {
  transition: 0.3s;
  width: 120%;
}
.fullnav .fullnav_cnt_inner .menu-links-sns {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.fullnav .fullnav_cnt_inner .menu-links-sns .menu-links-list {
  margin-right: 4%;
}
.fullnav .fullnav_cnt_inner .menu-links-sns .menu-links-list .link-sns {
  color: #ffffff;
}
.fullnav .fullnav_cnt_inner .menu-links-sns .menu-links-list .link-sns .sns-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fullnav .fullnav_cnt_inner .menu-links-sns .menu-links-list .link-sns .sns-icon .icon-flame {
  border: 1px solid #ffffff;
  padding: 16px;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fullnav .fullnav_cnt_inner .menu-links-sns .menu-links-list .link-sns .sns-icon .icon-flame i {
  font-size: 18px;
}
.fullnav .fullnav_cnt_inner .menu-links-sns .menu-links-list .link-sns .sns-icon .sna-cap {
  font-size: 0.75rem;
}
@media only screen and (max-width: 770px) {
  .fullnav .fullnav_cnt_inner .menu-links-sns {
    /* 5個以上の項目が必要な時はdisplay:gridを使用 */
  }
  .fullnav .fullnav_cnt_inner .menu-links-sns .menu-links-list {
    margin-right: 8%;
  }
}
.fullnav .fullnav_cnt_inner .ftl_wrap {
  border-top: 1px solid #696969;
  border-bottom: 1px solid #696969;
  padding: 24px 0;
  margin-bottom: 64px;
  background-color: transparent;
}
.fullnav .fullnav_cnt_inner .ftl_wrap .footer-thumb-list .slick-arrow {
  width: 32px;
  height: 32px;
}
.fullnav .fullnav_cnt_inner .ftl_wrap:nth-last-child(1) {
  margin-bottom: 0;
}

/*on fullnav__nav*/
.fullnav.on .fullnav_nav {
  opacity: 1;
  width: 30%;
}

/*on gnav*/
.fullnav.on .gnav li {
  opacity: 1;
  transform: translateY(0);
}

/*on fullnav__cnt*/
.fullnav.on .fullnav_cnt {
  opacity: 1;
  width: 70%;
}

.fullnav.on .fullnav_cnt_title {
  opacity: 1;
  transform: translateY(0);
}
.fullnav.on .menu-links .menu-links-list {
  opacity: 1;
  transform: translateY(0);
}

.fullnav.on .fullnav_cnt_menu_item {
  opacity: 1;
  transform: translateY(0);
}

.sp-menu_btn {
  position: fixed;
  right: 0;
  top: 0;
  padding: 24px;
  z-index: 100000;
  width: 54px;
  height: 68px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.smb-wrap {
  height: 20px;
  width: 30px;
  position: relative;
}
.smb-wrap .sp-menu_btn_line {
  background: #000000;
  display: block;
  height: 2px;
  position: absolute;
  transition: transform 0.3s;
  width: 100%;
}
.smb-wrap .sp-menu_btn_line-center {
  top: 9px;
}
.smb-wrap .sp-menu_btn_line-bottom {
  bottom: 0;
}
.smb-wrap .sp-menu_btn_line-top.active {
  top: 8px;
  transform: rotate(45deg);
  background-color: #959595;
}
.smb-wrap .sp-menu_btn_line-center.active {
  transform: scaleX(0);
}
.smb-wrap .sp-menu_btn_line-bottom.active {
  bottom: 10px;
  transform: rotate(135deg);
  background-color: #959595;
}

@media only screen and (max-width: 1040px) {
  .bg-black_c {
    background-color: rgba(0, 0, 0, 0.75);
  }
  .bg-black_c .sp-menu_btn_line {
    background: #ffffff;
  }
}
@media only screen and (max-width: 770px) {
  .fullnav .fullnav_nav {
    width: 100% !important;
    position: relative;
  }
  .fullnav .fullnav_nav .gnav {
    width: 85%;
  }
  .fullnav .fullnav_cnt {
    width: 100% !important;
    position: relative;
    left: auto;
    top: auto;
    padding: 40px 0;
    align-items: inherit;
    overflow: unset;
  }
  .fullnav .fullnav_cnt .fullnav_cnt_inner {
    margin: 0 auto;
    width: 80%;
  }
  .fullnav .fullnav_cnt .fullnav_cnt_inner:before {
    display: none;
  }
  .fullnav .fullnav_cnt .ftl_wrap:nth-last-child(1) {
    margin-bottom: 64px;
  }
  .on {
    display: flex !important;
    flex-direction: column;
  }
}
.btn_stl_01 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40px;
  max-width: 200px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #a4005b;
  line-height: 0;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
}
.btn_stl_01 > span {
  position: relative;
  z-index: 100;
  font-family: "Oswald", sans-serif;
  font-size: 1.25rem;
}
.btn_stl_01 > span i {
  margin-left: 4px;
}
.btn_stl_01:before, .btn_stl_01:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  transition: 0.5s ease-in-out;
}
.btn_stl_01:before {
  right: -50px;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #16c8b1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.btn_stl_01:after {
  left: -50px;
  border-left: 50px solid transparent;
  border-top: 80px solid #16c8b1;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.btn_stl_01:hover {
  color: #ffffff;
}
.btn_stl_01:hover:before {
  -webkit-transform: translateX(-49%);
  transform: translateX(-49%);
}
.btn_stl_01:hover:after {
  -webkit-transform: translateX(49%);
  transform: translateX(49%);
}

.btn_stl_02 {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 56px;
  max-width: 200px;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px;
  line-height: 0;
}
.btn_stl_02 > span {
  position: relative;
  z-index: 100;
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
}
.btn_stl_02 > span i {
  margin-left: 4px;
}
.btn_stl_02:before, .btn_stl_02:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  transition: 0.5s ease-in-out;
}
.btn_stl_02:before {
  right: -50px;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #ffffff;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.btn_stl_02:after {
  left: -50px;
  border-left: 50px solid transparent;
  border-top: 80px solid #ffffff;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.btn_stl_02:hover {
  color: #333333;
  border-color: #ffffff;
  transition: 0.5s;
}
.btn_stl_02:hover:before {
  -webkit-transform: translateX(-49%);
  transform: translateX(-49%);
}
.btn_stl_02:hover:after {
  -webkit-transform: translateX(49%);
  transform: translateX(49%);
}
.btn_stl_02 .flex-stay-01 {
  line-height: 1.5;
  align-items: center;
  justify-content: center;
}

.btn_stl_03 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 32px;
  max-width: 120px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 0;
  border: 1px solid #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
}
.btn_stl_03 > span {
  position: relative;
  z-index: 100;
  font-family: "Oswald", sans-serif;
  font-size: 0.938rem;
}
.btn_stl_03 > span i {
  margin-left: 4px;
}
.btn_stl_03:before, .btn_stl_03:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  transition: 0.5s ease-in-out;
}
.btn_stl_03:before {
  right: -50px;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #16c8b1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.btn_stl_03:after {
  left: -50px;
  border-left: 50px solid transparent;
  border-top: 80px solid #16c8b1;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.btn_stl_03:hover {
  color: #ffffff;
  border-color: #16c8b1;
  transition: 0.5s;
}
.btn_stl_03:hover:before {
  -webkit-transform: translateX(-49%);
  transform: translateX(-49%);
}
.btn_stl_03:hover:after {
  -webkit-transform: translateX(49%);
  transform: translateX(49%);
}

.btn_stl_04 {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 56px;
  max-width: 200px;
  text-transform: uppercase;
  color: #000000;
  border: 1px solid #000000;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px;
  line-height: 0;
}
.btn_stl_04 > span {
  position: relative;
  z-index: 100;
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
}
.btn_stl_04 > span i {
  margin-left: 4px;
}
.btn_stl_04:before, .btn_stl_04:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  transition: 0.5s ease-in-out;
}
.btn_stl_04:before {
  right: -50px;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #000000;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.btn_stl_04:after {
  left: -50px;
  border-left: 50px solid transparent;
  border-top: 80px solid #000000;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.btn_stl_04:hover {
  color: #ffffff;
  border-color: #000000;
  transition: 0.5s;
}
.btn_stl_04:hover:before {
  -webkit-transform: translateX(-49%);
  transform: translateX(-49%);
}
.btn_stl_04:hover:after {
  -webkit-transform: translateX(49%);
  transform: translateX(49%);
}
.btn_stl_04 .flex-stay-01 {
  line-height: 1.5;
  align-items: center;
  justify-content: center;
}

.submit-btn,
.back-btn {
  position: relative;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 56px;
  text-transform: uppercase;
  border: 2px solid #000000;
  color: #000000;
  background-color: transparent;
  transition: 0.5s ease-in-out;
  font-size: 1rem;
  font-weight: bold;
  outline: none;
}
.submit-btn:hover,
.back-btn:hover {
  color: #ffffff;
  outline-width: 0;
  border: 1px solid #000000;
  background-color: #000000;
  transition: 0.5s ease-in-out;
}

.home-title {
  color: #000000;
  line-height: 1.4;
}
.home-title .m-text {
  font-family: "Fjalla One", sans-serif;
  font-size: 5rem;
  font-style: normal;
  letter-spacing: 12px;
  display: inline-block;
  margin-bottom: 4px;
}
@media (max-width: 2000px) and (min-width: 421px) {
  .home-title .m-text {
    font-size: 4rem;
  }
}
.home-title .s-text {
  font-family: "Fjalla One", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  display: inline-block;
  letter-spacing: 8px;
  font-weight: normal;
}
@media (max-width: 2000px) and (min-width: 421px) {
  .home-title .s-text {
    font-size: 1rem;
    letter-spacing: 7.5px;
  }
}
@media only screen and (max-width: 420px) {
  .home-title .m-text {
    font-size: 3.6rem;
  }
  .home-title .s-text {
    font-size: 0.8rem;
    letter-spacing: 7.2px;
    margin-left: 3px;
  }
}

.under-title, .under-title_std, .works_sub-title {
  font-family: "Fjalla One", sans-serif;
  font-size: 3rem;
  letter-spacing: 8px;
  z-index: 500;
  text-shadow: 0px 0px 14px #ffffff;
}

.under-title2 {
  font-family: "Fjalla One", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 1px;
  z-index: 500;
  text-align: center;
  position: relative;
  margin-bottom: 120px;
}
.under-title2 .t-line1 {
  content: "";
  display: block;
  height: 24px;
  width: 1px;
  background-color: #ffffff;
  margin: 0 auto;
  position: absolute;
  left: 0;
  transform: rotate(45deg);
  right: -74px;
  top: -30px;
}
.under-title2 .t-line2 {
  content: "";
  display: block;
  height: 24px;
  width: 1px;
  background-color: #ffffff;
  margin: 0 auto;
  position: absolute;
  left: 0;
  transition: 0.5s;
  transform: rotate(45deg);
  right: 54px;
  top: 44px;
}
.under-title2 .bc-b {
  background-color: #000000;
}

.under-title3 {
  font-family: "Fjalla One", sans-serif;
  font-size: 3rem;
  letter-spacing: 8px;
  z-index: 500;
}
.under-title3 .num {
  display: block;
  font-family: "Anton", sans-serif;
  color: #a4005b;
  letter-spacing: 4px;
  font-size: 6.5rem;
  line-height: 1;
}
.under-title3 .m-title {
  display: block;
  line-height: 1.4;
  margin: 4px 0;
}
.under-title3 .s-title {
  font-size: 0.875rem;
  letter-spacing: 3px;
}
.under-title3 .s-title .cat {
  border-right: 1px solid currentColor;
  padding-right: 8px;
  margin-right: 5px;
}
@media only screen and (max-width: 760px) {
  .under-title3 {
    font-size: 2rem;
  }
  .under-title3 .num {
    font-size: 4rem;
  }
  .under-title3 .m-title {
    letter-spacing: 6px;
  }
  .under-title3 .s-title {
    font-size: 0.813rem;
  }
}

.under-title4 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 2.5rem;
  letter-spacing: 1px;
  text-align: center;
}

.eng-title-size {
  max-width: 680px;
  padding: 0 3%;
  width: 100%;
  margin: 0 auto;
}
.eng-title-size .m-txt {
  font-family: "Anton", sans-serif;
  font-size: 2rem;
  font-style: normal;
  letter-spacing: 0px;
  display: inline-block;
  margin-bottom: 4px;
  font-weight: normal;
}
@media only screen and (max-width: 450px) {
  .eng-title-size .m-txt {
    font-size: 1.47rem;
  }
}

.uc_title_01 {
  line-height: 1.2;
  text-align: center;
}
.uc_title_01 .b_txt {
  color: #ffffff;
  font-size: 8rem;
  display: block;
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
  font-weight: normal;
  letter-spacing: 2px;
}
.uc_title_01 .b_txt .es {
  text-transform: initial;
}
.uc_title_01 .j_txt {
  color: #ffffff;
  font-size: 1.5rem;
  display: block;
  text-transform: uppercase;
  font-family: "Noto Sans JP", sans-serif;
}
.uc_title_01 .eng_txt {
  color: #ffffff;
  font-size: 1.5rem;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
}
.uc_title_01 .gy_txt {
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
  color: #ffffff;
  letter-spacing: 2px;
}
@media only screen and (max-width: 490px) {
  .uc_title_01 .b_txt {
    font-size: 2.8rem;
  }
  .uc_title_01 .j_txt {
    font-size: 1.25rem;
  }
  .uc_title_01 .eng_txt {
    font-size: 1.25rem;
  }
  .uc_title_01 .gy_txt {
    font-size: 1rem;
  }
}

.uc_title_02 {
  align-items: center;
  width: 60%;
  margin: 0 auto 64px;
  text-align: center;
  line-height: 1.5;
}
.uc_title_02 .b_txt {
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  margin: 0 8px;
  font-size: 3rem;
}
.uc_title_02 .s_txt {
  font-size: 1rem;
}

.uc_title_03 {
  color: #ffffff;
  width: 97%;
  text-align: left;
  padding: 64px 3%;
  background-color: #000000;
}
.uc_title_03 .b_txt {
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  font-size: 3rem;
  display: block;
  text-transform: uppercase;
}
.uc_title_03 .s_txt {
  font-size: 1rem;
  display: block;
}

.uc_title_04 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  margin-bottom: 16px;
  font-size: 1.125rem;
}

.works_sub-title {
  font-size: 1.125rem;
  align-items: center;
  margin: 80px auto 64px !important;
  width: 100% !important;
}
.works_sub-title .m-text {
  padding-right: 24px;
}
.works_sub-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000000;
}

#top_btn,
#top_btn_sp {
  cursor: pointer;
  display: inline-block;
}
#top_btn p,
#top_btn_sp p {
  text-align: center;
  margin: 0 auto;
  color: #9a9a9a;
  padding: 0 8px;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  flex-direction: column-reverse;
}
#top_btn p i,
#top_btn_sp p i {
  font-size: 1rem;
}

.news-sidebar {
  padding: 12px;
  justify-content: space-around;
  margin-bottom: 32px;
}
.news-sidebar section {
  background-color: #f3f3f3;
  padding: 16px 2%;
  max-width: 800px;
  width: 100%;
}
.news-sidebar section h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 8px;
}
.news-sidebar section ul {
  padding-left: 8px;
  line-height: 1.8;
}
.news-sidebar section ul li {
  display: flex;
  flex-direction: row;
}
.news-sidebar section ul li a:before {
  font-family: FontAwesome;
  content: " \f101";
  line-height: 1;
  margin-right: 4px;
}
.news-sidebar .widget_calendar {
  width: 240px;
}
.news-sidebar .widget_calendar > div {
  padding: 8px 2%;
  border: 3px double #000000;
}
.news-sidebar .widget_calendar > div table {
  width: 100%;
  text-align: center;
}
.news-sidebar .widget_calendar > div table caption {
  background-color: #000000;
  color: #ffffff;
  margin: 0 2% 8px;
}
.news-sidebar .widget_calendar > div table thead {
  color: #000000;
}
.news-sidebar .widget_calendar > div table thead tr th:nth-last-child(1) {
  color: #e83a48;
}
.news-sidebar .widget_calendar > div table thead tr th:nth-last-child(2) {
  color: #254575;
}
.news-sidebar .widget_calendar > div table tbody {
  color: #000000;
}
.news-sidebar .widget_calendar > div table tbody tr td a {
  background-color: #959595;
  color: #ffffff;
  border-radius: 3px;
}
.news-sidebar .widget_calendar > div table tbody tr #today {
  color: #ffffff;
  border-radius: 3px;
}
.news-sidebar .widget_calendar > div table tbody tr #today a {
  background-color: transparent;
}
.news-sidebar .widget_calendar > div table tfoot tr #prev a {
  color: #959595;
  text-align: left;
  padding: 10% 8% 0;
}
.news-sidebar .widget_calendar > div table tfoot tr #next a {
  color: #959595;
  text-align: right;
  padding: 10% 8% 0;
}

.widget_recent_entries ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 640px;
  position: relative;
  display: inline-block;
  transition: 0.3s;
}
.widget_recent_entries ul li a:before {
  font-family: FontAwesome;
  content: " \f101";
  line-height: 1;
  margin-right: 4px;
}
.widget_recent_entries ul li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 1px;
  background-color: #000000;
  transition: 0.3s;
}
.widget_recent_entries ul li a:hover {
  transition: 0.3s;
}
.widget_recent_entries ul li a:hover::after {
  width: 100%;
}
.news-sidebar2 {
  width: 100%;
  max-width: 1000px;
  padding: 3%;
  margin: 80px auto 0;
  background-color: white;
}
.news-sidebar2 section h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.313rem;
  margin-bottom: 8px;
}
.news-sidebar2 section ul {
  color: #000000;
}
.news-sidebar2 section ul li {
  display: flex;
  flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
}
.news-sidebar2 section ul li a {
  display: inline;
  color: #000000;
}
.news-sidebar2 section ul li a:before {
  font-family: FontAwesome;
  content: " \f101";
  line-height: 1;
  margin-right: 4px;
}
.news-sidebar2 section ul li .post-date {
  margin-right: 24px;
}

.form-list {
  border: 1px solid #959595;
  overflow: hidden;
  background-color: #ffffff;
}
.form-list li {
  width: 33.3%;
  text-align: center;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
  position: relative;
  color: #959595;
}
.form-list .now-p {
  background-color: #959595;
  color: #ffffff;
}
.form-list .now-p:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 12px;
  border-color: transparent transparent transparent #959595;
  position: absolute;
  top: -2px;
  right: -12px;
  z-index: 10;
}
.form-list .v-right:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 12px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: -2px;
  right: -11px;
  z-index: 15;
}
.form-list .v-right:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 12px;
  border-color: transparent transparent transparent #959595;
  position: absolute;
  top: -2px;
  right: -12px;
  z-index: 10;
}

@media only screen and (max-width: 420px) {
  .form-list_eng li {
    font-size: 0.7rem;
  }
}

.complete {
  background-color: #959595;
}

.flex-stay-01 {
  display: flex;
  flex-direction: row;
}

.flex-stay-02 {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.flex-central {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.r-wrap {
  justify-content: space-between;
}
.r-wrap .c-wrap {
  width: 46%;
  margin: 0 2%;
}
.r-wrap .align-c {
  text-align: center;
}
.r-wrap .d-block {
  display: block !important;
}
.r-wrap .img-cts {
  justify-content: space-between;
}
.r-wrap .img-cts .img-wrap {
  width: 30%;
}
.r-wrap .img-cts .text-cts {
  width: 68%;
  margin-left: 2%;
  text-align: justify;
}
.r-wrap .img-cts .text-cts a {
  color: #ffffff;
  border-bottom: 1px dashed #ffffff;
}
@media only screen and (max-width: 420px) {
  .r-wrap .img-cts .text-cts {
    width: 64%;
    margin-left: 3%;
  }
}
.r-wrap .img-cts .text-cts dt {
  font-family: "Noto Sans JP", sans-serif;
}
.r-wrap .img-cts .text-cts .dt_eng {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 1.31rem;
}

.j-wrap {
  justify-content: space-between;
}
.j-wrap .c-wrap {
  width: 50%;
}
.j-wrap .c-wrap .max-wid {
  margin: 0 auto;
  width: 75%;
  position: relative;
  z-index: 100;
}
.j-wrap .center-l {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.j-wrap .center-l:before {
  background-image: url(images/logo_w.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  background-size: 70%;
  opacity: 0.3;
}
.j-wrap .center-l .name {
  text-align: right;
}
.j-wrap .center-l .top_title {
  color: #000000;
}
@media (max-width: 1180px) and (min-width: 771px) {
  .j-wrap .center-l .top_title .m-txt {
    font-size: 1.375rem;
  }
}
@media only screen and (max-width: 790px) {
  .j-wrap .center-l {
    padding: 56px 0;
    min-height: 400px;
  }
  .j-wrap .center-l:before {
    background-size: 50%;
  }
}
.j-wrap .align-c {
  text-align: center;
}
.j-wrap .img-max img {
  width: 100% !important;
}
.j-wrap .d-block {
  display: block !important;
}

@media only screen and (max-width: 790px) {
  .r-wrap .c-wrap,
  .r-wrap .c-wrap_30,
  .r-wrap .c-wrap_70,
  .j-wrap .c-wrap,
  .j-wrap .c-wrap_30,
  .j-wrap .c-wrap_70 {
    width: 100%;
  }
  .r-wrap .c-wrap:nth-last-child(1),
  .r-wrap .c-wrap_30:nth-last-child(1),
  .r-wrap .c-wrap_70:nth-last-child(1),
  .j-wrap .c-wrap:nth-last-child(1),
  .j-wrap .c-wrap_30:nth-last-child(1),
  .j-wrap .c-wrap_70:nth-last-child(1) {
    margin-bottom: 0;
  }
  .r-wrap .c-wrap {
    margin-bottom: 56px;
  }
  .r-wrap .c-wrap:nth-last-child(1) {
    margin-bottom: 0;
  }
  .reverse {
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
  }
}
.d-wrap {
  justify-content: center;
  border-bottom: 1px solid #000000;
  padding: 48px 2%;
}
.d-wrap .d-head {
  width: 25%;
  font-family: "Noto Sans JP", sans-serif;
}
.d-wrap .d-head .s-text {
  font-size: 0.875rem;
}
@media only screen and (max-width: 1160px) {
  .d-wrap .d-head {
    width: 100%;
    margin-bottom: 40px;
  }
  .d-wrap .d-head br {
    display: none;
  }
}
.d-wrap .d-head_eng {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 1.1rem;
}
.d-wrap .d-body {
  width: 75%;
  text-align: justify;
}
@media only screen and (max-width: 1160px) {
  .d-wrap .d-body {
    width: 100%;
  }
}
.d-wrap .d-list {
  width: 75%;
  justify-content: space-between;
}
@media only screen and (max-width: 1160px) {
  .d-wrap .d-list {
    width: 100%;
  }
}
.d-wrap .d-list > ul {
  width: 25%;
}
.d-wrap .d-list > ul li {
  margin-bottom: 24px;
  text-align: justify;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.d-wrap .d-list > ul li .l-text {
  width: 90%;
}
.d-wrap .d-list > ul li:before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  max-width: 16px;
  background-color: #bdbdbd;
  margin-right: 16px;
  margin-top: 12px;
}
.d-wrap .d-list > ul li:nth-last-child(1) {
  margin-bottom: 0;
}
@media (max-width: 770px) and (min-width: 421px) {
  .d-wrap .d-list > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
  }
  .d-wrap .d-list > ul li {
    width: 40%;
  }
  .d-wrap .d-list > ul li:nth-last-child(1) {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 420px) {
  .d-wrap .d-list > ul {
    width: 100%;
  }
  .d-wrap .d-list > ul li {
    width: 100%;
  }
  .d-wrap .d-list > ul li:nth-last-child(1) {
    margin-bottom: 24px;
  }
}

.dl_style_01 dt {
  font-size: 1.125rem;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 16px;
  color: #000000;
}
.dl_style_01 .dt_eng {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 1.31rem;
}
.dl_style_01 dd {
  text-align: justify;
  line-height: 1.8;
}

.dl-list dt {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  border: 1px solid #000000;
  height: 28px;
  padding: 4px;
  width: 120px;
  justify-content: center;
  margin-right: 12px;
  font-size: 0.9rem;
}
.dl-list dd {
  width: 70%;
  text-align: justify;
}

.dl-list2 dt {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  border: none;
  height: 28px;
  padding: 4px;
  width: 120px;
  justify-content: center;
  margin-right: 12px;
  font-size: 0.9rem;
  background-color: #b1b1b1;
  color: #ffffff;
}
.dl-list2 dd {
  width: 70%;
  text-align: justify;
}

.dl-wrap {
  align-items: center;
  justify-content: space-around;
}
.dl-wrap .dl-list,
.dl-wrap .dl-list2 {
  width: 100%;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1140px) {
  .dl-wrap {
    flex-direction: column;
  }
}
.list_style_01 li {
  width: 33.3%;
  padding: 40px 2%;
}

.list_style_02 > li {
  width: 50%;
  padding: 40px 2%;
}

.footer-list {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
}
.footer-list .l-header {
  width: 96px;
  height: auto;
  margin: 0 80px 24px 0;
}
.footer-list .f-list {
  width: 70%;
}
@media only screen and (max-width: 630px) {
  .footer-list .f-list {
    width: 100%;
  }
}
.footer-list .f-list li {
  margin-bottom: 32px;
}
.footer-list .f-list li:nth-last-child(1) {
  margin-bottom: 0;
}
.footer-list .f-list li .dl-text {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.footer-list .f-list li .dl-text .age {
  margin-right: 24px;
}
.footer-list_2 .f-list .wrap {
  margin-bottom: 24px;
  padding: 40px 3%;
}
.footer-list_2 .f-list .wrap:nth-last-child(1) {
  margin-bottom: 0;
}
@media only screen and (max-width: 620px) {
  .footer-list_2 .f-list .wrap {
    width: 100%;
  }
}
.footer-list_2 .f-list .wrap .l-head {
  margin-bottom: 40px;
}
.footer-list_2 .f-list .wrap .c-unit {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  height: 48px;
}
@media only screen and (max-width: 620px) {
  .footer-list_2 .f-list .wrap .c-unit {
    height: auto;
  }
}
.footer-list_2 .f-list .wrap .c-unit .u-head img {
  width: 48px;
}
@media (max-width: 1000px) and (min-width: 891px) {
  .footer-list_2 .f-list .wrap .c-unit .u-head img {
    width: 32px;
  }
}
@media only screen and (max-width: 890px) {
  .footer-list_2 .f-list .wrap .c-unit .u-head img {
    width: 24px;
  }
}
.footer-list_2 .f-list .wrap .c-unit .u-head .l-img {
  width: 80px;
}
@media (max-width: 1000px) and (min-width: 891px) {
  .footer-list_2 .f-list .wrap .c-unit .u-head .l-img {
    width: 72px;
  }
}
@media (max-width: 890px) and (min-width: 841px) {
  .footer-list_2 .f-list .wrap .c-unit .u-head .l-img {
    width: 64px;
  }
}
@media only screen and (max-width: 840px) {
  .footer-list_2 .f-list .wrap .c-unit .u-head .l-img {
    width: 48px;
  }
}
.footer-list_2 .f-list .wrap .c-unit .inner > figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer-list_2 .f-list .wrap .c-unit .inner img {
  width: 24px;
  margin-right: 4px;
}
@media only screen and (max-width: 770px) {
  .footer-list_2 .f-list .wrap .c-unit .inner img {
    width: 16px;
  }
}
.footer-list_2 .f-list .wrap:nth-of-type(1) {
  transition-delay: 200ms;
}
.footer-list_2 .f-list .wrap:nth-of-type(2) {
  transition-delay: 400ms;
}
.footer-list_2 .f-list .wrap:nth-of-type(3) {
  transition-delay: 600ms;
}

.footer-list_3 {
  max-width: 488px;
  margin: 0 auto;
}
.footer-list_3 li {
  margin-bottom: 32px;
  width: 100%;
}
.footer-list_3 li:nth-last-child(1) {
  margin-bottom: 0;
}
.footer-list_3 li .dl-text {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
}
.footer-list_3 li .dl-text .title {
  width: 97px;
  height: auto;
  margin: 0 5% 0 0;
}
.footer-list_3 li .dl-text .text {
  width: 73%;
}
.footer-list_3 li .dl-text .text .t-text {
  color: #ffffff;
}
.footer-list_3 li .dl-text .text .t-text:not(:first-child) {
  margin-top: 24px;
}
@media only screen and (max-width: 480px) {
  .footer-list_3 li .dl-text .text {
    width: 65%;
  }
}
@media only screen and (max-width: 360px) {
  .footer-list_3 li .dl-text {
    text-align: center;
  }
  .footer-list_3 li .dl-text .title {
    margin: 0 0 4px 0;
  }
  .footer-list_3 li .dl-text .title {
    width: 100%;
  }
  .footer-list_3 li .dl-text .text {
    width: 100%;
  }
}

.categorize {
  border: 1px solid #000000;
  position: relative;
  padding: 24px 2%;
}
@media only screen and (max-width: 770px) {
  .categorize {
    padding: 24px 4%;
  }
}
.categorize .c-title {
  position: absolute;
  background-color: #ffffff;
  left: 2%;
  top: -13px;
  padding: 0 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
}
.categorize .ct_eng {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
}
.categorize .lg-back {
  background-color: #f3f3f3;
}
.categorize .c-list li {
  min-width: 114px;
  margin: 1.5%;
  text-align: center;
  height: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
.categorize .c-list3 li {
  width: 10%;
  height: auto;
  margin: 16px 5% 0;
}
@media (max-width: 1385px) and (min-width: 910px) {
  .categorize .c-list li {
    min-width: initial;
    width: 30.3%;
  }
}
@media (max-width: 909px) and (min-width: 769px) {
  .categorize .c-list li {
    min-width: initial;
    width: 47%;
  }
}
@media (max-width: 768px) and (min-width: 501px) {
  .categorize .c-list li {
    min-width: initial;
    width: 22%;
  }
}
@media only screen and (max-width: 500px) {
  .categorize .c-list {
    justify-content: space-between;
  }
  .categorize .c-list li {
    min-width: initial;
    width: 47%;
  }
}
.categorize .c-list2 {
  margin-top: 16px;
}
.categorize .c-list2 li {
  margin-bottom: 24px;
  text-align: justify;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.categorize .c-list2 li .l-text {
  width: 90%;
}
.categorize .c-list2 li:before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  max-width: 16px;
  background-color: #bdbdbd;
  margin-right: 16px;
  margin-top: 12px;
}
.categorize .c-list2 li:nth-last-child(1) {
  margin-bottom: 0;
}
@media (max-width: 1410px) and (min-width: 1025px) {
  .categorize .wid-size {
    width: 50%;
  }
}

.flow-list .num-list {
  margin-bottom: 96px;
  align-items: flex-start;
}
@media only screen and (max-width: 450px) {
  .flow-list .num-list {
    flex-direction: column;
  }
}
.flow-list .num-list .unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px 96px 0 0;
}
@media (max-width: 770px) and (min-width: 451px) {
  .flow-list .num-list .unit {
    margin: 20px 40px 0 0;
  }
}
@media only screen and (max-width: 450px) {
  .flow-list .num-list .unit {
    margin: 0 auto 24px;
  }
}
.flow-list .num-list .unit .p-text {
  font-family: "Anton", sans-serif;
  font-weight: bold;
  background-color: black;
  color: white;
  padding: 0 4px;
  font-size: 0.8rem;
  width: 96px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flow-list .t-unit {
  width: calc(100% - 216px);
}
@media (max-width: 770px) and (min-width: 451px) {
  .flow-list .t-unit {
    width: calc(100% - 160px);
  }
}
@media only screen and (max-width: 450px) {
  .flow-list .t-unit {
    width: 100%;
  }
}
.flow-list .t-unit .flow-dl {
  margin-bottom: 16px;
}
.flow-list .t-unit .flow-dl .flow-dt {
  margin-bottom: 8px;
}
@media only screen and (max-width: 450px) {
  .flow-list .t-unit .flow-dl {
    border: 1px solid #000000;
  }
  .flow-list .t-unit .flow-dl .flow-dt {
    border-bottom: 1px solid #000000;
    text-align: center;
  }
  .flow-list .t-unit .flow-dl .flow-dt,
  .flow-list .t-unit .flow-dl .word-list {
    padding: 8px;
  }
}
.flow-list .t-unit .cap {
  text-align: justify;
}

.img-circle {
  border: 1px solid #000000;
  height: 120px;
  width: 120px;
  border-radius: 100px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  background-color: #ffffff;
  padding-top: 8px;
}
@media only screen and (max-width: 1040px) {
  .img-circle {
    height: 100px;
    width: 100px;
  }
}
.img-circle .num {
  font-family: "Anton", sans-serif;
  position: absolute;
  font-size: 2.2rem;
  background-color: white;
  width: 64px;
  height: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: -32px;
  right: 0;
  left: 0;
  margin: 0 auto;
  border-radius: 100px;
}
.img-circle .img-icon {
  width: 40%;
  height: auto;
  max-width: 40px;
  max-height: 40px;
  position: relative;
  z-index: 10;
  margin-bottom: 4px;
}
.img-circle .img-cap {
  font-size: 0.75rem;
  font-family: "Anton", sans-serif;
  letter-spacing: 1.5px;
}

.word-list .c-list {
  min-width: 114px;
  margin: 1.5%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  background-color: rgba(0, 0, 0, 0.1);
  color: black;
  border-radius: 80px;
  font-size: 0.938rem;
}
@media only screen and (max-width: 450px) {
  .word-list .c-list {
    min-width: 47%;
  }
}

.faq-sec {
  align-items: flex-start;
}
.faq-sec .faq-title {
  border-left: 3px solid #a4005b;
  padding-left: 16px;
  letter-spacing: 2px;
  margin-right: 88px;
  width: 219px;
}
@media only screen and (max-width: 1040px) {
  .faq-sec .faq-title {
    width: 100%;
    margin-bottom: 80px;
  }
}
.faq-sec .faq-title .b-text {
  margin-bottom: 8px;
}
.faq-sec .faq-title .s-text {
  font-size: 0.75rem;
  font-family: "Noto Sans JP", sans-serif;
}
.faq-sec .faq-list {
  width: calc(100% - 307px);
}
@media only screen and (max-width: 1040px) {
  .faq-sec .faq-list {
    width: 100%;
  }
}

.accordion_unit {
  max-width: 1200px;
  margin: 0 auto;
  line-height: 2;
}
.accordion_unit .accordion_header {
  color: #000000;
  font-weight: bold;
  padding: 24px;
  text-align: justify;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition-duration: 1.2s;
  position: relative;
  border-bottom: 1px solid #959595;
}
.accordion_unit .accordion_header:after {
  content: "";
  display: block;
  height: 1px;
  transition: all ease-in-out 0.5s;
  width: 0%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #959595;
}
.accordion_unit {
  /* fadeinのディレイ */
}
.accordion_unit:nth-of-type(1) {
  transition-delay: 100ms;
}
.accordion_unit:nth-of-type(2) {
  transition-delay: 200ms;
}
.accordion_unit:nth-of-type(3) {
  transition-delay: 300ms;
}
.accordion_unit:nth-of-type(4) {
  transition-delay: 400ms;
}
.accordion_unit:nth-of-type(5) {
  transition-delay: 500ms;
}
.accordion_unit:nth-of-type(6) {
  transition-delay: 600ms;
}
.accordion_unit:nth-of-type(7) {
  transition-delay: 700ms;
}
.accordion_unit:nth-of-type(8) {
  transition-delay: 800ms;
}
.accordion_unit:nth-of-type(9) {
  transition-delay: 900ms;
}
.accordion_unit:nth-of-type(10) {
  transition-delay: 1000ms;
}
.accordion_unit .accordion_header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}
.accordion_unit .accordion_header .ac-text {
  padding-right: 32px;
  width: 100%;
}
.accordion_unit .accordion_header .ac-text .title {
  display: inline-block;
  width: 92%;
}
.accordion_unit .accordion_header .i_box {
  transform: rotate(225deg);
  position: relative;
  transition: all ease-in-out 0.3s;
  top: 2px;
}
.accordion_unit .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
}
.accordion_unit .accordion_header.open .i_box {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.accordion_unit .accordion_header .i_box .one_i:before, .accordion_unit .accordion_header .i_box .one_i:after {
  display: flex;
  content: "";
  background-color: #000000;
  width: 18px;
  height: 1px;
  position: absolute;
  top: 6px;
  left: 6px;
  transition: all ease-in-out 0.5s;
}
.accordion_unit .accordion_header .i_box .one_i:before {
  width: 1px;
  height: 18px;
}
.accordion_unit .accordion_header.open .i_box .one_i:before, .accordion_unit .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  top: 4px;
  left: 4px;
}
.accordion_unit .accordion_header:hover .i_box {
  top: 16px;
  transition: all ease-in-out 0.3s;
}
.accordion_unit .open {
  background-color: #333333;
  color: #ffffff;
  transition: all ease-in-out 0.2s;
}
.accordion_unit .open .q-mark {
  border: 1px solid #ffffff;
  transition: all ease-in-out 0.3s;
}
.accordion_unit .open .i_box .one_i:before, .accordion_unit .open .i_box .one_i:after {
  background-color: #ffffff;
}
.accordion_unit .open:hover .i_box {
  top: 2px;
  transition: all 0.3s ease-in-out;
}
.accordion_unit .head-mark {
  margin-right: 16px;
  font-family: "Fjalla One", sans-serif;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #000000;
  display: flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.accordion_unit .faq-ques {
  font-weight: bold;
  align-items: flex-start;
}
.accordion_unit .faq-cap {
  align-items: flex-start;
  text-align: justify;
  width: 92.5%;
}
.accordion_unit .a-mark {
  border: 1px solid #333333;
  background-color: #333333;
  color: #ffffff;
}
.accordion_unit .accordion_inner {
  display: none;
  padding: 24px;
  border-bottom: 1px solid #333333;
  box-sizing: border-box;
}
.accordion_unit .accordion_inner .box_one {
  margin-bottom: 48px;
}
.accordion_unit .accordion_inner p.txt_a_ac {
  margin: 0;
}
.accordion_unit .accordion_inner .closeArea {
  width: 180px;
  margin: 0 auto;
}
.accordion_unit .accordion_inner .closeArea .close_box a.close_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  line-height: 1.3;
  color: #000000;
  font-size: 0.813rem;
  position: relative;
  cursor: pointer;
  transition-duration: 0.2s;
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
}
@media only screen and (max-width: 440px) {
  .accordion_unit .accordion_inner .closeArea {
    width: 100%;
  }
}
.accordion_unit .accordion_inner .closeArea .close_box a.close_btn:hover {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000000;
}
.accordion_unit .accordion_inner .closeArea .close_box a.close_btn .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 2%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}
.accordion_unit .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
}
.accordion_unit .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before, .accordion_unit .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:after {
  content: "";
  background-color: #000000;
  width: 18px;
  height: 1px;
  position: absolute;
  top: 8px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(45deg);
  transform-origin: center center;
}
.accordion_unit .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before {
  width: 1px;
  height: 18px;
  top: 0;
  left: 8px;
}

@media screen and (max-width: 1024px) {
  .accordion_unit .accordion_header .i_box {
    width: 30px;
    height: 30px;
    left: 16px;
    margin-top: -15px;
  }
  .accordion_unit .closeArea .close_box a.close_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 770px) {
  .accordion_unit .accordion_header {
    font-size: 1rem;
  }
}
.saf_appe {
  -webkit-appearance: none;
}

.req {
  font-size: 0.575rem;
  display: inline-block;
  color: #a4005b;
}

/* 画面外にいる状態 */
.fadein {
  opacity: 0.1;
  transform: translate(0, 50px);
  transition: all 500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.sp_obj {
  display: none;
}

.sp_obj_ib {
  display: none;
}

.scroll-wid {
  width: 0% !important;
}

.scroll-slide {
  position: relative;
  overflow: hidden;
}
.scroll-slide .wid-0,
.scroll-slide .wid-0_load {
  background-color: #ffffff;
  position: absolute;
  height: 100%;
  width: 100%;
  transition: 2.5s;
  top: 0;
  left: 0;
  z-index: 10;
}
.scroll-slide .td-wid {
  transition-delay: 600ms;
  background-color: #eeeeee;
  z-index: 5;
}

.mv-wid50 {
  width: 50%;
}

/* ヘッダースタイル */
.header-wrap {
  position: absolute;
  width: 100%;
  z-index: 400;
  top: 0;
  left: 0;
  align-items: center;
  height: 80px;
}
.header-wrap .logo-inner {
  width: 100%;
  max-width: 264px;
  padding: 16px;
}
@media only screen and (max-width: 830px) {
  .header-wrap .logo-inner {
    max-width: 196px;
    padding: 8px;
  }
}
.header-wrap .logo-inner .logo-head {
  height: auto;
}

.g-nav {
  width: 100%;
  position: fixed;
  bottom: 0%;
  right: 0%;
  height: 48px;
  justify-content: flex-end;
  z-index: 10000;
  max-width: 800px;
}
.g-nav .menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.g-nav .menu .nav-home,
.g-nav .menu .nav-works,
.g-nav .menu .nav-prof,
.g-nav .menu .nav-style {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
  position: relative;
  padding: 0 16px;
}
.g-nav .menu .nav-home > a,
.g-nav .menu .nav-works > a,
.g-nav .menu .nav-prof > a,
.g-nav .menu .nav-style > a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.g-nav .menu .nav-home > a .nav-text,
.g-nav .menu .nav-works > a .nav-text,
.g-nav .menu .nav-prof > a .nav-text,
.g-nav .menu .nav-style > a .nav-text {
  color: #000000;
  cursor: pointer;
}
.g-nav .menu .nav-home > a::after,
.g-nav .menu .nav-works > a::after,
.g-nav .menu .nav-prof > a::after,
.g-nav .menu .nav-style > a::after {
  position: absolute;
  bottom: 8px;
  left: 50%;
  content: "";
  width: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1px;
  background-color: #000000;
  transition: 0.3s;
}
.g-nav .menu .nav-home > a:hover::after,
.g-nav .menu .nav-works > a:hover::after,
.g-nav .menu .nav-prof > a:hover::after,
.g-nav .menu .nav-style > a:hover::after {
  width: 100%;
}
.g-nav .menu .nav-home .area-text-color,
.g-nav .menu .nav-works .area-text-color,
.g-nav .menu .nav-prof .area-text-color,
.g-nav .menu .nav-style .area-text-color {
  color: #ffffff;
  transition: all 0.5s ease-in-out;
}
.g-nav .menu .nav-home .area-text-color::after,
.g-nav .menu .nav-works .area-text-color::after,
.g-nav .menu .nav-prof .area-text-color::after,
.g-nav .menu .nav-style .area-text-color::after {
  background-color: #ffffff;
}
.g-nav .nav-sns {
  background-color: #000000;
  height: 100%;
  width: 144px;
  padding: 0 16px;
}
.g-nav .nav-sns li {
  width: 33.3%;
}
.g-nav .nav-sns li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.g-nav .nav-sns li a img {
  width: 20px;
  height: auto;
}
.g-nav .logo-btn {
  background-color: #000000;
  width: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .g-nav .logo-btn {
    width: 54px;
  }
}
.g-nav .logo-btn img {
  width: 38px;
  height: 38px;
  margin: 0 auto;
  opacity: 0.4;
}

.contact-btn {
  background-color: #a4005b;
}
.contact-btn > a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 157px;
  height: 48px;
  margin: 0 auto;
  text-transform: uppercase;
  z-index: 100;
  color: #ffffff;
  padding: 0 28px;
  transition: all 0.5s ease-in-out;
}
.contact-btn > a:after {
  content: "";
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #bfb791 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}
.contact-btn > a:before {
  content: "";
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #bfb791;
  position: absolute;
  bottom: 0;
  left: 0;
}
.contact-btn > a:before, .contact-btn > a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid;
  z-index: -1;
  transition: 0.5s ease-in-out;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.contact-btn > a:before {
  bottom: 0;
  left: 0;
  border-color: transparent transparent transparent #bfb791;
}
.contact-btn > a:after {
  top: 0;
  right: 0;
  border-color: transparent #bfb791 transparent transparent;
}
.contact-btn > a:hover {
  letter-spacing: 2px;
  background-color: #ffffff;
  transition: all 0.5s ease-in-out;
}
.contact-btn > a:hover:before, .contact-btn > a:hover:after {
  border-width: 80px 262.5px;
}

#fp-nav ul li a span {
  background: #ffffff !important;
}

.site-footer {
  width: 100%;
}

/* サイドメニュー */
.g-hide {
  display: none;
}

.g-form {
  position: absolute;
  z-index: 5000;
  top: 24px;
  min-width: 320px;
  left: -50%;
}

.hv-sec {
  background-color: #e4e4e4;
  display: none;
  position: absolute;
  top: 77px;
  width: 100%;
  left: 136px;
  max-width: 560px;
}
.hv-sec .products_menu_sec div {
  padding: 24px 16px;
}
.hv-sec .products_menu_sec div ul {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  border-top: 2px solid #ffffff;
}
.hv-sec .products_menu_sec div ul li {
  width: 50%;
  border-bottom: 1px solid #ffffff;
  margin: 1%;
  max-width: 250px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.hv-sec .products_menu_sec div ul li:after {
  font-family: FontAwesome;
  font-size: 20px;
  vertical-align: -1px;
  content: " \f105";
  line-height: 1.35;
  margin-left: 4px;
  color: #a4005b;
}
.hv-sec .products_menu_sec div ul li:before {
  content: "";
  display: block;
  background-color: #959595;
  height: 1px;
  width: 0%;
  transition: 0.3s;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.hv-sec .products_menu_sec div ul li a {
  padding: 8px 16px;
  border-bottom: 2px solid transparent;
  width: 100%;
  position: relative;
  transition: 0.3s;
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.7px;
}
.hv-sec .products_menu_sec div ul li a:hover {
  transition: 0.5s;
  margin-left: 4px;
}
.hv-sec .products_menu_sec div ul li:hover:before {
  width: 100%;
  transition: 0.3s;
}

.fixed {
  position: fixed !important;
  top: 0;
  z-index: 15000;
  min-width: 1024px;
}

#scroll_header {
  display: none;
}

.motion {
  transition: 0.3s;
  transform: translateY(-100%);
  display: block !important;
}

.show {
  transform: translateY(0);
}

/* TOPページ */
.site-inner {
  position: relative;
  overflow-x: hidden;
}

_:-ms-lang(x)::-ms-backdrop,
.site-inner {
  position: -ms-page !important;
  width: 100%;
}

.main_visual_vh {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .main_visual_vh .under-title, .main_visual_vh .under-title_std, .main_visual_vh .works_sub-title {
    position: relative;
    top: -5%;
  }
}

_:-ms-lang(x)::-ms-backdrop,
.mv-single {
  margin-top: -80px;
}

.ofv {
  overflow: visible;
}

.visual-box {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 93%;
  margin: auto;
  height: 90%;
  top: 0;
}
@media (max-width: 1500px) and (min-width: 1431px) {
  .visual-box {
    width: 92%;
  }
}
@media (max-width: 1430px) and (min-width: 1191px) {
  .visual-box {
    width: 91%;
  }
}
@media (max-width: 1190px) and (min-width: 1081px) {
  .visual-box {
    width: 90%;
  }
}
@media (max-width: 1080px) and (min-width: 971px) {
  .visual-box {
    width: 88%;
  }
}
@media (max-width: 970px) and (min-width: 811px) {
  .visual-box {
    width: 87%;
  }
}
@media (max-width: 810px) and (min-width: 781px) {
  .visual-box {
    width: 86%;
  }
}
@media (max-width: 780px) and (min-width: 81px) {
  .visual-box {
    width: 85%;
  }
}
.visual-box .catch {
  background-color: #ffffff;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  .visual-box .catch {
    width: 100%;
    padding-left: 12px;
  }
}
.visual-box .catch .catch-title {
  color: #f3f3f3;
  font-size: 10rem;
  line-height: 1;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 8px;
}
@media (max-width: 770px) and (min-width: 81px) {
  .visual-box .catch .catch-title {
    font-size: 9rem;
  }
}
@media only screen and (max-width: 640px) {
  .visual-box .catch .catch-title {
    font-size: 9.5rem;
  }
}

.vb-profile {
  background-image: url(images/mv-profile.jpg);
}

.vb-style {
  background-image: url(images/mv-style.jpg);
}

_:-ms-lang(x)::-ms-backdrop,
.visual-box {
  right: 1.5%;
  left: 1.5%;
}

.visual-box2 {
  position: relative;
  width: 85%;
  margin: auto;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.visual-box2:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(images/mv-profile.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.3;
  top: 0;
  left: 0;
  right: 0;
}
.visual-box2 .under-title3 {
  margin-left: -2.3%;
}
@media (max-width: 950px) and (min-width: 813px) {
  .visual-box2 .under-title3 {
    margin-bottom: 160px;
  }
}
@media (max-width: 800px) and (min-width: 761px) {
  .visual-box2 .under-title3 {
    margin-bottom: 160px;
  }
}
@media only screen and (max-width: 420px) {
  .visual-box2 .under-title3 {
    margin-bottom: 64px;
    margin-left: 4%;
  }
}
.visual-box2 .back-title {
  transform: rotate(90deg);
  font-size: 8.5rem;
  letter-spacing: 4px;
  position: absolute;
  right: -224px;
  top: 68px;
  font-family: "Fjalla One", sans-serif;
  color: rgba(0, 0, 0, 0.25);
}
@media (max-width: 1024px) and (min-width: 421px) {
  .visual-box2 .back-title {
    right: -196px;
  }
}
@media only screen and (max-width: 420px) {
  .visual-box2 .back-title {
    font-size: 6.5rem;
    right: -153px;
  }
}
.visual-box2 .device-img {
  right: -4%;
  width: 60%;
  position: absolute;
  bottom: 32px;
  max-width: 720px;
}
@media (max-width: 812px) and (min-width: 800px) {
  .visual-box2 .device-img {
    width: 40%;
  }
}
@media (max-width: 740px) and (min-width: 561px) {
  .visual-box2 .device-img {
    width: 50%;
  }
}

.scroll {
  position: absolute;
  bottom: -25%;
  z-index: 3000;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  max-height: 260px;
}
.scroll > span {
  color: #000000;
  text-align: center;
  display: block;
  height: 100%;
  letter-spacing: 5px;
  font-size: 0.7rem;
}
.scroll > span:after {
  display: block;
  content: "";
  height: 100%;
  width: 1px;
  background-color: #000000;
  margin: 8px auto 0;
}
@media only screen and (max-width: 640px) {
  .scroll > span:after {
    max-height: 140px;
  }
}
@media only screen and (max-width: 820px) {
  .scroll {
    height: 36%;
  }
}
@media only screen and (max-width: 420px) {
  .scroll {
    max-height: 220px;
  }
}

_:-ms-lang(x)::-ms-backdrop,
.scroll {
  left: -25%;
}

.l-posi {
  left: -25%;
}
@media only screen and (max-width: 420px) {
  .l-posi {
    left: -35%;
  }
}

.top-mv .home-title {
  position: absolute;
  top: 25%;
  left: 3%;
  z-index: 1000;
}
.top-mv .num-01 {
  color: #f3f3f3;
  font-family: "Anton", sans-serif;
  font-size: 35rem;
  position: absolute;
  top: 0;
  left: 1%;
  line-height: 1;
  letter-spacing: 24px;
}
@media (max-width: 830px) and (min-width: 421px) {
  .top-mv .num-01 {
    font-size: 17rem;
    letter-spacing: 16px;
  }
}
@media only screen and (max-width: 420px) {
  .top-mv .num-01 {
    display: none;
  }
}
.top-mv .top-thums_01 {
  width: 1300px;
  transform: rotate(45deg);
  position: absolute;
  z-index: 500;
  top: -130px;
  left: 45%;
}
@media only screen and (max-width: 2280px) {
  .top-mv .top-thums_01 {
    width: 1160px;
    left: 40%;
    top: -140px;
  }
}
@media (max-width: 2119px) and (min-width: 1367px) {
  .top-mv .top-thums_01 {
    top: -260px;
  }
}
@media (max-width: 1366px) and (min-width: 1025px) {
  .top-mv .top-thums_01 {
    top: -340px;
  }
}
@media (max-width: 1024px) and (min-width: 1000px) {
  .top-mv .top-thums_01 {
    top: 10%;
  }
}
@media (max-width: 1024px) and (min-width: 1000px) {
  .top-mv .top-thums_01 {
    top: 10%;
  }
}
@media only screen and (max-width: 320px) {
  .top-mv .top-thums_01 {
    top: -110px;
  }
}
.top-mv .top-thums_02 {
  width: 560px;
  transform: rotate(45deg);
  position: absolute;
  left: 5%;
  bottom: -20%;
  width: 560px;
  z-index: 500;
}
@media (max-width: 2000px) and (min-width: 1367px) {
  .top-mv .top-thums_02 {
    left: 0%;
    bottom: -25%;
  }
}
@media (max-width: 1366px) and (min-width: 1025px) {
  .top-mv .top-thums_02 {
    bottom: -260px;
    left: -5%;
  }
}
@media (max-width: 1024px) and (min-width: 1000px) {
  .top-mv .top-thums_02 {
    display: none;
  }
}
@media (max-width: 830px) and (min-width: 771px) {
  .top-mv .top-thums_02 {
    display: none;
  }
}
@media (max-width: 736px) and (min-width: 568px) {
  .top-mv .top-thums_02 {
    display: none;
  }
}
@media (max-width: 420px) and (min-width: 321px) {
  .top-mv .top-thums_02 {
    left: -50%;
    bottom: -40%;
  }
}
@media only screen and (max-width: 320px) {
  .top-mv .top-thums_02 {
    left: -65%;
    bottom: -55%;
  }
}
.top-mv .thumnail {
  width: 320px;
  height: 320px;
  overflow: hidden;
  margin: 8px;
}
.top-mv .link-none {
  pointer-events: none;
}
.top-mv .quarter-wrap {
  justify-content: space-between;
  overflow: visible;
}
.top-mv .hov-ac:hover {
  transition: 0.8s;
  box-shadow: 6px 6px 12px 1px rgba(0, 0, 0, 0.3);
}
.top-mv .hov-ac > a:hover {
  transition: 0.8s;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.top-mv .thum-half {
  width: 152px;
  height: 320px;
  overflow: visible;
  margin: 8px;
}
.top-mv .thumnail a,
.top-mv .thum-half a {
  width: 150%;
  position: relative;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.top-mv .thumnail a img,
.top-mv .thum-half a img {
  transform: rotate(-45deg);
  width: 100%;
  height: auto;
  position: absolute;
  right: 0;
  margin: 0 auto;
}
.top-mv .thumnail a img {
  top: -72px;
  left: -140px;
}
.top-mv .quarter a img {
  top: -32px;
  left: -72px;
}
.top-mv .quarter {
  width: 152px;
  height: 152px;
  overflow: hidden;
  justify-content: space-between;
  margin-bottom: 15px;
}

/*footer slider*/
.ftl_wrap {
  background-color: #333333;
  padding-bottom: 120px;
}
.ftl_wrap .footer-thumb-list,
.ftl_wrap .footer-thumb-list_stay {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.ftl_wrap .footer-thumb-list .c-list,
.ftl_wrap .footer-thumb-list_stay .c-list {
  width: 20%;
  padding: 16px;
}
@media only screen and (max-width: 600px) {
  .ftl_wrap .footer-thumb-list .c-list,
  .ftl_wrap .footer-thumb-list_stay .c-list {
    padding: 8px;
  }
}
.ftl_wrap .footer-thumb-list .slick-arrow,
.ftl_wrap .footer-thumb-list_stay .slick-arrow {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 10;
  top: 38%;
}
.ftl_wrap .footer-thumb-list .prev,
.ftl_wrap .footer-thumb-list_stay .prev {
  left: -5.5%;
}
.ftl_wrap .footer-thumb-list .next,
.ftl_wrap .footer-thumb-list_stay .next {
  right: -5.5%;
}

.form-mv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  position: relative;
}
@media only screen and (max-width: 1040px) {
  .form-mv {
    width: 100%;
    height: 100%;
    margin: 120px 0;
  }
}
.form-mv .form-wrap {
  width: 40%;
  margin: 10%;
}
@media only screen and (max-width: 1170px) {
  .form-mv .form-wrap {
    width: 80%;
    background-color: rgba(255, 255, 255, 0.85);
  }
}
@media only screen and (max-width: 1040px) {
  .form-mv .form-wrap {
    margin: 0 12%;
  }
}
.form-mv .form-wrap .under-title, .form-mv .form-wrap .under-title_std, .form-mv .form-wrap .works_sub-title {
  margin-bottom: 40px;
}
.form-mv .form-wrap .contact-process {
  margin-bottom: 40px;
  justify-content: space-between;
  position: relative;
  max-width: 560px;
}
@media only screen and (max-width: 770px) {
  .form-mv .form-wrap .contact-process {
    max-width: initial;
  }
}
.form-mv .form-wrap .contact-process:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}
.form-mv .form-wrap .contact-process .cp-list {
  border: 1px solid #000000;
  width: 144px;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 1024px) {
  .form-mv .form-wrap .contact-process .cp-list {
    width: 112px;
  }
}
@media only screen and (max-width: 640px) {
  .form-mv .form-wrap .contact-process .cp-list {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 440px) {
  .form-mv .form-wrap .contact-process .cp-list {
    width: 96px;
  }
}
@media only screen and (max-width: 380px) {
  .form-mv .form-wrap .contact-process .cp-list {
    width: 82px;
  }
}
.form-mv .form-wrap .contact-process _:-ms-lang(x)::-ms-backdrop,
.form-mv .form-wrap .contact-process .cp-list {
  width: 33.3%;
}
.form-mv .form-wrap .contact-process .now-page {
  background-color: #000000;
  color: #ffffff;
}
.form-mv .form-wrap form .t-area {
  margin-bottom: 64px;
}
.form-mv .form-wrap form .t-area:nth-last-child(1) {
  margin-bottom: 0;
}
.form-mv .form-wrap form .t-area .t-head {
  margin-right: 24px;
  display: inline-block;
  width: 80px;
  font-weight: bold;
  line-height: 2.2;
  margin-bottom: 16px;
}
.form-mv .form-wrap form .t-area .t-head .fm-label span {
  display: block;
}
.form-mv .form-wrap form .t-area .t-head .fm-label .fm-title {
  margin-bottom: -4px;
}
@media only screen and (max-width: 480px) {
  .form-mv .form-wrap form .t-area .t-head {
    width: 100%;
  }
  .form-mv .form-wrap form .t-area .t-head .fm-label {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .form-mv .form-wrap form .t-area .t-head .fm-label .fm-title {
    margin-bottom: 0;
    margin-right: 12px;
  }
}
.form-mv .form-wrap form .t-area .t-body {
  width: 100%;
  word-break: break-all;
}
.form-mv .form-wrap form .t-area .t-body input {
  height: 40px;
  font-size: 1rem;
  padding: 4px;
  width: 100%;
  border: none;
  border-bottom: 2px solid #000000;
  outline: none;
  background-color: transparent;
  border-radius: 0px;
}
.form-mv .form-wrap form .t-area .t-body input[type=radio] {
  height: 18px;
  padding: 4px;
  width: 18px;
  margin-top: 4px;
  outline: none;
}
@media only screen and (max-width: 1040px) {
  .form-mv .form-wrap form .t-area .t-body input[type=radio] {
    -webkit-appearance: radio;
  }
}
.form-mv .form-wrap form .t-area .t-body .mwform-tel-field input {
  width: auto;
}
.form-mv .form-wrap form .t-area .t-body .mail-text_02 {
  margin-top: 24px;
}
.form-mv .form-wrap form .t-area .t-body .radio-area {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  border-bottom: 2px solid #000000;
  padding: 16px 0;
}
.form-mv .form-wrap form .t-area .t-body .radio-area .mwform-radio-field {
  width: 31.3%;
  margin: 0 1%;
}
.form-mv .form-wrap form .t-area .t-body .radio-area .mwform-radio-field > label {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
}
.form-mv .form-wrap form .t-area .t-body .radio-area .mwform-radio-field > label .mwform-radio-field-text {
  line-height: 1.5;
  width: calc(100% - 18px);
}
@media only screen and (max-width: 1040px) {
  .form-mv .form-wrap form .t-area .t-body .radio-area .mwform-radio-field > label .mwform-radio-field-text {
    margin-top: 2px;
  }
}
@media only screen and (max-width: 480px) {
  .form-mv .form-wrap form .t-area .t-body .radio-area .mwform-radio-field {
    width: 46%;
    margin: 0 2% 16px;
  }
}
.form-mv .form-wrap form .t-area .t-body .radio-change {
  position: relative;
  margin-bottom: 32px;
}
.form-mv .form-wrap form .t-area .t-body .radio-change .inq-type {
  margin-top: -2px;
  position: absolute;
  z-index: 1;
  width: 100%;
  background-color: #000000;
}
.form-mv .form-wrap form .t-area .t-body .inq-type select {
  width: 100%;
  height: 32px;
  padding-left: 8px;
  outline: none;
  border-radius: 0px;
  border: 2px solid #000000;
}
@media only screen and (max-width: 1040px) {
  .form-mv .form-wrap form .t-area .t-body .inq-type select {
    -webkit-appearance: menulist;
  }
}
.form-mv .form-wrap form .t-area .t-body .inqu-cap {
  margin: 8px 0 16px;
  font-size: 0.938rem;
  font-weight: bold;
}
.form-mv .form-wrap form .t-area .t-body .text-area {
  width: 100%;
  padding: 8px;
  font-size: 0.938rem;
  height: 160px;
  min-height: 120px;
  resize: vertical;
  -webkit-appearance: textarea;
  border: 2px solid #000000;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none;
}
@media only screen and (max-width: 480px) {
  .form-mv .form-wrap form .t-area.flex-stay-01 {
    flex-direction: column;
  }
}
.form-mv .form-wrap form .form-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.form-mv .form-wrap form .form-btn .submit-btn,
.form-mv .form-wrap form .form-btn .back-btn {
  max-width: 320px;
  width: 48%;
}
@media only screen and (max-width: 640px) {
  .form-mv .form-wrap form .form-btn {
    justify-content: center;
  }
  .form-mv .form-wrap form .form-btn .submit-btn {
    max-width: 100%;
    width: 100%;
    border-radius: 0px;
  }
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f3f3f3;
  padding: 8px;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body .mail-02 {
  display: none;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body .inqu-cap {
  display: none;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body .radio-area {
  border-bottom: none !important;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body .radio-change {
  width: 100%;
  padding: 8px;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body .radio-change .inq-type {
  padding: 8px;
  background-color: #f3f3f3;
  border-top: 4px solid #ffffff;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body .radio-change .radio-area {
  padding: 0;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body_about {
  padding: 0;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body_about .radio-change {
  padding: 0;
  margin-bottom: 0;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body_about .radio-change .radio-area {
  padding: 8px;
}
.form-mv .form-wrap .mw_wp_form_confirm .t-area .t-body_about .radio-change .inq-type {
  position: relative;
}
.form-mv .form-wrap .mw_wp_form_confirm .form-btn {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-end;
}
.form-mv .form-wrap .mw_wp_form_confirm .form-btn .submit-btn,
.form-mv .form-wrap .mw_wp_form_confirm .form-btn .back-btn {
  max-width: 320px;
  width: 48%;
}
.form-mv .form-wrap .mw_wp_form_confirm .form-btn .submit-btn {
  margin-left: 4%;
}
@media only screen and (max-width: 950px) {
  .form-mv .form-wrap .mw_wp_form_confirm .form-btn {
    justify-content: space-between;
  }
  .form-mv .form-wrap .mw_wp_form_confirm .form-btn .submit-btn {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .form-mv .form-wrap .mw_wp_form_confirm .form-btn {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
  .form-mv .form-wrap .mw_wp_form_confirm .form-btn .submit-btn,
  .form-mv .form-wrap .mw_wp_form_confirm .form-btn .back-btn {
    max-width: 100%;
    width: 100%;
  }
  .form-mv .form-wrap .mw_wp_form_confirm .form-btn .submit-btn {
    margin-bottom: 40px;
  }
}
.form-mv .form-wrap .mw_wp_form_complete .sec-complete .complete-title {
  margin-bottom: 16px;
  font-size: 1.25rem;
  letter-spacing: 1px;
}
.form-mv .form-wrap .mw_wp_form_complete .sec-complete .cap {
  text-align: justify;
  margin-bottom: 48px;
}
.form-mv .form-wrap .mw_wp_form_complete .sec-complete .form-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 320px;
  width: 48%;
}
@media only screen and (max-width: 640px) {
  .form-mv .form-wrap .mw_wp_form_complete .sec-complete .form-btn {
    justify-content: center;
    max-width: 100%;
    width: 100%;
    border-radius: 0px;
  }
}

.contact_01 {
  background-image: url(images/contact_01.jpg);
}

.contact_02 {
  background-image: url(images/contact_02.jpg);
}

.contact_03 {
  background-image: url(images/contact_03.jpg);
}

.contact_01,
.contact_02,
.contact_03 {
  background-repeat: no-repeat;
  background-position: right, center;
  background-size: 45%;
}
@media only screen and (max-width: 1170px) {
  .contact_01,
  .contact_02,
  .contact_03 {
    background-image: none;
  }
}
@media only screen and (max-width: 480px) {
  .contact_01,
  .contact_02,
  .contact_03 {
    background-image: none;
  }
}

.error {
  width: auto;
  display: inline-block;
  padding: 8px 0px;
  color: #c8161d;
  background-color: #ffffff;
}
.error:before {
  content: "\f06a";
  font-family: FontAwesome;
  color: #c8161d;
  font-weight: normal;
  margin-right: 6px;
  font-size: 20px;
  vertical-align: -1px;
}

.reCAPTCHA-cap {
  font-size: 0.625rem;
  margin-top: 80px;
}
.reCAPTCHA-cap a {
  display: inline;
  color: #959595;
  text-decoration: underline;
}

.grecaptcha-badge {
  visibility: hidden;
}

/* 下層ページ ---------------------------------------- */
#bread {
  font-size: 0.75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 240px;
  left: 0;
  z-index: 100;
  max-width: 520px;
  writing-mode: vertical-rl;
}
#bread #breadcrumb {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
#bread #breadcrumb div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#bread #breadcrumb div a {
  margin: 8px;
  border-left: 1px solid;
}
#bread #breadcrumb div .no-link {
  margin: 8px;
}
#bread > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}
@media only screen and (max-width: 820px) {
  #bread > span {
    overflow: hidden;
  }
}
#bread #categories_list {
  display: flex;
  flex-direction: row;
}
#bread #categories_list li {
  margin-right: 32px;
}
#bread #categories_list li:nth-last-child(1) {
  margin-right: 0;
}
@media only screen and (max-width: 740px) {
  #bread {
    top: 170px;
    font-size: 0.625rem;
  }
}
@media only screen and (max-width: 1040px) {
  #bread {
    display: none;
  }
}

#title-sec {
  text-align: center;
  margin-top: 40px;
  position: relative;
}

/*WORKS*/
#works {
  overflow: hidden;
}
#works .tabs {
  float: right;
}
#works .contents-body {
  clear: both;
}
.category-sec {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto 80px;
}
.category-sec .under-title, .category-sec .under-title_std, .category-sec .works_sub-title {
  margin: 0 0 144px;
}
.category-sec .category-header {
  width: 100%;
}
.category-sec .products-list {
  width: 100%;
}
.category-sec .products-list .c-list {
  width: 23%;
  margin: 0 1% 2%;
}
@media (max-width: 900px) and (min-width: 641px) {
  .category-sec .products-list .c-list {
    width: 31.3%;
  }
}
@media (max-width: 640px) and (min-width: 481px) {
  .category-sec .products-list .c-list {
    width: 48%;
  }
}
@media only screen and (max-width: 480px) {
  .category-sec .products-list .c-list {
    width: 100%;
    margin: 0 0 16px;
  }
  .category-sec .products-list .c-list .status-publish {
    min-height: auto;
  }
  .category-sec .products-list .c-list .status-publish > a .info-atcl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.category-sec .products-list .post-873,
.category-sec .products-list .post-1213,
.category-sec .products-list .post-1977 {
  pointer-events: none;
}

.status-publish {
  border: 1px solid #ffffff;
  align-items: center;
}
@media (max-width: 700px) and (min-width: 601px) {
  .status-publish {
    min-height: 352px;
  }
}
.status-publish .link-wrap {
  width: 100%;
  padding: 16px;
}
.status-publish .post-thumbnail {
  width: 100%;
  height: auto;
  text-align: center;
}
.status-publish .post-thumbnail img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .status-publish .post-thumbnail {
    margin-right: 5%;
    min-width: 94px;
    max-width: 214px;
    width: 35%;
  }
}
.status-publish .entry-header {
  align-items: center;
}
.status-publish .entry-header .entry-title {
  font-size: 0.9rem;
  margin: 8px 0;
  min-height: 48px;
}
@media only screen and (max-width: 480px) {
  .status-publish .entry-header {
    min-height: auto;
    width: 60%;
  }
  .status-publish .entry-header .entry-title {
    margin: 0 0 8px;
    min-height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
  }
}
.status-publish .category-wrap {
  align-items: center;
  line-height: 2;
}
.status-publish .category-wrap > li {
  font-size: 0.875rem;
}
.status-publish .category-wrap > li .l-head {
  width: 64px;
}
.status-publish .category-wrap > li .l-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 55%;
  overflow: hidden;
}
.status-publish .category-wrap > li time {
  color: #959595;
}
.status-publish .right-icon {
  font-size: 1.5rem;
}
.status-publish .entry-content {
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: justify;
  width: 100%;
  overflow: hidden;
}
.status-publish .entry-content > p a {
  display: inline;
}

.works-main {
  background-color: #e2e2e2;
}

.tabs-works {
  width: 100%;
  margin: 10px auto;
  position: relative;
}

.tab-buttons {
  display: flex;
  flex-direction: row;
  max-width: 280px;
  margin: 0 0 40px 1%;
  position: relative;
  background: #cccccc;
}
.tab-buttons > p {
  position: relative;
  z-index: 10;
  cursor: pointer;
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.tab-buttons > p > span {
  display: block;
}
@media only screen and (max-width: 480px) {
  .tab-buttons {
    max-width: 100%;
    margin: 0 0 40px;
  }
}

.tab-content {
  display: inline-block;
  color: #333;
  width: 100%;
}
#lamp {
  width: 50%;
  height: 40px;
  background: #333;
  display: block;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}
#lamp.content2 {
  left: 50%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}
#lamp.content3 {
  left: 66.6%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}
#lamp.content1 {
  left: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

.class-white {
  color: #ffffff;
  transition: all 0.3s ease-in;
}

.article-contents {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.article-contents .u-cont-style h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 24px;
}
.article-contents .u-cont-style p {
  text-align: justify;
  line-height: 1.8;
}
.article-contents .u-cont-style > section {
  padding: 96px 4%;
}
.article-contents .u-cont-style > section h5 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  color: #000000;
}
.article-contents .u-cont-style > section p {
  text-align: justify;
  line-height: 1.8;
}
.article-contents .u-cont-style img {
  display: inline-block;
  vertical-align: bottom;
  width: auto;
  height: auto;
  max-width: 100%;
}
.article-contents .u-cont-style a {
  display: inline-block;
}
.article-contents .footer-wrap {
  position: relative;
  z-index: 1000;
}
.article-contents .footer-wrap:after {
  content: "";
  display: block;
  position: absolute;
  -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
  height: 100%;
  width: 100%;
  background-color: #a0a0a0;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 700px) and (min-width: 540px) {
  .article-contents .footer-wrap:after {
    -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
  }
}
@media only screen and (max-width: 540px) {
  .article-contents .footer-wrap:after {
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
  }
}
.article-contents .footer-wrap .footer-style {
  color: #ffffff;
  background-color: #333333;
  padding: 200px 4% 16px;
  position: relative;
  top: 1px;
  -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 700px) and (min-width: 540px) {
  .article-contents .footer-wrap .footer-style {
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
  }
}
@media only screen and (max-width: 540px) {
  .article-contents .footer-wrap .footer-style {
    -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);
  }
}
.article-contents .footer-wrap .footer-style:after {
  content: "";
  display: block;
  width: 320px;
  height: 320px;
  background-image: url(images/logo_w.svg);
  position: absolute;
  top: 35%;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 0.1;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.article-contents .footer-wrap .footer-style .footer-sec {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.article-contents .footer-wrap .footer-style .footer-sec_style {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}
@media only screen and (max-width: 620px) {
  .article-contents .footer-wrap .footer-style .footer-sec_style {
    width: 200px;
  }
}
.article-contents .footer-wrap .mgb {
  padding-bottom: 120px;
}
.article-contents {
  /*プロフィール*/
}
.article-contents #about-me {
  padding: 96px 0%;
}
.article-contents #about-me .under-title2 {
  margin-bottom: 120px;
}
.article-contents #about-me .inner-top {
  max-width: 1400px;
  margin: 0 auto 200px;
  padding: 0 4%;
}
.article-contents #about-me .inner-top .hrm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 3px solid #000000;
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  width: 180px;
  height: 180px;
  letter-spacing: 4px;
  line-height: 2;
  position: relative;
  z-index: 500;
}
@media (max-width: 760px) and (min-width: 441px) {
  .article-contents #about-me .inner-top .hrm {
    font-size: 1rem;
    width: 140px;
    height: 140px;
    border: 2px solid #000000;
  }
}
@media only screen and (max-width: 440px) {
  .article-contents #about-me .inner-top .hrm {
    font-size: 0.8rem;
    width: 110px;
    height: 110px;
    border: 2px solid #000000;
  }
}
.article-contents #about-me .inner-top .profile-unit {
  max-width: 1200px;
  margin: -72px auto 0;
  padding-left: 48px;
}
@media only screen and (max-width: 960px) {
  .article-contents #about-me .inner-top .profile-unit {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 440px) {
  .article-contents #about-me .inner-top .profile-unit {
    margin: -48px auto 0;
    padding-left: 16px;
  }
}
.article-contents #about-me .inner-top .profile-unit .unit {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .article-contents #about-me .inner-top .profile-unit .photo {
    width: 100%;
  }
}
.article-contents #about-me .inner-top .profile-unit .photo .bass {
  position: absolute;
  z-index: 500;
  bottom: 0;
  transition-delay: 300ms;
  left: -16px;
  width: 100%;
}
@media (max-width: 960px) and (min-width: 691px) {
  .article-contents #about-me .inner-top .profile-unit .photo .bass {
    width: 80%;
  }
}
@media (max-width: 691px) and (min-width: 320px) {
  .article-contents #about-me .inner-top .profile-unit .photo .bass {
    width: 100%;
  }
}
.article-contents #about-me .inner-top .profile-unit .photo .name {
  font-family: "Anton", sans-serif;
  font-size: 6rem;
  letter-spacing: 10px;
  transform: rotate(90deg);
  position: absolute;
  z-index: 300;
  left: -270px;
  top: 55%;
  color: #dadada;
}
@media only screen and (max-width: 1024px) {
  .article-contents #about-me .inner-top .profile-unit .photo .name {
    left: -242px;
  }
}
@media only screen and (max-width: 480px) {
  .article-contents #about-me .inner-top .profile-unit .photo .name {
    top: 80%;
  }
}
.article-contents #about-me .inner-top .profile-unit .photo .scroll-slide {
  height: 560px;
  background-color: #f3f3f3;
}
@media (max-width: 1230px) and (min-width: 1131px) {
  .article-contents #about-me .inner-top .profile-unit .photo .scroll-slide {
    height: 520px;
  }
}
@media (max-width: 1130px) and (min-width: 1024px) {
  .article-contents #about-me .inner-top .profile-unit .photo .scroll-slide {
    height: 480px;
  }
}
@media (max-width: 1023px) and (min-width: 961px) {
  .article-contents #about-me .inner-top .profile-unit .photo .scroll-slide {
    height: 440px;
  }
}
@media (max-width: 960px) and (min-width: 481px) {
  .article-contents #about-me .inner-top .profile-unit .photo .scroll-slide {
    height: 480px;
  }
}
@media (max-width: 480px) and (min-width: 401px) {
  .article-contents #about-me .inner-top .profile-unit .photo .scroll-slide {
    height: 360px;
  }
}
@media only screen and (max-width: 400px) {
  .article-contents #about-me .inner-top .profile-unit .photo .scroll-slide {
    height: 320px;
  }
}
.article-contents #about-me .inner-top .profile-cap {
  top: 88px;
  left: -48px;
  color: #ffffff;
  z-index: 1000;
}
@media only screen and (max-width: 960px) {
  .article-contents #about-me .inner-top .profile-cap {
    top: -120px;
    left: initial;
    right: -4.5%;
    width: 80% !important;
  }
}
@media only screen and (max-width: 660px) {
  .article-contents #about-me .inner-top .profile-cap {
    top: -40px;
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  .article-contents #about-me .inner-top .profile-cap {
    top: -16px;
  }
}
.article-contents #about-me .inner-top .profile-cap .scroll-slide {
  height: 560px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
@media (max-width: 1230px) and (min-width: 1131px) {
  .article-contents #about-me .inner-top .profile-cap .scroll-slide {
    height: 520px;
  }
}
@media (max-width: 1130px) and (min-width: 1024px) {
  .article-contents #about-me .inner-top .profile-cap .scroll-slide {
    height: 480px;
  }
}
@media (max-width: 1023px) and (min-width: 961px) {
  .article-contents #about-me .inner-top .profile-cap .scroll-slide {
    height: 440px;
  }
}
@media only screen and (max-width: 960px) {
  .article-contents #about-me .inner-top .profile-cap .scroll-slide {
    height: auto;
  }
}
.article-contents #about-me .inner-top .profile-cap .scroll-slide .wid-0 {
  right: 0;
  left: initial;
}
.article-contents #about-me .inner-top .profile-cap .scroll-slide .profile-text {
  width: 100%;
}
.article-contents #about-me .inner-top .profile-cap .scroll-slide .profile-text .p-title {
  margin-bottom: 32px;
  transition-delay: 800ms;
}
.article-contents #about-me .inner-top .profile-cap .scroll-slide .profile-text .p-title .j-text {
  font-size: 1.5rem;
}
.article-contents #about-me .inner-top .profile-cap .scroll-slide .profile-text .p-title .s-text {
  color: #a4005b;
  letter-spacing: 2px;
  font-family: "Josefin Sans", sans-serif;
}
.article-contents #about-me .inner-top .profile-cap .scroll-slide .profile-text .cap {
  transition-delay: 1000ms;
  text-align: justify;
  line-height: 2;
}
.article-contents #about-me .inner-bottom {
  position: relative;
}
.article-contents #about-me .inner-bottom:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(images/writing.png);
  background-position: -740px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  opacity: 0.3;
}
.article-contents #about-me .inner-bottom .items {
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 500;
  transition-delay: 300ms;
}
.article-contents #about-me .inner-bottom .catch-text {
  align-items: flex-end;
  width: 45%;
  position: absolute;
  right: 0;
  top: 33%;
}
@media only screen and (max-width: 940px) {
  .article-contents #about-me .inner-bottom .catch-text {
    top: 0;
  }
}
.article-contents #about-me .inner-bottom .catch-text .bti {
  display: inline-flex;
  align-items: flex-end;
  margin-bottom: -20px;
  position: relative;
  z-index: 500;
  right: 2%;
}
.article-contents #about-me .inner-bottom .catch-text .bti .b-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  margin-bottom: 8px;
  padding: 0 8px;
  font-family: "Fjalla One", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 4px;
  height: 40px;
}
.article-contents #about-me .inner-bottom .catch-text .bti .b-text:nth-last-child(1) {
  margin-bottom: 0;
}
.article-contents #about-me .inner-bottom .catch-text .bti .b-text:nth-of-type(1) {
  transition-delay: 100ms;
}
.article-contents #about-me .inner-bottom .catch-text .bti .b-text:nth-of-type(2) {
  transition-delay: 150ms;
}
.article-contents #about-me .inner-bottom .catch-text .bti .b-text:nth-of-type(3) {
  transition-delay: 200ms;
}
.article-contents #about-me .inner-bottom .catch-text .greyback-text {
  width: 100%;
  background-color: #f3f3f3;
}
.article-contents #about-me .inner-bottom .catch-text .greyback-text .scroll-slide {
  height: 600px;
}
.article-contents #about-me .inner-bottom .catch-text .greyback-text .scroll-slide .wid-0 {
  right: 0;
  left: initial;
}
.article-contents #about-me .inner-bottom .catch-text .greyback-text .scroll-slide .dp {
  font-family: "Julius Sans One", sans-serif;
  font-size: 8rem;
  line-height: 0.8;
  position: absolute;
  bottom: -11px;
  right: 0;
  color: #ffffff;
}
@media (max-width: 1130px) and (min-width: 871px) {
  .article-contents #about-me .inner-bottom .catch-text .greyback-text .scroll-slide .dp {
    font-size: 7rem;
  }
}
@media only screen and (max-width: 870px) {
  .article-contents #about-me .inner-bottom .catch-text .greyback-text .scroll-slide .dp {
    display: none;
  }
}
.article-contents #about-me .inner-bottom .catch-text .greyback-text .scroll-slide .dp .w-text:nth-of-type(2) {
  letter-spacing: 3px;
}
.article-contents #about-me .inner-bottom .p-wrap {
  max-width: 1400px;
  margin: 72px auto 0;
  padding: 0 4%;
  position: relative;
  z-index: 500;
}
.article-contents #about-me .inner-bottom .p-wrap .philosophy {
  max-width: 440px;
  width: 100%;
  transition-delay: 200ms;
}
@media (max-width: 940px) and (min-width: 421px) {
  .article-contents #about-me .inner-bottom .p-wrap .philosophy {
    max-width: 720px;
    width: 90%;
  }
}
@media only screen and (max-width: 420px) {
  .article-contents #about-me .inner-bottom .p-wrap .philosophy {
    max-width: initial;
    width: 100%;
  }
}
.article-contents #about-me .inner-bottom .p-wrap .philosophy .p-title {
  font-family: "Fjalla One", sans-serif;
  font-weight: bold;
  margin-bottom: 32px;
}
.article-contents #about-me .inner-bottom .p-wrap .philosophy .p-title .m-text {
  font-size: 3.4rem;
  letter-spacing: 4px;
}
.article-contents #about-me .inner-bottom .p-wrap .philosophy .p-title .s-text {
  color: #a4005b;
  letter-spacing: 3px;
  font-size: 0.9rem;
}
.article-contents #about-me .inner-bottom .p-wrap .philosophy .cap {
  text-align: justify;
  line-height: 2;
}
.article-contents #work-mind {
  max-width: 1400px;
  margin: 0 auto;
}
.article-contents #work-mind .under-title4 {
  margin-bottom: 56px;
}
.article-contents #work-mind .num-list:nth-of-type(1) {
  transition-delay: 200ms;
}
.article-contents #work-mind .num-list:nth-of-type(2) {
  transition-delay: 400ms;
}
.article-contents #work-mind .num-list:nth-of-type(3) {
  transition-delay: 600ms;
}
.article-contents #work-mind .num-list .l-head {
  margin-bottom: 16px;
  position: relative;
  padding: 40px 0;
}
.article-contents #work-mind .num-list .l-head:before {
  content: "";
  display: block;
  background-image: url(images/logo_b.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.1;
  top: 0;
}
.article-contents #work-mind .num-list .l-head .num-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.article-contents #work-mind .num-list .l-head .num-title .num {
  font-family: "Anton", sans-serif;
  font-size: 4rem;
  letter-spacing: 2px;
  line-height: 1.3;
}
.article-contents #work-mind .num-list .l-head .num-title .sub {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  padding: 0 12px;
  font-family: "Anton", sans-serif;
  letter-spacing: 1px;
}
.article-contents #work-mind .num-list .cap .t-text {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 24px;
  letter-spacing: 2px;
  text-align: center;
}
.article-contents #work-mind .num-list .cap .c-text {
  text-align: justify;
  line-height: 2;
}
@media (max-width: 770px) and (min-width: 441px) {
  .article-contents #work-mind .num-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
  }
  .article-contents #work-mind .num-list .l-head {
    width: 160px;
    margin-right: 16px;
    padding: 16px 0;
  }
  .article-contents #work-mind .num-list .cap {
    width: 80%;
  }
  .article-contents #work-mind .num-list .cap .t-text {
    text-align: left;
  }
}
@media only screen and (max-width: 440px) {
  .article-contents #work-mind .num-list {
    width: 100%;
    padding: 24px 2%;
  }
}
.article-contents {
  /* STYLE */
}
.article-contents #work-styles {
  max-width: 1400px;
  margin: 0 auto;
}
.article-contents #work-styles .under-title2 {
  margin-bottom: 120px;
}
.article-contents #work-styles .style-list {
  position: relative;
}
.article-contents #work-styles .style-list:before {
  content: "";
  display: block;
  height: 102%;
  width: 1px;
  background-color: #ececec;
  position: absolute;
  left: 0;
  right: 0;
  margin: 24px auto 0;
}
.article-contents #work-styles .style-list .l-area {
  overflow: hidden;
  position: relative;
  margin-bottom: 320px;
  padding: 0 2% 120px;
}
.article-contents #work-styles .style-list .l-area:nth-last-child(1) {
  margin-bottom: 0;
}
.article-contents #work-styles .style-list .l-area .l-head {
  position: relative;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.article-contents #work-styles .style-list .l-area .l-head .num {
  font-family: "Anton", sans-serif;
  font-size: 12rem;
  color: #d2d2d2;
  z-index: -1;
  line-height: 1;
  position: absolute;
  display: block;
  top: 0;
}
.article-contents #work-styles .style-list .l-area .l-head .l-title .m-text {
  font-family: "Fjalla One", sans-serif;
  font-weight: normal;
  font-size: 2.5rem;
  letter-spacing: 16px;
}
.article-contents #work-styles .style-list .l-area .l-head .l-title .s-text {
  font-family: "Fjalla One", sans-serif;
  color: #a4005b;
  font-weight: normal;
  letter-spacing: 2px;
  font-size: 0.875rem;
}
@media (max-width: 560px) and (min-width: 320px) {
  .article-contents #work-styles .style-list .l-area .l-head {
    height: 120px;
  }
  .article-contents #work-styles .style-list .l-area .l-head .num {
    font-size: 8.5rem;
  }
  .article-contents #work-styles .style-list .l-area .l-head .l-title .m-text {
    font-size: 2rem;
    letter-spacing: 14px;
  }
  .article-contents #work-styles .style-list .l-area .l-head .l-title .s-text {
    font-size: 0.75rem;
  }
}
.article-contents #work-styles .style-list .l-area .imgs {
  width: 60%;
  float: right;
  position: relative;
}
.article-contents #work-styles .style-list .l-area .imgs .c-img {
  position: absolute;
  width: 90%;
  right: 0;
  z-index: 500;
}
.article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
  height: 480px;
  background-color: #f3f3f3;
  position: absolute;
  top: 0;
  width: 85%;
  z-index: -1;
  margin-top: 40px;
}
@media (max-width: 1210px) and (min-width: 1111px) {
  .article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
    height: 440px;
  }
}
@media (max-width: 1110px) and (min-width: 951px) {
  .article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
    height: 380px;
  }
}
@media (max-width: 770px) and (min-width: 641px) {
  .article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
    height: 400px;
  }
}
@media (max-width: 640px) and (min-width: 561px) {
  .article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
    height: 340px;
  }
}
@media (max-width: 560px) and (min-width: 551px) {
  .article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
    height: 320px;
  }
}
@media (max-width: 550px) and (min-width: 431px) {
  .article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
    height: 280px;
    margin-top: 32px;
  }
}
@media (max-width: 430px) and (min-width: 351px) {
  .article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
    height: 240px;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 350px) {
  .article-contents #work-styles .style-list .l-area .imgs .c-img .scroll-slide {
    height: 216px;
    margin-top: 16px;
  }
}
.article-contents #work-styles .style-list .l-area .imgs .m-img {
  position: relative;
  height: auto;
  width: 90%;
  margin-top: 320px;
}
.article-contents #work-styles .style-list .l-area .imgs .m-img img {
  transition-delay: 200ms;
}
@media (max-width: 550px) and (min-width: 431px) {
  .article-contents #work-styles .style-list .l-area .imgs .m-img {
    margin-top: 272px;
  }
}
@media (max-width: 430px) and (min-width: 351px) {
  .article-contents #work-styles .style-list .l-area .imgs .m-img {
    margin-top: 224px;
  }
}
@media only screen and (max-width: 350px) {
  .article-contents #work-styles .style-list .l-area .imgs .m-img {
    margin-top: 200px;
  }
}
.article-contents #work-styles .style-list .l-area .style-cap {
  max-width: 320px;
  clear: both;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 380px) {
  .article-contents #work-styles .style-list .l-area .style-cap {
    max-width: initial;
  }
}
.article-contents #work-styles .style-list .l-area .style-cap .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 24px;
  clear: both;
}
.article-contents #work-styles .style-list .l-area .style-cap .cap {
  text-align: justify;
  line-height: 2;
  clear: both;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(odd) .l-head {
  float: left;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(odd) .l-head .num {
  left: 0;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(odd) .l-head .l-title {
  padding-left: 16px;
  text-align: left;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(odd) .imgs {
  float: right;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(odd) .imgs .c-img .scroll-slide {
  right: 0;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(odd) .style-cap {
  left: 0;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .l-head {
  float: right;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .l-head .num {
  right: 0;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .l-head .l-title {
  padding-right: 16px;
  text-align: right;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .l-head .l-title .m-text {
  margin-right: -16px;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .imgs {
  float: left;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .imgs .c-img {
  right: initial;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .imgs .c-img .scroll-slide {
  left: 0;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .imgs .c-img .scroll-slide .wid-0 {
  right: 0;
  left: initial;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .imgs .m-img {
  margin-left: 10%;
}
.article-contents #work-styles .style-list .l-area:nth-of-type(even) .style-cap {
  right: 0;
}
.article-contents #work-styles .style-list .l-area .design_tools {
  margin-left: 4%;
}
.article-contents #work-styles .style-list .l-area .planning_tools {
  width: 85%;
  margin-top: 40px;
}
@media (max-width: 950px) and (min-width: 871px) {
  .article-contents #work-styles .style-list .l-area .planning_tools {
    width: 78%;
  }
}
@media (max-width: 1260px) and (min-width: 320px) {
  .article-contents #work-styles .style-list .design .imgs .c-img {
    right: 2%;
  }
}
@media (max-width: 770px) and (min-width: 641px) {
  .article-contents #work-styles .style-list .planning .imgs .c-img .scroll-slide {
    height: 424px;
  }
}
@media (max-width: 640px) and (min-width: 561px) {
  .article-contents #work-styles .style-list .planning .imgs .c-img .scroll-slide {
    height: 358px;
  }
}
@media (max-width: 550px) and (min-width: 511px) {
  .article-contents #work-styles .style-list .planning .imgs .c-img .scroll-slide {
    height: 336px;
  }
}
@media (max-width: 510px) and (min-width: 431px) {
  .article-contents #work-styles .style-list .planning .imgs .c-img .scroll-slide {
    height: 288px;
  }
}
@media (max-width: 430px) and (min-width: 391px) {
  .article-contents #work-styles .style-list .planning .imgs .c-img .scroll-slide {
    height: 280px;
  }
}
@media only screen and (max-width: 950px) {
  .article-contents #work-styles .style-list .l-area {
    margin-bottom: 0;
  }
  .article-contents #work-styles .style-list .l-area .imgs {
    width: 100%;
    margin-bottom: 72px;
  }
  .article-contents #work-styles .style-list .l-area .style-cap {
    position: relative;
  }
  .article-contents #work-styles .style-list .l-area:nth-of-type(odd) .l-head {
    float: none;
  }
  .article-contents #work-styles .style-list .l-area:nth-of-type(odd) .style-cap {
    float: left;
  }
  .article-contents #work-styles .style-list .l-area:nth-of-type(even) .l-head {
    float: none;
  }
  .article-contents #work-styles .style-list .l-area:nth-of-type(even) .style-cap {
    float: right;
  }
}
.article-contents {
  /* シングルページ（制作物実績） */
}
.article-contents #screen-shots .under-title2 {
  margin-bottom: 120px;
}
.article-contents #screen-shots .ss-img-list .ss-img {
  position: relative;
  margin-bottom: 120px;
}
.article-contents #screen-shots .ss-img-list .ss-img:nth-last-child(1) {
  margin-bottom: 0;
}
.article-contents #screen-shots .ss-img-list .ss-img .frame {
  background-color: #f3f3f3;
  padding: 32px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.article-contents #screen-shots .ss-img-list .ss-img .frame .c-img {
  width: 100%;
  height: auto;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1560px) and (min-width: 961px) {
  .article-contents #screen-shots .ss-img-list .ss-img .frame {
    width: 80%;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  .article-contents #screen-shots .ss-img-list .ss-img .frame {
    width: 70%;
  }
}
.article-contents #screen-shots .ss-img-list .ss-img .pager {
  font-family: "Anton", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: 1px;
}
.article-contents #screen-shots .ss-img-list .ss-img .pager .m-num {
  font-family: "Anton", sans-serif !important;
  color: #a4005b;
  font-size: 2rem;
}
.article-contents #screen-shots .ss-img-list .ss-img .pager .b-num {
  font-size: 1.5rem;
}
.article-contents #screen-shots .ss-img-list .ss-img .pager .slash {
  font-family: "Oswald", sans-serif;
  font-size: 1.5rem;
}
.article-contents #screen-shots .ss-img-list .ss-img .phase {
  font-family: "Anton", sans-serif;
  letter-spacing: 2px;
  position: absolute;
  top: 5%;
  right: 0;
  top: 96px;
  font-size: 0.8rem;
  writing-mode: vertical-rl;
}
.article-contents #screen-shots .ss-img-list .ss-img .phase .cat-name {
  margin-bottom: 20px;
  border-bottom: 1px solid currentColor;
  padding-bottom: 20px;
}
.article-contents #screen-shots .ss-img-list .ss-img .sp-img {
  max-width: 1000px;
  margin: 32px auto;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1560px) and (min-width: 961px) {
  .article-contents #screen-shots .ss-img-list .ss-img .sp-img {
    width: 80%;
  }
}
@media (max-width: 960px) and (min-width: 601px) {
  .article-contents #screen-shots .ss-img-list .ss-img .sp-img {
    width: 70%;
  }
}
.article-contents #screen-shots .ss-img-list .ss-img .sp-img .si-list {
  width: 31.3%;
}
.article-contents #screen-shots .ss-img-list .ss-img .sp-img .si-list:nth-of-type(1) {
  transition-delay: 200ms;
}
.article-contents #screen-shots .ss-img-list .ss-img .sp-img .si-list:nth-of-type(2) {
  transition-delay: 400ms;
}
.article-contents #screen-shots .ss-img-list .ss-img .sp-img .si-list:nth-of-type(3) {
  transition-delay: 600ms;
}
@media only screen and (max-width: 600px) {
  .article-contents #screen-shots .ss-img-list .ss-img .frame {
    background-color: #f3f3f3;
    padding: 16px;
  }
  .article-contents #screen-shots .ss-img-list .ss-img .pager {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    text-align: right;
  }
  .article-contents #screen-shots .ss-img-list .ss-img .phase {
    transform: none;
    right: auto;
    top: auto;
    position: relative;
    justify-content: flex-end;
    margin-top: 16px;
    font-size: 0.625rem;
    writing-mode: horizontal-tb;
  }
  .article-contents #screen-shots .ss-img-list .ss-img .phase .cat-name {
    border-right: 1px solid currentColor;
    margin-right: 12px;
    padding-right: 12px;
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
  }
}
.article-contents #making {
  background-color: #d2d2d2;
  margin-bottom: -120px;
  padding-bottom: 280px;
}
.article-contents #making .under-title2 {
  margin-bottom: 120px;
}
.article-contents #making .wrap {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}
.article-contents #making .wrap .h-title {
  margin-bottom: -160px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.35);
}
.article-contents #making .wrap .h-title .b-text {
  font-family: "Anton", sans-serif;
  font-size: 15rem;
}
.article-contents #making .wrap .h-title .s-text {
  font-family: "Josefin Sans", sans-serif;
  font-size: 4.5rem;
}
@media only screen and (max-width: 880px) {
  .article-contents #making .wrap .h-title {
    position: absolute;
    top: -80px;
    left: -24px;
  }
}
.article-contents #making .concept {
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 240px;
}
.article-contents #making .concept .cap {
  max-width: 440px;
  margin-bottom: -120px;
  width: 45%;
}
.article-contents #making .concept .cap .c-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 24px;
  letter-spacing: 2px;
}
.article-contents #making .concept .cap .c-text {
  text-align: justify;
  line-height: 2;
}
.article-contents #making .concept .c-img {
  width: 50%;
}
@media (max-width: 1480px) and (min-width: 1201px) {
  .article-contents #making .concept {
    margin-bottom: 344px;
  }
  .article-contents #making .concept .cap {
    margin-bottom: -224px;
  }
}
@media (max-width: 1200px) and (min-width: 1061px) {
  .article-contents #making .concept {
    margin-bottom: 344px;
  }
  .article-contents #making .concept .cap {
    margin-bottom: -264px;
  }
}
@media (max-width: 1060px) and (min-width: 1025px) {
  .article-contents #making .concept {
    margin-bottom: 424px;
  }
  .article-contents #making .concept .cap {
    margin-bottom: -328px;
  }
}
@media (max-width: 1024px) and (min-width: 881px) {
  .article-contents #making .concept {
    margin-bottom: 384px;
  }
  .article-contents #making .concept .cap {
    margin-bottom: -308px;
  }
}
@media only screen and (max-width: 880px) {
  .article-contents #making .concept {
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
  }
  .article-contents #making .concept .cap {
    max-width: initial;
    width: 100%;
  }
  .article-contents #making .concept .c-img {
    width: 80%;
    margin: 0 auto 80px;
  }
}
@media only screen and (max-width: 580px) {
  .article-contents #making .concept {
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
  }
  .article-contents #making .concept .cap {
    max-width: initial;
    width: 100%;
  }
}
.article-contents #making .particular {
  border: 4px solid #ffffff;
  position: relative;
  padding: 0 2%;
}
.article-contents #making .particular .h-title {
  position: relative;
  top: -20px;
  margin: 0 auto;
  text-align: center;
}
.article-contents #making .particular .h-title .t-text {
  font-size: 2.5rem;
  font-family: "Josefin Sans", sans-serif;
  background-color: #d2d2d2;
  display: inline-block;
  padding: 0 1.5%;
  letter-spacing: 2px;
  color: #ffffff;
}
@media only screen and (max-width: 1024px) {
  .article-contents #making .particular .h-title {
    top: -16px;
    left: initial;
  }
}
@media only screen and (max-width: 440px) {
  .article-contents #making .particular {
    padding: 0 6%;
  }
}
.article-contents #making .particular .particular-list .c-list .c-img {
  margin-bottom: 48px;
}
.article-contents #making .particular .particular-list .c-list .cap .c-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 24px;
  letter-spacing: 2px;
  margin-bottom: 8px;
  min-height: 60px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 800px) and (min-width: 771px) {
  .article-contents #making .particular .particular-list .c-list .cap .c-title {
    flex-direction: column;
    min-height: 102px;
  }
}
@media only screen and (max-width: 770px) {
  .article-contents #making .particular .particular-list .c-list .cap .c-title {
    min-height: auto;
    margin-bottom: 16px;
  }
}
.article-contents #making .particular .particular-list .c-list .cap .c-title .num {
  margin-right: 24px;
  border-bottom: 1px solid currentColor;
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-family: "Oswald", sans-serif;
  font-size: 1.31rem;
  line-height: 1.4;
}
.article-contents #making .particular .particular-list .c-list .cap .c-text {
  text-align: justify;
  line-height: 2;
}
.article-contents #making .particular .particular-list .c-list:nth-of-type(1) {
  transition-delay: 200ms;
}
.article-contents #making .particular .particular-list .c-list:nth-of-type(2) {
  transition-delay: 400ms;
}
.article-contents #making .particular .particular-list .c-list:nth-of-type(3) {
  transition-delay: 600ms;
}
@media (max-width: 770px) and (min-width: 441px) {
  .article-contents #making .particular .particular-list .c-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
  }
  .article-contents #making .particular .particular-list .c-list .c-img {
    margin-bottom: 0;
    width: 100%;
    margin-right: 8%;
    max-width: 220px;
  }
  .article-contents #making .particular .particular-list .c-list .cap .c-title {
    flex-direction: column;
  }
  .article-contents #making .particular .particular-list .c-list .cap {
    width: 80%;
  }
}
@media only screen and (max-width: 440px) {
  .article-contents #making .particular .particular-list .c-list {
    width: 100%;
    padding: 32px 2%;
  }
  .article-contents #making .particular .particular-list .c-list .c-img {
    margin-bottom: 24px;
  }
  .article-contents #making .particular .particular-list .c-list .cap .c-title {
    flex-direction: column;
  }
}
.article-contents .foot-copy {
  font-family: "Fjalla One", sans-serif;
  text-align: center !important;
  font-size: 2.5rem;
  letter-spacing: 6px;
  margin: 72px 0;
}
@media only screen and (max-width: 360px) {
  .article-contents .foot-copy {
    font-size: 2rem;
    letter-spacing: 4px;
  }
}
.article-contents {
  /*prev next ナビ*/
}
.article-contents #cs-nav {
  padding: 0 4% 160px;
  background-color: #333333;
  text-align: center;
}
.article-contents #cs-nav .nav-links {
  width: 100%;
  margin: 0 auto 56px;
  text-align: center;
  padding: 16px;
  max-width: 480px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.article-contents #cs-nav .nav-links a {
  color: #ffffff;
  font-size: 0.9rem;
  position: relative;
}
.article-contents #cs-nav .nav-links a:before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 0;
  background-color: #ffffff;
  top: 50%;
  left: -10%;
}
.article-contents #cs-nav .nav-links a:hover:before {
  transition: 0.3s;
  width: 120%;
}
.article-contents #cs-nav .nav-links .btn-stl {
  width: 56px;
}
.article-contents #cs-nav .nav-links .prev-btn i {
  margin-right: 4px;
}
.article-contents #cs-nav .nav-links .next-btn i {
  margin-left: 4px;
}
.article-contents .f-bottom {
  display: flex;
  flex-direction: column-reverse;
}
.article-contents .sg-info {
  margin: 0 auto 64px;
  padding: 56px 3%;
  max-width: 1000px;
}
.article-contents .sg-info .info-atcl {
  width: 100% !important;
}
.article-contents .sg-info .info-atcl .entry-title {
  font-size: 2rem;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 8px;
  margin-bottom: 32px;
}
.article-contents .sg-info .info-atcl .category-wrap {
  margin-bottom: 8px;
}
.article-contents .sg-info nav {
  margin-top: 64px;
}
.article-contents .sg-info nav .nav-links {
  overflow: hidden;
}
.article-contents .sg-info nav .nav-links .nav-previous {
  margin-right: 1px;
}
.article-contents .sg-info nav .nav-links .nav-previous a {
  background-color: transparent;
  display: inline-block;
  color: #000000;
  color: #000000;
  padding: 4px 16px;
  font-size: 0.875rem;
  font-family: "Oswald", sans-serif;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.article-contents .sg-info nav .nav-links .nav-previous a i {
  margin-right: 8px;
}
.article-contents .sg-info nav .nav-links .nav-next a {
  background-color: transparent;
  display: inline-block;
  color: #000000;
  color: #000000;
  padding: 4px 16px;
  font-size: 0.875rem;
  font-family: "Oswald", sans-serif;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.article-contents .sg-info nav .nav-links .nav-next a i {
  margin-left: 8px;
}
.article-contents .sg-info nav .nav-links .nav-next a:hover,
.article-contents .sg-info nav .nav-links .nav-previous a:hover {
  background-color: #959595;
  transition: 0.3s;
}
.article-contents .navigation {
  margin: 48px auto 72px;
}
.article-contents .navigation .screen-reader-text {
  display: none;
}
.article-contents .navigation div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 100px;
  max-width: 80%;
  margin: 0 auto;
  padding: 4px 0;
}
.article-contents .navigation div span,
.article-contents .navigation div a {
  padding: 2px 8px 0;
  font-size: 0.938rem;
  border: 1px solid #000000;
  color: #000000;
  margin: 0 2px;
  line-height: 1.5;
  background-color: transparent;
}
.article-contents .navigation div .prev,
.article-contents .navigation div .next {
  padding: 2px 16px 0;
  background-color: transparent;
  display: inline-block;
  color: #000000;
  border: 1px solid;
}
.article-contents .navigation div .prev i,
.article-contents .navigation div .next i {
  font-size: 20px;
  vertical-align: -2px;
}
.article-contents .navigation div .current {
  background-color: #959595;
  color: #ffffff;
  border: none;
}
.article-contents .achive-year {
  margin-bottom: 40px;
}
.article-contents .achive-year .widget {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.article-contents .achive-year .widget .widget-title {
  font-size: 1.25rem;
  font-family: "Oswald", sans-serif;
  font-size: 1.2rem;
}
.article-contents .achive-year .widget .textwidget {
  width: 100%;
  padding: 0 8px;
  margin-left: 16px;
  border-left: 1px solid;
}
.article-contents .achive-year .widget .textwidget ul {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.article-contents .achive-year .widget .textwidget ul li {
  margin: 4px 8px;
}
.article-contents .achive-year .widget .textwidget ul li a {
  border: 1px solid #000000;
  padding: 0 16px;
}
@media (max-width: 1300px) and (min-width: 771px) {
  .article-contents .info_inner {
    margin: 0 24px 0 auto;
  }
}

.info-list {
  width: 94%;
  margin: 80px auto;
}
.info-list .btn_stl_04 {
  margin: 0 auto;
}

.header-std {
  align-items: center;
  height: 80px;
}
.header-std .logo-inner {
  width: 100%;
  max-width: 264px;
  padding: 16px;
}
@media only screen and (max-width: 830px) {
  .header-std .logo-inner {
    max-width: 196px;
    padding: 8px;
  }
}
.header-std .logo-inner .logo-head {
  height: auto;
}

.under-title_std {
  width: 90%;
  margin: 40px auto;
  max-width: 1400px;
  height: 80px;
  justify-content: center;
  text-shadow: none;
}

.std-frame {
  overflow: hidden;
  background-color: #f3f3f3;
}
.std-frame a {
  display: inline-block;
  text-decoration: underline;
  color: #a4005b;
}
.std-frame .img-circle {
  background-color: #f3f3f3;
}
.std-frame .img-circle .num {
  background-color: #f3f3f3;
}
.std-frame .flow-list {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 770px) {
  .std-frame .flow-list li {
    width: 100%;
  }
}
.std-frame .faq-sec {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 136px;
}

.all-404 {
  position: relative;
  width: 100vw;
  height: calc(100vh - 88px);
  background-color: rgba(0, 0, 0, 0.75);
  margin-top: 88px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1040px) {
  .all-404 {
    height: calc(100vh - 68px);
    margin-top: 68px;
  }
}
.all-404 .error-404 {
  z-index: 10;
}
.all-404 .under-title, .all-404 .works_sub-title, .all-404 .under-title_std {
  color: #ffffff;
  margin-bottom: 80px;
}
.all-404 .btn_stl_02 {
  margin: 0 auto;
}
.all-404 .t-404 {
  position: absolute;
  font-size: 70rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.05);
  font-family: "Oswald", sans-serif;
}
@media (max-width: 1300px) and (min-width: 1025px) {
  .all-404 .t-404 {
    font-size: 65rem;
  }
}
@media (max-width: 1024px) and (min-width: 701px) {
  .all-404 .t-404 {
    font-size: 45rem;
  }
}
@media (max-width: 700px) and (min-width: 481px) {
  .all-404 .t-404 {
    font-size: 30rem;
  }
}
@media (max-width: 480px) and (min-width: 320px) {
  .all-404 .t-404 {
    font-size: 20rem;
  }
}

@media (max-width: 1300px) and (min-width: 771px) {
  #inner h1 .m-text {
    font-size: 5.5rem !important;
  }
}
.pw-page {
  width: 100vw;
  height: calc(100vh - 80px - 80px - 40px * 2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 440px) {
  .pw-page {
    justify-content: flex-start;
  }
}
.pw-page .pw-page-front {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
.pw-page .pw-page-front .pw-icon {
  width: 200px;
  margin: 0 auto 32px;
}
@media only screen and (max-width: 440px) {
  .pw-page .pw-page-front .pw-icon {
    width: 100px;
    margin: 0 auto;
  }
}
.pw-page .pw-page-front .pw-page-cap {
  padding: 0 24px;
  width: calc(100% - 200px);
}
@media only screen and (max-width: 770px) {
  .pw-page .pw-page-front .pw-page-cap {
    width: 100%;
    padding: 0;
  }
}
.pw-page .pw-page-front .pw-page-cap .under-title, .pw-page .pw-page-front .pw-page-cap .works_sub-title, .pw-page .pw-page-front .pw-page-cap .under-title_std {
  margin: 0 auto 16px;
  width: auto;
  line-height: 1.5;
  align-items: baseline;
}
.pw-page .pw-page-front .pw-page-cap .under-title .s-text_pw, .pw-page .pw-page-front .pw-page-cap .works_sub-title .s-text_pw, .pw-page .pw-page-front .pw-page-cap .under-title_std .s-text_pw {
  font-size: 2rem;
  letter-spacing: 2px;
}
.pw-page .pw-page-front .pw-page-cap .post_password {
  margin-top: 32px;
}
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box, .pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box > p, .pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner > p, .pw-page .pw-page-front .pw-page-cap .post_password .pw-box > br, .pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner > br {
  display: none;
}
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-text {
  margin-right: 8px;
}
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner {
  border: 1px solid #000000;
  width: 100%;
}
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner .pw-area {
  width: 100%;
  position: relative;
  align-items: center;
}
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner .pw-area input[type=password][name=post_password],
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner .pw-area input[type=text][name=post_password] {
  padding: 4px 8px;
  display: inline-block;
  border: none;
  width: 100%;
  height: 40px;
  border-radius: 0px;
  outline: none;
  font-size: 1.5rem;
}
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner .pw-area .toggle-pass {
  position: absolute;
  background-color: #ffffff;
  z-index: 1;
  right: 0;
  top: 0;
  cursor: pointer;
  height: 100%;
  width: 44px;
  text-align: center;
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pw-page .pw-page-front .pw-page-cap .post_password .pw-box .pw-inner input[type=submit][name=Submit] {
  padding: 4px;
  height: 40px;
  border-radius: 0px;
  border: none;
  background-color: black;
  color: white;
  width: 80px;
  cursor: pointer;
}
.pw-page .pw-page-front .pw-page-cap .pw-text {
  text-align: justify;
}

#fix-menu {
  width: 100%;
  display: none;
  bottom: 0;
  z-index: 10000;
  position: fixed;
}
#fix-menu span {
  font-size: 0.75rem;
}
#fix-menu ul {
  display: flex;
  justify-content: flex-end;
}
#fix-menu ul li {
  width: 56px;
  text-align: center;
  line-height: 1.2;
}
#fix-menu ul li a {
  color: #7d7d7d;
  padding: 12px 0;
  box-sizing: border-box;
  color: #ffffff;
}
#fix-menu ul li a i {
  font-size: 20px;
}
#fix-menu ul li:first-child a {
  border-left: none;
}
#fix-menu ul .access-btn-sp {
  background-color: rgba(174, 50, 58, 0.85);
  color: #ffffff;
}
#fix-menu ul .tel-btn-sp {
  background-color: #959595;
  margin: 0 16px;
}

.no-contents {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.no-contents .s-text {
  margin-bottom: 80px;
}

.copyright {
  z-index: 1000;
  position: absolute;
  font-family: "Oswald", sans-serif;
  font-size: 0.65rem;
  left: 0;
  bottom: 0;
  padding: 8px 16px;
  letter-spacing: 0.5px;
}
.copyright .cr-text {
  display: inline-block;
}

.copyright_w {
  color: #ffffff;
}
.copyright_w .cr-text {
  display: inline-block;
  color: #ffffff;
}

/* sp用 */
@media only screen and (max-width: 1040px) {
  * {
    -webkit-appearance: none;
  }
  html {
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
  }
  body {
    -webkit-text-size-adjust: 100%;
    min-width: 320px;
  }
  .pc_obj {
    display: none !important;
  }
  .u_h1 {
    position: absolute;
    top: 5px;
    left: 80px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 1040px) and (max-width: 420px) and (min-width: 371px) {
  .u_h1 {
    width: 65%;
    max-width: 270px;
  }
}
@media only screen and (max-width: 1040px) and (max-width: 370px) {
  .u_h1 {
    max-width: 250px;
    width: 60%;
  }
}
@media only screen and (max-width: 1040px) {
  .top_title span {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1040px) {
  /* ヘッダースタイル */
  .fixed {
    position: fixed !important;
    top: 0 !important;
    right: 0;
    z-index: 15000;
    min-width: initial;
  }
  .fix-sp-menu {
    color: #ffffff;
    text-align: center;
    padding: 4px;
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 25000;
    width: 46px;
    height: 51px;
    min-width: inherit;
  }
  .fix-sp-menu figcaption {
    font-size: 0.875rem;
  }
  .fix-sp-menu-black {
    color: #000000;
  }
  .header-wrap .logo-inner {
    max-width: 184px;
  }
  .header-wrap .c-name .logo-inner {
    max-width: 72px;
  }
  .site-footer {
    width: 100%;
  }
}
@media only screen and (max-width: 1040px) and (max-width: 770px) {
  .right-f .top-bc {
    left: 2%;
    right: inherit;
    text-align: left;
  }
}
@media only screen and (max-width: 1040px) {
  .copyright {
    padding: 8px;
  }
  .news-sidebar {
    padding: 0 2%;
  }
  .news-sidebar section {
    max-width: inherit;
  }
  .news-sidebar section:nth-last-child(1) {
    margin-bottom: 0;
  }
  .news-sidebar .widget_calendar {
    width: 100%;
  }
  .news-sidebar2 {
    width: 100%;
    border-left: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
  }
  .news-sidebar2 section {
    display: inline-block;
    margin-bottom: 0;
  }
  .page_list_parent ul {
    width: 100%;
  }
  .sp_obj {
    display: block;
  }
  .sp_obj_ib {
    display: inline-block;
  }
  .mv_under #bread {
    max-width: 100%;
    font-size: 0.625rem;
  }
  .mv_under #bread > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
  }
}
@media only screen and (max-width: 1040px) {
  /* 下層ページ ----------------------------------- */
  .article-contents {
    text-align: justify;
  }
  .article-contents .u-cont-style {
    padding-top: 0px;
  }
  .article-contents .u-cont-style .u-footer-style {
    margin: 24px auto 0;
  }
  .article-contents .top-border {
    margin-top: 40px !important;
    border-top: 1px dashed #dcd6c3 !important;
  }
  .article-contents .info-contents {
    border: 2px #ffffff solid !important;
  }
  .article-contents .info-contents .info_inner {
    margin: 0 auto;
  }
  .article-contents .info-contents .info_inner .post {
    margin-bottom: 24px;
    padding: 4% 3%;
  }
  .article-contents .info-contents .info_inner .post .entry-header .entry-title {
    font-size: 1.25rem;
  }
  .article-contents .info-contents .info_inner .post .content-flex {
    flex-direction: column;
  }
  .article-contents .info-contents .info_inner .post .content-flex .post-thumbnail {
    max-width: 160px;
    margin: 0 auto 24px;
  }
  .article-contents .info-contents .info_inner .post .content-flex .entry-content {
    padding: 0 2%;
  }
  .article-contents .info-contents .info_inner .post .next-page-link {
    width: 100%;
    padding: 10px 24px;
  }
  .article-contents .info-contents .info_inner .navigation {
    margin: 40px auto 40px;
  }
  .article-contents .table-type_form tbody #tel_fm {
    width: 100%;
  }
  .article-contents .table-type_form tbody #t-area_fm {
    width: 100%;
  }
  .article-contents .table-type_form tbody tr {
    display: block;
  }
  .article-contents .table-type_form tbody tr th {
    width: 100%;
    padding: 12px 4px;
  }
  .article-contents .table-type_form tbody tr td {
    padding: 24px 0px;
    display: inline-block;
    width: 100%;
  }
  .article-contents .table-type_form tbody tr td label span {
    display: inline-block;
  }
  .article-contents .table-type_form tbody tr td label input {
    width: 100%;
  }
  .article-contents .table-type_form tbody .mail-address td label {
    margin-right: 0;
  }
  .article-contents .table-type_form tbody .reserve-date td select {
    -webkit-appearance: menulist;
  }
  .article-contents .table-type_form tbody .check-medical td .horizontal-item {
    display: block;
    margin-bottom: 16px;
  }
  .article-contents .table-type_form tbody .check-medical td label input {
    -webkit-appearance: checkbox;
  }
  .article-contents .table-type_form tbody .mwform-radio-field {
    display: block;
    margin-bottom: 16px;
  }
  .article-contents .table-type_form tbody .mwform-radio-field > label {
    margin-bottom: 24px;
  }
  .article-contents .table-type_form tbody .mwform-radio-field > label > input {
    -webkit-appearance: checkbox;
  }
  .all-404 .error404 #main_404 #contents {
    width: 100%;
    align-items: flex-start;
  }
  .all-404 .error404 #main_404 #contents #inner {
    padding: 0 2%;
  }
  .all-404 .error404 #main_404 #contents #inner h1 .m-text {
    font-size: 3.5rem;
  }
  .all-404 .error404 #main_404 #contents #inner h1 .gy_txt {
    font-size: 1.25rem;
  }
  .all-404 .error404 #main_404 #contents #inner > p {
    font-size: 1rem;
    max-width: 380px;
  }
}
/*各シングルページのMV背景*/
/*webシングルページのMV背景*/
.kes-back:before {
  background-image: url(images_works/mv-kes_back.jpg);
}

.wbp-back:before {
  background-image: url(images_works/mv-wbp_back.jpg);
}

.jsk-back:before {
  background-image: url(images_works/mv-jsk_back.jpg);
}

.c-cube-back:before {
  background-image: url(images_works/mv-cube_back.jpg);
}

.scc-back:before {
  background-image: url(images_works/mv-scc_back.jpg);
}

.ssc-back:before {
  background-image: url(images_works/mv-ssc_back.jpg);
}

.gw-back:before {
  background-image: url(images_works/mv-gw_back.jpg);
}

.sko-back:before {
  background-image: url(images_works/mv-sko_back.jpg);
}

.twh-back:before {
  background-image: url(images_works/mv-twh_back.jpg);
}

.vdc-back:before {
  background-image: url(images_works/mv-vdc_back.jpg);
}

.smc-back:before {
  background-image: url(images_works/mv-smc_back.jpg);
}

.kdc-back:before {
  background-image: url(images_works/mv-kdc_back.jpg);
}

.skm-back:before {
  background-image: url(images_works/mv-skm_back.jpg);
}

.tfd-back:before {
  background-image: url(images_works/mv-tfd_back.jpg);
}

.mkc-back:before {
  background-image: url(images_works/mv-mkc_back.jpg);
}

.ubnr-back:before {
  background-image: url(images_works/mv-ubnr_back.jpg);
}

.lnkrs-back:before {
  background-image: url(images_works/mv-lnkrs_back.jpg);
}

.ku-back:before {
  background-image: url(images_works/mv-ku_back.jpg);
}

.rtl-lp-back:before {
  background-image: url(images_works/mv-rtl-lp_back.jpg);
}

.rtl-back:before {
  background-image: url(images_works/mv-rtl_back.jpg);
}

.mwc-back:before {
  background-image: url(images_works/mv-mwc_back.webp);
}

.dclg-back:before {
  background-image: url(images_works/mv-dclg_back.webp);
}

/*dtpシングルページのMV背景*/
.std-back:before {
  background-image: url(images_works/mv-std_back.jpg);
}

.mdc-back:before {
  background-image: url(images_works/mv-mdc_back.jpg);
}

.xdrlogo-back:before {
  background-image: url(images_works/mv-xrdlogo_back.jpg);
}