@charset "UTF-8";
a,
a img {
  background: 0 0;
}

a:link,
a:visited,
ins {
  text-decoration: none;
}

a,
hr {
  padding: 0;
}

img,
svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: 0 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

ins,
mark {
  background-color: #ff9;
  color: #000;
}

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

*,
:after,
:before {
  box-sizing: border-box;
}

nav ul,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  cursor: pointer;
}

a:visited {
  color: inherit;
}

a:link {
  color: inherit;
}

a img {
  border: 0 #fff;
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

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

hr {
  display: block;
  height: 1px;
  border-width: 1px 0 0;
  border-image: initial;
  border-style: solid initial initial;
  border-color: #ccc initial initial;
  margin: 1em 0;
}

input,
select {
  vertical-align: middle;
}

button,
select,
textarea {
  appearance: none;
  font-family: inherit;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  background-color: unset;
  border: unset;
}

input {
  /*appearance: none; */
  font-family: inherit;
  border-radius: 0;
  box-sizing: border-box;
  /* -webkit-appearance: none; */
  background-color: unset;
  border: unset;
  margin: auto;
}

input[type="checkbox"] {
  display: none;
}

select:focus {
  outline: none;
}

input:focus,
textarea:focus {
  outline: 0;
}

html {
  font-size: 62.5%;
}

img[src$=".svg"] {
  width: auto;
  height: auto;
}

svg {
  overflow: hidden;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

body {
  font-family: "Hiragino Mincho ProN", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", Meiryo, sans-serif;
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  background: #f6f4ed;
  color: #544f4a;
  word-break: break-all;
  min-width: 1080px;
}
h1 {
  font-size: 52px;
  line-height: calc(72 / 52);
  font-weight: 100;
}
h2 {
  font-size: 42px;
  line-height: calc(62 / 42);
  font-weight: 100;
}
h3 {
  font-size: 36px;
  line-height: calc(56 / 36);
  font-weight: 100;
}
h4 {
  font-size: 32px;
  line-height: calc(56 / 32);
  font-weight: 100;
}
h5 {
  font-size: 26px;
  line-height: calc(42 / 26);
  font-weight: 100;
}
h6 {
  font-size: 24px;
  line-height: calc(42 / 18);
  font-weight: 100;
}
p.large {
  font-size: 18px;
  line-height: calc(32 / 18);
  font-weight: 100;
}
p.middle {
  font-size: 16px;
  line-height: calc(32 / 16);
  font-weight: 100;
}
p {
  font-size: 16px;
  line-height: calc(24 / 16);
  font-weight: 100;
}
p.small {
  font-size: 14px;
  line-height: calc(24 / 14);
  font-weight: 100;
}
.max_w {
  max-width: calc(1142px + 100px);
  padding: 0 50px;
  margin: auto;
}
.btn a,
#form .form_area .btn input {
  max-width: 280px;
  height: 50px;
  display: block;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d9ddd0;
  transition: background-color 0.5s;
  border: unset;
  cursor: pointer;
  width: 100%;
  color: #544f4a;
  font-weight: 100;
  font-size: 16px;
}
.btn a:hover,
#form .form_area .btn input:hover {
  background-color: #c5ccb6;
}
.thumb_hover {
  filter: grayscale(1);
  transition: filter 1s, transform 2s;
}
.thumb_hover:hover {
  filter: grayscale(0);
  transform: scale(1.05);
}
#cursor {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
  transition: opacity 1s ease 2s;
  opacity: 0;
}
body.onload #cursor {
  opacity: 1 !important;
}
.cursor__circle {
  z-index: 9999;
  width: 8vw;
  height: 8vw;
  margin-top: -50%;
  margin-left: -50%;
  border-radius: 50%;
  background-color: #e86802;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.onhover .cursor__circle {
  opacity: 0.5;
}
.scroll.fadein {
  opacity: 0;
  transition: opacity 1s ease;
}
.scroll.scrollin.fadein {
  opacity: 1;
}
.page_onload {
  opacity: 0;
  transition: opacity 1s ease 0s;
}
body.onload .page_onload {
  opacity: 1 !important;
}
header {
  position: fixed;
  width: 100%;
  height: 56px;
  top: 0;
  z-index: 9;
  background-color: #f6f4ed;
  transition: background-color 0.3s;
  min-width: 1080px;
}
body.home header {
  background-color: rgb(246 244 237 / 0%);
}
body.home header.on {
  background-color: #f6f4ed;
}
header .wrap {
  margin: auto;
  height: 100%;
}
header .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
header .logo {
  width: 38px;
  margin-left: 12px;
}
header .logo a {
  display: block;
  transition: opacity 1s;
  line-height: 0;
}
header .logo a:hover {
  opacity: 0.5;
}
header .humb {
  display: none;
  width: 60px;
  height: 100%;
  position: relative;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

header .humb span {
  width: 20px;
  height: 1px;
  display: block;
  background-color: #5a5a5a;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform-origin: center;
  transition: transform 0.5s, opacity 0.3s;
}

header .humb span:nth-child(1) {
  top: -6px;
}

header .humb span:nth-child(2) {
}

header .humb span:nth-child(3) {
  bottom: -6px;
}
header nav {
  height: 100%;
}
header nav ul {
  display: flex;
  height: 100%;
  align-items: center;
}
header nav ul li {
  height: 100%;
  display: flex;
  align-items: center;
}
header nav ul li a {
  width: min(calc((152 / 1366) * 100vw), 152px);
  font-size: 16px;
  line-height: 1;
  text-align: center;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header nav ul li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #5a5a5a;
  left: 0;
  bottom: 0;
  transform: scale(0, 1);
  transition: transform 1s;
  transform-origin: top right;
}

header nav ul li a:hover:after {
  transform: scale(1, 1);
  transform-origin: top left;
}
.over-wrap-menu {
  height: 100%;
  display: flex;
  align-items: flex-start;
  overscroll-behavior: contain;
  overflow-y: scroll;
}

.over-wrap-menu::after,
.over-wrap-menu::before {
  content: "";
  width: 1px;
  height: calc(100vh + 1px);
}

#full-menu {
  position: fixed;
  z-index: 8;
  height: 100vh;
  height: 100svh;
  width: 100%;
  background-color: #f6f4ed;
  transition: transform 0.6s ease 0.6s;
  display: none;
}

