html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body {
  width: 100%;
  font-family: "Zen Old Mincho", sans-serif;
  color: #fff;
  background: #111;
  line-height: 1;
}

h1 {
  color: #2d3338;
  font-size: 69px;
  line-height: 54px;
  font-style: normal;
  font-weight: 700;
  text-shadow: none;
  margin: 10px 0px;
  font-family: "Roboto Condensed", sans-serif;
}

h2 {
  margin: 0px 0px 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
  text-shadow: none;
}

h3 {
  margin: 5px 0px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  text-shadow: none;
}

h4 {
  margin: 10px 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

h5 {
  margin: 10px 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

h6 {
  margin: 10px 0px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

p {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  letter-spacing: 0px;
  text-shadow: none;
}

img {
  display: inline-block;
  max-width: 100%;
  border: 0;
  vertical-align: bottom;
}

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

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  color:#4A66A0;
}

.w-container {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.w-container:before,
.w-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.sec-container {
  margin-bottom: 80px;
}

.intro-content-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

/* 1枚目のテキスト: 右側に配置、半分画像から出る */
.intro-text-wrapper {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 50%;
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  transition: opacity 1s ease 0.3s, transform 1s ease 0.3s;
}

.intro-text-wrapper.visible {
  opacity: 1;
}

.intro-text-wrapper.visible .intro-text-inner::before {
  backdrop-filter: blur(2px);
}

.intro-second-view-container {
  position: relative;
  z-index: 1;
}

.intro-reverse .intro-text-wrapper {
  right: auto;
  left: 5%;
}
/* top */

/* producer */
.producer-container {
  margin-bottom: 36px;
  display: flex;
  max-width: 100%;
  box-sizing: border-box;
  text-align: left;
}

.movie-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 36px;
  max-width: 100%;
  box-sizing: border-box;
}

.movie-content .movie-video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9のアスペクト比を維持 */
  overflow: hidden;
}

.sponsor-container {
  width: 100%;
  /* max-width: 1200px; */
  margin: 0 auto;
  text-align: center;
}
/* sponsor */

/* 古いconcept */
.concept-area-container {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  /* padding-left: 20px;
    padding-right: 20px; */
  padding-bottom: 20px;
  /* font-family: "Zen Old Mincho", sans-serif; */
  color: #fff;
  /* font-size: 16px; */
  /* letter-spacing: 0.15em; */
  text-decoration: none;
}
/* 古いconcept */

/* footer */
.footer-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  /* border-top: 1px solid #aaaaaa; */
  /* margin-top: 240px; */
  padding-top: 32px;
  padding-bottom: 24px;
}

.footer-container {
  border-top: 1px solid #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

.w-container:before,

.w-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.container {
  margin-top: 40px;
  margin-bottom: 0px;
  padding-right: 127px;
  padding-bottom: 60px;
  padding-left: 127px;
  text-align: center;
}

/* header */
header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.header {
  width: 100%;
  height: 80px;
  padding: 0 5%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(0px);
  background: rgba(0, 0, 0, 0.15);
  filter: url(#liquid-distortion);
  z-index: -1;
  opacity: 0;
  transition: backdrop-filter 1.2s ease 0.3s, opacity 0.8s ease 0.3s;
  border-radius: 0 0 12px 12px;
}

body.loaded .header::before {
  backdrop-filter: blur(8px);
  opacity: 1;
}

.header>* {
  position: relative;
  z-index: 1;
}

.lang-switch-box {
  gap: 10px;
}

.lang-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.lang-ja {
  border-right: 1px solid #fff;
}

.lang-btn {
  display: inline-block;
  color: #ccc;
  padding: 15px;
  font-size: 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}

.lang-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.lang-btn.active::after {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  height: 1px;
  background-color: #fff;
}

.lang-btn.active {
  pointer-events: none;
  color: #fff;
}

.hamburger-btn {
  position: relative;
  width: 30px;
  height: 25px;
  cursor: pointer;
  z-index: 2100;
  margin-left: 20px;
}

.hamburger-btn span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.4s;
}

.hamburger-btn span:nth-of-type(1) {
  top: 0;
}

.hamburger-btn span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}

.hamburger-btn span:nth-of-type(3) {
  bottom: 0;
}

.hamburger-btn.active span:nth-of-type(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.hamburger-btn.active span:nth-of-type(2) {
  opacity: 0;
}

.hamburger-btn.active span:nth-of-type(3) {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}

.hamburger-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: 2000;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hamburger-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: -1;
}

/* メニュー表示時用 */
.hamburger-menu.active {
  opacity: 1;
  visibility: visible;
}

.menu-close-btn {
  position: fixed;
  top: 25px;
  right: 5%;
  width: 30px;
  height: 25px;
  cursor: pointer;
  z-index: 2001;
  transition: opacity 0.3s ease;
}

.menu-close-btn span {
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transition: all 0.3s ease;
}

.menu-close-btn span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}

.menu-close-btn span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.menu-close-btn:hover {
  opacity: 0.7;
}

.menu-list {
  list-style: none;
  padding: 0;
  text-align: center;
}

.menu-list li {
  margin-bottom: 30px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s;
}

/* メニュー表示時のリストアニメーション用 */
.hamburger-menu.active .menu-list li {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(0.1s * var(--i));
}

/* 遅延用変数 */
.menu-list li:nth-child(1) {
  --i: 1;
}

.menu-list li:nth-child(2) {
  --i: 2;
}

.menu-list li:nth-child(3) {
  --i: 3;
}

.menu-list li:nth-child(4) {
  --i: 4;
}

.menu-list li:nth-child(5) {
  --i: 5;
}

.menu-list li:nth-child(6) {
  --i: 6;
}

.menu-list li:nth-child(7) {
  --i: 7;
}

.menu-list li:nth-child(8) {
  --i: 8;
}

.menu-list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  transition: color 0.3s, transform 0.3s;
  line-height: 1.2;
}

.menu-list a span {
  display: block;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 300;
  opacity: 0.8;
}

.menu-list a:hover {
  color: #888;
  transform: scale(1.05);
}

.menu-background-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.hamburger-menu.active .menu-background-canvas {
  opacity: 1;
}

.hamburger-menu .menu-list {
  position: relative;
  z-index: 10;
}
/* header */

.container {
  padding-bottom: 0;
}

/* language */
.lang-intro-box {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
  margin-bottom: 40px;
  border-radius: 5px;
  text-align: center;
}

.lang-intro-text {
  font-size: 1.1rem;
  line-height: 1.8;
  margin: 0;
  color: #fff;
}

.lang-video-container {
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-bottom: 50px;
}

.lang-video-item {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
}

.lang-video-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.lang-video-title {
  text-align: center;
  font-size: 1.4rem;
  margin: 0 0 20px 0;
  font-weight: 500;
  color: #fff;
}

.lang-video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 アスペクト比 */
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 20px;
}

.lang-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  transition: opacity 0.3s ease;
}

.lang-video-item:nth-child(1) {
  animation-delay: 0.1s;
}

.lang-video-item:nth-child(2) {
  animation-delay: 0.3s;
}

.lang-video-item:nth-child(3) {
  animation-delay: 0.5s;
}

.lang-video-item:nth-child(4) {
  animation-delay: 0.7s;
}

html::-webkit-scrollbar {
  display: none;
}

main {
  position: relative;
  z-index: 1;
}

.body {
  display: block;
  -webkit-text-fill-color: inherit;
}

.sec-title {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}

.sec-subtitle {
  display: block;
  font-size: 1rem;
  margin-top: 5px;
  font-weight: 300;
  opacity: 0.8;
}

.go-to-top-page {
  margin-top: 40px;
}

.right-btn-area {
  display: flex;
  align-items: center;
}

.social-btn {
  margin-left: 17px;
  opacity: 0.44;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.social-btn:hover {
  opacity: 1;
}

.logo {
  width: clamp(100px, 18vw, 140px);
  max-width: 100%;
  display: inline-block;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  border: 8px none #fff;
  color: #fff;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 8px;
  text-shadow: none;
  padding: 20px;
  border: 8px none #fff;
  font-family: "Zen Old Mincho", sans-serif;
}

.logo img {
  width: 100%;
  height: auto;
  display: block;
}

/* top */
.logo-large {
  width: 50%;
  display: inline-block;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  /* padding: 20px; */
  border: 8px none #fff;
  color: #fff;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 8px;
  text-shadow: none;
}

/* introduction */
.sec-introduction {
  position: relative;
  min-height: 100vh;
  padding-top: 0;
  box-sizing: border-box;
}

.intro-first-view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  width: 100%;
  position: relative;
  margin-top: 0;
  box-sizing: border-box;
}

.intro-second-view {
  width: 100%;
  margin-top: 0;
  padding: 0;
}

.intro-fullscreen-item {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* 1枚目: 画像を小さくして左に配置、テキストを右に移動 */
.intro-img {
  position: absolute;
  top: 50%;
  left: 5%;
  width: 55%;
  height: 70%;
  transform: translateY(-50%);
  overflow: hidden;
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  /* filter: url(#liquid-distortion); */
}

.intro-img.visible {
  opacity: 1;
  transform: translateY(-50%);
}

.intro-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}

.intro-fullscreen-item:hover .intro-img img {
  transform: scale(1.05);
}

.intro-text-inner {
  padding: 20px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: none;
  position: relative;
}

.intro-text-inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(0px);
  transition: backdrop-filter 1.5s ease;
  filter: url(#liquid-distortion);
  /* transition: opacity 10s ease 10s, transform 10s ease; */
  z-index: -1;
  border-radius: 8px;
}

/* 2枚目（reverse）: 画像を右に、テキストを左に */
.intro-reverse .intro-img {
  left: auto;
  right: 5%;
}

.intro-img::after {
  display: none;
}

.intro-reverse .intro-img::after {
  display: none;
}

/* .intro-second-view-text {
  color: #fff;
  text-align: left;
  line-height: 1.8;
  font-size: 1.2rem;
  margin: 0;
  font-weight: 300;
  letter-spacing: 0.02em;
}

*/

.intro-second-view-title {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.2em;
  margin-bottom: 18px;
}

.intro-second-view-text {
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.8;
}

.produce-title {
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.produce-subtitle {
  font-size: 1.8rem;
  line-height: 2.5rem;
}

.btn-read-more {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
}

.btn-read-more a {
  color: #fff;
  text-decoration: none;
  border: 1px solid #888888;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  margin: 0;
  min-width: 200px;
  max-width: fit-content;
  width: auto;
  padding: 20px 40px 20px 20px;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  text-align: center;
}

.btn-read-more a.long-text {
  padding: 20px 50px 20px 30px;
  max-width: 80%;
  white-space: normal;
  line-height: 1.4;
}

.btn-read-more a::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 20px;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}

