/*
Theme Name: [newmerous]テンプレート
Theme URL: https://github.com/miyako-n/newtheme-package
Author: MiyakaNagaya[KinoDesigns]
Version: 1.0.0
*/

@charset "utf-8";


@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@1,700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
@import url("https://fonts.cdnfonts.com/css/fontopofontopo");

@charset "UTF-8";
html {
  font-size: 10px; }

body {
  background: #ffffff;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  font-family: "Zen Maru Gothic", serif;
  -webkit-text-size-adjust: 100%; }

.only--pc {
  display: none; }

@media screen and (min-width: 639px) {
  .only--pc {
    display: block; } }

.only--sp {
  display: inline-block; }

@media screen and (min-width: 639px) {
  .only--sp {
    display: none; } }

a {
  color: #7A7A7A; }

a.link--arrow:after {
  content: '';
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.7 13.5"><path fill="%23707070" d="M1.1,0c.3,0,.6.1.8.4l4.7,5.8c.3.4.3.9,0,1.2L1.7,13.1c-.3.4-.9.5-1.4.1-.4-.3-.5-.9-.1-1.4H.2l4.3-5.2L.4,1.6C0,1.2,0,.6.5.2.7,0,.9,0,1.1,0h0Z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 0.3em;
  height: 0.8em;
  margin-left: 1em;
  -ms-transform: translateY(0.2em);
      transform: translateY(0.2em); }

p.text--right {
  text-align: right; }

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

p.text--center {
  text-align: center; }

strong {
  text-decoration: underline; }

small {
  font-size: 0.8em; }

.alertMessage {
  background: #ed514e;
  color: #ffffff;
  padding: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media screen and (min-width: 639px) {
  .alertMessage {
    font-size: 14px; } }

.alertMessage:before {
  content: '';
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.5 30.5"><path fill="%23ffffff" d="M15.3,30.5C6.8,30.5,0,23.7,0,15.3S6.8,0,15.3,0h0C19.3,0,23.2,1.6,26,4.5c2.9,2.9,4.5,6.7,4.5,10.8h0c0,8.4-6.8,15.3-15.2,15.3ZM15.3,3h0c-6.8,0-12.3,5.5-12.3,12.2s5.5,12.2,12.2,12.2,12.2-5.5,12.2-12.2h0c0-3.3-1.3-6.4-3.6-8.7-2.3-2.3-5.4-3.6-8.7-3.6ZM15.3,22.3c-.8,0-1.5-.7-1.5-1.5s.7-1.5,1.5-1.5h0c.8,0,1.5.7,1.5,1.5s-.7,1.5-1.5,1.5ZM15.3,16.8c-.8,0-1.5-.7-1.5-1.5v-5.5c0-.8.7-1.5,1.5-1.5s1.5.7,1.5,1.5v5.5c0,.8-.7,1.5-1.5,1.5Z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin: 0 0.5em 0 0; }

.globalHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 4vw 5.333333333333334vw;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 2px solid #D5D5D5;
  line-height: 0;
  background: #ffffff; }

@media screen and (min-width: 639px) {
  .globalHeader {
    display: block;
    margin: 0 auto;
    padding: 40px 0;
    background: #ffffff;
    width: 100%; } }

.globalHeader__inner {
  padding: 3vw;
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  .globalHeader__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 2rem 0; } }

.globalHeader__siteTitle {
  position: relative;
  max-width: 37.333333333333336vw;
  margin: 0;
  display: inline-block; }

@media screen and (min-width: 639px) {
  .globalHeader__siteTitle {
    max-width: 200px; } }

.globalHeader__siteTitle img {
  width: 100%; }

.globalHeader p {
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1.5em; }

@media screen and (min-width: 639px) {
  .globalHeader p {
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    line-height: 1.5em; } }

.globalHeader__cart {
  display: inline-block;
  width: 29px;
  cursor: pointer; }

.globalHeader__cart img {
  width: 100%;
  height: auto; }

.globalHeader__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

@media screen and (min-width: 639px) {
  .globalHeader__button {
    position: absolute;
    top: 38%;
    right: 2vw; } }

.globalNavigation.open .globalNavigation__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-pack: top;
      justify-content: top; }

.globalNavigation.open .globalNavigation__spButton span {
  background: none; }

.globalNavigation.open .globalNavigation__spButton span:before, .globalNavigation.open .globalNavigation__spButton span:after {
  background: #ffffff; }

.globalNavigation.open .globalNavigation__spButton span:before {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.globalNavigation.open .globalNavigation__spButton span:after {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.globalNavigation__wrap {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 10; }

.globalNavigation__inner {
  background: #F5F5F5;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  border-radius: 20px;
  margin: 0.5em;
  width: calc(100% - 1em);
  container-type: inline-size; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner {
    margin: 1em;
    width: 31.25vw;
    min-width: 375px;
    max-width: 550px;
    height: calc(100vh - 2em); } }

.globalNavigation__inner.menuBlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.globalNavigation__inner.menuBlock header {
  background: #202020;
  width: 100%;
  text-align: center;
  padding: 0.8em 0 0 0;
  color: #ffffff;
  height: auto;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock header {
    padding: 2.2em 0 0 0; } }

.globalNavigation__inner.menuBlock header h2 {
  width: 77.33333333333333vw;
  display: inline-block;
  margin: 0 0 -1em 0;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock header h2 {
    width: 100%;
    padding: 0 2.5%; } }

.globalNavigation__inner.menuBlock header h2 img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1.01 0 0 0 0 0 1 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.99 0.010000000000000009" /><feFuncG type="table" tableValues="0.99 0.010000000000000009" /><feFuncB type="table" tableValues="0.99 0.010000000000000009" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.96358 0.04614000000000007 0.011340000000000017 0 0 0.020940000000000014 0.98116 0.010080000000000006 0 0 0.01632 0.03204000000000007 0.9478599999999999 0 0 0 0 0 1 0" /><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="2.95963 -1.7803500000000003 -0.17928 0 0 -0.53037 1.7445499999999998 -0.17928 0 0 -0.53037 -1.7803500000000003 3.3107200000000003 0 0 0 0 0 1 0" /><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="279" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.16" /><feFuncG type="linear" slope="1.16" /><feFuncB type="linear" slope="1.16" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.92" intercept="0.03999999999999998" /><feFuncG type="linear" slope="0.92" intercept="0.03999999999999998" /><feFuncB type="linear" slope="0.92" intercept="0.03999999999999998" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(349%) hue-rotate(279deg) brightness(116%) contrast(92%);
  width: 100%;
  height: auto; }

.globalNavigation__inner.menuBlock header p {
  font-size: 3.733333333333334vw;
  font-weight: 500;
  margin: 0 3em 1em 3em;
  color: #707070; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock header p {
    font-size: 100%;
    text-align: right; } }

.globalNavigation__inner.menuBlock .menuBlock__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0 2em;
  line-height: 2.4em;
  background: #F5F5F5;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  height: 42vh; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock .menuBlock__list {
    height: 49vh; } }

.globalNavigation__inner.menuBlock .menuBlock__list li {
  font-weight: 500;
  font-size: 4.8vw;
  padding: 0.2em 0; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock .menuBlock__list li {
    font-size: clamp(12px, 3.2vh, 26px); } }

.globalNavigation__inner.menuBlock .menuBlock__list li a,
.globalNavigation__inner.menuBlock .menuBlock__list li span {
  color: #202020;
  text-decoration: none;
  transition: opacity 0.3s;
  position: relative;
  z-index: 1; }

.globalNavigation__inner.menuBlock .menuBlock__list li a:hover,
.globalNavigation__inner.menuBlock .menuBlock__list li span:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.globalNavigation__inner.menuBlock .menuBlock__bottom {
  background: #ffffff;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
  height: auto;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock .menuBlock__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 2em; } }

.globalNavigation__inner.menuBlock .menuBlock__bottom.buttonBox .button {
  display: block;
  padding: 1.5em;
  width: 100%;
  min-width: 100%;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock .menuBlock__bottom.buttonBox .button {
    padding: 5%;
    width: 49%;
    min-width: 49%; } }

.globalNavigation__inner.menuBlock .menuBlock__bottom.buttonBox .button--onlineshop {
  font-size: 5.333333333333334vw;
  font-weight: 500; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock .menuBlock__bottom.buttonBox .button--onlineshop {
    font-size: 20px; } }

.globalNavigation__inner.menuBlock .menuBlock__bottom.buttonBox .button--sns {
  font-size: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  .globalNavigation__inner.menuBlock .menuBlock__bottom.buttonBox .button--sns {
    font-size: 20px; } }

.globalNavigation__inner.menuBlock .menuBlock__bottom.buttonBox .button--sns a {
  text-decoration: none;
  color: #ffffff; }

.globalNavigation__spButton {
  z-index: 10;
  width: 7.466666666666668vw;
  height: 6.4vw;
  position: relative;
  margin-left: 4.8vw;
  cursor: pointer; }

@media screen and (min-width: 639px) {
  .globalNavigation__spButton {
    width: 24px;
    height: 24px;
    margin-left: 22px; } }

.globalNavigation__spButton span {
  width: 100%;
  height: 0.8vw;
  background: #202020;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  border-radius: 3px; }

@media screen and (min-width: 639px) {
  .globalNavigation__spButton span {
    height: 3px; } }

.globalNavigation__spButton span:before, .globalNavigation__spButton span:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0.8vw;
  margin: 0 0 0 -50%;
  background: #202020;
  transition: transform 0.3s;
  border-radius: 3px; }

@media screen and (min-width: 639px) {
  .globalNavigation__spButton span:before, .globalNavigation__spButton span:after {
    height: 3px; } }

.globalNavigation__spButton span:before {
  -ms-transform: translateY(-2.9vw);
      transform: translateY(-2.9vw); }

@media screen and (min-width: 639px) {
  .globalNavigation__spButton span:before {
    -ms-transform: translateY(-10px);
        transform: translateY(-10px); } }

.globalNavigation__spButton span:after {
  -ms-transform: translateY(calc(2.9vw - 3px));
      transform: translateY(calc(2.9vw - 3px)); }

@media screen and (min-width: 639px) {
  .globalNavigation__spButton span:after {
    -ms-transform: translateY(7px);
        transform: translateY(7px); } }

.globalFrontMenu {
  border-bottom: 2px solid #D5D5D5;
  margin-top: 124px;
  display: none; }

@media screen and (min-width: 639px) {
  .globalFrontMenu {
    display: block; } }

.globalFrontMenu__navi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0; }

.globalFrontMenu__navi li {
  padding: 1.5em 1em; }