#full-menu .full-menu_inner {
  width: 100%;
  padding: 0 20px;
  padding-top: 52px;
}
#full-menu ul li {
  display: flex;
  justify-content: flex-end;
}
#full-menu ul li a {
  width: 152px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home #fv {
  height: 100svh;
  width: 100vw;
}
.home #fv .wrap {
  height: 100%;
  width: 100%;
}
.home #fv .inner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.home #fv video {
  object-fit: cover;
  right: 0;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}
.home #work .work_list {
}
.home #work .inner {
  padding-bottom: 152px;
}
.home #work .work_list .list_inner {
  display: flex;
  border-bottom: solid 1px #5a5a5a;
}
.home #work .work_list .thumb_area {
  width: 50%;
  padding: 50px;
}
.home #work .work_list .thumb_area .thumb_wrap {
  overflow: hidden;
}
.home #work .work_list .thumb_area .thumb {
  padding-bottom: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  filter: grayscale(1);
  transition: filter 1s, transform 2s;
}
.home #work .work_list .thumb_area .thumb:hover {
  filter: grayscale(0);
  transform: scale(1.05);
}
.home #work .work_list .text_area {
  width: 50%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: calc(570px + 50px);
  margin-right: auto;
  position: relative;
  /* width: calc(50% + 1px); */
  border-left: solid 1px #5a5a5a;
}
.home #work .work_list .text_inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.home #work .work_list .text_area .tit {
  margin-bottom: 8px;
}
.home #work .work_list .text_area .tag {
  margin-bottom: 36px;
  display: flex;
  flex-wrap: wrap;
}
.home #work .work_list .text_area .tag p {
  margin-right: 10px;
}
.home #work .work_list .text_area .tag p::before {
  content: "#";
}
.home #work .work_list .text_area .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.home #work .work_list ul li:nth-child(2n) .list_inner {
  flex-direction: row-reverse;
}
.home #work .work_list ul li:nth-child(2n) .text_area {
  margin-left: auto;
  margin-right: 0;
  border-left: unset;
}
.home #work .work_list ul li:nth-child(2n) .thumb_area {
  border-left: solid 1px #5a5a5a;
}
.home #work .work_list {
  margin-bottom: 52px;
}
.home #work .all_btn a {
  width: 280px;
  height: 50px;
  display: block;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d9ddd0;
}
.home #work .all_btn a p {
  line-height: 1;
}

.home #about {
  background-color: #d9ddd0;
  position: relative;
  overflow: hidden;
}

.home #about .wrap {
  max-width: 1142px;
  margin: auto;
  z-index: 1;
  position: relative;
}
.home #about .inner {
  padding: 156px 0px;
}
.home #about .text_area {
  max-width: 630px;
  margin-left: auto;
}
.home #about .text_area .tit {
  margin-bottom: 16px;
}
.home #about .text_area .intro {
  margin-bottom: 40px;
}
.home #about .text_area .intro br {
  display: none;
}
.home #about .text_area .description {
  margin-bottom: 40px;
}
.home #about .text_area .btn {
  /* display: inline-flex; */
}
.home #about .text_area .btn a {
  border: solid 1px #5a5a5a;
  display: inline-flex;
}
.home #about .text_area .btn a:hover {
  background-color: #fff;
}
.home #about .text_area .btn a p {
  line-height: 1;
}
.home #about .bg {
  position: absolute;
  top: auto;
  left: 0%;
  right: 0;
  bottom: 0;
  width: max-content;
  height: 95%;
}
.home #about .bg img {
  height: 100%;
}
.home #news {
  border-bottom: solid 1px #5a5a5a;
}
.home #news .wrap {
}
.home #news .inner {
  display: flex;
  align-items: flex-start;
}
.home #news .sec_tit {
  width: 238px;
  padding: 156px 0px;
  padding-bottom: 0;
}
.home #news .work_list {
  width: calc(100% - 238px);
  padding: 156px 0px;
  padding-left: 52px;
  border-left: solid 1px #5a5a5a;
}
.home #news .work_list ul {
}
.home #news .work_list ul li a {
  /* display: flex; */
  /* justify-content: space-between; */
}
.home #news .work_list ul li {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}
.home #news .work_list ul li:last-child {
  margin-bottom: 0;
}
.home #news .work_list .day {
  width: 114px;
}
.home #news .work_list .tit {
  width: calc(100% - 114px);
  padding-left: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

