@charset "UTF-8";
@import url("https://unpkg.com/swiper@8/swiper-bundle.min.css");
html,
body {
  border: 0;
  outline: 0;
  font-weight: 200;
  font-style: inherit;
  font-size: 100%;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

body {
  line-height: 1;
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}

a {
  text-decoration: none;
  color: #000;
}

a.decoration {
  text-decoration: underline;
}

a.decoration:visited, a.decoration:focus, a.decoration:active {
  text-decoration: underline;
  outline: 0;
}

a:visited, a:focus, a:active {
  text-decoration: none;
  color: #000;
  outline: 0;
}

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

* html .clearfix {
  zoom: 1;
}

*:first-child + html .clearfix {
  zoom: 1;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  color: #000;
  -webkit-text-size-adjust: 100%;
}

#wrap {
  font-size: 14px;
}

a {
  color: #000;
}

a:visited, a:focus, a:active {
  color: #000;
}

@media only screen and (min-width: 1080px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}

@media only screen and (min-width: 1080px) {
  .flL {
    float: left;
  }
  .flR {
    float: right;
  }
  .hoverOpacity {
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .hoverOpacity:hover {
    opacity: 0.8;
  }
  .pcH {
    display: none !important;
  }
}

@media only screen and (max-width: 1079px) {
  .spTabH {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .tabH {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .spH {
    display: none !important;
  }
}

.alignL {
  text-align: left;
}

.alignC {
  text-align: center;
}

.alignR {
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .tabAlignL {
    text-align: left;
  }
  .tabAlignC {
    text-align: center;
  }
  .tabAlignR {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .spAlignL {
    text-align: left;
  }
  .spAlignC {
    text-align: center;
  }
  .spAlignR {
    text-align: right;
  }
}

.tabBox {
  width: 100%;
  display: none;
}

.tabBox.active {
  display: block;
}

.inner {
  width: 90%;
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .inner {
    width: 90%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .inner {
    width: 90%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

.sectionWrap {
  width: 100%;
  box-sizing: border-box;
}

.sectionWrap .section {
  box-sizing: border-box;
}

.sectionWrap .section.hasBorderT {
  border-top: 1px solid #ddd;
}

.section .sectionInner {
  padding-top: 150px;
  padding-bottom: 150px;
}

.section .sectionInner.hasBorderT {
  border-top: 1px solid #ddd;
}

.section .sectionInner.pTNone {
  padding-top: 0;
}

.section .sectionInner.pBNone {
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .section .sectionInner {
    padding-top: 8.97436vw;
    padding-bottom: 8.97436vw;
  }
  .section .sectionInner.tabPTNone {
    padding-top: 0;
  }
  .section .sectionInner.tabPBNone {
    padding-bottom: 0;
  }
  .section .sectionInner.tabHasPT {
    padding-top: 8.97436vw;
  }
  .section .sectionInner.tabHasPB {
    padding-bottom: 8.97436vw;
  }
}

@media only screen and (max-width: 767px) {
  .section .sectionInner {
    padding-top: 17.94872vw;
    padding-bottom: 17.94872vw;
  }
  .section .sectionInner.spPTNone {
    padding-top: 0;
  }
  .section .sectionInner.spPBNone {
    padding-bottom: 0;
  }
  .section .sectionInner.spHasPT {
    padding-top: 17.94872vw;
  }
  .section .sectionInner.spHasPB {
    padding-bottom: 17.94872vw;
  }
}

.section .sectionInner.smallPd {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section .sectionInner.smallPd.pTBig {
  padding-top: 150px;
}

.section .sectionInner.smallPd.pBBig {
  padding-bottom: 150px;
}

.section .sectionInner.smallPd.pTNone {
  padding-top: 0;
}

.section .sectionInner.smallPd.pBNone {
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .section .sectionInner.smallPd {
    padding-top: 6.41026vw;
    padding-bottom: 6.41026vw;
  }
  .section .sectionInner.smallPd.tabPTNone {
    padding-top: 0;
  }
  .section .sectionInner.smallPd.tabPBNone {
    padding-bottom: 0;
  }
  .section .sectionInner.smallPd.tabHasPT {
    padding-top: 6.41026vw;
  }
  .section .sectionInner.smallPd.tabHasPB {
    padding-bottom: 6.41026vw;
  }
  .section .sectionInner.smallPd.tabHasPTBig {
    padding-top: 8.97436vw;
  }
  .section .sectionInner.smallPd.tabHasPBBig {
    padding-bottom: 8.97436vw;
  }
}

@media only screen and (max-width: 767px) {
  .section .sectionInner.smallPd {
    padding-top: 12.82051vw;
    padding-bottom: 12.82051vw;
  }
  .section .sectionInner.smallPd.spPTNone {
    padding-top: 0;
  }
  .section .sectionInner.smallPd.spPBNone {
    padding-bottom: 0;
  }
  .section .sectionInner.smallPd.spHasPT {
    padding-top: 12.82051vw;
  }
  .section .sectionInner.smallPd.spHasPB {
    padding-bottom: 12.82051vw;
  }
  .section .sectionInner.smallPd.spHasPTBig {
    padding-top: 17.94872vw;
  }
  .section .sectionInner.smallPd.spHasPBBig {
    padding-bottom: 17.94872vw;
  }
}

.section .sectionTitleWrap .sectionTitle {
  font-size: 32px;
  font-family: "Marcellus", serif;
  letter-spacing: 0.08em;
}

@media only screen and (max-width: 767px) {
  .section .sectionTitleWrap .sectionTitle {
    font-size: 6.15385vw;
  }
}

.lineLimit1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.lineLimit2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.lineLimit3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.lineLimit5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.normalTitle {
  line-height: 1.6;
  font-size: 20px;
  letter-spacing: 0.08em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .normalTitle {
    font-size: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .normalTitle {
    font-size: 5.12821vw;
  }
}

.normalTitle.size-xxs {
  line-height: 1.6;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .normalTitle.size-xxs {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .normalTitle.size-xxs {
    font-size: 3.07692vw;
  }
}

.normalTitle.size-s {
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .normalTitle.size-s {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .normalTitle.size-s {
    font-size: 4.10256vw;
  }
}

.normalTitle.size-xxl {
  font-size: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .normalTitle.size-xxl {
    font-size: 2.30769vw;
  }
}

@media only screen and (max-width: 767px) {
  .normalTitle.size-xxl {
    font-size: 4.61538vw;
  }
}

.wysiwygText h1 + *,
.wysiwygText h2 + *,
.wysiwygText h3 + * {
  margin-top: 15px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText h1 + *,
  .wysiwygText h2 + *,
  .wysiwygText h3 + * {
    margin-top: 1.92308vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText h1 + *,
  .wysiwygText h2 + *,
  .wysiwygText h3 + * {
    margin-top: 3.84615vw !important;
  }
}

.wysiwygText h4 + *,
.wysiwygText h5 + *,
.wysiwygText h6 + * {
  margin-top: 8px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText h4 + *,
  .wysiwygText h5 + *,
  .wysiwygText h6 + * {
    margin-top: 1.02564vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText h4 + *,
  .wysiwygText h5 + *,
  .wysiwygText h6 + * {
    margin-top: 2.05128vw !important;
  }
}

.wysiwygText h1 {
  line-height: 1.6;
  font-size: 28px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText h1 {
    font-size: 3.58974vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText h1 {
    font-size: 7.17949vw;
  }
}

.wysiwygText h2 {
  line-height: 1.6;
  padding: 0.5em 0 0.5em 0.8em;
  font-size: 24px;
  border-left: 2px solid #000;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText h2 {
    font-size: 3.07692vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText h2 {
    font-size: 6.15385vw;
  }
}

.wysiwygText h3 {
  line-height: 1.6;
  padding: 0 0.4em 0.5em;
  border-bottom: 2px solid #ddd;
  font-size: 20px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText h3 {
    font-size: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText h3 {
    font-size: 5.12821vw;
  }
}

.wysiwygText h4 {
  padding: 0.8em 1em;
  line-height: 1.6;
  font-size: 20px;
  box-sizing: border-box;
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText h4 {
    font-size: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText h4 {
    font-size: 5.12821vw;
  }
}

.wysiwygText h5 {
  position: relative;
  padding-left: 3.8em;
  line-height: 1.6;
  font-size: 18px;
  box-sizing: border-box;
}

.wysiwygText h5::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.7em;
  height: 1px;
  background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText h5 {
    line-height: 1.6;
    font-size: 2.30769vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText h5 {
    line-height: 1.6;
    font-size: 4.61538vw;
  }
}

.wysiwygText h6 {
  line-height: 1.6;
  font-size: 18px;
  font-weight: bold;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText h6 {
    font-size: 2.30769vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText h6 {
    font-size: 4.61538vw;
  }
}

.wysiwygText p {
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText p {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText p {
    font-size: 4.10256vw;
  }
}

.wysiwygText a {
  line-height: 2;
  letter-spacing: 0.02em;
  text-decoration: underline;
  font-size: 16px;
  color: #0cb4ce;
}

.wysiwygText a:visited, .wysiwygText a:focus, .wysiwygText a:active {
  color: #0cb4ce;
}

@media only screen and (min-width: 1080px) {
  .wysiwygText a:hover {
    text-decoration: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText a {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText a {
    font-size: 4.10256vw;
  }
}

.wysiwygText a[target="_blank"]:after {
  width: 0.7em;
  height: 0.7em;
  content: "";
  margin-left: 0.2em;
  display: inline-block;
  vertical-align: super;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="178" height="178" viewBox="0 0 178 178"><image width="178" height="178" xlink:href="data:image/png;base64,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"/></svg>');
}

.wysiwygText b,
.wysiwygText em,
.wysiwygText strong {
  font-weight: bold;
}

.wysiwygText em {
  font-style: italic;
}

.wysiwygText sup,
.wysiwygText sub {
  font-size: 80%;
}

.wysiwygText sup {
  vertical-align: super;
}

.wysiwygText sub {
  vertical-align: sub;
}

.wysiwygText img.alignleft {
  padding-right: 30px;
  padding-bottom: 30px;
  float: left;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText img.alignleft {
    padding-right: 2.5641vw;
    padding-bottom: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText img.alignleft {
    padding: 0;
    padding-bottom: 5.12821vw;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }
}

.wysiwygText img.alignright {
  padding-bottom: 30px;
  padding-left: 30px;
  float: right;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText img.alignright {
    padding-bottom: 2.5641vw;
    padding-left: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText img.alignright {
    padding: 0;
    padding-bottom: 5.12821vw;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }
}

.wysiwygText img.aligncenter {
  padding-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText img.aligncenter {
    padding-bottom: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText img.aligncenter {
    padding: 0;
    padding-bottom: 5.12821vw;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}

.wysiwygText hr {
  width: 100%;
  height: 2px;
  border: none;
  background-color: #ccc;
  display: block;
}

.wysiwygText blockquote {
  width: 100%;
  line-height: 2;
  padding: 40px;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #6a6a6a;
  background-color: #eee;
  display: block;
  position: relative;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText blockquote {
    padding: 5.12821vw;
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText blockquote {
    padding: 10.25641vw;
    font-size: 4.10256vw;
  }
}

.wysiwygText blockquote * {
  color: inherit;
}

.wysiwygText blockquote:before, .wysiwygText blockquote:after {
  width: 21px;
  height: 16px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText blockquote:before, .wysiwygText blockquote:after {
    width: 2.69231vw;
    height: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText blockquote:before, .wysiwygText blockquote:after {
    width: 5.38462vw;
    height: 4.10256vw;
  }
}

.wysiwygText blockquote:before {
  background-image: url("../images/icon/editor/quate_top_2x.png");
  top: 13px;
  left: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText blockquote:before {
    top: 1.66667vw;
    left: 1.66667vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText blockquote:before {
    top: 3.33333vw;
    left: 3.33333vw;
  }
}

.wysiwygText blockquote:after {
  background-image: url("../images/icon/editor/quate_bottom_2x.png");
  right: 20px;
  bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText blockquote:after {
    right: 2.5641vw;
    bottom: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText blockquote:after {
    right: 5.12821vw;
    bottom: 5.12821vw;
  }
}

.wysiwygText blockquote > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText blockquote > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText blockquote > * {
    margin-top: 4.10256vw;
  }
}

.wysiwygText blockquote > *:first-child {
  margin-top: 0;
}

.wysiwygText blockquote p {
  line-height: 2;
  position: relative;
  z-index: 2;
}

.wysiwygText ul {
  line-height: 2;
  padding-left: 1.2em;
  list-style: disc;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText ul {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText ul {
    font-size: 4.10256vw;
  }
}

.wysiwygText ul li {
  list-style: disc;
}

.wysiwygText ol {
  line-height: 2;
  padding-left: 1.2em;
  list-style: decimal;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText ol {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText ol {
    font-size: 4.10256vw;
  }
}

.wysiwygText ol li {
  list-style: decimal;
}

.wysiwygText li {
  line-height: 2;
  margin-top: 0.5em;
  font-size: inherit;
  letter-spacing: 0.02em;
}

.wysiwygText li:first-child {
  margin-top: 0;
}

.wysiwygText li li {
  margin-top: 0;
}

.wysiwygText iframe,
.wysiwygText video {
  max-width: 100% !important;
}

@media only screen and (max-width: 767px) {
  .wysiwygText iframe,
  .wysiwygText video {
    width: 100% !important;
    height: 56.25vw !important;
  }
}

.wysiwygText table {
  font-size: 16px;
  letter-spacing: 0.02em;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ccc;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .wysiwygText table {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText table {
    font-size: 4.10256vw;
  }
}

.wysiwygText table th {
  line-height: 1.8;
  padding: 1em;
  font-size: inherit;
  letter-spacing: 0.02em;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.wysiwygText table td {
  line-height: 1.8;
  padding: 1em;
  font-size: inherit;
  letter-spacing: 0.02em;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.wysiwygText table thead th,
.wysiwygText table thead td {
  background-color: #eee;
}

.wysiwygText table tfoot th,
.wysiwygText table tfoot td {
  background-color: #eee;
}

.customBlockText .mce-menubar.mce-toolbar.mce-first {
  display: none !important;
}

.wp-admin .customBlockText .wp-block[data-align="left"], .wp-admin .customBlockText .wp-block[data-align="right"] {
  height: auto;
}

.customBlockText h1 + *,
.customBlockText h2 + *,
.customBlockText h3 + *,
.customBlockText h4 + * {
  margin-top: 25px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h1 + *,
  .customBlockText h2 + *,
  .customBlockText h3 + *,
  .customBlockText h4 + * {
    margin-top: 3.20513vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h1 + *,
  .customBlockText h2 + *,
  .customBlockText h3 + *,
  .customBlockText h4 + * {
    margin-top: 6.41026vw !important;
  }
}

.customBlockText h5 + *,
.customBlockText h6 + * {
  margin-top: 15px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h5 + *,
  .customBlockText h6 + * {
    margin-top: 1.92308vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h5 + *,
  .customBlockText h6 + * {
    margin-top: 3.84615vw !important;
  }
}

.customBlockText h1 {
  line-height: 1.6;
  font-size: 28px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h1 {
    font-size: 3.58974vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h1 {
    font-size: 7.17949vw;
  }
}

.customBlockText h2 {
  line-height: 1.6;
  padding: 0.5em 0 0.5em 0.8em;
  font-size: 24px;
  border-left: 2px solid #000;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h2 {
    font-size: 3.07692vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h2 {
    font-size: 6.15385vw;
  }
}

.customBlockText h3 {
  line-height: 1.6;
  padding: 0 0.4em 0.5em;
  border-bottom: 2px solid #ddd;
  font-size: 20px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h3 {
    font-size: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h3 {
    font-size: 5.12821vw;
  }
}

.customBlockText h4 {
  padding: 0.8em 1em;
  line-height: 1.6;
  font-size: 20px;
  box-sizing: border-box;
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h4 {
    font-size: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h4 {
    font-size: 5.12821vw;
  }
}

.customBlockText h5 {
  position: relative;
  padding-left: 3.8em;
  line-height: 1.6;
  font-size: 18px;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .customBlockText h5 {
    padding-left: 2em;
  }
}

.customBlockText h5::before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 2.7em;
  height: 1px;
  background-color: #000;
}

@media only screen and (max-width: 767px) {
  .customBlockText h5::before {
    width: 1.5em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h5 {
    line-height: 1.6;
    font-size: 2.30769vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h5 {
    line-height: 1.6;
    font-size: 4.61538vw;
  }
}

.customBlockText h6 {
  line-height: 1.6;
  font-size: 18px;
  font-weight: bold;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h6 {
    font-size: 2.30769vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h6 {
    font-size: 4.61538vw;
  }
}

.customBlockText p {
  line-height: 2;
  font-size: 14px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText p {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText p {
    font-size: 3.58974vw;
  }
}

.customBlockText a {
  line-height: 2;
  letter-spacing: 0.02em;
  text-decoration: underline;
  font-size: 14px;
  color: #000;
}

@media only screen and (min-width: 1080px) {
  .customBlockText a:hover {
    text-decoration: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText a {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText a {
    font-size: 3.58974vw;
  }
}

.customBlockText a[target="_blank"]:after {
  width: 0.7em;
  height: 0.7em;
  content: "";
  margin-left: 0.2em;
  display: inline-block;
  vertical-align: super;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="178" height="178" viewBox="0 0 178 178"><image width="178" height="178" xlink:href="data:image/png;base64,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"/></svg>');
  -webkit-mask-size: contain;
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="178" height="178" viewBox="0 0 178 178"><image width="178" height="178" xlink:href="data:image/png;base64,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"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
}

.customBlockText b,
.customBlockText strong {
  font-weight: bold;
}

.customBlockText em {
  font-style: italic;
}

.customBlockText sup,
.customBlockText sub {
  font-size: 80%;
}

.customBlockText sup {
  vertical-align: super;
}

.customBlockText sub {
  vertical-align: sub;
}

.customBlockText blockquote {
  width: 100%;
  line-height: 2;
  padding: 40px;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #6a6a6a;
  background-color: #eee;
  display: block;
  position: relative;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote {
    padding: 5.12821vw;
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote {
    padding: 10.25641vw;
    font-size: 3.58974vw;
  }
}

.customBlockText blockquote * {
  color: inherit;
}

.customBlockText blockquote:before, .customBlockText blockquote:after {
  width: 21px;
  height: 16px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote:before, .customBlockText blockquote:after {
    width: 2.69231vw;
    height: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote:before, .customBlockText blockquote:after {
    width: 5.38462vw;
    height: 4.10256vw;
  }
}

.customBlockText blockquote:before {
  background-image: url("../images/icon/editor/quate_top_2x.png");
  top: 13px;
  left: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote:before {
    top: 1.66667vw;
    left: 1.66667vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote:before {
    top: 3.33333vw;
    left: 3.33333vw;
  }
}

.customBlockText blockquote:after {
  background-image: url("../images/icon/editor/quate_bottom_2x.png");
  right: 20px;
  bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote:after {
    right: 2.5641vw;
    bottom: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote:after {
    right: 5.12821vw;
    bottom: 5.12821vw;
  }
}

.customBlockText blockquote > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText blockquote > *:first-child {
  margin-top: 0;
}

.customBlockText blockquote p {
  line-height: 2;
  position: relative;
  z-index: 2;
}

.customBlockText blockquote cite,
.customBlockText blockquote .wp-block-quote__citation {
  width: 100%;
  line-height: 2;
  font-size: 12px;
  letter-spacing: 0.02em;
  text-align: right;
  display: block;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote cite,
  .customBlockText blockquote .wp-block-quote__citation {
    line-height: 1.8;
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote cite,
  .customBlockText blockquote .wp-block-quote__citation {
    line-height: 1.8;
    font-size: 3.07692vw;
  }
}

.customBlockText ul {
  line-height: 2;
  padding-left: 1.2em;
  list-style: disc;
  font-size: 14px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText ul {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText ul {
    font-size: 3.58974vw;
  }
}

.customBlockText ul li {
  list-style: disc;
}

.customBlockText ol {
  line-height: 2;
  padding-left: 1.2em;
  list-style: decimal;
  font-size: 14px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText ol {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText ol {
    font-size: 3.58974vw;
  }
}

.customBlockText ol li {
  list-style: decimal;
}

.customBlockText li {
  line-height: 2;
  margin-top: 0.5em;
  font-size: inherit;
  letter-spacing: 0.02em;
}

.customBlockText li:first-child {
  margin-top: 0;
}

.customBlockText li li {
  margin-top: 0;
}

.customBlockText pre.wp-block-code {
  width: 100%;
  padding: 30px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 6px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText pre.wp-block-code {
    padding: 3.84615vw;
    border-radius: 0.76923vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText pre.wp-block-code {
    padding: 7.69231vw;
    border-radius: 1.53846vw;
  }
}

.customBlockText pre.wp-block-code code {
  line-height: 2;
  font-size: 14px;
  color: #333;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText pre.wp-block-code code {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText pre.wp-block-code code {
    font-size: 3.58974vw;
  }
}

.wp-admin .customBlockText .wp-block[data-align="left"] .wp-block-table {
  width: auto;
  margin-right: auto;
  margin-left: 0;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align="left"] table {
  margin-right: auto;
  margin-left: 0;
}

.wp-admin .customBlockText .wp-block[data-align="center"] .wp-block-table {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align="center"] table {
  margin-right: auto;
  margin-left: auto;
}

.wp-admin .customBlockText .wp-block[data-align="right"] .wp-block-table {
  width: auto;
  margin-right: 0;
  margin-left: auto;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align="right"] table {
  margin-right: 0;
  margin-left: auto;
}

.customBlockText .wp-block-table {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-bottom: none;
  display: block;
  overflow: auto;
  clear: both;
  box-sizing: border-box;
}

.customBlockText .wp-block-table .alignleft {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  float: none;
}

.customBlockText .wp-block-table .aligncenter {
  margin: 0 auto;
  float: none;
}

.customBlockText .wp-block-table .alignright {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  float: none;
}

.customBlockText .wp-block-table > * {
  margin-top: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-table > * {
    margin-top: 0.76923vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-table > * {
    margin-top: 1.53846vw;
  }
}

.customBlockText .wp-block-table > *:first-child {
  margin-top: 0;
}

.customBlockText .wp-block-table table {
  font-size: 14px;
  letter-spacing: 0.02em;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ccc;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-table table {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-table table {
    font-size: 3.58974vw;
  }
}

.customBlockText .wp-block-table table th {
  line-height: 1.8;
  padding: 1em;
  font-size: inherit;
  letter-spacing: 0.02em;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.customBlockText .wp-block-table table td {
  line-height: 1.8;
  padding: 1em;
  font-size: inherit;
  letter-spacing: 0.02em;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.customBlockText .wp-block-table thead th,
.customBlockText .wp-block-table thead td {
  background-color: #eee;
}

.customBlockText .wp-block-table tfoot th,
.customBlockText .wp-block-table tfoot td {
  background-color: #eee;
}

.customBlockText .wp-block-table figcaption {
  width: 100%;
  line-height: 1.8;
  font-size: 12px;
  text-align: right;
  color: #666;
  letter-spacing: 0.02em;
  display: block;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-table figcaption {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-table figcaption {
    font-size: 3.07692vw;
  }
}

.wp-admin .customBlockText .wp-block[data-align="left"] .wp-block-image {
  width: auto;
  margin-right: auto;
  margin-left: 0;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align="center"] .wp-block-image {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align="right"] .wp-block-image {
  width: auto;
  margin-right: 0;
  margin-left: auto;
  float: none;
}

.customBlockText .wp-block-image {
  width: 100%;
  padding: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  clear: both;
  box-sizing: border-box;
}

.customBlockText .wp-block-image.is-style-rounded img {
  border-radius: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-image.is-style-rounded img {
    border-radius: 1.28205vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-image.is-style-rounded img {
    border-radius: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-image .alignleft {
    margin: 0 auto;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-image .aligncenter {
    margin: 0 auto;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-image .alignright {
    margin: 0 auto;
    float: none;
  }
}

.customBlockText .wp-block-image.alignleft {
  float: left;
}

.customBlockText .wp-block-image.alignright {
  float: right;
}

.customBlockText .wp-block-image > img {
  max-width: 100%;
}

.customBlockText .wp-block-image figcaption {
  width: 100%;
  line-height: 1.8;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  text-align: center;
  font-size: 12px;
  color: #666;
  letter-spacing: 0.02em;
  display: block;
  box-sizing: border-box;
}

.customBlockText .wp-block-image figcaption:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-image figcaption {
    margin-top: 0.76923vw;
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-image figcaption {
    margin-top: 1.53846vw;
    font-size: 3.07692vw;
  }
}

.customBlockText iframe,
.customBlockText video {
  max-width: 100% !important;
}

@media only screen and (max-width: 767px) {
  .customBlockText iframe,
  .customBlockText video {
    width: 100% !important;
    height: 56.25vw !important;
  }
}

.customBlockText .wp-block-video figcaption {
  width: 100%;
  line-height: 1.8;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  text-align: center;
  font-size: 12px;
  color: #666;
  letter-spacing: 0.02em;
  display: block;
  box-sizing: border-box;
}

.customBlockText .wp-block-video figcaption:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-video figcaption {
    margin-top: 0.76923vw;
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-video figcaption {
    margin-top: 1.53846vw;
    font-size: 3.07692vw;
  }
}

.customBlockText hr.wp-block-separator {
  width: 100%;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  border: 0;
  display: block;
  box-sizing: border-box;
}

.customBlockText hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 100px;
}

.customBlockText hr.wp-block-separator.is-style-dots {
  width: 100%;
  max-width: none;
  height: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText hr.wp-block-separator.is-style-dots {
    height: 5.12821vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText hr.wp-block-separator.is-style-dots {
    height: 10.25641vw;
  }
}

.customBlockText hr.wp-block-separator.is-style-dots:before {
  content: "···";
  font-size: 40px;
  letter-spacing: 1em;
  padding-left: 1em;
  font-family: serif;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText hr.wp-block-separator.is-style-dots:before {
    font-size: 5.12821vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText hr.wp-block-separator.is-style-dots:before {
    font-size: 10.25641vw;
  }
}

.customBlockText hr.wp-block-separator:not(.has-background) {
  background-color: #ccc;
}

.customBlockText hr.wp-block-separator:not(.has-background).is-style-dots:before {
  color: #ccc;
}

.customBlockText .textArea .text {
  line-height: 2;
  font-size: 14px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .textArea .text {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .textArea .text {
    font-size: 3.58974vw;
  }
}

.customBlockText .blockIntroTextArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIntroTextArea + .blockIntroTextArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIntroTextArea + .blockIntroTextArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIntroTextArea + .blockIntroTextArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockIntroTextArea .blockIntroText > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIntroTextArea .blockIntroText > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIntroTextArea .blockIntroText > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockIntroTextArea .blockIntroText > *:first-child {
  margin-top: 0;
}

.customBlockText .blockIntroTextArea .blockIntroText p {
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIntroTextArea .blockIntroText p {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIntroTextArea .blockIntroText p {
    font-size: 4.10256vw;
  }
}

.customBlockText .blockProfileArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockProfileArea + .blockProfileArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea + .blockProfileArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea + .blockProfileArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockProfileArea .blockProfileList > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea .blockProfileList > * {
    margin-top: sizetab(16);
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfileList > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockProfileArea .blockProfileList > *:first-child {
  margin-top: 0;
}

.customBlockText .blockProfileArea .blockProfile {
  width: 100%;
  padding: 30px;
  background-color: #eee;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea .blockProfile {
    padding: 3.84615vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfile {
    width: 100vw;
    padding: 7.69231vw 5.12821vw;
    margin-left: -5vw;
  }
}

.customBlockText .blockProfileArea .blockProfile .blockProfileInner {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  box-sizing: border-box;
}

.customBlockText .blockProfileArea .blockProfile .photo {
  width: 180px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea .blockProfile .photo {
    width: 15.38462vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfile .photo {
    width: 25.64103vw;
  }
}

.customBlockText .blockProfileArea .blockProfile .photo > .img {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockProfileArea .blockProfile .photo > .img > img {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.customBlockText .blockProfileArea .blockProfile .detail {
  width: calc(100% - (180px + 20px));
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea .blockProfile .detail {
    width: calc(100% - (17.94872vw));
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfile .detail {
    width: calc(100% - (30.76923vw));
  }
}

.customBlockText .blockProfileArea .blockProfile .detail > * {
  margin-top: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea .blockProfile .detail > * {
    margin-top: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfile .detail > * {
    margin-top: 3.07692vw;
  }
}

.customBlockText .blockProfileArea .blockProfile .detail > *:first-child {
  margin-top: 0;
}

.customBlockText .blockProfileArea .blockProfile .detail .titleArea .profileTitle {
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea .blockProfile .detail .titleArea .profileTitle {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfile .detail .titleArea .profileTitle {
    font-size: 3.58974vw;
  }
}

.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p {
  line-height: 1.4;
  font-size: 12px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea .blockProfile .detail .nameArea > p {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfile .detail .nameArea > p {
    line-height: 1.8;
    font-size: 3.07692vw;
    flex-wrap: wrap;
  }
}

.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p .name {
  font-weight: bold;
  white-space: nowrap;
}

.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p .katagaki {
  margin-left: 0.5em;
}

.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p .katagaki:before {
  content: "/";
  margin-right: 0.5em;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfile .textArea {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockProfileArea .blockProfile .textArea .profileText {
  line-height: 1.6;
  font-size: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockProfileArea .blockProfile .textArea .profileText {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockProfileArea .blockProfile .textArea .profileText {
    line-height: 1.8;
    font-size: 3.07692vw;
  }
}

.customBlockText .blockProfileArea .blockProfile .textArea .profileText * {
  line-height: inherit;
  font-size: inherit;
}

.customBlockText .blockIndexArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea + .blockIndexArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea + .blockIndexArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea + .blockIndexArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap {
  width: 100%;
  padding: 30px;
  background-color: #eee;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap {
    padding: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap {
    width: 100vw;
    padding: 5.12821vw;
    margin-left: -5vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn {
  width: 100%;
  display: block;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  color: #000;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:visited, .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:focus, .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:active {
  color: #000;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn.active:after {
  transform: translateY(-50%) rotate(180deg);
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:after {
  width: 18px;
  height: 9px;
  content: "";
  display: block;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6.444" viewBox="0 0 12 6.444"><path d="M.281,6.625A.388.388,0,0,1,.4,6.341a.388.388,0,0,1,.284-.119.388.388,0,0,1,.284.119l5.354,5.354,5.271-5.271a.4.4,0,1,1,.569.569L6.606,12.547a.4.4,0,0,1-.569,0L.4,6.921a.277.277,0,0,1-.041-.053.406.406,0,0,1-.03-.059L.3,6.749.287,6.69Z" transform="translate(-0.281 -6.222)" /></svg>');
  -webkit-mask-size: contain;
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6.444" viewBox="0 0 12 6.444"><path d="M.281,6.625A.388.388,0,0,1,.4,6.341a.388.388,0,0,1,.284-.119.388.388,0,0,1,.284.119l5.354,5.354,5.271-5.271a.4.4,0,1,1,.569.569L6.606,12.547a.4.4,0,0,1-.569,0L.4,6.921a.277.277,0,0,1-.041-.053.406.406,0,0,1-.03-.059L.3,6.749.287,6.69Z" transform="translate(-0.281 -6.222)" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transform: translateY(-50%) rotate(0deg);
  position: absolute;
  top: 50%;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:after {
    width: 2.30769vw;
    height: 1.15385vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:after {
    width: 4.61538vw;
    height: 2.30769vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn > span {
  line-height: 1;
  margin-left: 1em;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn > span:first-child {
  margin-left: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .en {
  font-size: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .en {
    font-size: 3.84615vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .en {
    font-size: 7.69231vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .jp {
  margin-top: 0.5em;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .jp {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .jp {
    font-size: 3.58974vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd {
  width: 100%;
  margin-top: 35px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd {
    margin-top: 4.48718vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd {
    margin-top: 8.97436vw;
  }
}

.wp-admin .customBlockText .blockIndexArea .blockIndexWrap > dl > dd {
  display: block;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList > * {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList > * {
    margin-top: 3.84615vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList > * {
    margin-top: 7.69231vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList > *:first-child {
  margin-top: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex > * {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex > * {
    margin-top: 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex > * {
    margin-top: 5.12821vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex > *:first-child {
  margin-top: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea .blockIndexTitle {
  width: 100%;
  line-height: 1.6;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-decoration: none;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea .blockIndexTitle {
    font-size: 2.30769vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea .blockIndexTitle {
    font-size: 4.61538vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle {
  text-decoration: underline;
  color: #000;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle:visited, .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle:focus, .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle:active {
  color: #000;
}

@media only screen and (min-width: 1080px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle:hover {
    text-decoration: none;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList.noIndent > ul > li {
  padding-left: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul {
  width: 100%;
  padding-left: 0;
  list-style: none;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li {
  line-height: 1.6;
  padding-left: 1em;
  margin-top: 20px;
  list-style: none;
  font-size: 18px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li {
    margin-top: 2.5641vw;
    font-size: 2.30769vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li {
    margin-top: 5.12821vw;
    font-size: 4.61538vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li:first-child {
  margin-top: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > a,
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > span {
  line-height: inherit;
  font-size: inherit;
  color: #000;
}

.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > a:visited, .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > a:focus, .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > a:active,
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > span:visited,
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > span:focus,
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > span:active {
  color: #000;
}

.customBlockText .blockRelatedArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockRelatedArea + .blockRelatedArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockRelatedArea + .blockRelatedArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockRelatedArea + .blockRelatedArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockRelatedArea > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockRelatedArea > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockRelatedArea > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockRelatedArea > *:first-child {
  margin-top: 0;
}

.customBlockText .blockRelatedArea .blockRelatedList {
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  padding-left: 0;
  list-style: none;
  box-sizing: border-box;
}

.customBlockText .blockRelatedArea .blockRelatedList > li {
  line-height: 1.6;
  margin-top: 30px;
  list-style: none;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockRelatedArea .blockRelatedList > li {
    margin-top: 3.84615vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockRelatedArea .blockRelatedList > li {
    margin-top: 7.69231vw;
  }
}

.customBlockText .blockRelatedArea .blockRelatedList > li:first-child {
  margin-top: 0;
}

.customBlockText .blockRelatedArea .blockRelatedList > li > a,
.customBlockText .blockRelatedArea .blockRelatedList > li > span {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockRelatedArea .blockRelatedList > li > a,
  .customBlockText .blockRelatedArea .blockRelatedList > li > span {
    align-items: flex-start;
  }
}

.customBlockText .blockRelatedArea .blockRelatedList > li > a {
  text-decoration: none;
  color: #000;
}

.customBlockText .blockRelatedArea .blockRelatedList > li > a::after {
  display: none;
}

.customBlockText .blockRelatedArea .blockRelatedList > li .imageWrap {
  width: 28%;
}

.customBlockText .blockRelatedArea .blockRelatedList > li .contentWrap {
  padding-left: 4%;
  width: 72%;
  box-sizing: border-box;
}

.customBlockText .blockRelatedArea .blockRelatedList > li .contentWrap .title {
  padding: 0;
  font-size: 14px;
  line-height: 1.7;
  text-decoration: none;
  border-bottom: none;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockRelatedArea .blockRelatedList > li .contentWrap .title {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockRelatedArea .blockRelatedList > li .contentWrap .title {
    font-size: 3.58974vw;
  }
}

.customBlockText .blockRelatedArea .blockRelatedList > li .contentWrap .text {
  position: relative;
  display: inline-block;
  margin-top: 10px !important;
  padding-right: 15px;
  font-size: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockRelatedArea .blockRelatedList > li .contentWrap .text {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockRelatedArea .blockRelatedList > li .contentWrap .text {
    margin-top: 2.5641vw !important;
    font-size: 3.07692vw;
  }
}

.customBlockText .blockRelatedArea .blockRelatedList > li .contentWrap .text::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.6em;
  height: 0.6em;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translateY(-50%) rotate(45deg);
}

.customBlockText .blockInfoArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInfoArea + .blockInfoArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea + .blockInfoArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea + .blockInfoArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockInfoArea > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockInfoArea > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInfoArea .blockInfoList {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInfoArea .blockInfoList > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo {
  width: 100%;
  padding: 40px;
  background-color: #eee;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo {
    padding: 3.84615vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo {
    width: 100vw;
    padding: 7.69231vw 5.12821vw;
    margin-left: -5vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo > dl {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo > dl {
    flex-wrap: wrap;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .photo {
  width: 31.25%;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .photo {
    width: 100%;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .photo .img {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .photo .img {
    width: 50%;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .photo .img > img {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail {
  width: 64%;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail {
    width: 100%;
    margin-top: 7.69231vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail > * {
  margin-top: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail > * {
    margin-top: 0.51282vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail > * {
    margin-top: 1.02564vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea > * {
  margin-top: 12px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea > * {
    margin-top: 1.53846vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea > * {
    margin-top: 3.07692vw !important;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea > *:first-child {
  margin-top: 0 !important;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .infoTitle {
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .infoTitle {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .infoTitle {
    font-size: 3.58974vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .name {
  line-height: 1.8;
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .name {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .name {
    font-size: 4.10256vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  box-sizing: border-box;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dt {
  line-height: 1.8;
  font-size: 12px;
  white-space: nowrap;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dt {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dt {
    font-size: 3.07692vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dd {
  line-height: 1.8;
  font-size: 12px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dd {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dd {
    font-size: 3.07692vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .notes {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .notes .text {
  line-height: 1.8;
  font-size: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .notes .text {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .notes .text {
    font-size: 3.07692vw;
  }
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a {
  line-height: 1;
  padding: 0.8em 1em 0.6em 1em;
  border: 2px solid #000;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
  color: #000;
}

.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:visited, .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:focus, .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:active {
  color: #000;
}

@media only screen and (min-width: 1080px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a {
    transition-property: background-color,color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:hover {
    background-color: #000;
    color: #fff;
  }
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:hover:visited, .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:hover:focus, .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:hover:active {
    color: #fff;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a {
    font-size: 3.07692vw;
  }
}

.customBlockText .blockQuateArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockQuateArea + .blockQuateArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockQuateArea + .blockQuateArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockQuateArea + .blockQuateArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockQuateArea .blockQuate {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockQuateArea .blockQuate > * {
  margin-top: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockQuateArea .blockQuate > * {
    margin-top: 0.51282vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockQuateArea .blockQuate > * {
    margin-top: 1.02564vw;
  }
}

.customBlockText .blockQuateArea .blockQuate > *:first-child {
  margin-top: 0;
}

.customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
  line-height: 1.6;
  font-size: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
    font-size: 3.07692vw;
  }
}

.customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner * {
  font-size: inherit;
}

.customBlockText .blockInterviewArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInterviewArea > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInterviewArea > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInterviewArea > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockInterviewArea > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInterviewArea .blockInterviewList {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInterviewArea .blockInterviewList > * {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInterviewArea .blockInterviewList > * {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInterviewArea .blockInterviewList > * {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockInterviewArea .blockInterviewList > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInterviewArea .blockInterview {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInterviewArea .blockInterview > dl {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInterviewArea .blockInterview > dl > * {
  margin-top: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInterviewArea .blockInterview > dl > * {
    margin-top: 1.02564vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInterviewArea .blockInterview > dl > * {
    margin-top: 2.05128vw;
  }
}

.customBlockText .blockInterviewArea .blockInterview > dl > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInterviewArea .blockInterview > dl > dt > * {
  margin-top: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInterviewArea .blockInterview > dl > dt > * {
    margin-top: 1.02564vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInterviewArea .blockInterview > dl > dt > * {
    margin-top: 2.05128vw;
  }
}

.customBlockText .blockInterviewArea .blockInterview > dl > dt > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInterviewArea .blockInterview > dl > dt .questionText {
  padding-left: 1.5em;
  box-sizing: border-box;
  position: relative;
}

.customBlockText .blockInterviewArea .blockInterview > dl > dt .questionText:before {
  width: 0.8em;
  height: 2px;
  content: "";
  background-color: #000;
  display: block;
  transform: translateY(-50%);
  position: absolute;
  top: 1em;
  left: 0;
}

.customBlockText .blockInterviewArea .blockInterview > dl > dd > * {
  margin-top: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInterviewArea .blockInterview > dl > dd > * {
    margin-top: 1.02564vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInterviewArea .blockInterview > dl > dd > * {
    margin-top: 2.05128vw;
  }
}

.customBlockText .blockInterviewArea .blockInterview > dl > dd > *:first-child {
  margin-top: 0;
}

.customBlockText .blockInterviewArea .blockInterview > dl > dd .answerText {
  line-height: 1.8;
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInterviewArea .blockInterview > dl > dd .answerText {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInterviewArea .blockInterview > dl > dd .answerText {
    font-size: 3.07692vw;
  }
}

.customBlockText .blockInterviewArea .blockInterview > dl > dd .answerText * {
  line-height: inherit;
  font-size: inherit;
}

.customBlockText .blockInterviewArea .blockInterview > dl > dd .name {
  white-space: nowrap;
  font-weight: bold;
}

.customBlockText .blockInterviewArea .blockInterview > dl > dd .answerTextInner {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockInterviewArea .blockInterview .questionText {
  line-height: 2;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockInterviewArea .blockInterview .questionText {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockInterviewArea .blockInterview .questionText {
    font-size: 3.58974vw;
  }
}

.customBlockText .blockBtnArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockBtnArea + .blockBtnArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea + .blockBtnArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea + .blockBtnArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockBtnArea .btnListBox {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.customBlockText .blockBtnArea .btnListBox.alignL {
  justify-content: flex-start;
}

.customBlockText .blockBtnArea .btnListBox.alignC {
  justify-content: center;
}

.customBlockText .blockBtnArea .btnListBox.alignR {
  justify-content: flex-end;
}

.customBlockText .blockBtnArea .btnListBox.btnCol1 > a {
  width: 100%;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol1 > a {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol1 > a {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol1 > a:first-child {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2 > a {
  width: 49%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2 > a:nth-child(-n + 2) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2 > a:nth-child(2n + 1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol2 > a {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol2 > a {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a {
  width: 49%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a:nth-child(-n + 2) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a:nth-child(2n + 1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a {
    width: 100%;
    margin-top: 4.10256vw;
    margin-left: 0;
  }
  .customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a:nth-child(-n + 2) {
    margin-top: 4.10256vw;
  }
  .customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a:first-child {
    margin-top: 0;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol3 > a {
  width: 32%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3 > a:nth-child(-n + 3) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3 > a:nth-child(3n + 1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3 > a {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3 > a {
    margin-top: 4.10256vw;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a {
  width: 32%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(-n + 3) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(3n + 1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a {
    width: 49%;
    margin-top: 4.10256vw;
    margin-left: 2%;
  }
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(-n + 3) {
    margin-top: 4.10256vw;
  }
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(3n + 1) {
    margin-left: 2%;
  }
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(-n + 2) {
    margin-top: 0;
  }
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(2n + 1) {
    margin-left: 0;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a {
  width: 32%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a:nth-child(-n + 3) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a:nth-child(3n + 1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a {
    margin-top: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a {
    width: 100%;
    margin-top: 4.10256vw;
    margin-left: 0;
  }
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a:nth-child(-n + 3) {
    margin-top: 4.10256vw;
  }
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a:first-child {
    margin-top: 0;
  }
}

.customBlockText .blockBtnArea .btnListBox > a {
  padding: 1em;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #1a73e8;
  color: #fff;
  box-sizing: border-box;
}

.customBlockText .blockBtnArea .btnListBox > a:visited, .customBlockText .blockBtnArea .btnListBox > a:focus, .customBlockText .blockBtnArea .btnListBox > a:active {
  color: #fff;
}

@media only screen and (min-width: 1080px) {
  .customBlockText .blockBtnArea .btnListBox > a {
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .customBlockText .blockBtnArea .btnListBox > a:hover {
    background-color: #8ebaf4;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox > a {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox > a {
    font-size: 3.58974vw;
  }
}

.customBlockText .blockBtnArea .btnListBox > a.alignL {
  justify-content: flex-start;
}

.customBlockText .blockBtnArea .btnListBox > a.alignC {
  justify-content: center;
}

.customBlockText .blockBtnArea .btnListBox > a.alignR {
  justify-content: flex-end;
}

.customBlockText .blockBtnArea .btnListBox > a * {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.customBlockText .blockBtnArea .btnListBox > a .jp {
  line-height: 1;
}

.customBlockText .blockBtnArea .btnListBox > a .en {
  line-height: 1;
}

.customBlockText .blockBtnArea .btnListBox > a.enJpBtn .en, .customBlockText .blockBtnArea .btnListBox > a.enBtn .en {
  line-height: 1.4;
  font-size: 130%;
  font-weight: 600;
  order: 1;
}

.customBlockText .blockBtnArea .btnListBox > a.enJpBtn .jp, .customBlockText .blockBtnArea .btnListBox > a.enBtn .jp {
  line-height: 1.4;
  margin-left: 0.5em;
  font-size: 80%;
  order: 2;
}

.customBlockText .blockBtnArea .btnListBox > a.jpEnBtn .jp, .customBlockText .blockBtnArea .btnListBox > a.jpBtn .jp {
  line-height: 1.4;
  font-size: 130%;
  font-weight: bold;
  order: 1;
}

.customBlockText .blockBtnArea .btnListBox > a.jpEnBtn .en, .customBlockText .blockBtnArea .btnListBox > a.jpBtn .en {
  line-height: 1.4;
  margin-left: 0.5em;
  font-size: 80%;
  order: 2;
}

.customBlockText .blockBtnArea .btnListBox > a[target="_blank"]:after {
  order: 3;
}

.customBlockText .blockSliderImgArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockSliderImgArea + .blockSliderImgArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockSliderImgArea + .blockSliderImgArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockSliderImgArea + .blockSliderImgArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockSliderImgArea .blockSliderImg {
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockSliderImgArea .blockSliderImg {
    padding-bottom: 3.84615vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockSliderImgArea .blockSliderImg {
    padding-bottom: 7.69231vw;
  }
}

.customBlockText .blockSliderImgArea .slide {
  display: block;
}

.customBlockText .blockSliderImgArea .slide > * {
  margin-top: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockSliderImgArea .slide > * {
    margin-top: 1.02564vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockSliderImgArea .slide > * {
    margin-top: 2.05128vw;
  }
}

.customBlockText .blockSliderImgArea .slide > *:first-child {
  margin-top: 0;
}

.customBlockText .blockSliderImgArea .slide .photo {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockSliderImgArea .slide .photo .img {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockSliderImgArea .slide .photo .img > img {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.customBlockText .blockSliderImgArea .slide .detail {
  line-height: 1.8;
  font-size: 12px;
  letter-spacing: 0.02em;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockSliderImgArea .slide .detail {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockSliderImgArea .slide .detail {
    font-size: 3.07692vw;
  }
}

.customBlockText .blockSliderImgArea .slide .detail p {
  line-height: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  box-sizing: border-box;
}

.customBlockText .blockSliderImgArea .sliderNext,
.customBlockText .blockSliderImgArea .sliderPrev {
  width: 40px;
  height: 120px;
  margin-top: 0;
  display: block;
  background-color: #fff;
  color: #1a73e8;
  transform: translateY(-50%);
}

.customBlockText .blockSliderImgArea .sliderNext:visited, .customBlockText .blockSliderImgArea .sliderNext:focus, .customBlockText .blockSliderImgArea .sliderNext:active,
.customBlockText .blockSliderImgArea .sliderPrev:visited,
.customBlockText .blockSliderImgArea .sliderPrev:focus,
.customBlockText .blockSliderImgArea .sliderPrev:active {
  color: #1a73e8;
}

@media only screen and (min-width: 1080px) {
  .customBlockText .blockSliderImgArea .sliderNext,
  .customBlockText .blockSliderImgArea .sliderPrev {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .customBlockText .blockSliderImgArea .sliderNext:hover,
  .customBlockText .blockSliderImgArea .sliderPrev:hover {
    opacity: 0.8;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockSliderImgArea .sliderNext,
  .customBlockText .blockSliderImgArea .sliderPrev {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockSliderImgArea .sliderNext,
  .customBlockText .blockSliderImgArea .sliderPrev {
    display: none;
  }
}

.customBlockText .blockSliderImgArea .sliderNext:after,
.customBlockText .blockSliderImgArea .sliderPrev:after {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 30% auto;
  box-sizing: border-box;
}

.customBlockText .blockSliderImgArea .sliderNext {
  right: 0;
}

.customBlockText .blockSliderImgArea .sliderNext:after {
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="6.444" height="12" viewBox="0 0 6.444 12"><path d="M.281,6.625A.388.388,0,0,1,.4,6.341a.388.388,0,0,1,.284-.119.388.388,0,0,1,.284.119l5.354,5.354,5.271-5.271a.4.4,0,1,1,.569.569L6.606,12.547a.4.4,0,0,1-.569,0L.4,6.921a.277.277,0,0,1-.041-.053.406.406,0,0,1-.03-.059L.3,6.749.287,6.69Z" transform="translate(-6.222 12.281) rotate(-90)" /></svg>');
}

.customBlockText .blockSliderImgArea .sliderPrev {
  left: 0;
}

.customBlockText .blockSliderImgArea .sliderPrev:after {
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="6.444" height="12" viewBox="0 0 6.444 12"><path d="M.281,6.625A.388.388,0,0,1,.4,6.341a.388.388,0,0,1,.284-.119.388.388,0,0,1,.284.119l5.354,5.354,5.271-5.271a.4.4,0,1,1,.569.569L6.606,12.547a.4.4,0,0,1-.569,0L.4,6.921a.277.277,0,0,1-.041-.053.406.406,0,0,1-.03-.059L.3,6.749.287,6.69Z" transform="translate(12.666 -0.281) rotate(90)" /></svg>');
}

.customBlockText .blockSliderImgArea .sliderPager {
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
}

.customBlockText .blockSliderImgArea .sliderPager .swiper-pagination-bullet-active {
  background-color: #1a73e8;
}

.customBlockText .blockIframeBoxArea {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea + .blockIframeBoxArea {
  margin-top: 16px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIframeBoxArea + .blockIframeBoxArea {
    margin-top: 2.05128vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIframeBoxArea + .blockIframeBoxArea {
    margin-top: 4.10256vw !important;
  }
}

.customBlockText .blockIframeBoxArea .blockIframeBox {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox > * {
  margin-top: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIframeBoxArea .blockIframeBox > * {
    margin-top: 1.02564vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIframeBoxArea .blockIframeBox > * {
    margin-top: 2.05128vw;
  }
}

.customBlockText .blockIframeBoxArea .blockIframeBox > *:first-child {
  margin-top: 0;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code {
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code > iframe,
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code > video {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: inline-block;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_left .code {
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_center .code {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_right .code {
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code {
  width: 100%;
  max-width: none;
  padding-top: 56.25%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code > iframe,
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code > video {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .detail {
  width: 100%;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
  width: 100%;
  line-height: 1.8;
  font-size: 12px;
  letter-spacing: 0.02em;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
    font-size: 3.07692vw;
  }
}

.customBlockText .blockflexArea .flexWrap {
  margin-top: 40px;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockflexArea .flexWrap {
    margin-top: 10.25641vw;
  }
}

.customBlockText .blockflexArea .flexWrap:first-of-type {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockflexArea .flexWrap.spBlock {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockflexArea .flexWrap.spBlock .leftContentWrap,
  .customBlockText .blockflexArea .flexWrap.spBlock .rightContentWrap {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockflexArea .flexWrap.spBlock .leftContentWrap *:first-of-type,
  .customBlockText .blockflexArea .flexWrap.spBlock .rightContentWrap *:first-of-type {
    margin-bottom: 3.84615vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockflexArea .flexWrap.spBlock .leftContentWrap {
    margin: 6% 0 0;
  }
}

.customBlockText .blockflexArea .leftContentWrap,
.customBlockText .blockflexArea .rightContentWrap {
  width: 46.6%;
}

.customBlockText .blockflexArea .leftContentWrap *,
.customBlockText .blockflexArea .rightContentWrap * {
  margin-top: 10px !important;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockflexArea .leftContentWrap *,
  .customBlockText .blockflexArea .rightContentWrap * {
    margin-top: 2.5641vw !important;
  }
}

.customBlockText .blockflexArea .leftContentWrap *:first-child,
.customBlockText .blockflexArea .rightContentWrap *:first-child {
  margin-top: 0 !important;
}

.customBlockText .blockflexArea .leftContentWrap {
  margin-right: 6.8%;
}

.customBlockText .blockflexArea h3 {
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  border-bottom: none;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockflexArea h3 {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockflexArea h3 {
    font-size: 4.10256vw;
  }
}

.textArea .text {
  line-height: 1.6;
  font-size: 16px;
  letter-spacing: 0.08em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .textArea .text {
    font-size: 1.66667vw;
  }
}

@media only screen and (max-width: 767px) {
  .textArea .text {
    font-size: 3.33333vw;
  }
}

.textArea .text.size-s {
  line-height: 1.6;
  font-size: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .textArea .text.size-s {
    font-size: 1.28205vw;
  }
}

@media only screen and (max-width: 767px) {
  .textArea .text.size-s {
    font-size: 2.5641vw;
  }
}

.textArea .text.size-l {
  line-height: 1.6;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .textArea .text.size-l {
    font-size: 1.92308vw;
  }
}

@media only screen and (max-width: 767px) {
  .textArea .text.size-l {
    font-size: 3.84615vw;
  }
}

.textArea .text.lh2 {
  line-height: 2;
}

.textArea .text.indent1 {
  padding-left: 1em;
  box-sizing: border-box;
}

.flexWrap {
  display: flex;
}

@media only screen and (max-width: 1079px) {
  .flexWrap.spTabBlock {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .flexWrap.spBlock {
    display: block;
  }
}

.bgWrap {
  background-color: #f5f5f5;
  box-sizing: border-box;
}

.categoryLabel {
  line-height: 1.4;
  padding: 0.35em 1em 0.2em 1em;
  font-size: 13px;
  display: inline-block;
  background-color: var(--termColor, #000);
  color: #fff;
  box-sizing: border-box;
}

.categoryLabel:visited, .categoryLabel:focus, .categoryLabel:active {
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .categoryLabel {
    font-size: 1.66667vw;
  }
}

@media only screen and (max-width: 767px) {
  .categoryLabel {
    font-size: 3.33333vw;
  }
}

.categoryLabel.pillarTag {
  width: 150px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .categoryLabel.pillarTag {
    width: 19.23077vw;
  }
}

@media only screen and (max-width: 767px) {
  .categoryLabel.pillarTag {
    width: 38.46154vw;
  }
}

.cloudListWrap {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.cloudListWrap .cloudList {
  width: calc(100% + 10px);
  margin-top: -10px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .cloudListWrap .cloudList {
    width: calc(100% + 1.28205vw);
    margin-top: -1.28205vw;
  }
}

@media only screen and (max-width: 767px) {
  .cloudListWrap .cloudList {
    width: calc(100% + 2.5641vw);
    margin-top: -2.5641vw;
  }
}

.cloudListWrap .cloudList.alignC {
  justify-content: center;
}

.cloudListWrap .cloudList > li {
  margin-top: 10px;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .cloudListWrap .cloudList > li {
    margin-top: 1.28205vw;
    margin-right: 1.28205vw;
  }
}

@media only screen and (max-width: 767px) {
  .cloudListWrap .cloudList > li {
    margin-top: 2.5641vw;
    margin-right: 2.5641vw;
  }
}

.cloudListWrap .cloudList > li > a,
.cloudListWrap .cloudList > li > span {
  line-height: 1.2;
  padding: 0.4em 0.8em;
  border-radius: 10em;
  font-size: 12px;
  background-color: #e4eced;
  color: #000;
  display: inline-block;
  box-sizing: border-box;
}

.cloudListWrap .cloudList > li > a:visited, .cloudListWrap .cloudList > li > a:focus, .cloudListWrap .cloudList > li > a:active,
.cloudListWrap .cloudList > li > span:visited,
.cloudListWrap .cloudList > li > span:focus,
.cloudListWrap .cloudList > li > span:active {
  color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .cloudListWrap .cloudList > li > a,
  .cloudListWrap .cloudList > li > span {
    font-size: 1.53846vw;
  }
}

@media only screen and (max-width: 767px) {
  .cloudListWrap .cloudList > li > a,
  .cloudListWrap .cloudList > li > span {
    font-size: 3.07692vw;
  }
}

@media only screen and (min-width: 1080px) {
  .cloudListWrap .cloudList > li > a {
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  .cloudListWrap .cloudList > li > a:hover {
    background-color: #4e89dd;
    color: #fff;
  }
  .cloudListWrap .cloudList > li > a:hover:visited, .cloudListWrap .cloudList > li > a:hover:focus, .cloudListWrap .cloudList > li > a:hover:active {
    color: #fff;
  }
}

.columnListArea {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.columnList {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}

@media only screen and (min-width: 1080px) {
  .columnList.column3 .columnBox {
    width: 31.48148%;
    margin-top: 60px;
    margin-left: 2.77778%;
  }
  .columnList.column3 .columnBox:nth-child(-n + 3) {
    margin-top: 0;
  }
  .columnList.column3 .columnBox:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList.tabColumn2 .columnBox {
    width: 48%;
    margin-top: 6.41026vw;
    margin-left: 4%;
  }
  .columnList.tabColumn2 .columnBox:nth-child(-n + 2) {
    margin-top: 0;
  }
  .columnList.tabColumn2 .columnBox:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .columnList.spColumn1 .columnBox {
    width: 100%;
    margin-top: 15.38462vw;
  }
  .columnList.spColumn1 .columnBox:first-child {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1080px) {
  .columnList a.columnBox:hover .img {
    opacity: 0.7;
  }
  .columnList a.columnBox:hover .articleTitle {
    color: #000;
  }
  .columnList a.columnBox:hover .articleTitle:visited, .columnList a.columnBox:hover .articleTitle:focus, .columnList a.columnBox:hover .articleTitle:active {
    color: #000;
  }
}

.columnList .columnBox {
  box-sizing: border-box;
}

.columnList .columnBox > * {
  margin-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox > * {
    margin-top: 1.92308vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox > * {
    margin-top: 3.84615vw;
  }
}

.columnList .columnBox > *:first-child {
  margin-top: 0;
}

.columnList .columnBox .thumbnailWrap {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.columnList .columnBox .thumbnailWrap .categoryWrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .thumbnailWrap .categoryWrap {
    padding: 1.79487vw 2.5641vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .thumbnailWrap .categoryWrap .category {
    font-size: 3.58974vw;
  }
}

.columnList .columnBox .thumbnailWrap .thumbnail {
  width: 100%;
  height: 0;
  padding-top: 66.17647%;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

@media only screen and (min-width: 1080px) {
  .columnList .columnBox .thumbnailWrap .thumbnail {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
}

.columnList .columnBox .thumbnailWrap .thumbnail > img {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}

.columnList .columnBox .infoWrap {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .infoWrap {
    margin-top: 5.12821vw;
  }
}

.columnList .columnBox .infoWrap .postInfo {
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .infoWrap .postInfo {
    margin-bottom: 3.84615vw;
  }
}

.columnList .columnBox .infoWrap .postDate {
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .infoWrap .postDate {
    font-size: 3.07692vw;
  }
}

.columnList .columnBox .infoWrap .postTitle {
  font-size: 16px;
  line-height: 1.7;
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .infoWrap .postTitle {
    font-size: 4.10256vw;
  }
}

.bold {
  font-weight: bold;
}

.color_black {
  color: #000;
}

.color_black:visited, .color_black:focus, .color_black:active {
  color: #000;
}

.color_black * {
  color: inherit;
}

.color_white {
  color: #fff;
}

.color_white:visited, .color_white:focus, .color_white:active {
  color: #fff;
}

.color_white * {
  color: inherit;
}

.color_baseColor {
  color: #000;
}

.color_baseColor:visited, .color_baseColor:focus, .color_baseColor:active {
  color: #000;
}

.color_baseColor * {
  color: inherit;
}

.color_required {
  color: #f81515;
}

.color_required:visited, .color_required:focus, .color_required:active {
  color: #f81515;
}

.color_required * {
  color: inherit;
}

.bg_white {
  background-color: #fff;
}

.bg_baseColor {
  background-color: #000;
}

.bg_gray {
  background-color: #f7f7f7;
}

.post .categoryWrap {
  display: inline-block;
  padding: 7px 10px;
  min-width: 75px;
  text-align: center;
  background-color: #1a1a1a;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .post .categoryWrap {
    padding: 1.53846vw 2.5641vw 1.28205vw;
    min-width: 17.94872vw;
  }
}

.post .categoryWrap .category {
  font-family: "Marcellus", serif;
  letter-spacing: 0.1em;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .post .categoryWrap .category {
    font-size: 3.07692vw;
  }
}

.textLink {
  text-decoration: underline;
  color: #000;
}

@media only screen and (min-width: 1080px) {
  .textLink:hover {
    text-decoration: none;
  }
}

.arrowLink {
  position: relative;
  padding-right: 40px;
}

@media only screen and (min-width: 1080px) {
  .arrowLink:hover .icon {
    right: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .arrowLink {
    padding-right: 10.25641vw;
  }
}

.arrowLink .icon {
  position: absolute;
  top: 0.5em;
  right: 13px;
  width: 12px;
  height: 1px;
  background-color: currentColor;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@media only screen and (max-width: 767px) {
  .arrowLink .icon {
    right: 3.33333vw;
    width: 3.07692vw;
  }
}

.arrowLink .icon::before {
  content: "";
  position: absolute;
  right: 1px;
  top: -3px;
  width: 6px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  transform: rotate(45deg);
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@media only screen and (max-width: 767px) {
  .arrowLink .icon::before {
    width: 1.53846vw;
    height: 1.53846vw;
  }
}

.borderBLink {
  padding: 0 13px 15px;
  display: inline-block;
  font-size: 16px;
  font-family: "Marcellus", serif;
  letter-spacing: 0.03em;
  border-bottom: 1px solid;
}

@media only screen and (max-width: 767px) {
  .borderBLink {
    padding: 0 3.33333vw 5.12821vw;
    font-size: 4.10256vw;
  }
}

.borderBLink.arrow {
  position: relative;
  padding-right: 40px;
}

@media only screen and (min-width: 1080px) {
  .borderBLink.arrow:hover .icon {
    right: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .borderBLink.arrow {
    padding-right: 10.25641vw;
  }
}

.borderBLink.arrow .icon {
  position: absolute;
  top: 0.5em;
  right: 13px;
  width: 12px;
  height: 1px;
  background-color: currentColor;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@media only screen and (max-width: 767px) {
  .borderBLink.arrow .icon {
    right: 3.33333vw;
    width: 3.07692vw;
  }
}

.borderBLink.arrow .icon::before {
  content: "";
  position: absolute;
  right: 1px;
  top: -3px;
  width: 6px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  transform: rotate(45deg);
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@media only screen and (max-width: 767px) {
  .borderBLink.arrow .icon::before {
    width: 1.53846vw;
    height: 1.53846vw;
  }
}

.btn {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.btn-gray {
  text-align: center;
  background-color: #eaeaea;
}

.btn-white {
  position: relative;
  padding: 25px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
}

@media only screen and (max-width: 767px) {
  .btn-white {
    padding: 6.41026vw 12.82051vw;
  }
}

@media only screen and (min-width: 1080px) {
  .btn-white:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .btn-white:hover .icon svg * {
    fill: #fff;
  }
  .btn-white:hover .text {
    color: #fff;
  }
}

.btn-white::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.btn-white * {
  z-index: 2;
}

.btn-white .icon {
  margin-right: 10px;
  width: 20px;
}

@media only screen and (max-width: 767px) {
  .btn-white .icon {
    margin-right: 2.5641vw;
    width: 5.12821vw;
  }
}

.btn-white .icon svg {
  width: 100%;
}

.btn-white .icon svg * {
  fill: #000;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.btn-white .text {
  font-size: 14px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@media only screen and (max-width: 767px) {
  .btn-white .text {
    font-size: 3.58974vw;
  }
}

.btn-black {
  position: relative;
  padding: 25px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
}

@media only screen and (max-width: 767px) {
  .btn-black {
    padding: 6.41026vw 12.82051vw;
  }
}

@media only screen and (min-width: 1080px) {
  .btn-black:hover {
    color: #000;
  }
  .btn-black:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .btn-black:hover .icon svg * {
    fill: #000;
  }
  .btn-black:hover .text {
    color: #000;
  }
}

.btn-black::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.btn-black * {
  z-index: 2;
}

.btn-black .icon {
  margin-right: 10px;
  width: 20px;
}

@media only screen and (max-width: 767px) {
  .btn-black .icon {
    margin-right: 2.5641vw;
    width: 5.12821vw;
  }
}

.btn-black .icon svg {
  width: 100%;
}

.btn-black .icon svg * {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.btn-black .text {
  font-size: 14px;
  color: #fff;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@media only screen and (max-width: 767px) {
  .btn-black .text {
    font-size: 3.58974vw;
  }
}

.mw_wp_form_input .inputH {
  display: none !important;
}

.mw_wp_form_confirm .confirmH {
  display: none !important;
}

.slick-arrow {
  z-index: 20;
  position: absolute;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.slick-arrow .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
}

@media only screen and (max-width: 767px) {
  .slick-arrow .icon {
    width: 2.5641vw;
    height: 2.5641vw;
  }
}

.slick-arrow.prev .icon {
  transform: rotate(-135deg) translateY(-50%);
}

.slick-arrow.prev.bg-white .icon {
  margin-top: -10px;
  margin-right: -20px;
}

.slick-arrow.next .icon {
  transform: rotate(45deg) translateY(-50%);
}

.slick-arrow.next.bg-white .icon {
  margin-top: 10px;
  margin-right: 20px;
}

.slick-arrow.bg-white {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(153, 153, 153, 0.15);
}

.slick-dots {
  display: flex;
}

.slick-dots li {
  margin: 0;
  margin-right: 15px;
  width: 8px;
  height: 8px;
  font-size: 0;
}

.slick-dots li:last-of-type {
  margin-right: 0;
}

.slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  border: none;
  background-color: #fff;
  outline: none;
}

.slick-dots li button::before {
  display: none;
}

.slick-dots li.slick-active button {
  background-color: #63676a !important;
}

.shareBtnWrap {
  position: relative;
}

.shareBtnWrap .shareBtn {
  display: flex;
  align-items: center;
}

.shareBtnWrap .shareBtn > .icon {
  width: 20px;
}

@media only screen and (max-width: 767px) {
  .shareBtnWrap .shareBtn > .icon {
    width: 5.12821vw;
  }
}

.shareBtnWrap .shareBtn > .icon svg {
  width: 100%;
}

.shareBtnWrap .shareBtn .text {
  margin-left: 10px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .shareBtnWrap .shareBtn .text {
    margin-left: 2.5641vw;
    font-size: 3.58974vw;
  }
}

.shareBtnWrap .shareListWrap {
  position: absolute;
  top: 3em;
  left: 0;
  padding: 15px;
  display: none;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media only screen and (max-width: 1079px) {
  .shareBtnWrap .shareListWrap {
    left: -6em;
  }
}

@media only screen and (max-width: 767px) {
  .shareBtnWrap .shareListWrap {
    padding: 3.84615vw;
  }
}

.shareBtnWrap .shareListWrap .shareList li {
  margin-top: 15px;
  font-size: 13px;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .shareBtnWrap .shareListWrap .shareList li {
    margin-top: 3.84615vw;
    font-size: 3.33333vw;
  }
}

.shareBtnWrap .shareListWrap .shareList li:first-of-type {
  margin-top: 0;
}

.shareBtnWrap .shareListWrap .shareList li .hidden {
  display: none;
}

.shareBtnWrap .shareListWrap .copied {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  padding: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .shareBtnWrap .shareListWrap .copied {
    padding: 3.84615vw;
  }
}

#breadcrumbWrap {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #breadcrumbWrap {
    padding-top: 2.5641vw;
    padding-bottom: 3.84615vw;
  }
}

@media only screen and (max-width: 767px) {
  #breadcrumbWrap {
    padding-top: 2.5641vw;
    padding-bottom: 7.69231vw;
  }
}

.breadcrumb {
  overflow: hidden;
}

.breadcrumb > ul {
  width: 100%;
  margin-top: -0.4em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.breadcrumb > ul > li {
  line-height: 1.6;
  padding-left: 1em;
  margin-top: 0.4em;
  margin-right: 0.5em;
  color: #606060;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  font-size: 14px;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .breadcrumb > ul > li {
    font-size: 1.79487vw;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb > ul > li {
    font-size: 3.58974vw;
  }
}

.breadcrumb > ul > li:before {
  content: "/";
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}

.breadcrumb > ul > li:first-child {
  padding-left: 0;
}

.breadcrumb > ul > li:first-child:before {
  display: none;
}

.breadcrumb > ul > li:last-child {
  color: #a4a4a4;
}

.breadcrumb > ul > li.breadcrumb_home > a:before {
  width: 1em;
  height: 1em;
  content: "";
  margin-right: 0.25em;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12.002" viewBox="0 0 13 12.002"><g transform="translate(-30 -12072)"><path d="M2446,9840l-3,0v-6h-2l6.5-6,6.5,6h-2v6h-3v-4.5a1.5,1.5,0,1,0-3,0v4.5Z" transform="translate(-2411 2244)" /></g></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  display: inline-block;
}

.breadcrumb > ul > li span,
.breadcrumb > ul > li a {
  line-height: 1.6;
  vertical-align: top;
  display: inline-block;
  color: inherit;
}

.breadcrumb > ul > li span:visited, .breadcrumb > ul > li span:focus, .breadcrumb > ul > li span:active,
.breadcrumb > ul > li a:visited,
.breadcrumb > ul > li a:focus,
.breadcrumb > ul > li a:active {
  color: inherit;
}

.pagerArea {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagerArea a,
.pagerArea span {
  line-height: 1;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 20px;
  width: 30px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid transparent;
  color: #000;
  box-sizing: border-box;
  transition-property: border;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.pagerArea a:visited, .pagerArea a:focus, .pagerArea a:active,
.pagerArea span:visited,
.pagerArea span:focus,
.pagerArea span:active {
  color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .pagerArea a,
  .pagerArea span {
    font-size: 2.05128vw;
  }
}

@media only screen and (max-width: 767px) {
  .pagerArea a,
  .pagerArea span {
    font-size: 4.10256vw;
  }
}

.pagerArea a.current,
.pagerArea span.current {
  border-color: #000;
}

.pagerArea a.dots,
.pagerArea span.dots {
  border: none;
}

.pagerArea a.next, .pagerArea a.prev,
.pagerArea span.next,
.pagerArea span.prev {
  position: relative;
  border-bottom: none !important;
}

.pagerArea a.next .icon, .pagerArea a.prev .icon,
.pagerArea span.next .icon,
.pagerArea span.prev .icon {
  position: absolute;
  top: 0;
  width: 12px;
  height: 1px;
  background-color: #000;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@media only screen and (max-width: 767px) {
  .pagerArea a.next .icon, .pagerArea a.prev .icon,
  .pagerArea span.next .icon,
  .pagerArea span.prev .icon {
    right: 3.33333vw;
    width: 3.07692vw;
  }
}

.pagerArea a.next .icon::before, .pagerArea a.prev .icon::before,
.pagerArea span.next .icon::before,
.pagerArea span.prev .icon::before {
  content: "";
  position: absolute;
  top: -3px;
  width: 6px;
  height: 6px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
}

@media only screen and (max-width: 767px) {
  .pagerArea a.next .icon::before, .pagerArea a.prev .icon::before,
  .pagerArea span.next .icon::before,
  .pagerArea span.prev .icon::before {
    width: 1.53846vw;
    height: 1.53846vw;
  }
}

@media only screen and (min-width: 1080px) {
  .pagerArea a.next:hover .icon,
  .pagerArea span.next:hover .icon {
    right: 7px;
  }
}

.pagerArea a.next .icon,
.pagerArea span.next .icon {
  right: 10px;
}

.pagerArea a.next .icon::before,
.pagerArea span.next .icon::before {
  right: 1px;
  transform: rotate(45deg);
}

@media only screen and (min-width: 1080px) {
  .pagerArea a.prev:hover .icon,
  .pagerArea span.prev:hover .icon {
    left: 7px;
  }
}

.pagerArea a.prev .icon,
.pagerArea span.prev .icon {
  left: 10px;
}

.pagerArea a.prev .icon::before,
.pagerArea span.prev .icon::before {
  left: 1px;
  transform: rotate(-135deg);
}

@media only screen and (min-width: 1080px) {
  .pagerArea a:hover {
    border-color: #000;
  }
}

#notFound {
  padding-top: 150px;
  padding-bottom: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound {
    padding-top: 8.97436vw;
    padding-bottom: 8.97436vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound {
    padding-top: 17.94872vw;
    padding-bottom: 17.94872vw;
  }
}

#notFound.articleNotFound {
  padding-top: 0;
  padding-bottom: 0;
}

#notFound .notFoundInner > * {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound .notFoundInner > * {
    margin-top: 3.58974vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound .notFoundInner > * {
    margin-top: 7.17949vw;
  }
}

#notFound .notFoundInner > *:first-child {
  margin-top: 0;
}

#notFound .notFoundInner > .titleArea + * {
  margin-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound .notFoundInner > .titleArea + * {
    margin-top: 1.66667vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound .notFoundInner > .titleArea + * {
    margin-top: 3.33333vw;
  }
}

#notFound .notFoundTitle {
  line-height: 1.6;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound .notFoundTitle {
    font-size: 3.07692vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound .notFoundTitle {
    font-size: 6.15385vw;
  }
}

#notFound .notFoundBtn {
  min-width: 200px;
  line-height: 1.6;
  padding: 0.8em 5.33em 0.85em 1.5em;
  border: 1px solid #000;
  border-radius: 10em;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 0.08em;
  overflow: hidden;
  color: #000;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

#notFound .notFoundBtn:visited, #notFound .notFoundBtn:focus, #notFound .notFoundBtn:active {
  color: #000;
}

@media only screen and (min-width: 1080px) {
  #notFound .notFoundBtn {
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  #notFound .notFoundBtn:before {
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #notFound .notFoundBtn:hover {
    color: #fff;
  }
  #notFound .notFoundBtn:hover:visited, #notFound .notFoundBtn:hover:focus, #notFound .notFoundBtn:hover:active {
    color: #fff;
  }
  #notFound .notFoundBtn:hover:before {
    transform-origin: 0% 50%;
    transform: scaleX(1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound .notFoundBtn {
    min-width: 0;
    font-size: 1.66667vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound .notFoundBtn {
    min-width: 0;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    font-size: 3.33333vw;
  }
}

#notFound .notFoundBtn:after {
  width: 0.66em;
  height: 0.58em;
  content: "";
  display: block;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10.002" height="8.752" viewBox="0 0 10.002 8.752"><g transform="translate(-5 -5.624)"><path d="M10.183,5.808a.625.625,0,0,1,.885,0l3.75,3.75a.625.625,0,0,1,0,.885l-3.75,3.75a.626.626,0,1,1-.885-.885L13.491,10,10.183,6.692a.625.625,0,0,1,0-.885Z" /><path d="M5,10a.625.625,0,0,1,.625-.625H13.75a.625.625,0,0,1,0,1.25H5.625A.625.625,0,0,1,5,10Z" /></g></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 1.5em;
  z-index: 1;
}

#notFound .notFoundBtn > span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  position: relative;
  z-index: 1;
}

#wrap {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}

#wrapInner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  box-sizing: border-box;
}

#headWrap {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

#headWrap.hide {
  top: -75px;
}

@media only screen and (max-width: 767px) {
  #headWrap.hide {
    top: -50px;
  }
}

#headWrap #header {
  padding: 0 40px;
  height: 75px;
  box-sizing: border-box;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  #headWrap #header {
    padding: 0 3.84615vw;
    height: 50px;
  }
}

#headWrap #header #headInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

#headWrap #header .headNavListWrap .headNavList {
  display: flex;
  align-items: center;
}

#headWrap #header .headNavListWrap .headNavList li {
  margin-right: 40px;
}

#headWrap #header .headNavListWrap .headNavList li:last-of-type {
  margin-right: 0 !important;
}

#headWrap #header .headNavListWrap .headNavList li a {
  font-family: "Marcellus", serif;
}

#headWrap #header #headNav {
  padding-left: 60px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1079px) {
  #headWrap #header #headNav {
    display: none;
  }
}

#headWrap #header .logoWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#headWrap #header .logoWrap .logo {
  width: 100px;
}

@media only screen and (max-width: 767px) {
  #headWrap #header .logoWrap .logo {
    width: 17.94872vw;
  }
}

#headWrap #header .logoWrap .logo img {
  width: 100%;
}

@media only screen and (max-width: 1079px) {
  #headWrap #header #headUserNav {
    margin-left: auto;
  }
}

#headWrap #header #headUserNav .headNavListWrap .headNavList li {
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  #headWrap #header #headUserNav .headNavListWrap .headNavList li:not(#shopBagIcon):not(#wishIcon) {
    display: none;
  }
}

#headWrap #header #headUserNav .headNavListWrap .headNavList li.icon a {
  position: relative;
}

#headWrap #header #headUserNav .headNavListWrap .headNavList li.icon a svg {
  width: 20px;
}

@media only screen and (max-width: 767px) {
  #headWrap #header #headUserNav .headNavListWrap .headNavList li.icon a svg {
    width: 6.41026vw;
  }
}

#headWrap #header #headUserNav .headNavListWrap .headNavList li.icon#shopBagIcon .bagListNum {
  position: absolute;
  bottom: 6px;
  left: 50%;
  font-size: 10px;
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  #headWrap #header #headUserNav .headNavListWrap .headNavList li.icon#shopBagIcon .bagListNum {
    bottom: 1.79487vw;
    font-size: 2.5641vw;
  }
}

#globalNavWrap {
  width: 0;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fff;
  overflow: hidden;
  box-shadow: -1px 0 6px rgba(0, 0, 0, 0.15);
  transition-property: width;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
}

@media only screen and (min-width: 1080px) {
  #globalNavWrap.drawerActive {
    width: 30vw;
    max-width: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #globalNavWrap.drawerActive {
    width: 50vw;
  }
}

@media only screen and (max-width: 767px) {
  #globalNavWrap.drawerActive {
    width: 100vw;
  }
}

#globalNavWrap #globalNav {
  padding: 170px 50px 60px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 1080px) {
  #globalNavWrap #globalNav {
    width: 30vw;
    max-width: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #globalNavWrap #globalNav {
    width: 50vw;
  }
}

@media only screen and (max-width: 767px) {
  #globalNavWrap #globalNav {
    padding: 32.94872vw 12.82051vw 7.69231vw;
    width: 100vw;
  }
}

#globalNavWrap #globalNav #globalNavBodyInner {
  width: 100%;
  box-sizing: border-box;
}

#globalNavWrap #globalNav .navListWrap .navList .nav {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  #globalNavWrap #globalNav .navListWrap .navList .nav {
    margin-top: 6.41026vw;
  }
}

#globalNavWrap #globalNav .navListWrap .navList .nav > * {
  font-size: 16px;
  font-family: "Marcellus", serif;
  color: #808080;
}

@media only screen and (max-width: 767px) {
  #globalNavWrap #globalNav .navListWrap .navList .nav > * {
    font-size: 4.10256vw;
  }
}

#globalNavWrap #globalNav .navListWrap .navList .nav:first-of-type {
  margin-top: 0;
}

#globalNavWrap #globalNav .userNavListWrap {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  #globalNavWrap #globalNav .userNavListWrap {
    margin-top: 12.82051vw;
  }
}

#globalNavWrap #globalNav .userNavListWrap .userNavList .nav {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  #globalNavWrap #globalNav .userNavListWrap .userNavList .nav {
    margin-top: 5.12821vw;
  }
}

#globalNavWrap #globalNav .userNavListWrap .userNavList .nav > * {
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  #globalNavWrap #globalNav .userNavListWrap .userNavList .nav > * {
    font-size: 3.07692vw;
  }
}

#globalNavWrap #globalNav .userNavListWrap .userNavList .nav:first-of-type {
  margin-top: 0;
}

#globalNavWrap #globalNav .btnWrap {
  margin-top: 100px;
}

@media only screen and (max-width: 767px) {
  #globalNavWrap #globalNav .btnWrap {
    margin-top: 20.51282vw;
  }
}

#globalNavWrap #globalNav .btnWrap .btn {
  width: 100%;
  box-sizing: border-box;
}

#globalNavBtn {
  box-sizing: border-box;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 10002;
  width: 25px;
  height: 12px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@media only screen and (max-width: 767px) {
  #globalNavBtn {
    top: 5.12821vw;
    left: 3.84615vw;
    width: 6.41026vw;
    height: 3.07692vw;
  }
}

#globalNavBtn.hide {
  top: -75px;
}

@media only screen and (max-width: 767px) {
  #globalNavBtn.hide {
    top: -12.82051vw;
  }
}

#globalNavBtn > a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  box-sizing: border-box;
}

#globalNavBtn > a:before, #globalNavBtn > a:after {
  height: 2px;
  content: "";
  background-color: #000;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: 0;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

#globalNavBtn > a:before {
  top: 0;
  width: 100%;
}

#globalNavBtn > a:after {
  bottom: 0;
  width: 18px;
}

#globalNavBtn > a.drawerActive:before {
  top: 50%;
  transform: rotate(45deg);
}

#globalNavBtn > a.drawerActive:after {
  top: 50%;
  width: 100%;
  transform: rotate(-45deg);
}

#mainWrap {
  width: 100%;
  box-sizing: border-box;
}

#mainWrap #main {
  width: 100%;
  box-sizing: border-box;
}

#mainWrap #contents {
  width: 100%;
  box-sizing: border-box;
}

#journal .sectionTitleWrap,
#gallery .sectionTitleWrap,
#news .sectionTitleWrap {
  margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  #journal .sectionTitleWrap,
  #gallery .sectionTitleWrap,
  #news .sectionTitleWrap {
    margin-bottom: 10.25641vw;
  }
}

#journal {
  background-color: #f5f5f5;
  overflow-x: hidden;
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive {
    margin: 0 auto;
    width: 90vw;
  }
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .slick-arrow {
  z-index: 20;
  opacity: 1;
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .slick-arrow.inner {
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .slick-arrow.prev {
  top: 28%;
  left: -27.5px;
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .slick-arrow.next {
  top: 0;
  right: -27.5px;
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .slick-dots {
  justify-content: center;
  margin-top: 60px;
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .slick-dots li:not(.slick-active) button {
  background-color: #d6d6d6;
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post {
  margin-right: min(2.2vw, 30px);
  width: 25vw;
  max-width: 340px;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post {
    margin: 0 0 7.69231vw;
    width: 100%;
    max-width: none;
  }
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post:last-of-type {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post > a {
    display: flex;
  }
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .thumbnailWrap {
  position: relative;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .thumbnailWrap {
    margin-right: 3.84615vw;
  }
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .thumbnailWrap .categoryWrap {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .thumbnailWrap .thumbnail {
  width: 100%;
  height: 16.1vw;
  max-height: 220px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .thumbnailWrap .thumbnail {
    width: 25.64103vw;
    height: 25.64103vw;
    max-height: none;
  }
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .thumbnailWrap .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap {
    margin-top: 0;
  }
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap .postInfo {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap .postInfo {
    margin-bottom: 2.5641vw;
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap .categoryWrap {
    margin-right: 3.84615vw;
  }
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap .postDate {
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap .postDate {
    font-size: 3.33333vw;
  }
}

#journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap .postTitle {
  line-height: 1.7;
}

@media only screen and (max-width: 767px) {
  #journal .thumbnailPostArchiveWrap .thumbnailPostArchive .post .infoWrap .postTitle {
    font-size: 3.58974vw;
  }
}

#journal .linkWrap {
  margin-top: 60px;
}

@media only screen and (max-width: 767px) {
  #journal .linkWrap {
    margin-top: 12.82051vw;
  }
}

#gallery .linkWrap {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  #gallery .linkWrap {
    margin-top: 12.82051vw;
  }
}

.wishIcon.active .icon svg * {
  fill: #808080;
}

#news .postArchiveWrap .postArchive .post {
  border-top: 1px solid #ddd;
}

#news .postArchiveWrap .postArchive .post:last-of-type {
  border-bottom: 1px solid #ddd;
}

#news .postArchiveWrap .postArchive .post a {
  padding: 30px;
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  #news .postArchiveWrap .postArchive .post a {
    padding: 4.61538vw 0;
    display: block;
  }
}

#news .postArchiveWrap .postArchive .post a.alignC {
  align-items: center;
}

#news .postArchiveWrap .postArchive .post .infoWrap {
  margin-right: 20px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #news .postArchiveWrap .postArchive .post .infoWrap {
    margin: 0 0 2.5641vw;
  }
}

#news .postArchiveWrap .postArchive .post .infoWrap .categoryWrap {
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  #news .postArchiveWrap .postArchive .post .infoWrap .categoryWrap {
    margin-left: 2.5641vw;
  }
}

#news .postArchiveWrap .postArchive .post .postTitle {
  padding-top: 0.3em;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  #news .postArchiveWrap .postArchive .post .postTitle {
    font-size: 14px;
  }
}

#news .linkWrap {
  margin-top: 65px;
}

@media only screen and (max-width: 767px) {
  #news .linkWrap {
    margin-top: 10.25641vw;
  }
}

#spFootNav {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 5.12821vw 10.25641vw;
  width: 100vw;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  display: none;
}

#spFootNav .spFootNavList {
  display: flex;
  justify-content: space-between;
}

#spFootNav .spFootNavList li.icon a {
  position: relative;
}

#spFootNav .spFootNavList li.icon a svg {
  width: 5.12821vw;
}

#spFootNav .spFootNavList li.icon#shopBagIcon .bagListNum {
  position: absolute;
  bottom: 1.53846vw;
  left: 50%;
  font-size: 2.5641vw;
  transform: translateX(-50%);
}

#footWrap {
  padding-bottom: 100px;
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  #footWrap {
    padding: 15.38462vw 8px 20.51282vw;
  }
}

#footWrap #footer #footInner {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footInner {
    display: block;
  }
}

#footWrap #footer #footNavLink,
#footWrap #footer .logoWrap {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footNavLink,
  #footWrap #footer .logoWrap {
    width: 100%;
  }
}

#footWrap #footer #footNavLink {
  display: flex;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footNavLink .footNavListWrap {
    width: 45%;
  }
}

#footWrap #footer #footNavLink .footNavListWrap .footNavList li {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footNavLink .footNavListWrap .footNavList li {
    margin-bottom: 5.12821vw;
  }
}

#footWrap #footer #footNavLink .footNavListWrap .footNavList li:last-of-type {
  margin-bottom: 0;
}

#footWrap #footer #footNavLink .footNavListWrap .footNavList li a {
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footNavLink .footNavListWrap .footNavList li a {
    font-size: 14px;
  }
}

#footWrap #footer #footNavLink .footUserNavListWrap {
  margin-left: 145px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footNavLink .footUserNavListWrap {
    margin-left: 0;
    width: 55%;
  }
}

#footWrap #footer #footNavLink .footUserNavListWrap .footUserNavList li {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footNavLink .footUserNavListWrap .footUserNavList li {
    margin-bottom: 3.07692vw;
  }
}

#footWrap #footer #footNavLink .footUserNavListWrap .footUserNavList li:last-of-type {
  margin-bottom: 0;
}

#footWrap #footer #footNavLink .footUserNavListWrap .footUserNavList li a {
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footNavLink .footUserNavListWrap .footUserNavList li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #footWrap #footer .logoWrap {
    margin-top: 12.82051vw;
  }
}

#footWrap #footer .logoWrap .logo {
  margin-left: auto;
  width: 92px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer .logoWrap .logo {
    margin: 0 auto;
    width: 32.05128vw;
  }
}

#footWrap #footer .logoWrap .logo img {
  width: 100%;
}

#footWrap #footer #footContent {
  margin-top: 35px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footContent {
    margin-top: 6.41026vw;
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footContent .snsListWrap {
    margin-top: 12.82051vw;
  }
}

#footWrap #footer #footContent .snsListWrap .snsList {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footContent .snsListWrap .snsList {
    justify-content: center;
  }
}

#footWrap #footer #footContent .snsListWrap .snsList li {
  width: 20px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer #footContent .snsListWrap .snsList li {
    width: 7.69231vw;
  }
}

#footWrap #footer #footContent .snsListWrap .snsList li a {
  width: 100%;
}

#footWrap #footer #footContent .snsListWrap .snsList li a img {
  width: 100%;
}

#footWrap #copyright > p {
  font-size: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #footWrap #copyright > p {
    font-size: 1.4vw;
  }
}

@media only screen and (max-width: 767px) {
  #footWrap #copyright > p {
    font-size: 3.07692vw;
    text-align: center;
  }
}

#movie-block {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000;
}

#movie-block .bg-movie {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

#movie-block .bg-movie video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}