.btn-read-more a:hover {
  background: #5a5a5a;
}

.btn-read-more a:hover::after {
  right: 15px;
}

.producer-photo {
  flex: 0 0 400px;
  max-width: 400px;
  margin-top: 8px;
  margin-right: 36px;
}

.producer-photo img {
  border-radius: 8px;
}

.producer-text {
  margin-top: 100px;
  flex: 1;
  min-width: 0;
}

.producer-name {
  font-size: 1.8rem;
  margin-bottom: 24px;
  letter-spacing: 0.04em;
}

.producer-profire {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.01em;
  word-wrap: break-word;
  /* 長いテキストの折り返し */
}

.producer-sign-img {
  max-width: 300px;
  margin-top: 30px;
  margin-left: 180px;
}

.photo-credit {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin: 5px 0 0;
  text-align: right;
  font-weight: 300;
  font-style: italic;
}
/* producer */

/* news */
.news-list {
  margin-bottom: 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.news-list-item {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  transition: all 0.3s ease;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.news-list-item:hover {
  background-color: rgba(0, 0, 0, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.2);
}

.news-list-item a {
  text-decoration: none;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 30px;
  position: relative;
}

.news-list-item .news-cell-date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 8px 18px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  width: fit-content;
}

.news-list-item .news-cell-text {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
}

@media screen and (max-width: 767px) {
  .news-list-item a {
    padding: 20px;
  }

  .news-list-item .news-cell-date {
    align-self: flex-start;
  }
}
/* news */

/* movie */
.sec-sub-title {
  color: #fff;
  text-align: center;
  margin-bottom: 24px;
}

.movie-content {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex: 0 0 calc(33.333% - 14px);
  min-width: 280px;
  max-width: 400px;
  box-sizing: border-box;
}

.movie-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

.movie-content:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
}

.movie-content:hover iframe {
  transform: scale(1.05);
}

.movie-info {
  padding: 15px;
  height: 60px;
  display: flex;
  align-items: center;
}

.movie-title {
  font-size: 1.1rem;
  margin: 0;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* movie */

/* sponsor */
.sec-sponsor {
  display: flex;
  justify-content: center;
  width: 100%;
}

.sponsor-contents {
  margin-bottom: 60px;
}

.sponsor-list {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}

.bp-list,
.pa-list,
.su-list {
  width: 100%;
  margin-bottom: 20px;
}

.sponsor-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.bp-list li {
  padding: 0 40px;
}

.pa-list li {
  padding: 0 10px;
}

.su-list li {
  padding: 0 10px;
}

.concept-area-title {
  font-size: 64px;
  text-align: center;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #aaa;
}

.concept-area-title-en {
  font-size: 64px;
  text-align: center;
  margin-bottom: 36px;
  padding-bottom: 12px;
  border-bottom: 2px solid #aaa;
}

.concept-area-description-box {
  margin-bottom: 64px;
  padding-bottom: 24px;
  text-align: left;
  line-height: 1.6;
}

.concept-area-description {
  font-size: 18px;
  margin-bottom: 12px;
}

.concept-area {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.concept-img {
  margin-bottom: 24px;
}

.concept-title {
  font-size: 28px;
  margin-bottom: 16px;
  text-align: left;
}

.concept-caption-area {
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
  display: flex;
}

.btn-back {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
}

.btn-back a {
  color: #fff;
  text-decoration: none;
  border: 1px solid #888888;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  margin: 0;
  min-width: 200px;
  max-width: fit-content;
  width: auto;
  padding: 20px 30px 20px 20px;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  text-align: center;
}

.btn-back a.long-text {
  padding: 20px 50px 20px 30px;
  max-width: 80%;
  white-space: normal;
  line-height: 1.4;
}

.btn-back a::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 30px;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}

.btn-back a:hover {
  background: #5a5a5a;
}

.btn-back a:hover::after {
  right: 40px;
}

.footer-sitemap {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 30px;
}

.footer-sitemap-title {
  font-size: 1rem;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 500;
  position: relative;
}

.footer-sitemap-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.footer-sitemap-links {
  list-style: none;
  padding: 0;
  margin-left: 10px;
}

.footer-sitemap-link {
  margin-bottom: 10px;
}

.footer-sitemap-link.sub-link {
  padding-left: 15px;
  margin-bottom: 8px;
}

.footer-sitemap-link a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.3s ease, transform 0.3s ease;
  display: inline-block;
  padding-left: 0;
}

.footer-sitemap-link a::before {
  display: none;
}

.footer-sitemap-link.sub-link a {
  font-size: 0.85rem;
}

.footer-sitemap-link a:hover {
  color: #fff;
  transform: translateX(3px);
}

.footer-sns {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 30px;
}

.footer-sns-title {
  font-size: 1rem;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 500;
  position: relative;
}

.footer-sns-row {
  display: flex;
  gap: 40px;
  margin-bottom: 20px;
}

.footer-sns-col {
  flex: 1;
}

.footer-policy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-lists {
  text-align: left;
}

.footer-list {
  margin-left: 10px;
  margin-bottom: 8px;
}

.footer-list a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  transition: color 0.3s ease, transform 0.3s ease;
  display: inline-block;
}

.footer-list a:hover {
  color: #fff;
  transform: translateX(3px);
}

.footer-policy-list-item a {
  padding-right: 10px;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
}

.footer-policy-list-item {
  margin-top: 15px;
}

.footer-official-logo {
  margin-top: 24px;
}

.copyright {
  margin-right: 10px;
  margin-left: 10px;
  padding: 24px 0;
  color: hsla(0, 0%, 100%, 0.52);
  font-size: 12px;
  text-align: center;
  font-family: "Zen Old Mincho", sans-serif;
}
/* footer */

/* アニメーション用 */
.concept-area-title,
.concept-area-description,
.concept-work-area {
  will-change: opacity, transform;
}

.no-js .concept-area-title,
.no-js .concept-area-description,
.no-js .concept-work-area {
  opacity: 1;
  transform: none;
}
/* アニメーション用 */

/* アニメーション用 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* language */

/* アニメーション用 */
.concept-area-title,
.concept-area-description,
.concept-work-area {
  will-change: opacity, transform;
}

/* JavaScriptが無効な場合のフォールバック用 */
.no-js .concept-area-title,
.no-js .concept-area-description,
.no-js .concept-work-area {
  opacity: 1;
  transform: none;
}
/* アニメーション用 */