#recruit_partner {
}
#recruit_partner .wrap {
}
#recruit_partner .inner {
  /* padding: 156px 0px; */
  display: flex;
}
#recruit_partner .box {
  width: 50%;
  padding: 156px 0px;
}
#recruit_partner .box:last-child {
  border-left: solid 1px #5a5a5a;
}
#recruit_partner .box_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}
#recruit_partner .sec_tit {
  margin-bottom: 76px;
}
#recruit_partner .description {
  height: 128px;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 44px;
}
#recruit_partner .btn {
  width: 100%;
  /* display: block; */
}
#recruit_partner #recruit_page {
  border-left: solid 1px #5a5a5a;
}
footer {
  background-color: #354443;
}
footer .inner {
  padding: 48px 50px;
}
footer .btn {
  margin-bottom: 25px;
}
footer .btn a {
  background-color: #ffffff;
}
footer .btn a:hover {
  background-color: #c5ccb6;
}
footer .sns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
footer .sns a {
  padding: 0 10px;
}
footer .sns a p {
  color: #fff;
}
footer .privacy_policy {
  text-align: center;
}
footer .privacy_policy a {
  display: inline-block;
}
footer .privacy_policy a p {
  color: #fff;
}
footer .copy p {
  color: #fff;
  text-align: center;
}
#work_all_page {
}
#work_all_page .wrap {
  max-width: calc(948px + 100px);
  padding: 0 50px;
  margin: auto;
}
#work_all_page .inner {
  padding: 120px 0px 152px;
}
#work_all_page .head .sec_tit {
  text-align: center;
  margin-bottom: 24px;
}
#work_all_page .head .tag {
  margin-bottom: 32px;
}
#work_all_page .head .tag ul {
  display: flex;
  justify-content: center;
}
#work_all_page .head .tag ul li {
  margin: 0 12px;
}
#work_all_page .head .tag a {
  width: 152px;
  display: flex;
  height: 56px;
  align-items: center;
  justify-content: center;
}
#work_all_page .head .tag a:hover p {
  font-weight: bold;
}
#work_all_page .work_list {
  margin-bottom: calc(72px - 56px);
}
#work_all_page .work_list ul {
  display: flex;
  flex-wrap: wrap;
}
#work_all_page .work_list ul li {
  margin-bottom: 56px;
  height: auto !important;
}
#work_all_page .work_list ul li a:hover .text_area {
  opacity: 1;
}
#work_all_page .work_list .list_inner {
  position: relative;
}
#work_all_page .work_list .thumb_area {
  position: relative;
  width: 100%;
}
#work_all_page .work_list .thumb_wrap {
  overflow: hidden;
}
#work_all_page .work_list .thumb {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-bottom: calc((2 / 3) * 100%);
}
#work_all_page .work_list .text_area {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgb(255 255 255 / 85%);
  padding: 16px 32px;
  opacity: 0;
  transition: opacity 1s;
  width: 100%;
}
#work_all_page .work_list ul li:nth-child(6n + 1) .text_area {
  width: calc(50% - 24px / 2);
}
#work_all_page .work_list .tit {
  margin-bottom: 2px;
  font-size: 32px;
  line-height: calc(56 / 32);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#work_all_page .work_list .tag {
  display: flex;
  flex-wrap: wrap;
}

#work_all_page .work_list .tag p {
  margin-right: 10px;
}
#work_all_page .work_list .tag p::before {
  content: "#";
}
.home #work .work_list .text_area .tag p {
  margin-right: 10px;
}
.home #work .work_list .text_area .tag p::before {
  content: "#";
}
#work_all_page .work_list ul li .description {
  display: none;
  margin-top: 22px;
}

#work_all_page .work_list ul li:nth-child(6n + 1) {
  width: 100%;
}

#work_all_page .work_list ul li:nth-child(6n + 1) .description {
  display: block;
}
#work_all_page .work_list ul li:nth-child(6n + 1) {
  width: 100%;
}
body.onload #work_all_page .work_list ul li:nth-child(6n + 1) {
  opacity: 1;
}
#work_all_page .work_list ul li:nth-child(6n + 2) {
  margin-right: 24px;
}
#work_all_page .work_list ul li:nth-child(6n + 2),
#work_all_page .work_list ul li:nth-child(6n + 3) {
  width: calc(50% - 24px / 2);
}
#work_all_page .work_list ul li:nth-child(6n + 2) .text_area,
#work_all_page .work_list ul li:nth-child(6n + 3) .text_area {
  padding: 12px 32px;
}
#work_all_page .work_list ul li:nth-child(6n + 4),
#work_all_page .work_list ul li:nth-child(6n + 5) {
  margin-right: 24px;
}
#work_all_page .work_list ul li:nth-child(6n + 4) .text_area,
#work_all_page .work_list ul li:nth-child(6n + 5) .text_area,
#work_all_page .work_list ul li:nth-child(6n + 6) .text_area {
  padding: 12px 17px;
}
#work_all_page .work_list ul li:nth-child(6n + 4),
#work_all_page .work_list ul li:nth-child(6n + 5),
#work_all_page .work_list ul li:nth-child(6n + 6) {
  width: calc(100% / 3 - 24px * 2 / 3);
}
#work_single_page {
}

#work_single_page .inner {
  padding-top: 120px;
}

#work_single_page .head {
}
#work_single_page .head .tit {
  margin-bottom: 8px;
}
#work_single_page .head .tag {
  margin-bottom: 42px;
  display: flex;
  flex-wrap: wrap;
}

#work_single_page .head .tag h6 {
  margin-right: 10px;
}
#work_single_page .head .tag h6::before {
  content: "#";
}
#work_single_page .description {
  margin-bottom: 72px;
}
#work_single_page .kv {
  margin-bottom: 62px;
}
#work_single_page .kv .thumb_area {
  position: relative;
  padding-bottom: calc((2 / 3) * 100%);
}
#work_single_page .kv .thumb_area .thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-position: center;
  background-size: cover;
}

#work_single_page .info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 62px;
}
#work_single_page .info .thumb_area {
  width: calc(50% - 3px);
}
#work_single_page .info .thumb {
  padding-bottom: calc((2 / 3) * 100%);
  background-size: cover;
  background-position: center;
}
#work_single_page .info .text_area {
  width: calc(50% - 3px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 36px;
}

#work_single_page .info .text_area table {
  display: flex;
}
#work_single_page .info .text_area table tbody {
  width: 100%;
}
#work_single_page .info .text_area table tr {
  width: 100%;
  display: flex;
}
#work_single_page .info .text_area table td {
  width: calc(100% - 80px);
}
#work_single_page .info .text_area table td:nth-child(1) {
  width: 80px;
  margin-right: 12px;
}
#work_single_page .thumb_list {
  display: flex;
  flex-wrap: wrap;
}
#work_single_page .thumb_list img {
  width: calc(50% - 3px);
}