.globalFrontMenu__navi li a,
.globalFrontMenu__navi li span {
  cursor: pointer;
  display: block;
  font-size: 16px;
  text-decoration: none;
  font-weight: 500;
  color: #202020; }

.globalContainer {
  margin: 0 auto; }

.globalContainer.container--page {
  background: #F3F3F3;
  padding-bottom: 5em; }

@media screen and (min-width: 639px) {
  .globalContainer.container--page {
    padding-bottom: 10rem; } }

.globalContainer.container--post {
  background: #F3F3F3; }

.globalContainer__title {
  font-size: 6.4vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 0 6.666666666666667vw 0;
  padding: 13.333333333333334vw 0;
  width: 100%;
  background: #ffffff; }

@media screen and (min-width: 639px) {
  .globalContainer__title {
    font-size: 34px;
    margin: 0 0 60px 0;
    padding: 50px 0; } }

.globalContainer__title:before {
  content: attr(data-text);
  display: inline-block;
  padding: 0.2em 3em;
  border: 1px solid #707070;
  border-radius: 15px;
  color: #707070;
  font-size: 3.733333333333334vw;
  margin-bottom: 1em; }

@media screen and (min-width: 639px) {
  .globalContainer__title:before {
    font-size: 14px; } }

.globalFooter {
  padding: 12vw 5.333333333333334vw 0 5.333333333333334vw;
  margin: 0;
  background: #F5F5F5; }

@media screen and (min-width: 639px) {
  .globalFooter {
    padding: 80px 16.666666666666664vw 0 16.666666666666664vw; } }

.globalFooter__cradit {
  border-top: 1px solid #707070;
  padding-top: 12vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

@media screen and (min-width: 639px) {
  .globalFooter__cradit {
    padding-top: 90px; } }

.globalFooter__siteTitle {
  margin: 0; }

.globalFooter__siteTitle img {
  max-width: 57.06666666666666vw;
  width: 100%; }

.globalFooter__sns {
  background: #000;
  border-radius: 5px;
  margin-left: 1em;
  -ms-transform: translateY(-4px);
      transform: translateY(-4px); }

.globalFooter__sns a {
  display: block;
  padding: 0.5em 0.5em 0.2em 0.5em; }

.globalFooter__sns img {
  width: 18px; }

.globalFooter__linklist {
  list-style: none;
  margin: 0 3vw;
  padding: 2rem 0;
  font-size: 4.266666666666667vw;
  text-align: left; }

@media screen and (min-width: 639px) {
  .globalFooter__linklist {
    font-size: 16px;
    padding: 3rem 0 3.7rem 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex; } }

.globalFooter__linklist li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 2em; }

@media screen and (min-width: 639px) {
  .globalFooter__linklist li {
    padding-right: 1.5em; } }

.globalFooter__linklist a {
  color: #202020; }

.globalFooter__linklist a:hover {
  text-decoration: none; }

.globalFooter__linklist span {
  cursor: pointer;
  text-decoration: underline;
  color: #202020; }

.globalFooter__linklist span:hover {
  text-decoration: none; }

.globalFooter__copyright {
  font-size: 4.266666666666667vw;
  padding: 1rem 0;
  margin: 0;
  color: #707070; }

@media screen and (min-width: 639px) {
  .globalFooter__copyright {
    padding: 2rem 0;
    font-size: 20px; } }

.globalFooter__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 17.333333333333336vw; }

@media screen and (min-width: 639px) {
  .globalFooter__button {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 100px; } }

.breadcrumbList {
  width: 100%;
  list-style: none;
  padding: 0.5em 1.2em;
  margin: 3.5em 0 0 0;
  border-bottom: 2px solid #D5D5D5;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  overflow-y: auto;
  white-space: nowrap; }

@media screen and (min-width: 639px) {
  .breadcrumbList {
    margin: 110px 0 0 0;
    padding: 1em; } }

.breadcrumbList__item:after {
  content: '';
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.7 13.5"><path fill="%23707070" d="M1.1,0c.3,0,.6.1.8.4l4.7,5.8c.3.4.3.9,0,1.2L1.7,13.1c-.3.4-.9.5-1.4.1-.4-.3-.5-.9-.1-1.4H.2l4.3-5.2L.4,1.6C0,1.2,0,.6.5.2.7,0,.9,0,1.1,0h0Z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 4px;
  height: 8px;
  margin: 0 0.7em; }

.breadcrumbList__item:last-child:after {
  display: none; }

input[type=text],
input[type=url],
input[type=email],
textarea {
  width: 100%;
  border: none;
  box-sizing: border-box;
  padding: 1rem;
  -webkit-appearance: none;
  border-radius: 10px;
  background: #F5F5F5; }

@media screen and (min-width: 639px) {
  input[type=text],
  input[type=url],
  input[type=email],
  textarea {
    font-size: 1.8rem;
    padding: 1.5rem; } }

input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #bdbdbd; }

input[type=text]::placeholder,
input[type=url]::placeholder,
input[type=email]::placeholder,
textarea::placeholder {
  color: #bdbdbd; }

.button {
  cursor: pointer;
  font-family: "Zen Maru Gothic", serif; }

.buttonBox {
  padding: 10.666666666666668vw 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  .buttonBox {
    padding: 100px 0 0 0; } }

.buttonBox--nolr {
  padding: 10.666666666666668vw 0; }

@media screen and (min-width: 639px) {
  .buttonBox--nolr {
    padding: 50px 0 0 0; } }

.buttonBox--notop {
  padding: 0; }

.buttonBox--white {
  background: #ffffff; }

@media screen and (min-width: 639px) {
  .buttonBox--white {
    padding-bottom: 100px; } }

.buttonBox--flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: baseline;
      align-items: baseline;
  padding: 0; }

@media screen and (min-width: 639px) {
  .buttonBox--flex {
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 0; } }

.buttonBox--flex .flex--item {
  margin-bottom: 1em;
  width: 100%; }

@media screen and (min-width: 639px) {
  .buttonBox--flex .flex--item {
    width: auto;
    margin-bottom: 0;
    margin-right: 1em; } }

.buttonBox--flex .flex--item button {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  padding: 1.5em 2em; }

@media screen and (min-width: 639px) {
  .buttonBox--flex .flex--item button {
    padding: 1.5em 0;
    max-width: 440px;
    min-width: 400px; } }

.buttonBox .button {
  margin: 0 0 0.5em 0; }

.buttonBox .button:last-child {
  margin: 0; }

.buttonBox--back {
  padding: 5.666666666666668vw 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  .buttonBox--back {
    padding: 50px 0; } }

.buttonBox--center {
  width: 100%;
  text-align: center; }

.buttonWrap p {
  font-size: 3.733333333333334vw;
  margin: 0.2em 0 1em 0; }

@media screen and (min-width: 639px) {
  .buttonWrap p {
    font-size: 16px; } }

.button--basic {
  position: relative;
  background: #ffffff;
  border: 2px solid #2c2c2c;
  font-size: 4.266666666666667vw;
  border-radius: 10px;
  padding: 1em 2em;
  width: 100%;
  color: #202020; }

@media screen and (min-width: 639px) {
  .button--basic {
    max-width: 300px;
    font-size: 20px; } }

.button--basic:after {
  content: '';
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.7 13.5"><path fill="%232c2c2c" d="M1.1,0c.3,0,.6.1.8.4l4.7,5.8c.3.4.3.9,0,1.2L1.7,13.1c-.3.4-.9.5-1.4.1-.4-.3-.5-.9-.1-1.4H.2l4.3-5.2L.4,1.6C0,1.2,0,.6.5.2.7,0,.9,0,1.1,0h0Z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 7px;
  height: 14px;
  position: absolute;
  right: 1em;
  top: 50%;
  -ms-transform: translateY(-48%);
      transform: translateY(-48%); }

.button--onlineshop {
  background: #fc4d50;
  border-radius: 15px;
  border: 0;
  padding: 1.5em 2em;
  font-size: 4.8vw;
  color: #ffffff;
  margin-bottom: 0.5em; }

@media screen and (min-width: 639px) {
  .button--onlineshop {
    font-size: 1.7708333333333333vw;
    width: 48%;
    margin-bottom: 0; } }

.button--onlineshop:after {
  content: '';
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path fill="%23ffffff" d="M18.7,10.8v7.9c0,1.8-1.5,3.3-3.3,3.3H3.3C1.5,22,0,20.5,0,18.7V6.6C0,4.8,1.5,3.3,3.3,3.3h7.9c.6,0,1.1.5,1.1,1.1,0,.6-.5,1.1-1.1,1.1H3.3c-.6,0-1.1.5-1.1,1.1v12.1h0c0,.6.5,1.1,1.1,1.1h12.1c.6,0,1.1-.5,1.1-1.1v-7.9c0-.6.5-1.1,1.1-1.1h0c.6,0,1.1.5,1.1,1.1ZM21.9.7h0C21.7.3,21.3,0,20.9,0h-6.6c-.6,0-1.1.5-1.1,1.1,0,.6.5,1.1,1.1,1.1h4L6.9,13.5c-.4.4-.4,1.1,0,1.6s1.1.4,1.6,0L19.8,3.8v3.9c0,.6.5,1.1,1.1,1.1.6,0,1.1-.5,1.1-1.1h0V1.1c0-.1,0-.3,0-.4Z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  -ms-transform: translateY(1px);
      transform: translateY(1px);
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.button--commercial {
  background: #2c2c2c;
  border-radius: 15px;
  border: 0;
  padding: 1.5em 2em;
  font-size: 4.8vw;
  color: #ffffff; }

@media screen and (min-width: 639px) {
  .button--commercial {
    font-size: 1.7708333333333333vw;
    width: 48%; } }

.button--gray {
  background: #D5D5D5;
  border-radius: 10px;
  border: 0;
  padding: 1.5em 0;
  font-size: 4.8vw;
  color: #202020;
  font-weight: 500;
  width: 100%; }

@media screen and (min-width: 639px) {
  .button--gray {
    font-size: 20px;
    max-width: 400px;
    padding: 1.5em; } }

.button--gray:disabled {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  cursor: default;
  font-weight: 500; }

.button--outsite:after {
  content: '';
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path fill="%23727272" d="M18.7,10.8v7.9c0,1.8-1.5,3.3-3.3,3.3H3.3C1.5,22,0,20.5,0,18.7V6.6C0,4.8,1.5,3.3,3.3,3.3h7.9c.6,0,1.1.5,1.1,1.1,0,.6-.5,1.1-1.1,1.1H3.3c-.6,0-1.1.5-1.1,1.1v12.1h0c0,.6.5,1.1,1.1,1.1h12.1c.6,0,1.1-.5,1.1-1.1v-7.9c0-.6.5-1.1,1.1-1.1h0c.6,0,1.1.5,1.1,1.1ZM21.9.7h0C21.7.3,21.3,0,20.9,0h-6.6c-.6,0-1.1.5-1.1,1.1,0,.6.5,1.1,1.1,1.1h4L6.9,13.5c-.4.4-.4,1.1,0,1.6s1.1.4,1.6,0L19.8,3.8v3.9c0,.6.5,1.1,1.1,1.1.6,0,1.1-.5,1.1-1.1h0V1.1c0-.1,0-.3,0-.4Z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  -ms-transform: translateY(1px);
      transform: translateY(1px); }

.button--red {
  background: #ed514e;
  color: #ffffff; }

.button--red.button--outsite:after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path fill="%23ffffff" d="M18.7,10.8v7.9c0,1.8-1.5,3.3-3.3,3.3H3.3C1.5,22,0,20.5,0,18.7V6.6C0,4.8,1.5,3.3,3.3,3.3h7.9c.6,0,1.1.5,1.1,1.1,0,.6-.5,1.1-1.1,1.1H3.3c-.6,0-1.1.5-1.1,1.1v12.1h0c0,.6.5,1.1,1.1,1.1h12.1c.6,0,1.1-.5,1.1-1.1v-7.9c0-.6.5-1.1,1.1-1.1h0c.6,0,1.1.5,1.1,1.1ZM21.9.7h0C21.7.3,21.3,0,20.9,0h-6.6c-.6,0-1.1.5-1.1,1.1,0,.6.5,1.1,1.1,1.1h4L6.9,13.5c-.4.4-.4,1.1,0,1.6s1.1.4,1.6,0L19.8,3.8v3.9c0,.6.5,1.1,1.1,1.1.6,0,1.1-.5,1.1-1.1h0V1.1c0-.1,0-.3,0-.4Z" /></svg>');
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.button--sns {
  background: #202020;
  border-radius: 15px;
  border: 0;
  padding: 1.5em 2em;
  font-size: 4.8vw;
  color: #ffffff;
  font-weight: 500;
  width: 100%;
  dosplay: inline-block; }

@media screen and (min-width: 639px) {
  .button--sns {
    font-size: 20px;
    max-width: 400px; } }

.button--sns:before {
  content: '';
  display: inline-block;
  background: url("assets/img/common/icon_x.svg") no-repeat left top;
  background-size: 100% auto;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  -ms-transform: translateY(4px);
      transform: translateY(4px); }

.button--formsubmit {
  background: #D5D5D5;
  border-radius: 10px;
  border: 0;
  padding: 1.5em 2em;
  font-size: 4.8vw;
  color: #202020;
  font-weight: 500;
  width: 100%; }

@media screen and (min-width: 639px) {
  .button--formsubmit {
    font-size: 20px;
    max-width: 400px; } }

.button--formsubmit:disabled {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  cursor: default;
  font-weight: 500; }

.modalScreen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }

.modalScreen.inactive {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  animation-name: animetion-modalclose;
  animation-duration: .10s; }

.modalScreen.active {
  display: block;
  animation-name: animetion-modalopen;
  animation-duration: .3s; }

.modalScreen__back {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  background: #202020;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  z-index: -1;
  cursor: pointer; }

.modalScreen__window {
  background: #ffffff;
  border-radius: 10px;
  max-width: 120rem;
  width: 96%;
  max-height: 84%;
  height: auto;
  overflow: auto;
  z-index: 110;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  box-sizing: border-box; }

@media screen and (min-width: 1199px) {
  .modalScreen__window {
    max-width: 120rem;
    width: auto; } }

.modalScreen__window__title {
  background: #202020;
  color: #ffffff;
  margin: 0 0 0.8em 0;
  padding: 5.333333333333334vw 0; }

@media screen and (min-width: 1199px) {
  .modalScreen__window__title {
    margin: 0 0 2em 0;
    padding: 50px 0; } }

.modalScreen__window__text {
  margin: 0 5.333333333333334vw;
  text-align: left;
  line-height: 1.6em; }

@media screen and (min-width: 1199px) {
  .modalScreen__window__text {
    margin: 0 20px 1em 20px; } }

.modalScreen__window__button {
  margin: 0 5.333333333333334vw;
  -ms-flex-pack: justify;
      justify-content: space-between; }

@media screen and (min-width: 1199px) {
  .modalScreen__window__button {
    margin: 0 20px 2em 20px; } }

.modalScreen__window__button dl dt {
  text-align: left;
  margin-bottom: 0.3em; }

.modalScreen__window__button dl dt:before {
  content: '●';
  margin-right: 0.2em; }

.modalScreen__window__button dl dd {
  margin: 0; }

.modalScreen__window__close {
  display: inline-block;
  cursor: pointer;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path fill="%23ffffff" d="M.6.6c.8-.8,2-.8,2.8,0,0,0,0,0,0,0l10.6,10.6L24.6.6c.8-.8,2-.8,2.8,0s.8,2,0,2.8l-10.6,10.6,10.6,10.6c.8.8.8,2,0,2.8s-2,.8-2.8,0l-10.6-10.6L3.4,27.4c-.8.8-2,.8-2.8,0s-.8-2,0-2.8l10.6-10.6L.6,3.4c-.8-.8-.8-2,0-2.8,0,0,0,0,0,0Z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 6vw;
  height: 6vw;
  position: absolute;
  top: 1em;
  right: 1em; }

@media screen and (min-width: 1199px) {
  .modalScreen__window__close {
    width: 28px;
    height: 28px; } }

.modalScreen__window__image {
  margin: 0 auto 1rem auto;
  padding: 0;
  max-width: 64rem; }

.modalScreen__window__image img {
  max-width: 64rem;
  width: 100%;
  height: auto; }

.opening {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #202020;
  z-index: 100;
  font-family: "fontopoFONTOPO", serif;
  color: #F5F5F5;
  animation-name: animetion-opening_close;
  animation-duration: 0.8s;
  animation-delay: 2.8s;
  transition: all 0.5s ease-out;
  animation-fill-mode: both; }

.opening:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -100vh;
  left: 0;
  background: #ffffff;
  animation-name: animetion-opening_slide;
  animation-duration: 0.5s;
  animation-delay: 2.6s;
  transition: all 0.5s ease-out;
  animation-fill-mode: both; }

.opening_inner:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -50vh;
  left: 0;
  background: #2c2c2c;
  animation-name: animetion-opening_slide;
  animation-duration: 0.5s;
  animation-delay: 2.2s;
  transition: all 0.5s ease-out;
  animation-fill-mode: both; }

.opening span {
  font-size: 18vw;
  position: relative;
  display: inlien-block;
  animation-name: animetion-opening_logo;
  animation-duration: 1s;
  transition: all 0.2s ease-out;
  animation-fill-mode: both; }

.opening span:nth-child(2) {
  animation-duration: 1.8s; }

.opening span:nth-child(3) {
  animation-duration: 2.4s; }

.opening span:nth-child(4) {
  animation-duration: 3.6s; }

.opening span:nth-child(4) {
  animation-duration: 4.2s; }

.opening span:nth-child(5) {
  animation-duration: 5.0s; }

.opening span:nth-child(6) {
  animation-duration: 5.4s; }

.opening span:nth-child(7) {
  animation-duration: 5.8s; }

.opening span:nth-child(8) {
  animation-duration: 6.2s; }

.opening span:nth-child(9) {
  animation-duration: 6.6s; }

@media screen and (min-width: 639px) {
  .opening span {
    font-size: 80px; } }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #202020;
  z-index: 100;
  animation-name: animetion-loading_close;
  animation-duration: 0.8s;
  animation-delay: 0.5s;
  transition: all 0.5s ease-out;
  animation-fill-mode: both; }

@keyframes animetion-opening_logo {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin-top: -2em; }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 50%; }
  76% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 50%; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin-top: 0;
    color: #ffffff; } }

@keyframes animetion-opening_slide {
  0% {
    bottom: -100svh; }
  100% {
    bottom: 0; } }

@keyframes animetion-opening_close {
  0% {
    height: 100svh; }
  100% {
    height: 0;
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes animetion-loading_close {
  0% {
    height: 100svh;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    height: 0;
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes animetion-modalopen {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes animetion-modalclose {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none; } }

.contents--works .genreBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 13.333333333333334vw 5.333333333333334vw;
  margin: 0;
  border-bottom: 2px solid #F5F5F5; }

@media screen and (min-width: 639px) {
  .contents--works .genreBox {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding: 6.510416666666667vw 16.666666666666664vw; } }

.contents--works .genreBox__image {
  background: #2c2c2c;
  width: 100%;
  margin: 0;
  border: 2px solid #F5F5F5; }

@media screen and (min-width: 639px) {
  .contents--works .genreBox__image {
    width: 50%; } }

.contents--works .genreBox__image img {
  width: 100%;
  vertical-align: top; }

@media screen and (min-width: 639px) {
  .contents--works .genreBox__data {
    width: 50%;
    padding: 0 4.6875vw; } }

.contents--works .genreBox__data h2 {
  margin: 0.5em 0; }

.contents--works .genreBox__data p {
  text-align: left; }

.contents--works .genreBox:first-child {
  background: #F5F5F5;
  border-bottom: 0; }

.contents--works .genreBox:last-child {
  background: #ffffff; }

.contents--commercial .useBlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 5.333333333333334vw 2em 5.333333333333334vw;
  padding-bottom: 2em; }

@media screen and (min-width: 639px) {
  .contents--commercial .useBlock {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 16.666666666666664vw; } }

.contents--commercial .useBlock__item {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 1em; }

@media screen and (min-width: 639px) {
  .contents--commercial .useBlock__item {
    width: 48%;
    padding: 40px; } }

.contents--commercial .useBlock__item__title {
  font-weight: 700; }

@media screen and (min-width: 639px) {
  .contents--commercial .useBlock__item__title {
    font-size: 30px; } }

.contents--commercial .useBlock__item__text {
  margin: 0;
  padding: 0;
  text-align: left; }

@media screen and (min-width: 639px) {
  .contents--commercial .useBlock__item__text {
    font-size: 16px; } }

.contents--commercial .useBlock__item__text p:last-child {
  margin-bottom: 0; }

.contents--commercial .priceBlock,
.contents--commercial .performanceBlock {
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em; }

@media screen and (min-width: 639px) {
  .contents--commercial .priceBlock,
  .contents--commercial .performanceBlock {
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 16.666666666666664vw; } }

.contents--commercial .priceBlock__text,
.contents--commercial .performanceBlock__text {
  margin: 0 0 4em 0;
  text-align: left; }

.contents--commercial .priceBlock__title,
.contents--commercial .performanceBlock__title {
  font-weight: 700;
  text-align: left; }

@media screen and (min-width: 639px) {
  .contents--commercial .priceBlock__title,
  .contents--commercial .performanceBlock__title {
    font-size: 30px; } }

.contents--commercial .priceBlock__table,
.contents--commercial .performanceBlock__table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  margin: 0 0 2em 0; }

@media screen and (min-width: 639px) {
  .contents--commercial .priceBlock__table,
  .contents--commercial .performanceBlock__table {
    font-size: 18px;
    margin: 0 0 4em 0; } }

.contents--commercial .priceBlock__table dt,
.contents--commercial .performanceBlock__table dt {
  border-bottom: 2px solid #D5D5D5;
  background: #F5F5F5;
  width: 100%;
  padding: 1em 1.5em;
  box-sizing: border-box;
  font-weight: 500; }

@media screen and (min-width: 639px) {
  .contents--commercial .priceBlock__table dt,
  .contents--commercial .performanceBlock__table dt {
    padding: 25px 1.5em;
    width: 40%; } }

.contents--commercial .priceBlock__table dd,
.contents--commercial .performanceBlock__table dd {
  border-bottom: 2px solid #D5D5D5;
  background: #ffffff;
  width: 100%;
  margin: 0;
  padding: 1em 1.5em;
  box-sizing: border-box;
  text-align: right; }

@media screen and (min-width: 639px) {
  .contents--commercial .priceBlock__table dd,
  .contents--commercial .performanceBlock__table dd {
    padding: 25px 1.5em;
    width: 60%; } }

.contents--commercial .priceBlock__notice,
.contents--commercial .performanceBlock__notice {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0; }

.contents--commercial .priceBlock__notice li,
.contents--commercial .performanceBlock__notice li {
  margin-bottom: 0.2em; }

.contents--commercial .priceBlock__notice li:before,
.contents--commercial .performanceBlock__notice li:before {
  content: '※';
  margin-right: 0.5em; }

.contents--commercial .contactBlock {
  margin: 0 5.333333333333334vw;
  text-align: left; }

@media screen and (min-width: 639px) {
  .contents--commercial .contactBlock {
    margin: 0 16.666666666666664vw; } }

.contents--commercial .contactBlock__title {
  font-weight: 700;
  text-align: left; }

@media screen and (min-width: 639px) {
  .contents--commercial .contactBlock__title {
    font-size: 30px; } }

.contents--termsandcondition .regulationsBlock {
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em;
  text-align: left; }

@media screen and (min-width: 639px) {
  .contents--termsandcondition .regulationsBlock {
    margin: 0 16.666666666666664vw; } }

.contents--termsandcondition .regulationsBlock p {
  margin-bottom: 2em;
  line-height: 1.6em; }

.contents--termsandcondition .regulationsBlock dl dt {
  font-weight: 700;
  margin-bottom: 0.3em; }

@media screen and (min-width: 639px) {
  .contents--termsandcondition .regulationsBlock dl dt {
    font-size: 22px; } }

.contents--termsandcondition .regulationsBlock dl dd {
  margin: 0 0 2em 0;
  padding: 0;
  line-height: 1.6em; }

.contents--policy .policyBlock {
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em;
  text-align: left; }

@media screen and (min-width: 639px) {
  .contents--policy .policyBlock {
    margin: 0 16.666666666666664vw; } }

.contents--policy .policyBlock p {
  margin-bottom: 2em;
  line-height: 1.6em; }

.contents--policy .policyBlock dl dt {
  font-weight: 700;
  margin-bottom: 0.3em; }

@media screen and (min-width: 639px) {
  .contents--policy .policyBlock dl dt {
    font-size: 22px; } }

.contents--policy .policyBlock dl dd {
  margin: 0 0 2em 0;
  padding: 0;
  line-height: 1.6em; }

.contents--contact {
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em;
  text-align: left; }

@media screen and (min-width: 639px) {
  .contents--contact {
    margin: 0 16.666666666666664vw; } }

.contents--contact h3 {
  margin: 0 0 1.5em 0;
  font-size: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  .contents--contact h3 {
    font-size: 24px; } }

.contents--contact .snsBlock {
  background: #ffffff;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 2em; }

@media screen and (min-width: 639px) {
  .contents--contact .snsBlock {
    padding: 2em; } }

.contents--contact .formBlock {
  background: #ffffff;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  border-radius: 10px;
  padding: 1em; }

@media screen and (min-width: 639px) {
  .contents--contact .formBlock {
    padding: 2em; } }

.contents--contact .formBlock dl {
  margin-bottom: 2em; }

@media screen and (min-width: 639px) {
  .contents--contact .formBlock dl {
    margin-bottom: 3em; } }

.contents--contact .formBlock dl dt {
  margin-bottom: 0.5em;
  font-weight: 500;
  font-size: 4.266666666666667vw; }

@media screen and (min-width: 639px) {
  .contents--contact .formBlock dl dt {
    font-size: 20px; } }

.contents--contact .formBlock dl dt span {
  border-radius: 15px;
  font-size: 12px;
  padding: 0.2em 1em 0.3em 1em;
  margin-left: 0.5em;
  display: inline-block;
  -ms-transform: translateY(-3px);
      transform: translateY(-3px); }

@media screen and (min-width: 639px) {
  .contents--contact .formBlock dl dt span {
    font-size: 12px; } }

.contents--contact .formBlock dl dt span.check--required {
  background: #ed514e;
  color: #ffffff; }

.contents--contact .formBlock dl dt span.check--optional {
  background: #707070;
  color: #ffffff; }

.contents--contact .formBlock dl dd {
  margin: 0;
  font-size: 3.733333333333334vw; }

@media screen and (min-width: 639px) {
  .contents--contact .formBlock dl dd {
    font-size: 16px; } }

.contents--errata {
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em;
  text-align: left; }

@media screen and (min-width: 639px) {
  .contents--errata {
    margin: 0 16.666666666666664vw; }
  .contents--errata h3 {
    margin: 0 0 1.5em 0;
    font-size: 24px; } }

.contents--errata .errataBlock {
  background: #ffffff;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 2em; }

@media screen and (min-width: 639px) {
  .contents--errata .errataBlock {
    padding: 2em; } }

.titleBlock {
  margin-top: 15vw; }

@media screen and (min-width: 639px) {
  .titleBlock {
    margin-top: 8.4rem; } }

.titleBlock h2 {
  background: #00243d;
  color: #ffffff;
  font-size: 7.2vw;
  text-align: center;
  font-weight: 400;
  padding: 3.5rem 0;
  margin: 0; }

@media screen and (min-width: 639px) {
  .titleBlock h2 {
    font-size: 3.6rem;
    padding: 5rem 0 2rem 0; } }

.titleBlock span {
  display: block;
  padding: 4vw 0 5rem 0;
  font-size: 1.6rem; }

@media screen and (min-width: 639px) {
  .titleBlock span {
    font-size: 1.8rem;
    padding: 2rem 0 8rem 0; } }

.titleBlock span:after {
  content: '';
  display: block;
  width: 10rem;
  height: 0.1rem;
  background: #00243d;
  margin: 4vw auto 0 auto; }

@media screen and (min-width: 639px) {
  .titleBlock span:after {
    margin: 3rem auto 0 auto; } }

#news.news--list .contents--news {
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em;
  text-align: left; }

@media screen and (min-width: 639px) {
  #news.news--list .contents--news {
    margin: 0 16.666666666666664vw; } }

#news.news--list .articlePost__category {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 auto 2em auto; }

@media screen and (min-width: 639px) {
  #news.news--list .articlePost__category {
    max-width: 1280px;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 60px; } }

#news.news--list .articlePost__category li {
  border: 2px solid #2c2c2c;
  color: #2c2c2c;
  padding: 0.5em 1.5em;
  margin: 0 0.5em;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700; }

@media screen and (min-width: 639px) {
  #news.news--list .articlePost__category li {
    margin: 0 0.5em; } }

#news.news--list .articlePost__category li a {
  text-decoration: none;
  color: #2c2c2c; }

#news.news--list .articlePost__category li.category--active {
  background: #2c2c2c;
  color: #ffffff; }

#news.news--list .articlePost__category li.category--active a {
  color: #ffffff; }

#news.news--list .articlePost__list {
  margin: 0;
  padding: 0; }

#news.news--list .articlePost__list__item {
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  margin-bottom: 2em;
  width: 100%; }

#news.news--list .articlePost__list__item a {
  text-decoration: none; }

#news.news--list .articlePost__list__item__image {
  width: calc(100% - 4em);
  height: 200px;
  background: #2c2c2c;
  border-radius: 10px;
  margin: 2em 2em 0 2em;
  padding: 0;
  overflow: hidden; }

#news.news--list .articlePost__list__item__image img {
  width: 100%;
  height: auto; }

#news.news--list .articlePost__list__item__data {
  margin: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

#news.news--list .articlePost__list__item__data dt {
  -ms-flex-order: 2;
      order: 2;
  font-size: 4.8vw;
  font-weight: 700; }

@media screen and (min-width: 639px) {
  #news.news--list .articlePost__list__item__data dt {
    font-size: 24px; } }

#news.news--list .articlePost__list__item__data dd {
  -ms-flex-order: 1;
      order: 1;
  margin: 0;
  display: -ms-flexbox;
  display: flex; }

#news.news--list .articlePost__list__item__data dd span {
  display: inline-block;
  background: #202020;
  color: #ffffff;
  font-size: 3.2vw;
  padding: 0.2em 1.2em;
  border-radius: 15px;
  margin-right: 0.5em; }

@media screen and (min-width: 639px) {
  #news.news--list .articlePost__list__item__data dd span {
    font-size: 12px; } }