@media screen and (max-width: 991px) {
  .body {
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: fixed;
  }
  .w-container {
    max-width: 1000px;
  }
  .social-btn {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  .social-btn:hover {
    opacity: 0.8;
  }
  .footer-wrap::before {
    width: 100%;
  }
  .footer-sitemap-container {
    flex-wrap: wrap;
  }
  .footer-sitemap-section {
    flex: 0 0 calc(50% - 30px);
    margin-bottom: 30px;
  }
  .logo {
    text-shadow: none;
  }
  /* top */
  .intro-fullscreen-item {
    height: 80vh;
  }
  .intro-text-wrapper {
    width: 50%;
  }
  .intro-text-inner {
    padding: 40px;
  }
  .intro-second-view-title {
    font-size: 1.4rem;
  }
  .intro-second-view-text {
    font-size: 0.8rem;
  }
  /* top */
  
  /* producer */
  .producer-photo {
    flex: 0 0 300px;
    max-width: 300px;
    margin-right: 24px;
  }
  .producer-text {
    margin-top: 60px;
  }
  .producer-name {
    font-size: 1.6rem;
    margin-bottom: 18px;
  }
  .producer-profire {
    font-size: 0.9rem;
    line-height: 1.6;
  }
  .producer-sign-img {
    max-width: 250px;
    margin-left: 120px;
    margin-top: 20px;
  }
  /* producer */
  /* movie */
  .movie-content {
    flex: 0 0 calc(33.333% - 14px);
    min-width: 250px;
    max-width: 320px;
  }
  .movie-title {
    font-size: 1rem;
  }
  /* movie */
}

/*
 * style.css に追加すべきCSS
 * 
 * cms.css と webflow.css から使用中のクラスのみを抽出
 * 生成日: 自動生成
 */

/* ========================================
 * cms.css から抽出
 * ======================================== */

/* [ .w100p , ボックス幅/幅100% ] */

/* [ .w100 , ボックス幅/幅100px ] */
.w100p {
  width : 100%!important;
}

/* [ .m40 , マージン/40px ] */
/* [ .mt0  , マージン/：上0px ] */

.mt0 {
  margin-top: 0px!important;
}

/* [ .min , テキスト設定/明朝系フォント ] */

/* [ .fs24 , テキスト設定/サイズ24px ] */
/* [ .fs18 , テキスト設定/サイズ18px ] */

/* [ .fs9 , テキスト設定/サイズ9px ] */
.min {
  font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

.fs18 {
  font-size: 18px!important;
}

/* [ .text-left , 行設定/左揃え ] */
/* [ .text-center , 行設定/中央揃え ] */

.text-center {
  text-align:center!important;
}

.cms-layout > .default:first-child {
  margin-top:0;
}

td > .default:first-child,

._dropArea:first-child + div .default,

._dropArea:first-child + div > .default {
  margin-top:0;
}

/* [ .cms-layout.default, コンテナ-デザイン標準 ] */

/* [ .cms-layout.default, コンテナ-デザイン標準 ] */
.cms-layout.default {
  margin:1em 0; background: #fff;
}

/* [ .cms-layout.--- ,  ] */

/* [ .cms-layout.--- ,  ] */
/* [ .cms-layout.p10, コンテナ-余白10px ] */

/* [ .cms-layout.p10, コンテナ-余白10px ] */
/* [ .cms-layout.p20, コンテナ-余白20px ] */

/* [ .cms-layout.p20, コンテナ-余白20px ] */
/* [ .cms-layout.p40, コンテナ-余白40px ] */

/* [ .cms-layout.p40, コンテナ-余白40px ] */
.cms-layout.p10 {
  padding: 10px;
}

.cms-layout.p20 {
  padding: 20px;
}

.cms-layout.p40 {
  padding: 40px;
}

/* [ .cms-layout.--- ,  ] */
/* [ .cms-layout.waku, コンテナ-枠線 ] */

/* [ .cms-layout.waku, コンテナ-枠線 ] */
.cms-layout.waku {
  border: 1px solid #ddd;
}

/* [ .cms-layout.frame , コンテナ-写真枠 ] */

/* [ .cms-layout.frame , コンテナ-写真枠 ] */
/* [ .cms-layout.frame2 , コンテナ-写真枠2 ] */

/* [ .cms-layout.frame2 , コンテナ-写真枠2 ] */
.cms-layout.frame {
  background:#fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.cms-layout.frame2 {
  background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}

/* [ .cms-layout.--- ,  ] */
/* [ .cms-layout.glay, コンテナ-背景-dグレー ] */

/* [ .cms-layout.glay, コンテナ-背景-dグレー ] */
/* [ .cms-layout.black, コンテナ-背景-黒 ] */

/* [ .cms-layout.black, コンテナ-背景-黒 ] */
/* [ .cms-layout.color, コンテナ-背景-カラー ] */

/* [ .cms-layout.color, コンテナ-背景-カラー ] */
.cms-layout.glay {
  background: #f7f7f7;
}

.cms-layout.black {
  background: #333;color:#fff;
}

.cms-layout.color {
  background: #ffe;outline:dashed 1px #ddd;
}

/* [ .cms-layout.--- ,  ] */
/* [ .cms-layout._cms-p20, 管理画面のみ余白 ] */

/* [ .cms-layout._cms-p20, 管理画面のみ余白 ] */
/* [ .cms-layout._cms-w200, 管理画面のみ幅200px ] */

/* [ .cms-layout._cms-w200, 管理画面のみ幅200px ] */
/* [ .cms-layout._cms-w400, 管理画面のみ幅400px ] */

/* [ .cms-layout._cms-w400, 管理画面のみ幅400px ] */
html._cms .cms-layout._cms-p20 {
  padding: 20px;border: 1px dashed #4A66A0;
}

html._cms .cms-layout._cms-w200 {
  width: 200px;
}

html._cms .cms-layout._cms-w400 {
  width: 400px;
}

html._cms .cms-layout._cms-w200 img {
  width: 100%;
}

html._cms .cms-layout._cms-w400 img {
  width: 100%;
}

/* 基本 */
.cms-column {
  display: table;
}

.cms-column > div {
  display: table-cell;vertical-align: top;
}

/* [ .cms-column.col-p0 , カラム間の余白0px ] */

/* [ .cms-column.col-p0 , カラム間の余白0px ] */
/* [ .cms-column.col-p4 , カラム間の余白4px ] */

/* [ .cms-column.col-p4 , カラム間の余白4px ] */
/* [ .cms-column.col-p10 , カラム間の余白10px ] */

/* [ .cms-column.col-p10 , カラム間の余白10px ] */
/* [ .cms-column.col-p20 , カラム間の余白20px ] */

/* [ .cms-column.col-p20 , カラム間の余白20px ] */
/* [ .cms-column.col-p40 , カラム間の余白40px ] */

/* [ .cms-column.col-p40 , カラム間の余白40px ] */
/* [ .cms-column.col-p60 , カラム間の余白60px ] */

/* [ .cms-column.col-p60 , カラム間の余白60px ] */
.cms-column.col-p0 {
  margin-left:0px;margin-right:0px;
}

.cms-column.col-p2 {
  margin-left:-1px;margin-right:-1px;
}

.cms-column.col-p4 {
  margin-left:-2px;margin-right:-2px;
}

.cms-column.col-p10 {
  margin-left:-5px;margin-right:-5px;
}

.cms-column.col-p20 {
  margin-left:-10px;margin-right:-10px;
}

.cms-column.col-p40 {
  margin-left:-20px;margin-right:-20px;
}

.cms-column.col-p60 {
  margin-left:-30px;margin-right:-30px;
}

.cms-column.col-p0 > div {
  padding-left:0px;padding-right:0px;
}

.cms-column.col-p2 > div {
  padding-left:1px;padding-right:1px;
}

.cms-column.col-p4 > div {
  padding-left:2px;padding-right:2px;
}

.cms-column.col-p10 > div {
  padding-left:5px;padding-right:5px;
}

.cms-column.col-p20 > div {
  padding-left:10px;padding-right:10px;
}

.cms-column.col-p40 > div {
  padding-left:20px;padding-right:20px;
}

.cms-column.col-p60 > div {
  padding-left:30px;padding-right:30px;
}

/* [ .cms-column.sp-col-p0 , カラム間の余白-スマホ/0px ] */

/* [ .cms-column.sp-col-p0 , カラム間の余白-スマホ/0px ] */
/* [ .cms-column.sp-col-p2 , カラム間の余白-スマホ/2px ] */

/* [ .cms-column.sp-col-p2 , カラム間の余白-スマホ/2px ] */
/* [ .cms-column.sp-col-p4 , カラム間の余白-スマホ/4px ] */

/* [ .cms-column.sp-col-p4 , カラム間の余白-スマホ/4px ] */
/* [ .cms-column.sp-col-p10 , カラム間の余白-スマホ/10px ] */

/* [ .cms-column.sp-col-p10 , カラム間の余白-スマホ/10px ] */
/* [ .cms-column.sp-col-p20 , カラム間の余白-スマホ/20px ] */

/* [ .cms-column.sp-col-p20 , カラム間の余白-スマホ/20px ] */
/* [ .cms-column.sp-col-p40 , カラム間の余白-スマホ/40px ] */

/* [ .cms-column.sp-col-p40 , カラム間の余白-スマホ/40px ] */
/* [ .cms-column.sp-col-p60 , カラム間の余白-スマホ/60px ] */

@media screen and (max-width:760px) {
  .cms-column.col-p2,
  	.cms-column.col-p4,
  	.cms-column.col-p10,
  	.cms-column.col-p20,
  	.cms-column.col-p40,
  	.cms-column.col-p60 {margin-left:0;margin-right:0;}
  	.cms-column.col-p2 > div,
  	.cms-column.col-p4 > div,
  	.cms-column.col-p10 > div,
  	.cms-column.col-p20 > div,
  	.cms-column.col-p40 > div,
  	.cms-column.col-p60 > div{padding-left:0;padding-right:0;}
  	.cms-column.grid-12.col-p2,
  	.cms-column.grid-12.col-p4,
  	.cms-column.grid-12.col-p10,
  	.cms-column.grid-12.col-p20,
  	.cms-column.grid-12.col-p40,
  	.cms-column.grid-12.col-p60 {margin-left:-5px;margin-right:-5px;}
  	.cms-column.grid-12.col-p2 > div,
  	.cms-column.grid-12.col-p4 > div,
  	.cms-column.grid-12.col-p10 > div,
  	.cms-column.grid-12.col-p20 > div,
  	.cms-column.grid-12.col-p40 > div,
  	.cms-column.grid-12.col-p60 > div {padding-left:5px;padding-right:5px}
  	.cms-column.sp-col-p0 {margin-left:0px;margin-right:0px;}
  	.cms-column.sp-col-p2 {margin-left:-1px;margin-right:-1px;}
  	.cms-column.sp-col-p4 {margin-left:-2px;margin-right:-2px;}
  	.cms-column.sp-col-p10 {margin-left:-5px;margin-right:-5px;}
  	.cms-column.sp-col-p20 {margin-left:-10px;margin-right:-10px;}
  	.cms-column.sp-col-p40 {margin-left:-20px;margin-right:-20px;}
  	.cms-column.sp-col-p60 {margin-left:-30px;margin-right:-30px;}
  	.cms-column.sp-col-p0 > div{padding-left:0;padding-right:0;}
  	.cms-column.sp-col-p2 > div{padding-left:1px;padding-right:1px;}
  	.cms-column.sp-col-p4 > div{padding-left:2px;padding-right:2px;}
  	.cms-column.sp-col-p10 > div{padding-left:5px;padding-right:5px;}
  	.cms-column.sp-col-p20 > div{padding-left:10px;padding-right:10px;}
  	.cms-column.sp-col-p40 > div{padding-left:20px;padding-right:20px;}
  	.cms-column.sp-col-p60 > div{padding-left:30px;padding-right:30px;}
  	.cms-column.grid-12.sp-col-p0 {margin-left:0px;margin-right:0px;}
  	.cms-column.grid-12.sp-col-p2 {margin-left:-1px;margin-right:-1px;}
  	.cms-column.grid-12.sp-col-p4 {margin-left:-2px;margin-right:-2px;}
  	.cms-column.grid-12.sp-col-p10 {margin-left:-5px;margin-right:-5px;}
  	.cms-column.grid-12.sp-col-p20 {margin-left:-10px;margin-right:-10px;}
  	.cms-column.grid-12.sp-col-p40 {margin-left:-20px;margin-right:-20px;}
  	.cms-column.grid-12.sp-col-p60 {margin-left:-30px;margin-right:-30px;}
  	.cms-column.grid-12.sp-col-p0 > div{padding-left:0;padding-right:0;}
  	.cms-column.grid-12.sp-col-p2 > div{padding-left:1px;padding-right:1px;}
  	.cms-column.grid-12.sp-col-p4 > div{padding-left:2px;padding-right:2px;}
  	.cms-column.grid-12.sp-col-p10 > div{padding-left:5px;padding-right:5px;}
  	.cms-column.grid-12.sp-col-p20 > div{padding-left:10px;padding-right:10px;}
  	.cms-column.grid-12.sp-col-p40 > div{padding-left:20px;padding-right:20px;}
  	.cms-column.grid-12.sp-col-p60 > div{padding-left:30px;padding-right:30px;}
}

/* [ .cms-column.--- ,  ] */

/* [ .cms-column.--- ,  ] */
/* [ .cms-column.split , カラム間に線 ] */

/* [ .cms-column.split , カラム間に線 ] */
.cms-column.split > div {
  border-left: 1px solid #ddd;
}

.cms-column.split > div:first-child {
  border-left: none;
}

/* [ .cms-column.--- ,  ] */
/* [ .cms-column.column-2 , 均等幅2カラム ] */

/* [ .cms-column.column-2 , 均等幅2カラム ] */
/* [ .cms-column.column-3 , 均等幅3カラム ] */

/* [ .cms-column.column-3 , 均等幅3カラム ] */
/* [ .cms-column.column-4 , 均等幅4カラム ] */

/* [ .cms-column.column-4 , 均等幅4カラム ] */
/* [ .cms-column.column-5 , 均等幅5カラム ] */

/* [ .cms-column.column-5 , 均等幅5カラム ] */
.cms-column.column-2 > div {
  width: 50%;
}

.cms-column.column-3 > div {
  width: 33.33%;
}

.cms-column.column-4 > div {
  width: 25%;
}

.cms-column.column-5 > div {
  width: 20%;
}

/* [ .cms-column.--- ,  ] */
/* [ .cms-column.grid-12 , 12分割グリッド行 ] */

/* [ .cms-column.grid-12 , 12分割グリッド行 ] */
.cms-column.grid-12 {
  display: block;
}

.cms-column.grid-12 > div {
  display: block;float:left;
}

.cms-column.grid-12:after {
  display: block; clear: both; height: 0; content: '';
}

/* CMS管理画面用の指定 */
html._cms .cms-column.grid-12 {
  display: table;
}

html._cms .cms-column.grid-12._narrow-element {
  display: block;
}

html._cms .cms-column.grid-12 > div {
  display: table-cell;float:none;
}

/* [ .cms-column-col.col-1 , 12分割セル-PC-1col ] */

/* [ .cms-column-col.col-1 , 12分割セル-PC-1col ] */
/* [ .cms-column-col.col-2 , 12分割セル-PC-2col ] */

/* [ .cms-column-col.col-2 , 12分割セル-PC-2col ] */
/* [ .cms-column-col.col-2-4 , 12分割セル-PC-2.4col ] */

/* [ .cms-column-col.col-2-4 , 12分割セル-PC-2.4col ] */
/* [ .cms-column-col.col-2-5 , 12分割セル-PC-2.5col ] */

/* [ .cms-column-col.col-2-5 , 12分割セル-PC-2.5col ] */
/* [ .cms-column-col.col-3 , 12分割セル-PC-3col ] */

/* [ .cms-column-col.col-3 , 12分割セル-PC-3col ] */
/* [ .cms-column-col.col-3-5 , 12分割セル-PC-3.5col ] */

/* [ .cms-column-col.col-3-5 , 12分割セル-PC-3.5col ] */
/* [ .cms-column-col.col-4 , 12分割セル-PC-4col ] */

/* [ .cms-column-col.col-4 , 12分割セル-PC-4col ] */
/* [ .cms-column-col.col-5 , 12分割セル-PC-5col ] */

/* [ .cms-column-col.col-5 , 12分割セル-PC-5col ] */
/* [ .cms-column-col.col-6 , 12分割セル-PC-6col ] */

/* [ .cms-column-col.col-6 , 12分割セル-PC-6col ] */
/* [ .cms-column-col.col-7 , 12分割セル-PC-7col ] */

/* [ .cms-column-col.col-7 , 12分割セル-PC-7col ] */
/* [ .cms-column-col.col-8 , 12分割セル-PC-8col ] */

/* [ .cms-column-col.col-8 , 12分割セル-PC-8col ] */
/* [ .cms-column-col.col-9 , 12分割セル-PC-9col ] */

/* [ .cms-column-col.col-9 , 12分割セル-PC-9col ] */
/* [ .cms-column-col.col-10 , 12分割セル-PC-10col ] */

/* [ .cms-column-col.col-10 , 12分割セル-PC-10col ] */
/* [ .cms-column-col.col-11 , 12分割セル-PC-11col ] */

/* [ .cms-column-col.col-11 , 12分割セル-PC-11col ] */
/* [ .cms-column-col.col-12 , 12分割セル-PC-12col ] */

/* [ .cms-column-col.col-12 , 12分割セル-PC-12col ] */
.cms-column.grid-12 > .col-1 {
  width: 8.33%;
}

.cms-column.grid-12 > .col-2 {
  width: 16.66%;
}

.cms-column.grid-12 > .col-2-4 {
  width: 20%;
}

.cms-column.grid-12 > .col-2-5 {
  width: 20.83%;
}

.cms-column.grid-12 > .col-3 {
  width: 25%;
}

.cms-column.grid-12 > .col-3-5 {
  width: 29.16%;
}

.cms-column.grid-12 > .col-4 {
  width: 33.33%;
}

.cms-column.grid-12 > .col-5 {
  width: 41.66%;
}

.cms-column.grid-12 > .col-6 {
  width: 50%;
}

.cms-column.grid-12 > .col-7 {
  width: 58.33%;
}

.cms-column.grid-12 > .col-8 {
  width: 66.66%;
}

.cms-column.grid-12 > .col-9 {
  width: 75%;
}

.cms-column.grid-12 > .col-10 {
  width: 83.33%;
}

.cms-column.grid-12 > .col-11 {
  width: 91.66%;
}

.cms-column.grid-12 > .col-12 {
  width: 100%;
}

/* [ .cms-column-col.--- ,  ] */

/* [ .cms-column-col.--- ,  ] */
/* [ .cms-column-col.sp-col-1 , 12分割グリッド-スマホ/1col ] */

/* [ .cms-column-col.sp-col-1 , 12分割グリッド-スマホ/1col ] */
/* [ .cms-column-col.sp-col-2 , 12分割グリッド-スマホ/2col ] */

/* [ .cms-column-col.sp-col-2 , 12分割グリッド-スマホ/2col ] */
/* [ .cms-column-col.sp-col-3 , 12分割グリッド-スマホ/3col ] */

/* [ .cms-column-col.sp-col-3 , 12分割グリッド-スマホ/3col ] */
/* [ .cms-column-col.sp-col-4 , 12分割グリッド-スマホ/4col ] */

/* [ .cms-column-col.sp-col-4 , 12分割グリッド-スマホ/4col ] */
/* [ .cms-column-col.sp-col-5 , 12分割グリッド-スマホ/5col ] */

/* [ .cms-column-col.sp-col-5 , 12分割グリッド-スマホ/5col ] */
/* [ .cms-column-col.sp-col-6 , 12分割グリッド-スマホ/6col ] */

/* [ .cms-column-col.sp-col-6 , 12分割グリッド-スマホ/6col ] */
/* [ .cms-column-col.sp-col-7 , 12分割グリッド-スマホ/7col ] */

/* [ .cms-column-col.sp-col-7 , 12分割グリッド-スマホ/7col ] */
/* [ .cms-column-col.sp-col-8 , 12分割グリッド-スマホ/8col ] */

/* [ .cms-column-col.sp-col-8 , 12分割グリッド-スマホ/8col ] */
/* [ .cms-column-col.sp-col-9 , 12分割グリッド-スマホ/9col ] */

/* [ .cms-column-col.sp-col-9 , 12分割グリッド-スマホ/9col ] */
/* [ .cms-column-col.sp-col-10 , 12分割グリッド-スマホ/10col ] */

/* [ .cms-column-col.sp-col-10 , 12分割グリッド-スマホ/10col ] */
/* [ .cms-column-col.sp-col-11 , 12分割グリッド-スマホ/11col ] */

/* [ .cms-column-col.sp-col-11 , 12分割グリッド-スマホ/11col ] */
/* [ .cms-column-col.sp-col-12 , 12分割グリッド-スマホ/12col ] */

@media screen and (max-width:760px) {
  .cms-column.grid-12 > .col-1,
  	.cms-column.grid-12 > .col-2,
  	.cms-column.grid-12 > .col-2-4,
  	.cms-column.grid-12 > .col-2-5,
  	.cms-column.grid-12 > .col-3,
  	.cms-column.grid-12 > .col-3-5,
  	.cms-column.grid-12 > .col-4,
  	.cms-column.grid-12 > .col-5,
  	.cms-column.grid-12 > .col-6,
  	.cms-column.grid-12 > .col-7,
  	.cms-column.grid-12 > .col-8,
  	.cms-column.grid-12 > .col-9,
  	.cms-column.grid-12 > .col-10,
  	.cms-column.grid-12 > .col-11,
  	.cms-column.grid-12 > .col-12 { width: auto;float: none;}
  	.cms-column.grid-12 > .sp-col-1 { float: left;width: 8.33%;}
  	.cms-column.grid-12 > .sp-col-2 { float: left;width: 16.66%;}
  	.cms-column.grid-12 > .sp-col-3 { float: left;width: 25%;}
  	.cms-column.grid-12 > .sp-col-4 { float: left;width: 33.33%;}
  	.cms-column.grid-12 > .sp-col-5 { float: left;width: 41.66%;}
  	.cms-column.grid-12 > .sp-col-6 { float: left;width: 50%;}
  	.cms-column.grid-12 > .sp-col-7 { float: left;width: 58.33%;}
  	.cms-column.grid-12 > .sp-col-8 { float: left;width: 66.66%;}
  	.cms-column.grid-12 > .sp-col-9 { float: left;width: 75%;}
  	.cms-column.grid-12 > .sp-col-10 { float: left;width: 83.33%;}
  	.cms-column.grid-12 > .sp-col-11 { float: left;width: 91.66%;}
  	.cms-column.grid-12 > .sp-col-12 { float: left;width: 100%;}
}

/* [ .cms-markdown.default, フリー-デザイン標準 ] */

/* [ .cms-markdown.default, フリー-デザイン標準 ] */
.cms-markdown.default {
  line-height: 1.8;
}

.cms-markdown.default h1 {
  font-size:36px;line-height: 1.1; font-weight: bold; margin: 0 0 0.75em 0;
}

.cms-markdown.default h2 {
  font-size:24px;line-height: 1.1; font-weight: bold; margin: 2em 0 1em 0;
}

.cms-markdown.default h3 {
  font-size:18px;line-height: 1.1; font-weight: bold; margin: 2em 0 1em 0;
}

.cms-markdown.default h4 {
  line-height: 1.1; font-weight: bold; margin: 2em 0 1em 0;
}

.cms-markdown.default h5 {
  line-height: 1.1; font-weight: bold; margin: 2em 0 1em 0;
}

.cms-markdown.default h6 {
  line-height: 1.1; font-weight: bold; margin: 2em 0 1em 0;
}

.cms-markdown.default p {
  margin: 0.5em 0 0.5em 0;
}

.cms-markdown.default ul {
  list-style-type : disc; margin: 1em 0 1em 4em;
}

.cms-markdown.default ol {
  list-style-type : decimal; margin: 1em 0 1em 4em;
}

.cms-markdown.default li {
  line-height: 1.8; margin: 0.5em 0;
}

.cms-markdown.default blockquote {
  margin: 1em;padding: 1em;background: #f7f7f7;
}

/* [ .cms-markdown.--- ,  ] */

/* [ .cms-markdown.--- ,  ] */
/* [ .cms-markdown.big , フリー-文字大きく ] */

/* [ .cms-markdown.big , フリー-文字大きく ] */
.cms-markdown.big {
  font-size:18px;
}

.cms-markdown.big h1 {
  font-size:42px;
}

.cms-markdown.big h2 {
  font-size:36px;
}

.cms-markdown.big h3 {
  font-size:24px;
}

/* [ .cms-markdown.small , フリー-文字小さく] */

/* [ .cms-markdown.small , フリー-文字小さく] */
.cms-markdown.small {
  font-size:12px;
}

.cms-markdown.small h1 {
  font-size:24px;
}

.cms-markdown.small h2 {
  font-size:18px;
}

.cms-markdown.small h3 {
  font-size:16px;
}

.cms-h a {
  color: inherit;
}

.cms-h em {
  font-size:70%; background:#888; background:rgba(0,0,0,0.7); color: #fff; padding: 0.3em 0.6em 0.2em 0.6em ; border-radius:2px; display: inline-block; margin:-0.2em 0 0 0; vertical-align: middle;
}

.cms-h small {
  font-weight: normal;
}

.cms-h-right {
  font-size:14px; float:right; color: rgba(0,0,0,0.5); font-weight: normal; margin:0 0.2em 0 0;
}

html._cms .cms-h.cms-toggle:after {
  content:"+";float: right;font-weight: normal;
}

/* [ h1.default , H1-デザイン標準 ] */

/* [ h1.default , H1-デザイン標準 ] */
h1.default {
  margin: 0 0 1em 0; font-size:36px;
}

/* [ h1.big , H1-文字大きく ] */
/* [ h1.small , H1-文字小さく] */

h1.small {
  font-size: 28px;
}

/* [ h2.default , H2-デザイン標準 ] */

/* [ h2.default , H2-デザイン標準 ] */
h2.default {
  margin: 3em 0 1em 0; font-size:24px;
}

/* [ h2.big , H2-文字大きく ] */
/* [ h2.small , H2-文字小さく] */

h2.small {
  font-size: 18px;
}

/* [ h3.default , H3-デザイン標準 ] */

/* [ h3.default , H3-デザイン標準 ] */
h3.default {
  margin: 2em 0 1em 0; font-size:18px;
}

/* [ h3.big , H3-文字大きく ] */
/* [ h3.small , H3-文字小さく] */

h3.small {
  font-size: 16px;
}

/* [ h4.default , H4-デザイン標準 ] */

/* [ h4.default , H4-デザイン標準 ] */
h4.default {
  margin: 2em 0 1em 0; font-size:14px;
}

/* [ h4.big , H4-文字大きく ] */
/* [ h4.small , H4-文字小さく] */

h4.small {
  font-size: 12px;
}

/* [ .cms-p.default, 文書-デザイン標準 ] */

/* [ .cms-p.default, 文書-デザイン標準 ] */
.cms-p.default {
  margin: 1em 0 1em 0;line-height: 1.8;
}

/* [ .cms-p.big, 文書-文字大きく ] */
/* [ .cms-p.small, 文書-文字小さく ] */

.cms-p.small {
  font-size: 12px;
}

/* [ .cms-ul.default, リスト-デザイン標準 ] */

/* [ .cms-ul.default, リスト-デザイン標準 ] */
.cms-ul.default {
  margin: 1em 0 2em 0;
}

.cms-ul.default ul {
  line-height: 1.8; padding: 0 0 0 3em;
}

.cms-ul.default li {
  margin:0 0 0.75em 0;list-style-type: disc;
}

/* [ .cms-ul.big, リスト-文字大きく ] */
/* [ .cms-ul.small, リスト-文字小さく ] */

.cms-ul.small {
  font-size: 12px;
}

/* [ .cms-table.default, 表組-デザイン標準 ] */

/* [ .cms-table.default, 表組-デザイン標準 ] */
.cms-table.default {
  margin: 1em 0 1em 0; border-top: 1px solid #ddd;
}

.cms-table.default th,

.cms-table.default td {
  line-height: 1.8;padding:1em;
}

.cms-table.default th {
  font-weight:bold; border-bottom: 1px solid #ddd;
}

.cms-table.default td {
  width: auto; border-bottom: 1px solid #ddd;
}

/* [ .cms-table.big, 表組-文字大きく ] */
/* [ .cms-table.small, 表組-文字小さく ] */

.cms-table.small {
  font-size: 12px;
}

.cms-img a {
  display: block;
}

.cms-img {
  display:inline-block;vertical-align: bottom;
}

.cms-img .caption {
  display: block;color: #888;margin: 0.5em 0;
}

/* [ .cms-img.--- ,  ] */

/* [ .cms-img.--- ,  ] */
/* [ .cms-img.frame , 画像-写真枠 ] */

/* [ .cms-img.frame , 画像-写真枠 ] */
/* [ .cms-img.frame2 , 画像-写真枠2 ] */

/* [ .cms-img.frame2 , 画像-写真枠2 ] */
.cms-img.frame {
  padding: 5px; background:#fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.cms-img.frame2 {
  padding: 10px; background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}

/* [ .cms-img.border , 画像-枠線 ] */

/* [ .cms-img.border , 画像-枠線 ] */
.cms-img.border img {
  outline:solid 1px #ddd;
}

/* [ .cms-img.round , 画像-角丸 ] */

/* [ .cms-img.round , 画像-角丸 ] */
/* [ .cms-img.circle , 画像-丸 ] */

/* [ .cms-img.circle , 画像-丸 ] */
.cms-img.round {
  border-radius: 5px; overflow:hidden;
}

.cms-img.circle > *:first-child {
  background: #eee;
  border-radius: 50%;
  overflow: hidden;
}

/* [ .cms-img.--- ,  ] */
/* [ .cms-img.left , 画像-左回込み ] */

/* [ .cms-img.left , 画像-左回込み ] */
/* [ .cms-img.center , 画像-中央寄せ ] */

/* [ .cms-img.center , 画像-中央寄せ ] */
/* [ .cms-img.right , 画像-右回込み ] */

/* [ .cms-img.right , 画像-右回込み ] */
.cms-img.left {
  float:left;margin:0 2em 1em 0;
}

.cms-img.center {
  display: block;text-align: center;
}

.cms-img.right {
  float:right;margin:0 0 2em 1em;
}

/* [ .cms-code.default, コードブロック-デザイン標準 ] */

/* [ .cms-code.default, コードブロック-デザイン標準 ] */
.cms-code.default {
  margin: 1em;
}

.cms-code.default code {
  padding:0.5em 1em; background: #333; color: #fff; border-radius:5px;
}

.cms-code.default .tag {
  width:20px; display:inline-block;
}

/* [ .cms-code.big, コードブロック-文字大きく ] */
/* [ .cms-code.small, コードブロック-文字小さく ] */

.cms-code.small {
  font-size: 12px;
}

/* [ .cms-bq.default, 引用-デザイン標準 ] */

/* [ .cms-bq.default, 引用-デザイン標準 ] */
.cms-bq.default {
  line-height: 1.8; margin: 1em 0;display: block;
}

.cms-bq.default {
  padding: 1.5em 0 1.5em 100px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAA/CAYAAABHP14DAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTUvMDYvMDM8LcY/AAAEPklEQVR4nO2bb0/UQBCHHz04wsHpxVMSUJSAit//2xg1acBwgXjmIn8OTy/4YttYuO7uzHa39EWf5IKRXvvjt9vZ2ZkWOjo6OtpLr4HzvwEOgZ/AMvH1fPRyLbsYPXeaL6ZiCHwAngFP858qcZEZAcfAAFgHtoCp9MupjNoDDh6cXy0uEj3gHfAaM2AFG/lnJj1JbFGHwCvL71XiIjAA3mNms+33C2DuO1FMo/rAR8wt52KAiVXXEa9dRXHr9z3HjYArjGFWYhk1AD4JRBU8RziSgYyBI+7fai5GwC/gj+0A6YlcDDAzSWP6knQr4BgTHzU4ZxPAkyAp/wkxaQ5kwE3Na1cRYtIMo8c5cHWMCjXps09UICEmTTEmeVlTnrigx+ry72MKnJLGpAF6kzIUqUqoUUfApuJ48cgFUKy2GjKU+VxIMN/HnwKUSWkSmDxJM7MzApJerVFDYEdx/Bxzu6ViH93MnhC4M9AYVcQlKQvSBW7QD9oUOAu9mMaoPeQJJcA30lYLDhTH1p7ZUqO0o3dKmjypQDtoGTUHTWrUruKcl8BFgBYpfXSDNiHCoEmMGqJb5bIwKWL2kK9yC2rEpTISozSz6QLBvqkGfUwGLiWLdWGfUZrZtCTS6Dl4qTj2Mv9EwWeUJhbMSF8T1+iJGiddRvUxdRopqWfTGF1silpFdRmlMWlO2tgEOj3RS80uozTx4EddIR566IyK3sCwGdVHt4e6iqDFhcakBQmSXZtRmrwJ0mbhoNOTRIutHqURVm4QjDGjP+R+4F1i4saUsCU7RE/vgZ4yRbA/RxhbbUYNFML+5kIOsO+/CtFjjFGZVGD+Xc2+7gaTve9gXyWLbdAOJo04w5Pa2E70ViFsDdPwlC7dG5iFwtkeKrGNLhvfxswi6T52C9M+c7b7q06mmU0Q1hvsYcq3kmtpFhXQzb7yNY5x/C1VRqV+wqV8nQPBcaF1fS2bOPRUGaVd8eqwiYknvmOaoirwA3E6xXXxxZ+mZnhB5X6yDUZp95SpGVExOG0wCpq93SWs6GmLUU3GIQkrq3FbjGrbjNp++B9tMar1dEYJqTLqb+Mq3KQuCIqoMirV44KhtNao1LUlLa3QU2XUkuZH0VWjegyjViq2tmAerR8mxHW7L2h+4FYGx2ZUUw/MF/gG5tH1uIxqahSLMrGLJl8LqWzkuvKopsRJOro3NBcOKvW4jDonfYt8mV9HwiSlkBzr8wquWs8dcAu8SKEo5wT5OzELTLVzK5GWJfAFy+TwFcVuMc0AbR1dwhT9LLnGNALW48vhBEcjV1I9nBHfrNBHqu8w3ZLYZmV4YrK0zDoj3rSfUO/B05hmLYGvCNIP7bswvkani0vgO3EzbV+j04XqlZPQl4ZGpY9L5AJjUGgrXULxpMsYfwFwjnnyRp0n1n0NDczs2ij9uxDwWysmEjazmt6WdXR0dDTGP8kezGlFL6lqAAAAAElFTkSuQmCC) 10px 10px no-repeat;
}

/* [ .cms-bq.big, 引用-文字大きく ] */
/* [ .cms-bq.small, 引用-文字小さく ] */

.cms-bq.small {
  font-size: 12px;
}

/* 共通設定 */
.cms-margin {
  clear:both;color: #9db0cd;font-size:12px;
}

/* [ .cms-btn.big , ボタン-文字大きく ] */
/* [ .cms-btn.small , ボタン-文字小さく] */

.cms-btn.small {
  font-size: 12px;
}

/* [ .cms-btns.default, リスト-デザイン標準 ] */

/* [ .cms-btns.default, リスト-デザイン標準 ] */
.cms-btns.default {
  margin: 1em 0;
}

.cms-btns.default ul {
  margin-left:1em;
}

.cms-btns.default li {
  padding: 0.7em 0;
}

.cms-btns.default2 .btn-caption {
  display: block; float: right; margin: 1em 1em 0 0;
}

/* [ .cms-btns.big , リスト-文字大きく ] */
/* [ .cms-btns.small , リスト-文字小さく] */

.cms-btns.small {
  font-size: 12px;
}

/* [ .cms-news.default, ニュース-デザイン標準 ] */

/* [ .cms-news.default, ニュース-デザイン標準 ] */
.cms-news.default {
  width: 100%; margin: 1em 0 2em 0;line-height: 1.8;border-top: 1px solid #ddd;
}

.cms-news.default .news-title:before {
  font-family: 'FontAwesome'; content: '\f0da';margin: 0 0.5em 0 0
}

.cms-news.default .news-title {
  margin: 0 0 0.5em 0 ;
}

.cms-news.default .news-body {
  margin: 0.5em 0 0 0;
}

.cms-news.default .news-date2 {
  display: none;
}

.cms-news.default .news-row {
  border-bottom: 1px solid #ddd;padding: 1em 0 1em 0;
}

.cms-news.default .news-cell-date {
  float:left; width: 7em;
}

.cms-news.default .news-cell-category {
  float:left;width:7em;
}

.cms-news.default .news-cell-text {
  margin-left: 9em;text-align: left;
}

/* [ .cms-news.--- ,  ] */

/* [ .cms-news.--- ,  ] */
/* [ .cms-news.big , ニュース-文字大きく ] */

/* [ .cms-news.big , ニュース-文字大きく ] */
/* [ .cms-news.small , ニュース-文字小さく] */

/* [ .cms-news.small , ニュース-文字小さく] */
.cms-news.big {
  font-size: 18px;
}

.cms-news.small {
  font-size: 12px;
}

/* 共通設定 */
.cms-newsB .news-a,

.cms-newsB .news-b,

.cms-newsB .news-c,

.cms-newsB .news-d {
  text-align: center; padding: 0.5em 0.2em 0.4em 0.2em; color: #fff; display: block; border-radius:3px; font-size: 12px; line-height: 1;
}

.cms-newsB .news-a {
  background:#666666
}

.cms-newsB .news-b {
  background:#3085CD
}

.cms-newsB .news-c {
  background:#00008C
}

.cms-newsB .news-d {
  background:#FF5E00
}

/* [ .cms-newsB.default, ニュースB-デザイン標準 ] */

/* [ .cms-newsB.default, ニュースB-デザイン標準 ] */
.cms-newsB.default {
  width: 100%; margin: 1em 0 2em 0;line-height: 1.8;border-top: 1px solid #ddd;
}

.cms-newsB.default .news-row {
  border-bottom: 1px solid #ddd;padding: 1em 0 1em 0;
}

.cms-newsB.default .news-cell-date {
  float:left; width: 7em;
}

.cms-newsB.default .news-cell-category {
  float:left; width:7em;
}

.cms-newsB.default .news-cell-text {
  margin-left: 15em;
}

/* [ .cms-newsB.--- ,  ] */

/* [ .cms-newsB.--- ,  ] */
/* [ .cms-newsB.big , ニュース-文字大きく ] */

/* [ .cms-newsB.big , ニュース-文字大きく ] */
/* [ .cms-newsB.small , ニュース-文字小さく] */

/* [ .cms-newsB.small , ニュース-文字小さく] */
.cms-newsB.big {
  font-size: 18px;
}

.cms-newsB.small {
  font-size: 12px;
}

.cms-accordion dt.active:before {
  content: "-"; opacity: 0.5;
}

/* [ .cms-qa.default, Q&Aリスト-デザイン標準 ] */

/* [ .cms-qa.default, Q&Aリスト-デザイン標準 ] */
.cms-qa.default {
  line-height: 1.8; margin: 1em 0 2em 0;
}

.cms-qa.default dt {
  clear: both;
  font-weight: bold;
  margin: 0.5em 0 0 0;
  border-bottom: 1px solid #ddd;
  padding: 0.5em 0 0.5em 0;
}

.cms-qa.default dd {
  padding: 1em 0 0 2em; margin: 0 0 2em 0;
}

.cms-qa.default dd:before {
  font-family: 'FontAwesome'; content: "\f061"; margin: 0 0.5em 0 -1.5em;
}

/* [ .cms-qa.big , Q&Aリスト-文字大きく ] */
/* [ .cms-qa.small , Q&Aリスト-文字小さく] */

.cms-qa.small {
  font-size: 12px;
}

.cms-talk.default th {
  width: 4em; padding: 0 0 1em 0; text-align: center;
}

.cms-talk.default th img {
  display: block; margin: 0 auto 5px auto;
}

.cms-talk.default td {
  padding: 0 0 1em 1em
}

/* [ .cms-talk.big , インタビュー-文字大きく ] */
/* [ .cms-talk.small , インタビュー-文字小さく] */

.cms-talk.small {
  font-size: 12px;
}

/* [ .cms-navi.default, ナビ-デザイン標準 ] */

/* [ .cms-navi.default, ナビ-デザイン標準 ] */
.cms-navi.default {
  line-height: 1.8;
}

.cms-navi.default ._level-3 {
  margin: 0 0 0 2em;
}

.cms-navi.default ._type-dir > p {
  font-weight: bold;
}

.cms-navi.default ._level-1 > ._type-dir > p {
  margin: 2em 0 1em 0; padding: 1em 0.5em 0.5em 0.2em;border-bottom: 2px solid #333;
}

.cms-navi.default ._level-2 > ._type-dir > p {
  margin: 1em 0 1em 0; padding: 0.2em; border-bottom: 2px solid #ddd;
}

.cms-navi.default ._level-3 > ._type-dir > p {
  margin: 1em 0 1em 0; padding: 0.2em; border-bottom: 2px solid #ddd;
}

.cms-navi.default ._type-page {
  padding: 0.3em;font-weight: normal;
}

.cms-navi.default ._type-html {
  padding: 1em 0.3em 0.3em 0.3em;font-weight: normal;
}

/* [ .cms-navi.--- ,  ] */

/* [ .cms-navi.--- ,  ] */
/* [ .cms-navi.big , ナビ-文字大きく ] */

/* [ .cms-navi.big , ナビ-文字大きく ] */
/* [ .cms-navi.small , ナビ-文字小さく] */

/* [ .cms-navi.small , ナビ-文字小さく] */
.cms-navi.big {
  font-size: 18px;
}

.cms-navi.small {
  font-size: 12px;
}

/* [ .cms-tab.default, タブ-デザイン標準 ] */

/* [ .cms-tab.default, タブ-デザイン標準 ] */
.cms-tab.default {
  border-bottom: 1px solid #999;margin: 1em 0 1em 0;
}

.cms-tab.default li {
  display: inline-block; padding: 1em 2em; margin: 2px 2px 0 0; margin-bottom: -1px; border-bottom: none; background: #f7f7f7; border-bottom: 1px solid #999; border-radius: 5px 5px 0 0;
}

.cms-tab.default .active {
  background: #fff; border: 1px solid #999; border-bottom: 1px solid #fff;
}

/* [ .cms-tab.big , タブ-文字大きく ] */
/* [ .cms-tab.small , タブ-文字小さく] */

.cms-tab.small {
  font-size: 12px;
}

/* [ .cms-slider.default, スライド-デザイン標準 ] */

/* [ .cms-slider.default, スライド-デザイン標準 ] */
.cms-slider.default img {
  width: 100%;
}

.cms-slider.default .title {
  margin:5px 0 2px 0;line-height: 1.4;
}

.cms-slider.default .read {
  font-size: 85%;margin:2px 0;line-height: 1.4;
}

/* [ .cms-slider.big , スライド-文字大きく ] */
/* [ .cms-slider.small , スライド-文字小さく] */

.cms-slider.small {
  font-size: 12px;
}

/* [ .cms-carrousel.default, カルーセル-デザイン標準 ] */

/* [ .cms-carrousel.default, カルーセル-デザイン標準 ] */
.cms-carrousel.default img {
  width: 100%;
}

.cms-carrousel.default .title {
  margin:5px 0 2px 0;line-height: 1.4;
}

.cms-carrousel.default .read {
  font-size: 85%;margin:2px 0;line-height: 1.4;
}

/* [ .cms-carrousel.big , カルーセル-文字大きく ] */
/* [ .cms-carrousel.small , カルーセル-文字小さく] */

.cms-carrousel.small {
  font-size: 12px;
}

/* [ .cms-socials.default, シェアボタン-デザイン標準 ] */

/* [ .cms-socials.default, シェアボタン-デザイン標準 ] */
.cms-socials.default {
  border: 10px solid #eee;margin: 1em 0;padding: 1em;
}

.cms-socials.default li {
  display: block;float:left;margin: 0 5px;
}

/* [ .cms-feed.default, RSSフィード-デザイン標準 ] */

/* [ .cms-feed.default, RSSフィード-デザイン標準 ] */
.cms-feed.default li {
  border-top:1px solid #ddd; padding: 0.5em 0; margin: 0 0 0.5em 0;
}

.cms-feed.default li .feed_date {
  opacity: 0.5;
}

.cms-feed.default li .feed_title {
  font-weight: bold;
}

/* [ .cms-feed.big , RSSフィード-文字大きく ] */
/* [ .cms-feed.small , RSSフィード-文字小さく] */

.cms-feed.small {
  font-size: 12px;
}

.cms-pagenation ._list-type-number li.active {
  background:#666;color:#fff;
}

/* [ .cms-form-mail.default, フォーム-デザイン標準 ] */

/* [ .cms-form-mail.default, フォーム-デザイン標準 ] */
.cms-form-mail.default {
  margin: 20px 0; min-height: 500px;color: #333;
}

.cms-form-mail.default label {
  margin:5px 0 5px 0; line-height: 1; color: #888;
}

.cms-form-mail.default label.error {
  color: red;background:rgba(255,255,0,0.2);
}

.cms-form-mail.default ._form-html {
  margin:30px 0 5px 0;padding:5px 0 5px 15px;border-left: 7px solid #333;font-size: 18px;font-weight: bold;
}

.cms-form-mail.default ._form-space {
  padding: 14px 0;
}

.cms-form-mail.default ._form-radio {
  color: #333; padding: 3px;
}

.cms-form-mail.default ._form-read {
  text-align: center;margin:20px 0;line-height: 1.6;
}

.cms-form-mail.default ._form-processArea {
  width: 280px; margin: 20px auto;
}

.cms-form-mail.default ._form-processArea > div {
  float: left;
}

.cms-form-mail.default ._form-processArea ._form-pr-arrow {
  color: #ccc; padding:10px 15px;
}

.cms-form-mail.default ._form-processArea ._form-pr-p {
  color: #888; border-radius:50px; padding: 10px 15px; border: 1px solid #ddd;
}

.cms-form-mail.default ._form-processArea ._form-pr-p._form-current {
  background: #f7f7f7; color: #333; font-weight: bold;
}

.cms-form-mail.default ._form-inpuyArea table {
  width: 100%;
}

.cms-form-mail.default ._form-inpuyArea th {
  width: 10em; font-weight: normal; text-align: left; vertical-align: top; padding: 18px 0 0 10px;
}

.cms-form-mail.default ._form-inpuyArea td {
  padding: 0;
}

.cms-form-mail.default ._form-confirmArea {
  display: none;
}

.cms-form-mail.default ._form-confirmArea table {
  width: 100%;line-height: 1.6;
}

.cms-form-mail.default ._form-confirmArea th {
  width: 12em;
}

.cms-form-mail.default ._form-confirmArea th,

.cms-form-mail.default ._form-confirmArea td {
  font-weight: normal; text-align: left; vertical-align: top; padding: 20px 10px 20px 0; border-top: 1px solid #ddd;
}

.cms-form-mail.default ._form-resultArea {
  display: none;padding:100px 50px;text-align: center;
}

.cms-form-mail.default ._form-result {
  font-size: 24px; padding:10px 0;
}

.cms-form-mail.default ._form-result-sub {
  padding:10px 0;
}

.cms-form-mail.default ._form-required {
  color: red;
}

.cms-form-mail.default ._form-th {
  padding: 0 5px 0 0;
}

.cms-form-mail.default ._form-address {
  clear:both;
}

.cms-form-mail.default ._form-address-th {
  width: 7em; float: left; padding: 18px 0 0 0; color: #888;
}

.cms-form-mail.default ._form-address-td {
  margin-left:7em;
}

.cms-form-mail.default ._form-col {
  float: left;
}

.cms-form-mail.default ._form-note {
  clear:both; color: #888; margin: 2px 0 10px 0;
}

.cms-form-mail.default ._form-btns {
  position: relative;
}

.cms-form-mail.default ._form-btn_back {
  display: block; cursor: pointer; width: 160px; margin: 10px auto; border: 1px solid #ddd; padding: 10px 20px; border-radius:5px; text-align: center;
}

.cms-form-mail.default ._form-btn_back:hover {
  border: 1px solid #ccc;
}

.cms-form-mail.default input {
  padding: 10px 5px; margin: 5px 5px 5px 0; font-size: 16px; width: 100%; border: none; border-top: 1px solid #eee; background: #f7f7f7; border-radius:5px;
}

.cms-form-mail.default input:focus {
  background: #ffd;
}

.cms-form-mail.default input[type=radio] {
  width: auto;
}

.cms-form-mail.default input[type=checkbox] {
  width: auto;
}

.cms-form-mail.default input[type=button] ,

.cms-form-mail.default input[type=submit] {
  display: block; cursor: pointer; padding: 10px 50px; background: #333; color: #fff; border:none; width:auto; margin: 20px auto;
}

.cms-form-mail.default textarea {
  display: block; padding: 7px 5px; margin: 5px 5px 5px 0; font-size: 16px; width: 100%; height: 200px; border: none; border-top: 1px solid #eee; background: #f7f7f7; border-radius:5px;
}

.cms-form-mail.default textarea:focus {
  background: #ffd;
}

.cms-form-mail.default select {
  border: none; border-bottom: 2px solid #eee; padding: 7px 5px; width: 100%; margin: 5px 0; font-size: 16px; height: 40px;
}

/* [ .cms-form-mail.big , フォーム-文字大きく ] */
/* [ .cms-form-mail.small , フォーム-文字小さく] */

.cms-form-mail.small {
  font-size: 12px;
}

/* ========================================
 * webflow.css から抽出
 * ======================================== */

.w-embed:before,

.w-embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

/*
 * CSS Phase 2 - To be added to style.css
 * Extracted from site.css and null2.webflow.css
 * Generated: 2025-10-28 20:48:13
 */

/* ========================================
 * From site.css
 * Used rules: 70
 * ======================================== */

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1;
}

.parallel-list ._level-1._sum-1 > li {
  width: 100%;
}

.parallel-list ._level-1._sum-2 > li {
  width: 50%;
}

.parallel-list ._level-1._sum-3 > li {
  width: 33.3%;
}

.parallel-list ._level-1._sum-4 > li {
  width: 25%;
}

.parallel-list ._level-1._sum-5 > li {
  width: 20%;
}

.parallel-list ._level-1._sum-6 > li {
  width: 16.6%;
}

.parallel-list ._level-1._sum-7 > li {
  width: 14.2%;
}

.parallel-list ._level-1._sum-8 > li {
  width: 12.5%;
}

.parallel-list ._level-1._sum-9 > li {
  width: 11%;
}

/* ========================================
 * From null2.webflow.css
 * Used rules: 45
 * ======================================== */

.subtitle {
  padding-bottom: 0px;
  font-family: "Zen Old Mincho", sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-shadow: none;
}

.footer-section {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.18);
  color: #7e7c87;
}