#work_single_page .thumb_list img:nth-child(5n + 1),
#work_single_page .thumb_list img:nth-child(5n + 2) {
  margin-bottom: 6px;
}
#work_single_page .thumb_list img:nth-child(5n + 3),
#work_single_page .thumb_list img:nth-child(5n + 4) {
  margin-bottom: 62px;
}
#work_single_page .thumb_list img:nth-child(5n + 1),
#work_single_page .thumb_list img:nth-child(5n + 3) {
  margin-right: 6px;
}

#work_single_page .thumb_list img:nth-child(5n + 5) {
  width: 100%;
  margin-bottom: 62px;
}
#work_single_page .thumb_list img:last-child {
  margin-bottom: 62px;
}
#work_single_page .explanation {
  margin-bottom: 62px;
}
#work_single_page .team {
  margin-bottom: 115px;
}

#work_single_page .team table {
  display: flex;
}
#work_single_page .team table tbody {
  width: 100%;
}
#work_single_page .team table tr {
  width: 100%;
  display: flex;
}
#work_single_page .team table td {
  width: calc(100% - 100px);
}
#work_single_page .team table td:nth-child(1) {
  width: 100px;
  margin-right: 12px;
}

#work_single_page .btn {
  margin-bottom: 56px;
}
#work_single_page .note {
  text-align: center;
  margin-bottom: 56px;
}
#recruit_page {
}

#recruit_page .inner {
  padding-top: 120px;
}
#recruit_page .head {
  text-align: center;
  padding: 0 50px;
  margin-bottom: 68px;
}
#recruit_page .head .tit {
  margin-bottom: 8px;
}
#recruit_page .kv {
  margin-bottom: 132px;
}
#recruit_page .kv .thumb_area {
  position: relative;
  width: 100%;
}
#recruit_page .kv .thumb {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-bottom: calc((2 / 3) * 100%);
}
#recruit_page .partner_list {
  display: flex;
}
#recruit_page .sec_tit {
  width: 364px;
  text-align: center;
}
#recruit_page ul {
  width: calc(100% - 364px);
  display: flex;
}
#recruit_page ul li {
  width: calc(50% - 25px);
  margin-left: 25px;
  margin-bottom: 36px;
}
#recruit_page ul li .tit {
  margin-bottom: 2px;
}
#recruit_page ul li .sub {
  margin-bottom: 32px;
}
#recruit_page ul li .explanation {
  margin-bottom: 16px;
}
#recruit_page ul li .text_link {
  padding-bottom: 20px;
}
#recruit_page ul li .text_link a {
  width: 128px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #5a5a5a;
  opacity: 0.8;
  transition: opacity 1s;
}
#recruit_page ul li .text_link a:hover {
  opacity: 1;
}
#recruit_page ul li:last-child {
  margin-bottom: 152px;
}
#recruit_page .recruit_btn {
  margin-bottom: 132px;
}
#recruit_page .blank {
  margin-bottom: 132px;
}
#brand-story_page {
  background-color: #d9ddd0;
}
#brand-story_page .wrap {
  height: calc(100vh - 195px);
}
#brand-story_page .inner {
  padding-top: 224px;
}
#brand-story_page .head {
  text-align: center;
  padding: 0 50px;
  padding-bottom: calc(100svh - 224px - 102px - 250px);
}
#brand-story_page .head .tit {
  margin-bottom: 8px;
}
#about_page {
  background-color: #d9ddd0;
  overflow: hidden;
}
#about_page #fv .wrap {
  padding: 0 112px;
  position: relative;
  padding-bottom: 396px;
  margin: auto;
}
#about_page #fv .inner {
  padding-top: 360px;
  position: relative;
  z-index: 1;
}
#about_page #fv {
  position: relative;
  min-width: 1200px;
}
#about_page #fv .img_wrap {
  text-align: right;
  opacity: 0;
  transition: opacity 1s ease 1s;
}
body.onload #about_page #fv .img_wrap {
  opacity: 1 !important;
}
#about_page #fv img {
  width: 580px;
  /* width: calc((496 / 1366) * 100vw); */
  /* margin-right: calc((210 / 1366) * 100vw); */
  /* width: min(calc((496 / 1366) * 100vw), 496px); */
  max-width: 496px;
}
#about_page #fv .sub {
  position: absolute;
  bottom: 0;
  opacity: 0;
  transition: opacity 1s ease 1s;
  left: 0;
}
body.onload #about_page #fv .sub {
  opacity: 1 !important;
}