#news.news--detail {
  padding-bottom: 2em; }

#news.news--detail .articlePost {
  background: #ffffff;
  margin: 0 5.333333333333334vw;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  padding: 1em; }

@media screen and (min-width: 639px) {
  #news.news--detail .articlePost {
    margin: 0 16.666666666666664vw; } }

#news.news--detail .articlePost__header {
  text-align: left; }

#news.news--detail .articlePost__header span {
  display: inline-block;
  background: #202020;
  color: #ffffff;
  font-size: 3.2vw;
  padding: 0.2em 1.2em;
  border-radius: 15px;
  margin-right: 0.5em; }

@media screen and (min-width: 639px) {
  #news.news--detail .articlePost__header span {
    font-size: 12px; } }

#news.news--detail .articlePost__header h2 {
  margin: 0.2em 0 1em 0;
  font-size: 5.866666666666666vw; }

@media screen and (min-width: 639px) {
  #news.news--detail .articlePost__header h2 {
    font-size: 22px; } }

#news.news--detail .articlePost__contents {
  text-align: left; }

#works.works--list .articlePost__list {
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

#works.works--list .articlePost__list__item {
  width: 100%;
  background: #ffffff;
  border-bottom: 2px solid #F5F5F5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  padding: 2vw 0 0 0;
  margin: 0; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item {
    width: calc(100% / 3);
    padding: 0; } }