.about {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: "Zen Old Mincho", sans-serif;
  color: #fff;
  line-height: 2.1em;
  font-weight: 400;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  white-space: normal;
}

.video {
  margin-bottom: 60px;
}

.div-block {
  padding-bottom: 0px;
}

.image {
  padding-bottom: 0px;
}

.link {
  padding-right: 10px;
  padding-left: 10px;
  font-family: "Zen Old Mincho", sans-serif;
  color: #fff;
  font-size: 16px;
}

.link.relatedlinks {
  margin-right: 0px;
  margin-left: 0px;
  font-size: 12px;
}

.div-block-2 {
  padding-bottom: 40px;
  padding-top: 40px;
  text-align: center;
}

.div-block-3 {
  margin-bottom: 0px;
  padding-bottom: 20px;
  border-top: 1px solid #fff;
}

.relatedlinks {
  margin-top: 0px;
  margin-bottom: 10px;
}

.text-block {
  padding-bottom: 20px;
  font-family: "Zen Old Mincho", sans-serif;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.15em;
  text-decoration: none;
}

/* ================================================
   Utilities
   ================================================ */

.w-row:before,
.w-row:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

/* [ .float-right , レイアウト・フロート/float:right ] */
/* [ .clearfix , レイアウト・フロート/clearfix ] */