#about_page #fv .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#about_page #fv .bg #lottie_01 {
  position: absolute;
  width: 142%;
  right: -15%;
  bottom: -5%;
}
#about_page #fv .bg #lottie_01 path {
  stroke-width: 2px;
}
#about_page #explanation {
  text-align: center;
  position: relative;
  z-index: 1;
}
#about_page #explanation .wrap {
}
#about_page #explanation .inner {
  background-color: #f6f4ed;
  padding: 132px 0px;
}
#about_page #explanation .head {
  margin-bottom: 50px;
}
#about_page #explanation .head .tit {
  margin-bottom: 50px;
}
#about_page #explanation .head .sub {
  max-width: 600px;
  margin: auto;
  padding-bottom: 50px;
  border-bottom: solid 1px #5a5a5a;
}
#about_page #explanation ul {
}
#about_page #explanation ul li {
  margin-bottom: 50px;
}
#about_page #explanation ul li .tit {
  margin-bottom: 12px;
}
#about_page #explanation ul li .text {
  width: 362px;
  margin: auto;
}
#about_page #explanation .btn {
  margin-bottom: 50px;
}
#about_page #explanation .img_area {
  display: flex;
  align-items: center;
  justify-content: center;
}
#about_page #explanation .img_area img {
  max-width: 469px;
  margin: 0 2px;
}
#about_page #brand-story {
  position: relative;
  /* overflow: hidden; */
}
#about_page #brand-story .wrap {
  position: relative;
  z-index: 1;
}
#about_page #brand-story .inner {
  padding: 470px 100px 140px;
}
#about_page #brand-story .tit {
  margin-bottom: 40px;
}
#about_page #brand-story .text {
  margin-bottom: 50px;
}
#about_page #brand-story .btn {
}
#about_page #brand-story .btn a {
  border: solid 1px #5a5a5a;
  display: inline-flex;
}
#about_page #brand-story .btn a:hover {
  background-color: #f6f4ed;
}
#about_page #brand-story .btn a p {
  line-height: 1;
}
#about_page #brand-story .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#about_page #brand-story .bg #lottie_02 {
  position: absolute;
  width: 140%;
  right: -22%;
  bottom: -25%;
}
#about_page #brand-story .bg #lottie_02 svg path {
  stroke-width: 2px;
}
#about_page #info {
  background-color: #f6f4ed;
  z-index: 1;
  position: relative;
}
#about_page #info .inner {
  padding: 100px;
}
#about_page #info .tit {
  margin-bottom: 56px;
}
#about_page #info table {
  width: 100%;
}
#about_page #info table tr {
  margin-bottom: 26px;
  display: flex;
}
#about_page #info table tr.organisation span {
  padding: 10px;
}
#about_page #info table tr.organisation br {
  display: none;
}
#about_page #info table tr.partner_01 td {
  line-height: 0;
}
#about_page #info table tr.partner_01 td p {
  line-height: 0;
}
#about_page #info table tr.partner_01 img {
  height: 30px;
  padding-top: 4px;
}
#about_page #info table tr:last-child {
  margin-bottom: 0;
}
#about_page #info table th,
#about_page #info table td {
  text-align: left;
}
#about_page #info table th p,
#about_page #info table td p {
  word-break: break-word;
}
#about_page #info table th {
  width: 152px;
}
#about_page #info table td {
  width: calc(100% - 152px);
  margin-left: 68px;
}
#about_page #thumb .thumb_inner {
  display: flex;
  line-height: 0;
}
#about_page #thumb .thumb_inner img {
  width: calc(100% / 3);
}

#form {
}
#form .wrap {
  max-width: calc(692px + 100px);
  padding: 0 50px;
  margin: auto;
  padding-top: 120px;
  padding-bottom: 132px;
}
#form .inner {
}
#form .head {
  text-align: center;
  margin-bottom: 56px;
}
#form .head .tit {
  margin-bottom: 64px;
}
#form .head .middle {
  text-align: left;
}
#form .form_area ul {
  margin-bottom: 52px;
}
#form .form_area ul li {
  margin-bottom: 56px;
}
#form .form_area ul li:last-child {
  margin-bottom: 0;
}
#form .form_area ul li p {
  margin-bottom: 12px;
}
#form .form_area ul li p span.required {
  font-size: 12px;
  border: solid 1px #707070;
  padding: 2px 4px;
  margin-left: 4px;
  position: relative;
  top: -1px;
}
#form .form_area ul li p span.small {
  font-size: 12px;
}
#form .form_area input,
#form .form_area textarea {
  background-color: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  margin: unset;
  height: 42px;
  display: block;
  padding: 5px 10px;
  font-size: 14px;
  border: solid 1px #707070;
}
#form .form_area textarea {
  height: 256px;
}
#form .form_area input.file {
  padding: 0;
  background: unset;
  border: unset;
  height: auto;
}
#form .form_area .mwform-file-delete {
  font-size: 16px;
}
#form .form_area .mwform-tel-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#form .form_area .mwform-tel-field input {
  width: calc(100% / 3 - 15px);
}
#form .thanks {
  text-align: center;
  min-height: calc(100svh - 120px - 132px - 235px);
}

#brandstory_page {
}
#brandstory_page .text_wrap {
  max-width: 568px;
}
#brandstory_page #fv {
}
#brandstory_page #fv .inner {
  padding-top: 120px;
  padding-bottom: 132px;
}
#brandstory_page #fv .tit {
  margin-bottom: 40px;
}

#brandstory_page #mission {
  background-color: #e6eacd;
}
#brandstory_page #mission .inner {
  padding: 132px 0px;
}
#brandstory_page #mission .tit {
  margin-bottom: 40px;
}
#brandstory_page #mission .sub-tit {
  margin-bottom: 24px;
}
#brandstory_page #mission .sub-tit p {
  font-size: 20px;
  line-height: calc(32 / 20);
}

#brandstory_page #concept {
  background-color: #d9ddd0;
}
#brandstory_page #concept .inner {
  padding: 132px 0px;
}
#brandstory_page #concept .tit {
  margin-bottom: 40px;
}
#brandstory_page #concept .flex {
  display: flex;
  justify-content: space-between;
}
#brandstory_page #concept .flex .right {
  width: calc(100% - 568px);
  padding-left: 85px;
}
#brandstory_page #concept .flex .right ul {
}
#brandstory_page #concept .flex .right ul li {
  display: flex;
  margin-bottom: 64px;
  align-items: flex-start;
  justify-content: space-between;
}
#brandstory_page #concept .flex .right ul li:last-child {
  margin-bottom: 0px;
}
#brandstory_page #concept .flex .right ul li .head {
  width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#brandstory_page #concept .flex .right ul li .disc {
  width: calc(100% - 129px);
  padding-left: 24px;
}
#brandstory_page #concept .flex .right #brandstory_page #concept .tit {
  margin-bottom: 40px;
}