#works.works--list .articlePost__list__item__image {
  -ms-flex-order: 1;
      order: 1;
  margin: 0 0 1em 0;
  padding: 0 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item__image {
    padding: 3em 3em 0 3em; } }

#works.works--list .articlePost__list__item__image img {
  width: 100%;
  vertical-align: top; }

#works.works--list .articlePost__list__item__data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-order: 2;
      order: 2;
  margin: 0; }

#works.works--list .articlePost__list__item__title {
  -ms-flex-order: 3;
      order: 3;
  font-weight: 700;
  text-align: left;
  padding-left: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item__title {
    font-size: 24px;
    padding-left: 2em; } }

#works.works--list .articlePost__list__item__link {
  -ms-flex-order: 7;
      order: 7;
  margin: 0;
  padding: 0;
  font-size: 3.2vw;
  text-align: right;
  margin: 0 1em 0.2em 1em; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item__link {
    font-size: 16px; } }

#works.works--list .articlePost__list__item__category {
  text-align: left;
  -ms-flex-order: 2;
      order: 2;
  padding-left: 5.333333333333334vw;
  margin: 0; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item__category {
    padding-left: 3em; } }

#works.works--list .articlePost__list__item__category span {
  display: inline-block;
  background: #202020;
  color: #ffffff;
  font-size: 3.2vw;
  padding: 0.2em 1.2em;
  border-radius: 15px; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item__category span {
    font-size: 12px; } }

#works.works--list .articlePost__list__item__summary {
  -ms-flex-order: 4;
      order: 4;
  display: none; }

#works.works--list .articlePost__list__item__siteurl {
  -ms-flex-order: 5;
      order: 5;
  display: none; }

#works.works--list .articlePost__list__item__boothurl {
  -ms-flex-order: 6;
      order: 6;
  display: none; }

#works.works--list .articlePost__list__item:first-child {
  width: 100%;
  background: inherit;
  padding-bottom: 3em;
  background: #F5F5F5; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0;
    padding: 0 16.666666666666664vw 4vw 16.666666666666664vw; } }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__data {
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 40px; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__title {
  text-align: left;
  font-size: 5.866666666666666vw;
  margin: 4vw 5.333333333333334vw;
  padding: 0; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__title {
    font-size: 30px;
    margin: 0 0 30px 0; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__image {
  margin: 0 5.333333333333334vw 8vw 5.333333333333334vw;
  padding: 2em 0 0 0; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__image {
    width: 50%;
    margin: 0;
    padding: 0; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__image img {
  width: 100%; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__image img {
    max-width: 500px; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__summary {
  display: inline-block;
  text-align: left;
  margin: 0 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__summary {
    margin: 0;
    font-size: 18px; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__category {
  display: inline-block;
  text-align: left;
  margin: 0 5.333333333333334vw;
  padding-left: 0; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__category {
    margin: 0 0 10px 0; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__category span {
  font-size: 3.733333333333334vw;
  padding: 0.2em 1.5em; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__category span {
    font-size: 14px; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__siteurl {
  display: inline-block;
  text-align: right;
  margin: 0 5.333333333333334vw 0.5em 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__siteurl {
    margin: 0; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__boothurl {
  display: inline-block;
  margin: 0 5.333333333333334vw 0.5em 5.333333333333334vw;
  text-align: right; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__boothurl {
    margin: 0; } }

#works.works--list .articlePost__list__item:first-child .articlePost__list__item__link {
  text-align: right;
  font-size: 4.266666666666667vw;
  margin: 0 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:first-child .articlePost__list__item__link {
    font-size: 20px;
    margin: 0; } }

#works.works--list .articlePost__list__item:nth-child(2n) {
  border-right: 2px solid #F5F5F5; }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:nth-child(3n) {
    border-right: 2px solid #F5F5F5; } }

@media screen and (min-width: 639px) {
  #works.works--list .articlePost__list__item:nth-child(5n) {
    border-right: 2px solid #F5F5F5; } }

#works.works--detail .articlePost {
  background: #FDFDFD; }

#works.works--detail .articlePost__data {
  background: #F5F5F5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__data {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding: 0;
    box-sizing: border-box; } }

#works.works--detail .articlePost__data__image {
  width: 100%;
  margin: 0;
  background: #ffffff;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__data__image {
    width: 50%;
    padding-left: 16.666666666666664vw; } }

#works.works--detail .articlePost__data__image img {
  vertical-align: top;
  width: 100%; }

#works.works--detail .articlePost__data__text {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  padding: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__data__text {
    width: 50%;
    padding-right: 16.666666666666664vw;
    padding-left: 5.208333333333334vw; } }

#works.works--detail .articlePost__data__title {
  margin: 0;
  padding: 0; }

#works.works--detail .articlePost__data__title h1 {
  font-size: 5.866666666666666vw;
  margin: 4vw 5.333333333333334vw;
  padding: 0;
  margin: 0 0 0.5em 0; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__data__title h1 {
    font-size: 30px;
    margin: 0 0 0.5em 0; } }

#works.works--detail .articlePost__data__category {
  text-align: left;
  -ms-flex-order: 2;
      order: 2;
  margin: 0 0 0.3em 0; }

#works.works--detail .articlePost__data__category span {
  display: inline-block;
  background: #202020;
  color: #ffffff;
  font-size: 3.733333333333334vw;
  padding: 0.2em 1.5em;
  border-radius: 15px;
  margin-bottom: 0.2em; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__data__category span {
    font-size: 0.9375vw; } }

#works.works--detail .articlePost__data__deta {
  margin: 0 0 0.5em 0;
  padding: 0; }

#works.works--detail .articlePost__data__siteurl {
  margin: 0;
  padding: 0; }

#works.works--detail .articlePost__data__boothurl {
  margin: 0;
  padding: 0; }

#works.works--detail .articlePost__story {
  padding: 5.333333333333334vw;
  border-bottom: 2px solid #D5D5D5;
  text-align: left;
  background: inherit; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__story {
    padding: 40px 16.666666666666664vw; } }

#works.works--detail .articlePost__story__title {
  font-weight: 700;
  font-size: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__story__title {
    font-size: 30px; } }

#works.works--detail .articlePost__movie {
  padding: 5.333333333333334vw;
  border-bottom: 2px solid #D5D5D5;
  background: inherit; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__movie {
    padding: 40px 16.666666666666664vw; } }

#works.works--detail .articlePost__movie__title {
  font-weight: 700;
  font-size: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__movie__title {
    font-size: 30px; } }

#works.works--detail .articlePost__movie__movieBox {
  width: 96%;
  margin: 0 auto; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__movie__movieBox {
    width: 560px; } }

#works.works--detail .articlePost__movie__movieBox dt {
  text-align: left;
  margin-bottom: 0.5em; }

#works.works--detail .articlePost__movie__movieBox dt:before {
  content: '●';
  margin-right: 0.2em; }

#works.works--detail .articlePost__movie__movieBox dd {
  margin: 0;
  padding: 0; }

#works.works--detail .articlePost__movie__movieBox dd iframe {
  width: 100%;
  height: auto; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__movie__movieBox dd iframe {
    width: 560px;
    height: 315px; } }

#works.works--detail .articlePost__style {
  padding: 5.333333333333334vw;
  border-bottom: 2px solid #D5D5D5;
  background: inherit; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__style {
    padding: 40px 16.666666666666664vw; } }

#works.works--detail .articlePost__style__title {
  font-weight: 700;
  font-size: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__style__title {
    font-size: 30px; } }

#works.works--detail .articlePost__style__table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16); }

#works.works--detail .articlePost__style__table dt {
  border-bottom: 2px solid #D5D5D5;
  background: #F5F5F5;
  width: 100%;
  padding: 1em 1.5em;
  box-sizing: border-box;
  font-weight: 500; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__style__table dt {
    padding: 25px 0 25px 1.5em;
    width: 20%; } }

#works.works--detail .articlePost__style__table dd {
  border-bottom: 2px solid #D5D5D5;
  background: #ffffff;
  width: 100%;
  margin: 0;
  padding: 1em 1.5em;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__style__table dd {
    padding: 25px 0 25px 1.5em;
    width: 80%; } }

#works.works--detail .articlePost__use {
  padding: 5.333333333333334vw;
  text-align: left;
  background: inherit;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16); }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__use {
    padding: 40px 16.666666666666664vw; } }

#works.works--detail .articlePost__use__title {
  font-weight: 700;
  font-size: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__use__title {
    font-size: 30px; } }

#works.works--detail .articlePost__use dl dt {
  margin-bottom: 0.5em; }

@media screen and (min-width: 639px) {
  #works.works--detail .articlePost__use dl dt {
    font-size: 20px; } }

#works.works--detail .articlePost__use dl dt:before {
  content: '・'; }