.clearfix:after {
  visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  position: relative;
  padding: 0;
}

.w-video iframe,

.w-video object,

.w-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* ================================================
   Responsive (Media Queries)
   ================================================ */

@media (max-width: 767px) {
.menu-close-btn {
    top: 15px;
    right: 35px;
    width: 30px;
    height: 25px;
  }

  .menu-close-btn span {
    width: 18px;
  }

  .footer-sitemap-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .footer-sns-row {
    flex-direction: column;
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
body {
    padding-top: 0px;
  }

  /* header */
  .language-switcher {
    top: 10px;
    right: 10px;
  }

  .lang-btn {
    padding: 15px;
    font-size: 20px;
  }

  .menu-list a {
    font-size: 24px;
  }
  /* header */

  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .logo {
    width: clamp(90px, 20vw, 210px);
    text-shadow: none;
  }

  .intro-first-view {
    height: calc(100vh - 65px);
    margin-top: 65px;
  }

  .logo-large {
    width: 70%;
    max-width: 300px;
  }

  /* top */
  .intro-fullscreen-item {
    min-height: 100vh;
  }

  .intro-content-wrapper {
    flex-direction: column;
  }

  .intro-img,
  .intro-text-wrapper {
    position: relative;
    width: 100%;
    height: 50vh;
  }

  .intro-img {
    transform: translateY(-50px);
  }

  .intro-text-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    transform: translateY(50px);
  }

  .intro-img::after {
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.8) 60%,
        rgba(0, 0, 0, 0.95) 100%);
  }

  .intro-reverse .intro-img::after {
    background: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.8) 60%,
        rgba(0, 0, 0, 0.95) 100%);
  }

  /* .intro-reverse .intro-text-wrapper {
    transform: translateY(50px);
  }

  .intro-text-wrapper.visible {
    transform: translateY(0);
  } */

  /* .intro-text-inner {
    padding: 30px;
    text-align: center;
  }

  .intro-second-view-text {
    text-align: center;
  } */

  /* top */
  /* .produce-title {
    font-size: 1.4rem;
  }

  .produce-subtitle {
    font-size: 1.4rem;
  } */

  .producer-photo {
    flex: 0 0 250px;
    max-width: 250px;
    margin-right: 20px;
  }

  .producer-text {
    margin-top: 40px;
  }

  .producer-name {
    font-size: 1.5rem;
    margin-bottom: 16px;
  }

  .producer-profire {
    font-size: 0.85rem;
    line-height: 1.5;
  }

  .producer-sign-img {
    max-width: 200px;
    margin-left: 80px;
    margin-top: 15px;
  }

  .intro-img+.intro-second-view-text {
    font-size: 0.9rem;
    padding: 15px;
  }

  .intro-img {
    margin: 40px auto;
  }

  .intro-second-view-text {
    font-size: 0.9rem;
    padding: 0 15px;
  }

  /* movie */
  .movie-content {
    flex: 0 0 calc(33.333% - 12px);
    min-width: 220px;
    max-width: 280px;
  }

  .movie-title {
    font-size: 0.95rem;
  }

  .movie-info {
    padding: 12px;
    height: 55px;
  }

  /* movie */

  .footer-sitemap {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-sitemap-section {
    flex: 0 0 100%;
    margin-bottom: 25px;
  }

  .footer-sitemap-link a {
    font-size: 0.85rem;
  }

  .footer-sitemap-link.sub-link a {
    font-size: 0.8rem;
  }

  /* 古いconcept */
  .concept-area-container {
    padding: 0 12px;
  }

  /* 古いconcept */

  /* producer */

  .photo-credit {
    text-align: center;
  }

  .official-site-btn {
    text-align: center;
  }

  .official-site-btn {
    text-align: center;
    margin: 20px 0;
  }

  /* producer */
}