#brandstory_page #symbol {
  background-image: url(../img/guideline_symbol_bg_pc.jpg);
  background-position: center;
  background-size: cover;
}
#brandstory_page #symbol .inner {
  padding-top: 132px;
  padding-bottom: 204px;
}
#brandstory_page #symbol .tit {
  margin-bottom: 40px;
}
#brandstory_page #colour {
  background-color: #fff;
}
#brandstory_page #colour .inner {
  padding: 132px 0px;
}
#brandstory_page #colour .colour {
  width: 520px;
}
#brandstory_page #colour .tit {
  margin-bottom: 40px;
}
#brandstory_page #colour .colour .head {
  margin-bottom: 20px;
  display: flex;
}
#brandstory_page #colour .colour .head .box {
  height: 146px;
  padding: 4px;
}
#brandstory_page #colour .colour .head .box:nth-child(1) {
  width: calc(200 / 520 * 100%);
}
#brandstory_page #colour .colour .head .box:nth-child(2) {
  width: calc(200 / 520 * 100%);
}
#brandstory_page #colour .colour .head .box:nth-child(3) {
  width: calc(120 / 520 * 100%);
}
#brandstory_page #colour .colour .head .box p {
  font-size: 12px;
}
#brandstory_page #colour .text_wrap {
  margin-bottom: 132px;
}
#brandstory_page #colour .colour .other {
  display: flex;
  flex-wrap: wrap;
}
#brandstory_page #colour .colour .other .box {
  width: 25%;
  height: 48px;
  padding: 4px;
}
#brandstory_page #colour .colour .other .box p {
  font-size: 12px;
}
#brandstory_page #colour .flex {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#brandstory_page #colour .flex .right {
  width: 490px;
}
#brandstory_page #colour .flex .sp {
  display: none;
}