#works.works--detail .articlePost__use dl dd {
  margin: 0;
  padding: 0; }

#works.works--detail .newWorksList__title {
  font-weight: 700; }

@media screen and (min-width: 639px) {
  #works.works--detail .newWorksList__title {
    font-size: 24px;
    margin: 50px 0; } }

#works.works--detail .newWorksList__list {
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 2px solid #F5F5F5; }

#works.works--detail .newWorksList__list__item {
  width: 50%;
  background: #ffffff;
  border-bottom: 2px solid #F5F5F5;
  border-right: 2px solid #F5F5F5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  padding: 2vw 0 0 0;
  margin: 0;
  transition: all 0.3s ease-out; }

#works.works--detail .newWorksList__list__item:hover {
  background: #F5F5F5; }

@media screen and (min-width: 639px) {
  #works.works--detail .newWorksList__list__item {
    width: calc(100% / 4);
    padding: 0; } }

#works.works--detail .newWorksList__list__item__image {
  -ms-flex-order: 1;
      order: 1;
  margin: 0 0 1em 0;
  padding: 0 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--detail .newWorksList__list__item__image {
    padding: 3em 3em 0 3em; } }

#works.works--detail .newWorksList__list__item__image img {
  width: 100%;
  vertical-align: top; }

#works.works--detail .newWorksList__list__item__data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-order: 2;
      order: 2;
  margin: 0; }

#works.works--detail .newWorksList__list__item__title {
  -ms-flex-order: 3;
      order: 3;
  font-weight: 700;
  text-align: left;
  padding-left: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #works.works--detail .newWorksList__list__item__title {
    font-size: 24px;
    padding-left: 2em; } }

#works.works--detail .newWorksList__list__item__link {
  -ms-flex-order: 7;
      order: 7;
  margin: 0;
  padding: 0;
  font-size: 3.2vw;
  text-align: right;
  margin: 0 1em 0.2em 1em; }

@media screen and (min-width: 639px) {
  #works.works--detail .newWorksList__list__item__link {
    font-size: 16px; } }

#works.works--detail .newWorksList__list__item__category {
  text-align: left;
  -ms-flex-order: 2;
      order: 2;
  padding-left: 5.333333333333334vw;
  margin: 0; }

@media screen and (min-width: 639px) {
  #works.works--detail .newWorksList__list__item__category {
    padding-left: 3em; } }

#works.works--detail .newWorksList__list__item__category span {
  display: inline-block;
  background: #202020;
  color: #ffffff;
  font-size: 3.2vw;
  padding: 0.2em 1.2em;
  border-radius: 15px; }

@media screen and (min-width: 639px) {
  #works.works--detail .newWorksList__list__item__category span {
    font-size: 12px; } }

#works.works--detail .newWorksList__list__item:nth-child(2n) {
  border-right: 0; }

@media screen and (min-width: 639px) {
  #works.works--detail .newWorksList__list__item:nth-child(2n) {
    border-right: 2px solid #F5F5F5; } }

#license .woocommerce-message,
#license .woocommerce-info,
#cart .woocommerce-message,
#cart .woocommerce-info,
#checkout .woocommerce-message,
#checkout .woocommerce-info {
  margin: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  font-weight: 500; }

@media screen and (min-width: 639px) {
  #license .woocommerce-message,
  #license .woocommerce-info,
  #cart .woocommerce-message,
  #cart .woocommerce-info,
  #checkout .woocommerce-message,
  #checkout .woocommerce-info {
    margin: 2em;
    -ms-flex-direction: row;
        flex-direction: row; } }

#license .woocommerce-message:before,
#license .woocommerce-info:before,
#cart .woocommerce-message:before,
#cart .woocommerce-info:before,
#checkout .woocommerce-message:before,
#checkout .woocommerce-info:before {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

#license .woocommerce-message:after,
#license .woocommerce-info:after,
#cart .woocommerce-message:after,
#cart .woocommerce-info:after,
#checkout .woocommerce-message:after,
#checkout .woocommerce-info:after {
  display: none; }

#license .woocommerce-error,
#cart .woocommerce-error,
#checkout .woocommerce-error {
  margin: 1em;
  font-weight: 500; }

@media screen and (min-width: 639px) {
  #license .woocommerce-error,
  #cart .woocommerce-error,
  #checkout .woocommerce-error {
    margin: 2em;
    -ms-flex-direction: row;
        flex-direction: row; } }

#license .woocommerce-error:before,
#cart .woocommerce-error:before,
#checkout .woocommerce-error:before {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

#license .woocommerce-error:after,
#cart .woocommerce-error:after,
#checkout .woocommerce-error:after {
  display: none; }

#license .contents--license,
#cart .contents--license,
#checkout .contents--license {
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em;
  text-align: left; }

@media screen and (min-width: 639px) {
  #license .contents--license,
  #cart .contents--license,
  #checkout .contents--license {
    margin: 0 16.666666666666664vw; } }

#license .woocommerce.columns-2 ul.products li.product,
#cart .woocommerce.columns-2 ul.products li.product,
#checkout .woocommerce.columns-2 ul.products li.product {
  width: 100%;
  background: #ffffff;
  padding: 2em;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16); }

@media screen and (min-width: 639px) {
  #license .woocommerce.columns-2 ul.products li.product,
  #cart .woocommerce.columns-2 ul.products li.product,
  #checkout .woocommerce.columns-2 ul.products li.product {
    padding: 50px;
    width: 48%; } }

#license .woocommerce.columns-2 ul.products li.product:after,
#cart .woocommerce.columns-2 ul.products li.product:after,
#checkout .woocommerce.columns-2 ul.products li.product:after {
  content: '商用公演ライセンス';
  background: #ffffff;
  border: 2px solid #ed514e;
  color: #ed514e;
  position: absolute;
  padding: 0.8em;
  top: 2em;
  left: 2em;
  font-weight: 700;
  font-size: 3.733333333333334vw; }

@media screen and (min-width: 639px) {
  #license .woocommerce.columns-2 ul.products li.product:after,
  #cart .woocommerce.columns-2 ul.products li.product:after,
  #checkout .woocommerce.columns-2 ul.products li.product:after {
    top: 50px;
    left: 50px;
    font-size: 14px; } }

#license .woocommerce.columns-2 ul.products li.product .woocommerce-loop-product__title,
#cart .woocommerce.columns-2 ul.products li.product .woocommerce-loop-product__title,
#checkout .woocommerce.columns-2 ul.products li.product .woocommerce-loop-product__title {
  font-size: 18px; }

#license .woocommerce.columns-2 ul.products li.product .price,
#cart .woocommerce.columns-2 ul.products li.product .price,
#checkout .woocommerce.columns-2 ul.products li.product .price {
  font-size: 16px; }

#license .woocommerce-LoopProduct-link img,
#cart .woocommerce-LoopProduct-link img,
#checkout .woocommerce-LoopProduct-link img {
  background: #F5F5F5; }

#license .button.add_to_cart_button,
#cart .button.add_to_cart_button,
#checkout .button.add_to_cart_button {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  padding: 1.5em 0;
  border-radius: 0.5em; }

#license .return-to-shop,
#cart .return-to-shop,
#checkout .return-to-shop {
  text-align: center; }

#license .woocommerce form .form-row .input-text,
#license .woocommerce form .form-row select,
#cart .woocommerce form .form-row .input-text,
#cart .woocommerce form .form-row select,
#checkout .woocommerce form .form-row .input-text,
#checkout .woocommerce form .form-row select {
  width: 100%;
  border: none;
  box-sizing: border-box;
  padding: 1.5rem;
  -webkit-appearance: none;
  border-radius: 10px;
  background: #F5F5F5; }

@media screen and (min-width: 639px) {
  #license .woocommerce form .form-row .input-text,
  #license .woocommerce form .form-row select,
  #cart .woocommerce form .form-row .input-text,
  #cart .woocommerce form .form-row select,
  #checkout .woocommerce form .form-row .input-text,
  #checkout .woocommerce form .form-row select {
    font-size: 18px;
    padding: 1.5rem; } }

#license .select2-container .select2-selection--single .select2-selection__rendered,
#cart .select2-container .select2-selection--single .select2-selection__rendered,
#checkout .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 1em;
  border: 0;
  line-height: normal;
  box-sizing: border-box;
  color: var(--wc-form-color-text, #444);
  font-weight: 400;
  background: #F5F5F5;
  border-radius: 10px; }

#license .select2-container .select2-dropdown, #license .select2-container .select2-selection,
#cart .select2-container .select2-dropdown,
#cart .select2-container .select2-selection,
#checkout .select2-container .select2-dropdown,
#checkout .select2-container .select2-selection {
  border: 0; }

#license .required,
#cart .required,
#checkout .required {
  color: #ffffff; }

#license .required:after,
#cart .required:after,
#checkout .required:after {
  content: '必須';
  background: #ed514e;
  color: #ffffff;
  border-radius: 15px;
  font-size: 2.666666666666667vw;
  padding: 0.1em 1em 0.2em 1em;
  margin-left: 0em;
  display: inline-block;
  -ms-transform: translateY(-3px);
      transform: translateY(-3px); }

@media screen and (min-width: 639px) {
  #license .required:after,
  #cart .required:after,
  #checkout .required:after {
    font-size: 12px; } }

#license .woocommerce form .form-row label,
#cart .woocommerce form .form-row label,
#checkout .woocommerce form .form-row label {
  font-size: 4.266666666666667vw; }

@media screen and (min-width: 639px) {
  #license .woocommerce form .form-row label,
  #cart .woocommerce form .form-row label,
  #checkout .woocommerce form .form-row label {
    font-size: 18px; } }

#license .woocommerce-order,
#cart .woocommerce-order,
#checkout .woocommerce-order {
  padding: 1em; }

@media screen and (min-width: 639px) {
  #license .woocommerce-order,
  #cart .woocommerce-order,
  #checkout .woocommerce-order {
    padding: 2em; } }

#license .woocommerce ul.order_details,
#cart .woocommerce ul.order_details,
#checkout .woocommerce ul.order_details {
  padding: 0; }

#license .woocommerce ul.order_details li,
#cart .woocommerce ul.order_details li,
#checkout .woocommerce ul.order_details li {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px dotted #707070;
  padding: 1em 0; }

#license.license--detail,
#cart.license--detail,
#checkout.license--detail {
  margin: 0;
  text-align: left; }

@media screen and (min-width: 639px) {
  #license.license--detail,
  #cart.license--detail,
  #checkout.license--detail {
    margin: 0; } }

#license.license--detail .articlePost,
#cart.license--detail .articlePost,
#checkout.license--detail .articlePost {
  background: #F5F5F5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

@media screen and (min-width: 639px) {
  #license.license--detail .articlePost,
  #cart.license--detail .articlePost,
  #checkout.license--detail .articlePost {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding: 0;
    box-sizing: border-box; } }

#license.license--detail .articlePost__images,
#cart.license--detail .articlePost__images,
#checkout.license--detail .articlePost__images {
  width: 100%;
  box-sizing: border-box;
  background: #ffffff; }

@media screen and (min-width: 639px) {
  #license.license--detail .articlePost__images,
  #cart.license--detail .articlePost__images,
  #checkout.license--detail .articlePost__images {
    width: 50%;
    padding-left: 16.666666666666664vw; } }

#license.license--detail .articlePost__images img,
#cart.license--detail .articlePost__images img,
#checkout.license--detail .articlePost__images img {
  width: 100%;
  height: auto; }

#license.license--detail .articlePost__data,
#cart.license--detail .articlePost__data,
#checkout.license--detail .articlePost__data {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  padding: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #license.license--detail .articlePost__data,
  #cart.license--detail .articlePost__data,
  #checkout.license--detail .articlePost__data {
    width: 50%;
    padding: 0 16.666666666666664vw 0 5.208333333333334vw; } }

#license.license--detail .articlePost__data .product_title,
#cart.license--detail .articlePost__data .product_title,
#checkout.license--detail .articlePost__data .product_title {
  font-size: 6.4vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: baseline;
      align-items: baseline; }

@media screen and (min-width: 639px) {
  #license.license--detail .articlePost__data .product_title,
  #cart.license--detail .articlePost__data .product_title,
  #checkout.license--detail .articlePost__data .product_title {
    font-size: 30px; } }

#license.license--detail .articlePost__data .product_title:before,
#cart.license--detail .articlePost__data .product_title:before,
#checkout.license--detail .articlePost__data .product_title:before {
  content: '商用公演ライセンス';
  display: inline-block;
  border: 2px solid #ed514e;
  color: #ed514e;
  padding: 0.5em;
  font-size: 14px; }

#license.license--detail .articlePost__data .cart,
#cart.license--detail .articlePost__data .cart,
#checkout.license--detail .articlePost__data .cart {
  display: -ms-flexbox;
  display: flex; }