@media screen and (max-width: 479px) {
h2 {
    font-size: 30px;
    line-height: 31px;
    text-shadow: none;
  }

  p {
    font-size: 20px;
    text-shadow: none;
  }

  .body {
    /* padding-top: 20px; */
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: repeat;
  }

  .w-container {
    width: 100%;
    /* max-width: 100%; */
  }

  .copyright {
    margin-bottom: 16px;
    text-align: center;
  }

  .social-btn {
    margin-right: 17px;
  }

  .logo {
    width: clamp(90px, 26vw, 180px);
    text-shadow: none;
  }

  /* top */
  .intro-first-view {
    margin-top: -40px;
  }

  .produce-title {
    font-size: 1.2rem;
  }

  .produce-subtitle {
    font-size: 1.2rem;
    text-align: center;
  }

  .intro-fullscreen-item {
    min-height: 100vh;
  }

  .intro-text-inner {
    padding: 20px;
  }

  .intro-second-view-text {
    font-size: 1rem;
    line-height: 1.8;
  }

  /* top */

  /* producer */
  .producer-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 15px;
  }

  .producer-photo {
    flex: none;
    margin-right: 0;
    margin-bottom: 20px;
    max-width: 280px;
  }

  .producer-text {
    margin-top: 0;
    max-width: 100%;
  }

  .producer-name {
    font-size: 1.5rem;
  }

  .producer-profire {
    font-size: 0.9rem;
    padding: 0;
  }

  .producer-sign-img {
    margin-left: 0;
    max-width: 250px;
  }

  /* producer */

  /* movie */
  .movie-container {
    flex-direction: column;
    align-items: center;
  }

  .movie-content {
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: auto;
  }

  .movie-title {
    font-size: 1rem;
  }

  .movie-info {
    height: auto;
    min-height: 60px;
    padding: 15px;
  }

  /* movie */

  /* 古いconcept */
  .concept-area-container {
    width: 100%;
    max-width: 100%;
  }

  .concept-area-title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 24px;
    padding: 0 12px 24px 12px;
    border-bottom: 1px solid #fff;
  }

  .concept-area-description-box {
    padding-bottom: 24px;
    text-align: left;
    line-height: 1.6;
  }

  .concept-area-description {
    font-size: 16px;
    margin-bottom: 12px;
    padding: 0 12px;
  }

  .concept-work-area {
    padding-bottom: 24px;
  }

  .concept-work-img {
    margin-bottom: 24px;
  }

  .concept-work-name {
    font-size: 24px;
    margin-bottom: 8px;
    text-align: left;
  }

  .concept-work-caption-area {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    display: inline-block;
  }

  /* 古いconcept */

  .footer-container {
    display: block;
    text-align: center;
  }

  .footer-container div {
    margin-bottom: 16px;
  }

  .logo-pc {
    display: none;
  }

  .logo-sp {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }

  .footer-sitemap {
    padding-top: 25px;
    padding-bottom: 15px;
  }

  .footer-sitemap-container {
    padding: 0 15px;
  }

  .footer-sitemap-section {
    margin-bottom: 20px;
  }

  .footer-sitemap-title {
    text-align: center;
    margin-bottom: 12px;
  }

  .footer-sitemap-title::after {
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
  }

  .footer-sitemap-links {
    text-align: center;
  }

  .footer-sitemap-link {
    font-size: 1.2rem;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
  }

  .footer-sitemap-link.sub-link {
    text-align: center;
    padding-left: 0;
  }

  .footer-sitemap-link.sub-link a {
    font-size: 0.75rem;
    opacity: 0.85;
  }

  .footer-sns {
    padding-top: 0;
  }

  .footer-sns-title {
    margin-left: 12px;
  }

  .footer-lists li {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 12px;
  }

  .footer-policy-list-item {
    margin-top: 24px;
    padding-left: 12px;
  }

  /* producer */
  .official-site-btn a {
    padding: 10px 35px 10px 20px;
    font-size: 15px;
  }
  /* producer */