#brandstory_page #typography {
  background-color: #d9ddd0;
}
#brandstory_page #typography .inner {
  padding: 132px 0px;
}
#brandstory_page #typography .tit {
  margin-bottom: 40px;
}
#brandstory_page #typography .text {
  margin-bottom: 120px;
}
#brandstory_page #typography .flex {
  display: flex;
  justify-content: space-between;
}
#brandstory_page #typography .flex .group {
  width: calc(50% - 50px);
}
#brandstory_page #typography .flex .group h6 {
  margin-bottom: 28px;
  border-bottom: solid 1px #5a5a5a;
}
#brandstory_page #typography .flex .group img {
  line-height: 0;
  margin-bottom: 40px;
}
#brandstory_page #typography .flex .group img.small {
  width: calc(518 / 548 * 100%);
}
#brandstory_page #typography .flex .group img:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1080px) {
  header nav ul li a {
    width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .scroll.fadein {
    /* transition: opacity .5s ease; */
  }
  body {
    min-width: unset;
  }
  h1 {
    font-size: 24px;
    line-height: calc(42 / 24);
    font-weight: 100;
  }
  h2 {
    font-size: 24px;
    line-height: calc(42 / 24);
    font-weight: 100;
  }
  h3 {
    font-size: 20px;
    line-height: calc(32 / 20);
    font-weight: 100;
  }
  h4 {
    font-size: 20px;
    line-height: calc(32 / 20);
    font-weight: 100;
    margin-bottom: 4px;
  }
  h5 {
    font-size: 26px;
    line-height: calc(42 / 26);
    font-weight: 100;
  }
  h6 {
    font-size: 24px;
    line-height: calc(42 / 18);
    font-weight: 100;
  }
  p.large {
    font-size: 16px;
    line-height: calc(32 / 16);
    font-weight: 100;
  }
  p.middle {
    font-size: 14px;
    line-height: calc(24 / 14);
    font-weight: 100;
  }
  p {
    font-size: 16px;
    line-height: calc(24 / 16);
    font-weight: 100;
  }
  p.small {
    font-size: 14px;
    line-height: calc(24 / 14);
    font-weight: 100;
  }
  #cursor {
    display: none;
  }
  .max_w {
    padding: 0 20px;
    max-width: none;
  }
  .btn a {
    max-width: 280px;
  }
  header {
    height: 52px;
    min-width: unset;
  }
  body.home header {
    background-color: rgb(246 244 237 / 50%);
  }
  header.on {
    background-color: #f6f4ed;
  }
  header .wrap {
    padding-right: 0;
  }
  header .logo {
    width: 32px;
    margin-left: 0;
  }
  header nav {
    display: none;
  }
  header .humb {
    display: flex;
  }
  header.menu-open .humb span:nth-child(2) {
    opacity: 0;
  }
  header.menu-open .humb span:nth-child(1) {
    transform: rotate(45deg) translateY(4px);
  }
  header.menu-open .humb span:nth-child(3) {
    transform: rotate(-45deg) translateY(-4px);
  }
  .home #fv {
    height: 80svh;
    /* padding-top: 52px; */
  }
  .home #work .work_list .list_inner {
    display: block;
  }
  .home #work .work_list .thumb_area {
    width: 100%;
    padding: 44px;
  }
  .home #work .work_list .text_area .tag {
    margin-bottom: 16px;
  }
  .home #work .work_list .text_area {
    width: 100%;
    padding: 44px;
    padding-top: 0;
    border: unset;
  }
  .home #work .work_list ul li:nth-child(2n) .thumb_area {
    border: unset;
  }
  .home #work .work_list .text_area .description {
    -webkit-line-clamp: 3;
  }
  .home #work .work_list {
    margin-bottom: 44px;
  }
  .home #work .inner {
    padding-bottom: 88px;
  }
  .home #work .work_list ul li:last-child .list_inner {
    border: unset;
  }
  .home #about .text_area .description {
    margin-bottom: 142px;
  }
  .home #about .svg_wrap {
    width: 120%;
    top: auto;
    bottom: -25%;
  }
  .home #about .inner {
    padding: 88px 0px;
  }
  .home #about .text_area .intro {
    font-size: 20px;
  }
  .home #about .text_area .intro br {
    display: block;
  }
  .home #about .text_area .btn {
    display: block;
    text-align: center;
  }
  .home #news .inner {
    display: block;
  }
  .home #news .sec_tit {
    font-size: 20px;
    line-height: calc(32 / 20);
    width: 110px;
    border-right: solid 1px #5a5a5a;
    padding: 0 20px;
    padding-top: 88px;
    padding-bottom: 20px;
  }
  .home #news .work_list {
    width: 100%;
    padding: 0;
    border: unset;
    padding: 20px 26px;
    border-top: solid 1px #5a5a5a;
    padding-bottom: 88px;
  }
  .home #news .work_list ul li {
    display: block;
    margin-bottom: 20px;
  }
  .home #news .work_list .day {
    width: 100%;
    margin-bottom: 6px;
  }
  .home #news .work_list .tit {
    width: 100%;
    padding: 0;
  }
  .home #news .wrap {
    padding: 0;
  }
  #recruit_partner .inner {
    display: block;
  }
  #recruit_partner .wrap {
    padding: 0;
  }
  #recruit_partner .box {
    width: 100%;
    padding: 88px 0px;
  }
  #recruit_partner .sec_tit {
    font-size: 20px;
    line-height: calc(32 / 20);
    margin-bottom: 20px;
  }
  #recruit_partner .description {
    height: auto;
    margin-bottom: 44px;
  }
  #recruit_partner .description br {
    display: none;
  }
  #recruit_partner .box:last-child {
    border: unset;
    border-top: solid 1px #5a5a5a;
  }
  footer .inner {
    padding: 44px 20px;
  }
  #work_all_page .work_list ul li {
    margin: auto;
  }
  #work_all_page .work_list .text_area {
    position: relative;
    background: unset;
    padding: 44px 0px;
    opacity: 1;
  }
  #work_all_page .work_list ul li:nth-child(6n + 1) .text_area {
    width: 100%;
  }
  #work_all_page .work_list ul li:nth-child(6n + 1) .description {
    display: none;
  }
  #work_all_page .work_list ul li:nth-child(6n + 2),
  #work_all_page .work_list ul li:nth-child(6n + 3) {
    width: 100%;
    margin: auto;
  }
  #work_all_page .work_list ul li:nth-child(6n + 2) .text_area,
  #work_all_page .work_list ul li:nth-child(6n + 3) .text_area {
    padding: 44px 0px;
  }
  #work_all_page .work_list ul li:nth-child(6n + 4),
  #work_all_page .work_list ul li:nth-child(6n + 5),
  #work_all_page .work_list ul li:nth-child(6n + 6) {
    width: 100%;
    margin: auto;
  }
  #work_all_page .work_list ul li:nth-child(6n + 4) .text_area,
  #work_all_page .work_list ul li:nth-child(6n + 5) .text_area,
  #work_all_page .work_list ul li:nth-child(6n + 6) .text_area {
    padding: 44px 0px;
  }
  #work_all_page .wrap {
    padding: 0 20px;
  }
  #work_all_page .head .tag a {
    width: 100%;
  }
  #work_all_page .head .tag ul li {
    margin: 0;
    width: 33.333%;
  }
  #work_all_page .head .tag ul li p {
    font-size: max(calc((12 / 350) * 100vw), 10px);
  }
  #work_single_page .info {
    display: block;
  }
  #work_single_page .info .thumb_area {
    width: 100%;
    margin-bottom: 6px;
  }
  #work_single_page .info .text_area {
    width: 100%;
  }
  #work_single_page .thumb_list ul {
    display: block;
  }
  #work_single_page .thumb_list ul li {
    width: 100%;
  }
  #work_single_page .thumb_list ul li:nth-child(5n + 1),
  #work_single_page .thumb_list ul li:nth-child(5n + 3) {
    margin: auto;
  }
  #work_single_page .thumb_list ul li:nth-child(5n + 1),
  #work_single_page .thumb_list ul li:nth-child(5n + 2) {
    margin: auto;
  }
  #work_single_page .team ul li {
    display: block;
  }
  #work_single_page .team ul li h6 {
    width: 100%;
  }
  #work_single_page .team ul li h6:nth-child(1) {
    width: 100%;
    margin: auto;
  }
  #work_single_page .head .tag h6 {
    font-size: 18px;
  }
  #work_single_page .note {
    text-align: left;
  }
  #work_single_page .note p br {
  }
  #recruit_page .partner_list {
    display: block;
  }
  #recruit_page .kv {
    margin-bottom: 76px;
  }
  #recruit_page .sec_tit {
    width: 100%;
    text-align: left;
    margin-bottom: 44px;
  }
  #recruit_page ul {
    width: 100%;
    display: block;
  }
  #recruit_page ul li .tit {
    font-size: 20px;
  }
  #recruit_page ul li .sub {
    margin-bottom: 20px;
  }
  #recruit_page ul li {
    width: 100%;
    margin: auto;
  }
  #recruit_page ul li:last-child {
    margin-bottom: 76px;
  }
  #recruit_page ul li .text_link {
    padding-bottom: 0;
  }
  #recruit_page ul li .explanation {
    margin-bottom: 12px;
  }
  #recruit_page .recruit_btn {
    margin-bottom: 100px;
  }
  #about_page #fv .inner {
    padding: 0 20px;
    padding-top: 150px;
  }
  #about_page #fv img {
    width: 100%;
    margin: auto;
  }
  #about_page #fv .img_wrap {
    width: 70%;
    margin-left: auto;
    margin-bottom: 36px;
    margin-right: 20px;
  }
  #about_page #fv .bg #lottie_01 {
    width: 170%;
    right: -50%;
  }
  #about_page #fv .sub {
    position: relative;
    font-size: 20px;
    padding-bottom: 88px;
  }
  #about_page #fv {
    min-width: unset;
  }
  #about_page #fv .wrap {
    padding-bottom: 88px;
    max-width: unset;
    padding: 0 20px;
  }
  #about_page #explanation .inner {
    padding: 88px 32px;
  }
  #about_page #explanation ul li .tit {
    font-size: 20px;
  }
  #about_page #explanation ul li .text {
    width: 100%;
    font-size: 12px;
  }
  #about_page #explanation .head .tit {
    margin-bottom: 44px;
  }
  #about_page #explanation .head .sub {
    margin-bottom: 44px;
    padding-bottom: 44px;
  }
  #about_page #explanation .img_area img {
    width: calc(50% - 1px);
    margin: auto;
  }
  #about_page #explanation .btn a {
    width: 100%;
    max-width: unset;
  }
  #about_page #explanation .img_area {
    justify-content: space-between;
  }
  #about_page #brand-story .inner {
    padding: 120px 0px;
  }
  #about_page #brand-story .svg_wrap {
    top: 300px;
    width: 80%;
    right: -20%;
  }
  #about_page #brand-story .text {
    margin-bottom: 179px;
  }
  #about_page #brand-story .btn {
    display: flex;
  }
  #about_page #brand-story .bg {
  }
  #about_page #brand-story .bg #lottie_02 {
    width: 140%;
    top: auto;
    bottom: 8%;
    right: -16%;
  }
  #about_page #info .inner {
    padding: 88px 0px;
  }
  #about_page #info table th {
    width: 80px;
  }
  #about_page #info table td {
    width: calc(100% - 80px);
    margin-left: 20px;
  }
  #about_page #info table tr.organisation span {
    padding: 0;
  }
  #about_page #info table tr.organisation br {
    display: block;
  }
  #about_page #info table tr.partner_01 img {
    height: 28px;
  }
  #about_page #thumb .thumb_inner {
    display: block;
  }
  #about_page #thumb .thumb_inner img {
    width: 100%;
  }
  #work_single_page .note p br {
    display: none;
  }
  #form .wrap {
    padding: 100px 50px;
  }
  #form .head .middle {
  }
  #form .head .middle {
  }
  #form .head .middle br {
    display: none;
  }
  #form .head .tit {
    margin-bottom: 20px;
  }
  #form .form_area ul li p {
    font-size: 14px;
  }
  #form .form_area .btn input {
    max-width: unset;
  }
  #form .form_area ul li {
    margin-bottom: 44px;
  }
  #form .thanks p {
    font-size: 14px;
  }
  #brandstory_page #fv .inner {
    padding-top: 124px;
    padding-bottom: 73px;
  }
  #brandstory_page #fv .tit {
    margin-bottom: 22px;
    font-size: 20px;
  }
  #brandstory_page #fv p {
    font-size: 12px;
    line-height: 2;
  }
  #brand-story_page .wrap {
    height: calc(100vh - 187px);
  }
  #brandstory_page .text_wrap {
    width: 100%;
    max-width: unset;
  }
  #brandstory_page #concept .flex {
    display: block;
  }
  #brandstory_page #colour .colour {
    width: 100%;
    margin-top: 44px;
  }
  #brandstory_page #mission .inner {
    padding: 73px 0px;
  }
  #brandstory_page #mission .tit {
    margin-bottom: 22px;
    font-size: 20px;
  }
  #brandstory_page #mission p {
    font-size: 12px;
    line-height: 2;
  }
  #brandstory_page #mission .sub-tit p {
    font-size: 14px;
  }
  #brandstory_page #mission .sub-tit {
    margin-bottom: 12px;
  }
  #brandstory_page #mission .sub-tit h4 {
    font-size: 18px;
  }
  #brandstory_page #concept .inner {
    padding: 73px 0px;
  }
  #brandstory_page #concept .tit {
    margin-bottom: 22px;
    font-size: 20px;
  }
  #brandstory_page #concept p {
    font-size: 12px;
    line-height: 2;
  }
  #brandstory_page #concept .flex .left {
    margin-bottom: 40px;
  }
  #brandstory_page #concept .flex .right {
    width: 100%;
    padding: 0;
  }
  #brandstory_page #concept .flex .right ul li {
    display: block;
    width: 100%;
    margin-bottom: 32px;
  }
  #brandstory_page #concept .flex .right ul li .head {
    width: 100%;
    display: block;
  }
  #brandstory_page #concept .flex .right ul li .head p {
    font-size: 14px;
  }
  #brandstory_page #concept .flex .right ul li .head h5 {
    font-size: 18px;
  }
  #brandstory_page #concept .flex .right ul li .disc {
    padding: 0;
    width: 100%;
    font-size: 12px;
  }
  #brandstory_page #symbol .inner {
    padding: 73px 0px;
  }
  #brandstory_page #symbol .tit {
    margin-bottom: 22px;
    font-size: 20px;
  }
  #brandstory_page #symbol p {
    font-size: 12px;
  }
  #brandstory_page #symbol {
    background-image: url(../img/guideline_symbol_bg_sp.jpg);
  }
  #brandstory_page #colour .inner {
    padding: 73px 0px;
  }
  #brandstory_page #colour .flex {
    display: block;
  }
  #brandstory_page #colour .tit {
    margin-bottom: 22px;
    font-size: 20px;
  }
  #brandstory_page #colour .flex .sp {
    display: block;
  }
  #brandstory_page #colour .flex .pc {
    display: none;
  }
  #brandstory_page #colour .text_wrap p {
    font-size: 12px;
    line-height: 2;
  }
  #brandstory_page #colour .colour .head {
    display: block;
  }
  #brandstory_page #colour .colour .head .box:nth-child(1),
  #brandstory_page #colour .colour .head .box:nth-child(2),
  #brandstory_page #colour .colour .head .box:nth-child(3) {
    width: 100%;
  }
  #brandstory_page #colour .colour .head .box {
    height: 48px;
  }
  #brandstory_page #colour .text_wrap {
    margin-bottom: 44px;
  }
  #brandstory_page #colour .colour .other .box {
    width: 50%;
  }
  #brandstory_page #typography .inner {
    padding: 73px 0px;
  }
  #brandstory_page #typography .tit {
    margin-bottom: 22px;
    font-size: 20px;
  }
  #brandstory_page #typography .text {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 44px;
  }
  #brandstory_page #typography .flex {
    display: block;
  }
  #brandstory_page #typography .flex .group {
    width: 100%;
    margin-bottom: 44px;
  }
  #brandstory_page #typography .flex .group h6 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  #brandstory_page #typography .flex .group img {
    margin-bottom: 20px;
  }
  #brandstory_page #typography .flex .group:last-child {
    margin-bottom: 0px;
  }
}