#license.license--detail .articlePost__data .cart .quantity,
#cart.license--detail .articlePost__data .cart .quantity,
#checkout.license--detail .articlePost__data .cart .quantity {
  width: 20%;
  padding-right: 0.5em; }

@media screen and (min-width: 639px) {
  #license.license--detail .articlePost__data .cart .quantity,
  #cart.license--detail .articlePost__data .cart .quantity,
  #checkout.license--detail .articlePost__data .cart .quantity {
    width: 16%; } }

#license.license--detail .articlePost__data .cart .quantity input,
#cart.license--detail .articlePost__data .cart .quantity input,
#checkout.license--detail .articlePost__data .cart .quantity input {
  padding: 1em 0.7em 1em 1.3em;
  border: 1px solid #707070;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
  font-size: 20px; }

@media screen and (min-width: 639px) {
  #license.license--detail .articlePost__data .cart .quantity input,
  #cart.license--detail .articlePost__data .cart .quantity input,
  #checkout.license--detail .articlePost__data .cart .quantity input {
    padding: 1em 0.6em 1em 1.4em;
    font-size: 20px; } }

#license.license--detail .articlePost__data .cart button,
#cart.license--detail .articlePost__data .cart button,
#checkout.license--detail .articlePost__data .cart button {
  background: #D5D5D5;
  border-radius: 10px;
  border: 0;
  padding: 1em 2em;
  font-size: 4.8vw;
  color: #202020;
  font-weight: 500;
  width: 100%;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%; }

@media screen and (min-width: 639px) {
  #license.license--detail .articlePost__data .cart button,
  #cart.license--detail .articlePost__data .cart button,
  #checkout.license--detail .articlePost__data .cart button {
    padding: 0.9em 0;
    font-size: 20px;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }

#license.license--detail .articlePost__data .cart button:before,
#cart.license--detail .articlePost__data .cart button:before,
#checkout.license--detail .articlePost__data .cart button:before {
  content: '';
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.8 25.9"><path fill="%23727272" d="M28.4 6c-.5-.9-1.5-1.5-2.5-1.5H6.8l-.9-3.4C5.8.4 5.2 0 4.5 0h-3C.7 0 0 .7 0 1.5S.7 3 1.5 3h1.8l4.1 15.3c.2.7.8 1.1 1.5 1.1h13.4c.6 0 1.1-.3 1.3-.8l4.9-9.8c.4-.9.4-2-.1-2.8zm-7 10.4H10.1L7.7 7.5h18.2l-4.5 8.9zm-11 7.2c0 1.2-1 2.2-2.2 2.2S6 24.8 6 23.6s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm14.9 0c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 1em;
  height: 0.9em;
  margin-right: 0.5em;
  -ms-transform: translateY(1px);
      transform: translateY(1px); }

#license.license--detail .articlePost__data .product_meta,
#cart.license--detail .articlePost__data .product_meta,
#checkout.license--detail .articlePost__data .product_meta {
  margin-top: 1em; }

#license.license--detail .etcPostList,
#cart.license--detail .etcPostList,
#checkout.license--detail .etcPostList {
  background: #ffffff;
  padding-top: 1px; }

#license.license--detail .etcPostList__title,
#cart.license--detail .etcPostList__title,
#checkout.license--detail .etcPostList__title {
  font-weight: 700;
  text-align: center;
  margin: 2em 0; }

@media screen and (min-width: 639px) {
  #license.license--detail .etcPostList__title,
  #cart.license--detail .etcPostList__title,
  #checkout.license--detail .etcPostList__title {
    font-size: 24px;
    margin: 50px 0; } }

#license.license--detail .etcPostList__list ul,
#cart.license--detail .etcPostList__list ul,
#checkout.license--detail .etcPostList__list ul {
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 2px solid #F5F5F5;
  margin: 0;
  padding: 0; }

#license.license--detail .etcPostList__list ul li,
#cart.license--detail .etcPostList__list ul li,
#checkout.license--detail .etcPostList__list ul li {
  position: relative;
  width: 100%;
  background: #ffffff;
  border-bottom: 2px solid #F5F5F5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  padding: 5.333333333333334vw;
  margin: 0;
  transition: all 0.3s ease-out; }

@media screen and (min-width: 639px) {
  #license.license--detail .etcPostList__list ul li,
  #cart.license--detail .etcPostList__list ul li,
  #checkout.license--detail .etcPostList__list ul li {
    border-right: 2px solid #F5F5F5;
    padding: 2vw 0 0 0;
    width: 50%; } }

#license.license--detail .etcPostList__list ul li:hover,
#cart.license--detail .etcPostList__list ul li:hover,
#checkout.license--detail .etcPostList__list ul li:hover {
  background: #F5F5F5; }

@media screen and (min-width: 639px) {
  #license.license--detail .etcPostList__list ul li,
  #cart.license--detail .etcPostList__list ul li,
  #checkout.license--detail .etcPostList__list ul li {
    width: calc(100% / 4);
    padding: 2em; } }

#license.license--detail .etcPostList__list ul li:after,
#cart.license--detail .etcPostList__list ul li:after,
#checkout.license--detail .etcPostList__list ul li:after {
  content: '商用公演ライセンス';
  background: #ffffff;
  border: 2px solid #ed514e;
  color: #ed514e;
  position: absolute;
  padding: 0.8em;
  top: 5.333333333333334vw;
  left: 5.333333333333334vw;
  font-weight: 700;
  font-size: 3.733333333333334vw; }

@media screen and (min-width: 639px) {
  #license.license--detail .etcPostList__list ul li:after,
  #cart.license--detail .etcPostList__list ul li:after,
  #checkout.license--detail .etcPostList__list ul li:after {
    top: 2em;
    left: 2em;
    font-size: 14px; } }

#license.license--detail .etcPostList__list ul li img,
#cart.license--detail .etcPostList__list ul li img,
#checkout.license--detail .etcPostList__list ul li img {
  width: 100%;
  height: auto;
  background: #F5F5F5; }

#license.license--detail .etcPostList__list ul li a,
#cart.license--detail .etcPostList__list ul li a,
#checkout.license--detail .etcPostList__list ul li a {
  text-decoration: none; }

#license.license--detail .etcPostList__list ul li h2.woocommerce-loop-product__title,
#cart.license--detail .etcPostList__list ul li h2.woocommerce-loop-product__title,
#checkout.license--detail .etcPostList__list ul li h2.woocommerce-loop-product__title {
  font-size: 22px;
  margin: 0; }

#license.license--detail .etcPostList__list ul li .button.add_to_cart_button,
#cart.license--detail .etcPostList__list ul li .button.add_to_cart_button,
#checkout.license--detail .etcPostList__list ul li .button.add_to_cart_button {
  background: #D5D5D5;
  border-radius: 10px;
  border: 0;
  padding: 1.2em 2em;
  font-size: 4.8vw;
  color: #202020;
  font-weight: 500;
  width: 100%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  text-align: center;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  #license.license--detail .etcPostList__list ul li .button.add_to_cart_button,
  #cart.license--detail .etcPostList__list ul li .button.add_to_cart_button,
  #checkout.license--detail .etcPostList__list ul li .button.add_to_cart_button {
    padding: 0.5em 0;
    font-size: 20px; } }

#license.license--detail .etcPostList__list ul li .button.add_to_cart_button:before,
#cart.license--detail .etcPostList__list ul li .button.add_to_cart_button:before,
#checkout.license--detail .etcPostList__list ul li .button.add_to_cart_button:before {
  content: '';
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.8 25.9"><path fill="%23727272" d="M28.4 6c-.5-.9-1.5-1.5-2.5-1.5H6.8l-.9-3.4C5.8.4 5.2 0 4.5 0h-3C.7 0 0 .7 0 1.5S.7 3 1.5 3h1.8l4.1 15.3c.2.7.8 1.1 1.5 1.1h13.4c.6 0 1.1-.3 1.3-.8l4.9-9.8c.4-.9.4-2-.1-2.8zm-7 10.4H10.1L7.7 7.5h18.2l-4.5 8.9zm-11 7.2c0 1.2-1 2.2-2.2 2.2S6 24.8 6 23.6s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm14.9 0c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 1em;
  height: 0.9em;
  margin-right: 0.5em;
  -ms-transform: translateY(1px);
      transform: translateY(1px); }

#license .contents--cart,
#cart .contents--cart,
#checkout .contents--cart {
  background: #ffffff;
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em;
  padding-top: 1px;
  text-align: left;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  border-radius: 10px; }

@media screen and (min-width: 639px) {
  #license .contents--cart,
  #cart .contents--cart,
  #checkout .contents--cart {
    margin: 0 16.666666666666664vw; } }

#license .woocommerce .cart-collaterals .cart_totals,
#cart .woocommerce .cart-collaterals .cart_totals,
#checkout .woocommerce .cart-collaterals .cart_totals {
  text-align: center;
  padding: 0 1em;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  #license .woocommerce .cart-collaterals .cart_totals,
  #cart .woocommerce .cart-collaterals .cart_totals,
  #checkout .woocommerce .cart-collaterals .cart_totals {
    text-align: left;
    padding: 0;
    margin-right: 1em; } }

#license .woocommerce .cart-collaterals .cart_totals h2,
#cart .woocommerce .cart-collaterals .cart_totals h2,
#checkout .woocommerce .cart-collaterals .cart_totals h2 {
  text-align: center;
  font-size: 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #license .woocommerce .cart-collaterals .cart_totals h2,
  #cart .woocommerce .cart-collaterals .cart_totals h2,
  #checkout .woocommerce .cart-collaterals .cart_totals h2 {
    font-size: 24px;
    text-align: left; } }

#license .woocommerce .cart-collaterals .wc-proceed-to-checkout,
#cart .woocommerce .cart-collaterals .wc-proceed-to-checkout,
#checkout .woocommerce .cart-collaterals .wc-proceed-to-checkout {
  text-align: center; }

#license .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button,
#cart .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button,
#checkout .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button {
  padding: 1.5em 0;
  width: 100%;
  border-radius: 10px; }

#license .woocommerce table.shop_table,
#cart .woocommerce table.shop_table,
#checkout .woocommerce table.shop_table {
  border-radius: 0; }

@media screen and (min-width: 639px) {
  #license .woocommerce table.shop_table,
  #cart .woocommerce table.shop_table,
  #checkout .woocommerce table.shop_table {
    border-radius: 0; } }

#license .contents--checkout,
#cart .contents--checkout,
#checkout .contents--checkout {
  background: #ffffff;
  margin: 0 5.333333333333334vw;
  padding-bottom: 2em;
  padding-top: 1px;
  text-align: left;
  box-shadow: 0px 0px 6px 1px rgba(115, 115, 115, 0.16);
  border-radius: 10px; }

@media screen and (min-width: 639px) {
  #license .contents--checkout,
  #cart .contents--checkout,
  #checkout .contents--checkout {
    margin: 0 16.666666666666664vw; } }

#license .contents--checkout .woocommerce-billing-fields,
#license .contents--checkout .woocommerce-additional-fields,
#cart .contents--checkout .woocommerce-billing-fields,
#cart .contents--checkout .woocommerce-additional-fields,
#checkout .contents--checkout .woocommerce-billing-fields,
#checkout .contents--checkout .woocommerce-additional-fields {
  padding: 1em; }

@media screen and (min-width: 639px) {
  #license .contents--checkout .woocommerce-billing-fields,
  #license .contents--checkout .woocommerce-additional-fields,
  #cart .contents--checkout .woocommerce-billing-fields,
  #cart .contents--checkout .woocommerce-additional-fields,
  #checkout .contents--checkout .woocommerce-billing-fields,
  #checkout .contents--checkout .woocommerce-additional-fields {
    padding: 2em; } }

#license .contents--checkout #order_review_heading,
#cart .contents--checkout #order_review_heading,
#checkout .contents--checkout #order_review_heading {
  text-align: center; }

@media screen and (min-width: 639px) {
  #license .contents--checkout #order_review_heading,
  #cart .contents--checkout #order_review_heading,
  #checkout .contents--checkout #order_review_heading {
    text-align: left;
    padding: 0 2em; } }

#license .contents--checkout .woocommerce-checkout-review-order,
#cart .contents--checkout .woocommerce-checkout-review-order,
#checkout .contents--checkout .woocommerce-checkout-review-order {
  margin: 1em; }

@media screen and (min-width: 639px) {
  #license .contents--checkout .woocommerce-checkout-review-order,
  #cart .contents--checkout .woocommerce-checkout-review-order,
  #checkout .contents--checkout .woocommerce-checkout-review-order {
    margin: 0 2em 2em 2em; } }

.pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.pagination a {
  color: #202020;
  text-decoration: none; }

.pagination .page-numbers {
  position: relative;
  width: 3.4rem;
  height: 3.4rem;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border: 0.1rem solid #00243d;
  margin: 0 0.5rem; }

@media screen and (min-width: 639px) {
  .pagination .page-numbers {
    width: 4rem;
    height: 4rem; } }