.w-container {
    max-width: none;
  }
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: inherit !important;
  }
  .w-hidden-small {
    display: inherit !important;
  }
  .w-hidden-tiny {
    display: none !important;
  }
  .w-col {
    width: 100%;
  }
  .w-col-tiny-1 {
    width: 8.33333333%;
  }
  .w-col-tiny-2 {
    width: 16.66666667%;
  }
  .w-col-tiny-3 {
    width: 25%;
  }
  .w-col-tiny-4 {
    width: 33.33333333%;
  }
  .w-col-tiny-5 {
    width: 41.66666667%;
  }
  .w-col-tiny-6 {
    width: 50%;
  }
  .w-col-tiny-7 {
    width: 58.33333333%;
  }
  .w-col-tiny-8 {
    width: 66.66666667%;
  }
  .w-col-tiny-9 {
    width: 75%;
  }
  .w-col-tiny-10 {
    width: 83.33333333%;
  }
  .w-col-tiny-11 {
    width: 91.66666667%;
  }
  .w-col-tiny-12 {
    width: 100%;
  }

h2 {
    font-size: 30px;
    line-height: 31px;
    text-shadow: none;
  }

  p {
    font-size: 20px;
    text-shadow: none;
  }

  .subtitle {
    padding-bottom: 0px;
    font-size: 20px;
    line-height: 31px;
    text-shadow: none;
  }

  .copyright {
    margin-bottom: 16px;
    text-align: center;
  }

  .container {
    margin-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .logo {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 43px;
    text-shadow: none;
  }

  .about {
    padding-bottom: 0px;
    font-size: 14px;
    text-align: left;
    letter-spacing: 0.05em;
  }

  .body {
    padding-top: 20px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: repeat;
  }

  .link.relatedlinks {
    white-space: normal;
  }

  .relatedlinks {
    white-space: normal;
  }
}

@media screen and (max-width: 376px) {
/* header */
  .logo {
    width: clamp(80px, 32vw, 150px);
  }
  /* header */

  /* top */
  .produce-title {
    font-size: 1.1rem;
    text-align: center;
  }

  .produce-subtitle {
    font-size: 1.1rem;
    text-align: center;
  }

  .concept-work-name {
    font-size: 18px;
    margin-bottom: 8px;
    text-align: left;
  }

  .concept-work-name-2row .cha-work-name {
    font-size: 12px;
  }

  .concept-work-caption-area {
    font-size: 12px;
    line-height: 1.6;
  }

  /* producer */
  .sec-title {
    font-size: 1.5rem;
  }

  /* producer */
}

@media screen and (max-width:760px) {
.cms-column {display: block;}
	.cms-column > div { display: block; }

.cms-column.split > div { border-left: none;}

.cms-column.column-2 > div,
	.cms-column.column-3 > div,
	.cms-column.column-4 > div,
	.cms-column.column-5 > div { width: auto;}

.cms-img img{max-width: 100%;}

.cms-news.default .news-row { padding: 0.75em 1em 1em 1em; }
	.cms-news.default .news-cell-date { display: inline-block;float:none; width: auto; margin: 0.5em 0;}
	.cms-news.default .news-cell-category {display: inline-block; float:none; width:auto;margin: 0.5em 0; }
	.cms-news.default .news-cell-text { margin-left: 0; }

.cms-newsB.default .news-row { padding:0.75em 1em 1em 1em; }
	.cms-newsB.default .news-cell-date { display: inline-block;float:none;	width: auto; margin: 0.5em 0;}
	.cms-newsB.default .news-cell-category {display: inline-block; float:none;	width:auto;margin: 0.5em 0; }
	.cms-newsB.default .news-cell-text {  margin-left: 0; }

}

@media screen and (max-width: 600px) {
.cms-form-mail.default ._form-inpuyArea table { width: 100%;}
	.cms-form-mail.default ._form-inpuyArea th { display: block; width: auto; margin: 30px 0 5px 0; padding: 5px 0 0 0; font-weight: bold; border-bottom: 2px solid #ddd;}
	.cms-form-mail.default ._form-inpuyArea td { display: block; width: auto;}
}

@media screen and (max-width: 991px) {
.w-container {
    max-width: 1000px;
  }
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: none !important;
  }
  .w-col-medium-1 {
    width: 8.33333333%;
  }
  .w-col-medium-2 {
    width: 16.66666667%;
  }
  .w-col-medium-3 {
    width: 25%;
  }
  .w-col-medium-4 {
    width: 33.33333333%;
  }
  .w-col-medium-5 {
    width: 41.66666667%;
  }
  .w-col-medium-6 {
    width: 50%;
  }
  .w-col-medium-7 {
    width: 58.33333333%;
  }
  .w-col-medium-8 {
    width: 66.66666667%;
  }
  .w-col-medium-9 {
    width: 75%;
  }
  .w-col-medium-10 {
    width: 83.33333333%;
  }
  .w-col-medium-11 {
    width: 91.66666667%;
  }
  .w-col-medium-12 {
    width: 100%;
  }
  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }

.subtitle {
    font-size: 20px;
    text-shadow: none;
  }

  .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .body {
    background-position: 50% 0%;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media screen and (max-width: 767px) {
.w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: inherit !important;
  }
  .w-hidden-small {
    display: none !important;
  }
  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }
  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }
  .w-col-small-1 {
    width: 8.33333333%;
  }
  .w-col-small-2 {
    width: 16.66666667%;
  }
  .w-col-small-3 {
    width: 25%;
  }
  .w-col-small-4 {
    width: 33.33333333%;
  }
  .w-col-small-5 {
    width: 41.66666667%;
  }
  .w-col-small-6 {
    width: 50%;
  }
  .w-col-small-7 {
    width: 58.33333333%;
  }
  .w-col-small-8 {
    width: 66.66666667%;
  }
  .w-col-small-9 {
    width: 75%;
  }
  .w-col-small-10 {
    width: 83.33333333%;
  }
  .w-col-small-11 {
    width: 91.66666667%;
  }
  .w-col-small-12 {
    width: 100%;
  }

body {
    padding-top: 65px;
  }

  .subtitle {
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    text-shadow: none;
  }

  .footer-section {
    position: static;
    padding-top: 23px;
    padding-bottom: 23px;
    background-color: rgba(0, 0, 0, 0.49);
  }

  .container {
    margin-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .logo {
    text-shadow: none;
  }

  .about {
    text-align: left;
  }

  .body {
    padding-top: 20px;
  }
}