.pagination .page-numbers:after {
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background: #00243d;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: -1;
  transition: width 0.3s;
  border-top: 0.1rem solid #00243d;
  border-bottom: 0.1rem solid #00243d; }

.pagination .page-numbers:hover {
  color: #ffffff; }

.pagination .page-numbers:hover:after {
  width: 100%;
  border-left: 0.1rem solid #00243d;
  border-right: 0.1rem solid #00243d; }

.pagination .current {
  background: #00243d;
  color: #ffffff; }

.pagination .prev {
  position: relative; }

.pagination .prev:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 22%;
  left: 40%;
  border-top: 1px solid #2c2c2c;
  border-right: 1px solid #2c2c2c;
  -ms-transform: rotate(-135deg) translate(-50%, -50%);
      transform: rotate(-135deg) translate(-50%, -50%); }

.pagination .prev:hover:before {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff; }

.pagination .next {
  position: relative; }

.pagination .next:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 55%;
  left: 35%;
  border-top: 1px solid #2c2c2c;
  border-right: 1px solid #2c2c2c;
  -ms-transform: rotate(45deg) translate(-50%, -50%);
      transform: rotate(45deg) translate(-50%, -50%); }

.pagination .next:hover:before {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff; }

.pagenavi {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto; }

.pagenavi_list {
  list-style: none;
  margin: 0;
  padding: 0 3vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }

@media screen and (min-width: 639px) {
  .pagenavi_list {
    padding: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

.pagenavi_list li {
  margin: 0;
  font-size: 12px;
  width: 50%; }

@media screen and (min-width: 639px) {
  .pagenavi_list li {
    font-size: 16px;
    margin: 0;
    width: calc(100% / 3); } }

.pagenavi_list li a {
  height: 3.4rem;
  box-sizing: border-box;
  border: 0.1rem solid #00243d;
  margin: 0;
  color: #202020;
  text-decoration: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

@media screen and (min-width: 639px) {
  .pagenavi_list li a {
    height: 4rem; } }

.pagenavi_list li.back {
  -ms-flex-order: 3;
      order: 3;
  width: 100%;
  margin-top: 3vw; }

@media screen and (min-width: 639px) {
  .pagenavi_list li.back {
    width: calc(100% / 3);
    -ms-flex-order: 2;
        order: 2;
    margin-top: 0; } }

.pagenavi_list li.back a {
  padding: 0 40px;
  color: #00243d;
  width: 100%;
  position: relative;
  z-index: 1; }

@media screen and (min-width: 639px) {
  .pagenavi_list li.back a {
    width: auto; } }

.pagenavi_list li.back a:after {
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background: #00243d;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: -1;
  transition: width 0.3s;
  border-top: 0.1rem solid #00243d;
  border-bottom: 0.1rem solid #00243d; }

.pagenavi_list li.back a:hover {
  color: #ffffff; }

.pagenavi_list li.back a:hover:after {
  width: 100%;
  border-left: 0.1rem solid #00243d;
  border-right: 0.1rem solid #00243d; }

.pagenavi_list li.prev {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
  z-index: 10;
  -ms-flex-order: 2;
      order: 2; }

@media screen and (min-width: 639px) {
  .pagenavi_list li.prev {
    -ms-flex-order: 3;
        order: 3; } }

.pagenavi_list li.prev:hover span:before {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff; }

.pagenavi_list li.prev:hover span:after {
  width: 100%;
  border-left: 0.1rem solid #00243d;
  border-right: 0.1rem solid #00243d; }

.pagenavi_list li.prev a {
  border: none; }

.pagenavi_list li.prev a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: '';
  background-color: rgba(0, 0, 0, 0); }

.pagenavi_list li.prev span {
  position: relative;
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  border: 0.1rem solid #00243d;
  margin: 0 0 0 2vw;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  .pagenavi_list li.prev span {
    width: 4rem;
    height: 4rem;
    margin: 0 0 0 1rem; } }

.pagenavi_list li.prev span:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 55%;
  right: 45%;
  border-top: 1px solid #2c2c2c;
  border-right: 1px solid #2c2c2c;
  -ms-transform: rotate(45deg) translate(-50%, -50%);
      transform: rotate(45deg) translate(-50%, -50%); }

.pagenavi_list li.prev span:after {
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background: #00243d;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: -1;
  transition: width 0.3s;
  border-top: 0.1rem solid #00243d;
  border-bottom: 0.1rem solid #00243d; }

.pagenavi_list li.next {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
  -ms-flex-order: 1;
      order: 1; }

.pagenavi_list li.next:hover span:before {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff; }

.pagenavi_list li.next:hover span:after {
  width: 100%;
  border-left: 0.1rem solid #00243d;
  border-right: 0.1rem solid #00243d; }

.pagenavi_list li.next a {
  border: none;
  box-sizing: border-box; }

.pagenavi_list li.next a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: '';
  background-color: rgba(0, 0, 0, 0); }

.pagenavi_list li.next span {
  position: relative;
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  border: 0.1rem solid #00243d;
  margin: 0 2vw 0 0;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  .pagenavi_list li.next span {
    width: 4rem;
    height: 4rem;
    margin: 0 1rem 0 0; } }

.pagenavi_list li.next span:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 55%;
  border-top: 1px solid #2c2c2c;
  border-right: 1px solid #2c2c2c;
  -ms-transform: translate(-50%, -50%) rotate(-135deg);
      transform: translate(-50%, -50%) rotate(-135deg); }

.pagenavi_list li.next span:after {
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background: #00243d;
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  z-index: -1;
  transition: width 0.3s;
  border-top: 0.1rem solid #00243d;
  border-bottom: 0.1rem solid #00243d; }

#index {
  margin-top: 15vw; }

@media screen and (min-width: 639px) {
  #index {
    margin-top: 0; } }

#index .heroVisualBlock {
  background: #202020;
  padding: 5.333333333333334vw 0 0 0; }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock {
    padding: 0; } }

#index .heroVisualBlock:after {
  content: '';
  display: block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 379 54.5"><path fill="%23ffffff" d="M33.4,9.4c1.2,2.5,2.2,5.4,2.2,8.9v31.1c0,3-1.7,4.5-4.4,4.5h-4.5c-2.7,0-4.4-1.5-4.4-4.5v-31.1c0-2.7-1.5-4.4-4.5-4.4h-2.2c-1.4,0-2.2.7-2.2,2.2v33.3c0,3-1.7,4.5-4.5,4.5h-4.4c-2.8,0-4.5-1.5-4.5-4.5V9.4C0,3.5,3.4.6,8.9.6h8.9c7.4,0,12.6,3,15.6,8.9ZM76.9,8.9c1.2,2.5,2.2,5.4,2.2,8.9v9.5c0,5.9-3.4,8.9-8.9,8.9h-13.3c.2,3,1.7,4.4,4.4,4.4h8.9c3,0,4.5,1.7,4.5,4.5v4.4c0,2.8-1.5,4.5-4.5,4.5h-8.9c-7.4,0-12.6-3-15.5-8.9-1.2-2.5-2.2-5.4-2.2-8.9v-18.4c0-3.4,1-6.4,2.2-8.9C48.7,3,53.8,0,61.3,0s12.6,3,15.6,8.9ZM65.8,17.8c0-2.7-1.5-4.2-4.5-4.4-3,.2-4.4,1.7-4.4,4.4v5h6.6c1.4,0,2.2-.7,2.2-2.2v-2.8ZM138.4.6c.1,0,.2,0,.3,0,0,0,.1,0,.2,0h-.5ZM169.5.6c-3.8,0-7.4,1.2-11.1,3.6-3.6-2.4-7.4-3.6-11.1-3.6h-7.9c-.2,0-.4,0-.6,0,0,0,0,0,0,0,0,0,0,0-.1,0-4.8.4-9.1,4.5-9.1,8.8v26.9c0,2.6-1.6,4-4.5,4.3-3-.2-4.5-1.7-4.5-4.4V5c0-3-1.7-4.5-4.4-4.5h-4.5c-2.7,0-4.4,1.5-4.4,4.5v31.1c0,2.7-1.5,4.4-4.5,4.4h-2.2c-1.4,0-2.2-.7-2.2-2.2V5c0-3-1.7-4.5-4.5-4.5h-4.4c-2.8,0-4.5,1.5-4.5,4.5v40c0,5.9,3.4,8.9,8.9,8.9h8.9c3.8,0,7.5-1.2,11.1-3.6,3.1,2.1,6.3,3.2,9.5,3.5,0,0,.2,0,.6,0h1s0,0,0,0c0,0,0,0,0,0h3.3c2.8,0,14.5-2.1,14.5-9.5v-28.3c0-1.5.8-2.2,2.2-2.2h2.2c3,0,4.5,1.7,4.5,4.4v31.1c0,3,1.7,4.5,4.4,4.5h4.5c2.7,0,4.4-1.5,4.4-4.5v-31.1c0-2.7,1.5-4.2,4.5-4.4,3,.2,4.5,1.7,4.5,4.4v31.1c0,3,1.7,4.5,4.4,4.5h4.5c2.7,0,4.4-1.5,4.4-4.5v-31.1c0-3.4-1-6.4-2.2-8.9-3-5.9-8.1-8.9-15.5-8.9ZM227.6,8.9c1.2,2.5,2.2,5.4,2.2,8.9v9.5c0,5.9-3.4,8.9-8.9,8.9h-13.3c.2,3,1.7,4.4,4.4,4.4h8.9c3,0,4.5,1.7,4.5,4.5v4.4c0,2.8-1.5,4.5-4.5,4.5h-8.9c-7.4,0-12.6-3-15.5-8.9-1.2-2.5-2.2-5.4-2.2-8.9v-18.4c0-3.4,1-6.4,2.2-8.9C199.5,3,204.6,0,212,0s12.6,3,15.6,8.9ZM216.5,17.8c0-2.7-1.5-4.2-4.5-4.4-3,.2-4.4,1.7-4.4,4.4v5h6.6c1.4,0,2.2-.7,2.2-2.2v-2.8ZM273.4,9.4v-4.4c0-2.8-1.4-4.5-4.4-4.5h-13.5c-7.4,0-14.6,3-17.5,8.9-1.2,2.5-2.2,5.4-2.2,8.9v31.2c0,3,1.8,4.4,4.5,4.4h4.4c2.8,0,4.5-1.4,4.5-4.4v-31.2c0-2.7,3.4-4.4,6.4-4.4h13.5c3,0,4.4-1.7,4.4-4.5ZM290.8,24c1.2,1.7,2.2,3.6,2.2,5.9v12.7c0,2.3-1,4.3-2.2,5.9-3,4-8.2,5.9-15.6,5.9s-12.6-2-15.5-5.9c-1.2-1.7-2.2-3.6-2.2-5.9v-12.7c0-2.3,1-4.3,2.2-5.9,3-4,8.1-5.9,15.5-5.9s12.6,2,15.6,5.9ZM279.7,29.9c0-1.8-1.5-2.8-4.5-2.9-3,.2-4.4,1.1-4.4,2.9v12.7c0,1.8,1.4,2.8,4.4,2.9,3-.2,4.5-1.1,4.5-2.9v-12.7ZM331.1.6h-4.5c-2.7,0-4.4,1.5-4.4,4.5v33.3c0,1.5-.9,2.2-2.2,2.2h-2.2c-3,0-4.4-1.7-4.4-4.4V5c0-3-1.7-4.5-4.5-4.5h-4.4c-2.8,0-4.5,1.5-4.5,4.5v31.1c0,3.4,1,6.4,2.2,8.9,3,5.9,8.1,8.9,15.5,8.9h8.9c5.5,0,8.9-3,8.9-8.9V5c0-3-1.7-4.5-4.4-4.5ZM374.1,25.4c-3.3-3.3-7.2-4.9-11.8-4.9h-2.2c-.9,0-1.7-.3-2.3-1-.6-.6-1-1.4-1-2.3s.3-1.8,1-2.4c.6-.6,1.4-1,2.3-1h12.2c3,0,4.5-1.7,4.5-4.5v-4.4c0-2.8-1.5-4.5-4.5-4.5h-12.2c-4.6,0-8.5,1.6-11.8,4.9-3.3,3.3-4.9,7.2-4.9,11.8s1.6,8.5,4.9,11.8c3.3,3.3,7.2,4.9,11.8,4.9h2.2c.9,0,1.7.3,2.4,1,.6.6,1,1.4,1,2.4s-.3,1.7-1,2.3c-.7.6-1.5,1-2.4,1h-14.4c-3,0-4.5,1.7-4.5,4.5v4.4c0,2.8,1.5,4.5,4.5,4.5h14.4c4.6,0,8.5-1.6,11.8-4.9s4.9-7.2,4.9-11.8-1.6-8.6-4.9-11.8Z" /></svg>');
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 54px;
  position: relative;
  bottom: -0.3em; }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock:after {
    width: calc(100% - 40vw);
    height: 120px;
    bottom: 0;
    margin: 0 20vw; } }

#index .heroVisualBlock__lastestBox {
  margin-bottom: 2em; }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock__lastestBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 50px 16.666666666666664vw 0 16.666666666666664vw;
    margin-bottom: 0; } }

#index .heroVisualBlock__leadtext {
  position: relative;
  padding: 0;
  margin: 0 0 2em 0;
  color: #ffffff;
  font-size: 3.733333333333334vw; }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock__leadtext {
    font-size: 24px;
    padding: 0;
    margin-bottom: 2em;
    margin-top: -2em;
    z-index: 2; } }

#index .heroVisualBlock__image {
  margin: 0 5.333333333333334vw;
  z-index: 1;
  box-sizing: border-box; }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock__image {
    margin: 0;
    width: 50%;
    padding: 0 50px; } }

#index .heroVisualBlock__image img {
  width: 100%;
  vertical-align: top; }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock__data {
    width: 50%;
    text-align: left;
    padding: 0 0 0 80px;
    box-sizing: border-box; } }

#index .heroVisualBlock__title {
  display: block;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 50px;
  color: #ffffff;
  margin: -0.2em 0 0 0;
  padding: 0.5em 0.8em 0 5.333333333333334vw;
  z-index: 2;
  position: relative; }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock__title {
    text-align: left;
    padding: 0.8em 0 0 0;
    font-size: 60px; } }

#index .heroVisualBlock__title small {
  font-size: 50%; }

#index .heroVisualBlock__title:before {
  content: 'Lastest works';
  font-family: "Zen Maru Gothic", serif;
  border: 2px solid #ffffff;
  border-radius: 20px;
  padding: 0.2em 1em;
  font-size: 4.266666666666667vw;
  position: absolute;
  top: 0em;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%); }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock__title:before {
    font-size: 20px;
    left: 0;
    -ms-transform: translate(0);
        transform: translate(0);
    padding: 0 1em 0.2em 1em; } }

#index .heroVisualBlock__summarytext {
  color: #ffffff;
  font-size: 3.733333333333334vw;
  text-align: left;
  margin: 1.5em 5.333333333333334vw;
  line-height: 1.8em; }

@media screen and (min-width: 639px) {
  #index .heroVisualBlock__summarytext {
    font-size: 16px;
    margin: 0 0 2em 0; } }

#index .heroVisualBlock__button {
  border: 0;
  background: #ffffff;
  color: #202020;
  padding: 1em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: 18px;
  width: 90%; }

#index .newsBlock {
  margin-top: 12vw; }

@media screen and (min-width: 639px) {
  #index .newsBlock {
    width: 100%;
    max-width: 1280px;
    margin: 60px auto 90px auto; } }

#index .newsBlock__title {
  font-size: 6.4vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 0 6.666666666666667vw 0;
  width: 100%; }

@media screen and (min-width: 639px) {
  #index .newsBlock__title {
    font-size: 34px;
    margin: 0 0 60px 0; } }

#index .newsBlock__title:before {
  content: 'Infomation';
  display: inline-block;
  padding: 0.2em 3em;
  border: 1px solid #707070;
  border-radius: 15px;
  color: #707070;
  font-size: 3.733333333333334vw;
  margin-bottom: 1em; }

@media screen and (min-width: 639px) {
  #index .newsBlock__title:before {
    font-size: 14px; } }

#index .newsBlock__category {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
  margin: 0 auto; }

@media screen and (min-width: 639px) {
  #index .newsBlock__category {
    max-width: 1280px;
    margin-bottom: 60px; } }

#index .newsBlock__category li {
  border: 2px solid #2c2c2c;
  padding: 0.5em 1.5em;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  margin: 0 0.5em; }

@media screen and (min-width: 639px) {
  #index .newsBlock__category li {
    margin: 0 0.5em; } }

#index .newsBlock__category li.category--active {
  background: #2c2c2c;
  color: #ffffff; }

#index .newsBlock__list {
  margin: 0 5.333333333333334vw;
  display: none;
  width: calc(100% - 10.666666666666668vw);
  -ms-flex-direction: colomn;
      flex-direction: colomn;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media screen and (min-width: 639px) {
  #index .newsBlock__list {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: auto;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    margin: 0 5.333333333333334vw; } }

#index .newsBlock__list.list--active {
  display: -ms-flexbox;
  display: flex; }

#index .newsBlock__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: left;
  width: 100%; }

@media screen and (min-width: 639px) {
  #index .newsBlock__item {
    width: calc((100% - 60px) / 4); } }

#index .newsBlock__item__title {
  -ms-flex-order: 3;
      order: 3;
  font-weight: 700; }

#index .newsBlock__item__etc {
  -ms-flex-order: 2;
      order: 2;
  margin: 0;
  padding: 0; }

#index .newsBlock__item__etc span {
  display: inline-block;
  background: #202020;
  color: #ffffff;
  font-size: 3.2vw;
  padding: 0.2em 1.2em;
  border-radius: 15px;
  margin-right: 0.5em; }

@media screen and (min-width: 639px) {
  #index .newsBlock__item__etc span {
    font-size: 12px; } }

#index .newsBlock__item__etc time {
  color: #707070; }

#index .newsBlock__item__image {
  -ms-flex-order: 1;
      order: 1;
  margin: 0 0 1em 0;
  padding: 0;
  background: #202020;
  height: 200px;
  border-radius: 10px;
  overflow: hidden; }

#index .newsBlock__item__image img {
  width: 100%;
  height: auto; }

#index .worksBlock {
  background: #F5F5F5;
  padding: 21.333333333333336vw 0 0 0; }

@media screen and (min-width: 639px) {
  #index .worksBlock {
    padding-top: 60px;
    margin-bottom: 100px; } }

#index .worksBlock__title {
  font-size: 6.4vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0; }

@media screen and (min-width: 639px) {
  #index .worksBlock__title {
    font-size: 34px;
    margin: 0 0 60px 0; } }

#index .worksBlock__title:before {
  content: 'Product';
  display: inline-block;
  padding: 0.2em 3em;
  border: 1px solid #707070;
  border-radius: 15px;
  color: #707070;
  font-size: 3.733333333333334vw;
  margin-bottom: 1em; }

@media screen and (min-width: 639px) {
  #index .worksBlock__title:before {
    font-size: 14px; } }

#index .worksBlock__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

#index .worksBlock__item {
  position: relative;
  width: 50%;
  background: #ffffff;
  border-bottom: 1px solid #F5F5F5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  padding: 2vw 0 0 0;
  margin: 0; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item {
    width: 25%;
    padding: 0; } }

#index .worksBlock__item:hover {
  background: #F5F5F5; }

#index .worksBlock__item a.blocklink {
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

#index .worksBlock__item__image {
  position: relative;
  -ms-flex-order: 1;
      order: 1;
  margin: 0;
  padding: 0;
  transition: 0.5s;
  transform-style: preserve-3d;
  z-index: 2; }

#index .worksBlock__item__image:hover {
  transform: rotateY(180deg); }

#index .worksBlock__item__image:hover img.image--front {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#index .worksBlock__item__image:hover img.image--back {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#index .worksBlock__item__image img {
  width: 100%;
  vertical-align: top;
  transition-delay: 0.15s;
  transition: 0;
  cursor: pointer; }

#index .worksBlock__item__image img.image--front {
  transform: rotateY(0deg); }

#index .worksBlock__item__image img.image--back {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotateY(180deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#index .worksBlock__item__image img a {
  display: block; }

#index .worksBlock__item__data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-order: 2;
      order: 2;
  margin: 0; }

#index .worksBlock__item__title {
  -ms-flex-order: 3;
      order: 3;
  font-weight: 700; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item__title {
    font-size: 24px; } }

#index .worksBlock__item__link {
  -ms-flex-order: 7;
      order: 7;
  margin: 0;
  padding: 0;
  font-size: 3.2vw;
  text-align: right;
  margin: 0 1em 0.2em 1em; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item__link {
    font-size: 16px; } }

#index .worksBlock__item__category {
  -ms-flex-order: 2;
      order: 2;
  display: none; }

#index .worksBlock__item__summary {
  -ms-flex-order: 4;
      order: 4;
  display: none; }

#index .worksBlock__item__siteurl {
  -ms-flex-order: 5;
      order: 5;
  display: none; }

#index .worksBlock__item__boothurl {
  -ms-flex-order: 6;
      order: 6;
  display: none; }

#index .worksBlock__item:first-child {
  width: 100%;
  background: inherit;
  padding-bottom: 3em; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0;
    padding: 0 16.666666666666664vw 6.510416666666667vw 16.666666666666664vw; } }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__data {
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 40px; } }

#index .worksBlock__item:first-child .worksBlock__item__title {
  text-align: left;
  font-size: 5.866666666666666vw;
  margin: 4vw 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__title {
    font-size: 30px;
    margin: 0 0 30px 0; } }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__image {
    width: 50%;
    margin: 0; } }

#index .worksBlock__item:first-child .worksBlock__item__image img {
  width: 100%; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__image img {
    max-width: 500px; } }

#index .worksBlock__item:first-child .worksBlock__item__summary {
  display: inline-block;
  text-align: left;
  margin: 0 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__summary {
    margin: 0;
    font-size: 18px; } }

#index .worksBlock__item:first-child .worksBlock__item__category {
  display: inline-block;
  text-align: left;
  margin: 0 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__category {
    margin: 0 0 10px 0; } }

#index .worksBlock__item:first-child .worksBlock__item__category span {
  display: inline-block;
  background: #202020;
  color: #ffffff;
  font-size: 3.733333333333334vw;
  padding: 0.2em 2em;
  border-radius: 15px;
  margin-bottom: 0.2em; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__category span {
    font-size: 14px; } }

#index .worksBlock__item:first-child .worksBlock__item__siteurl {
  display: inline-block;
  text-align: right;
  margin: 0 5.333333333333334vw 0.5em 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__siteurl {
    margin: 0; } }

#index .worksBlock__item:first-child .worksBlock__item__boothurl {
  display: inline-block;
  margin: 0 5.333333333333334vw 0.5em 5.333333333333334vw;
  text-align: right; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__boothurl {
    margin: 0; } }

#index .worksBlock__item:first-child .worksBlock__item__link {
  text-align: right;
  font-size: 4.266666666666667vw;
  margin: 0 5.333333333333334vw; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:first-child .worksBlock__item__link {
    font-size: 20px;
    margin: 0; } }

#index .worksBlock__item:nth-child(2n) {
  border-right: 1px solid #F5F5F5; }

@media screen and (min-width: 639px) {
  #index .worksBlock__item:nth-child(3n) {
    border-right: 1px solid #F5F5F5; } }

#index .aboutBlock {
  background: #F5F5F5;
  margin-top: 100px;
  margin-bottom: -100px; }

@media screen and (min-width: 639px) {
  #index .aboutBlock {
    margin-top: 100px; } }

#index .aboutBlock__window {
  background: #ffffff;
  border: 10px solid #F5F5F5;
  border-radius: 38px;
  margin: 0 5.333333333333334vw 0 5.333333333333334vw;
  padding: 0 6.666666666666667vw 13.333333333333334vw 6.666666666666667vw;
  box-sizing: border-box;
  top: -100px;
  position: relative; }

@media screen and (min-width: 639px) {
  #index .aboutBlock__window {
    max-width: 1280px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 80px 0; } }

#index .aboutBlock__image {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #2c2c2c;
  margin: 30px auto 2em auto;
  overflow: hidden; }

@media screen and (min-width: 639px) {
  #index .aboutBlock__image {
    width: 300px;
    height: 300px;
    margin: 0 120px; } }

#index .aboutBlock__image img {
  width: 100%; }

@media screen and (min-width: 639px) {
  #index .aboutBlock__data {
    max-width: 460px; } }

#index .aboutBlock__title {
  font-size: 5.333333333333334vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0; }

@media screen and (min-width: 639px) {
  #index .aboutBlock__title {
    font-size: 20px;
    margin: 0 0 30px 0; } }

@media screen and (min-width: 639px) {
  #index .aboutBlock__title img {
    max-width: 262px;
    width: 100%; } }

#index .aboutBlock__title:before {
  content: 'About';
  display: inline-block;
  padding: 0.2em 3em;
  border: 1px solid #707070;
  border-radius: 15px;
  color: #707070;
  font-size: 3.733333333333334vw;
  margin-bottom: 1em; }

@media screen and (min-width: 639px) {
  #index .aboutBlock__title:before {
    font-size: 14px; } }

#index .aboutBlock__text {
  text-align: left; }

#index .aboutBlock__sns {
  background: #000000;
  display: inline-block;
  border-radius: 5px; }

#index .aboutBlock__sns img {
  width: 18px;
  margin-right: 0.2em; }

#index .aboutBlock__sns a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5em 1em;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }