@charset "UTF-8";
.wrap {
  width: 57.77777vw;
  background: #fefaf7;
  margin: 0 auto;
  border-radius: 1.66666vw;
  margin-top: 5.55555vw;
  transition: 0.5s;
  margin-bottom: 6.11111vw;
}
.wrap2 {
  width: 73.0555vw;
  background: #fefaf7;
  margin: 0 auto;
  border-radius: 1.66666vw;
  margin-top: 5.55555vw;
  transition: 0.5s;
  margin-bottom: 6.11111vw;
}
.wrap2 > * {
  width: 42.6388888vw;
  margin: 0 auto;
}
.story a.btn1 {
  margin-top: 2.1111vw;
  width: 50% !important;
}
.linkArea a.btn1 {
  margin: 0vw auto 0;
}
.txtBlock2 {
  padding-left: 5.55555vw !important;
  position: relative;
}
.txtBlock2:before {
  content: "";
  background: url("/img/common/quote_icon.svg") no-repeat;
  background-size: contain;
  width: 1.52vw;
  height: 1.290777vw;
  position: absolute;
  left: 2.77777vw;
  top: 2.2222vw;
}
h2.ttl {
  font-size: 3.2vw;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  margin-bottom: 5.5vw;
  line-height: 1;
}
h2.ttl:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2.0833333vw;
  width: 100%;
  height: 0.1388888vw;
  background: url("/img/dummy/headline.svg");
}
h3.ttl3.center p {
  font-size: 2.77777vw;
}
h3.center {
  text-align: center;
}
.subNav {
  height: 5.2083333vw;
  background: #eae3de;
  margin-bottom: 5.555555vw;
}
.subNav {
  display: flex;
  width: 57.77777vw;
  margin-left: -5.55vw;
  align-items: center;
  justify-content: center;
}
.subNav li:not(:last-child) {
  margin-right: 1.4vw;
}
.subNav.select1 li:nth-child(1),
.subNav.select2 li:nth-child(2),
.subNav.select3 li:nth-child(3),
.subNav.select4 li:nth-child(4),
.subNav.select5 li:nth-child(5) {
  background: #383533;
  height: 2.9861111vw;
  padding: 0 1.66666vw;
  color: #fefaf7;
  border-radius: 15vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subNav.select1 li:nth-child(1) a,
.subNav.select2 li:nth-child(2) a,
.subNav.select3 li:nth-child(3) a,
.subNav.select4 li:nth-child(4) a,
.subNav.select5 li:nth-child(5) a {
  color: #fefaf7;
  font-weight: 500;
}
body.background .wrap {
  background: transparent;
  transition: 0.5s;
}
.menuBtn {
  opacity: 1;
}
h1.pagettl {
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -5.52vw;
  padding-left: 1vw;
  z-index: 50;
  opacity: 1;
  transition: 0.4s;
}
h1.pagettl.off {
  opacity: 0.9;
  transition: 0.4s;
}
h1.pagettl.off2 {
  opacity: 0;
  transition: 0.25s;
}
h1.pagettl a {
  display: block;
}
h1.pagettl:before {
  content: "";
  border-right: #312928 1px solid;
  border-top: #312928 1px solid;
  border-bottom: #312928 1px solid;
  position: absolute;
  width: 8.6111111vw;
  height: 15.494444vw;
  left: 0;
  top: -2.2vw;
  pointer-events: none;
  opacity: 0.3;
  border-radius: 0.13vw;
}
h1.pagettl img {
  width: 6.1vw;
  margin-left: 0.15vw;
  margin-top: 0.25vw;
}
h1.pagettl:after {
  content: "";
  border-right: #312928 1px solid;
  border-top: #312928 1px solid;
  border-bottom: #312928 1px solid;
  position: absolute;
  width: 9.08888888vw;
  height: 14.5138888vw;
  left: 0;
  top: -1.75vw;
  pointer-events: none;
  opacity: 0.3;
  border-radius: 0.13vw;
}
.wrap,
.wrap2 {
  padding: 4.444444vw 5.55555vw;
}
.wrap.story {
  background: #ffffff;
  padding-left: 0;
  padding-right: 0;
}
.wrap.story > *:not(.wp-block-image) {
  padding-left: 5.55555vw;
  padding-right: 5.55555vw;
}
.wrap img,
.wrap2 img {
  max-width: 100%;
}

.anim_parapara,
.anim_scaleup,
.anim_parallax,
.anim_fade {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

h2.ttl {
  font-size: 3.2vw;
  text-align: center;
  font-weight: 600 !important;
  letter-spacing: 0.1em;
  position: relative;
  margin-bottom: 5.5vw;
  line-height: 1;
}
h2.ttl:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2.0833333vw;
  width: 100%;
  height: 0.1388888vw;
  background: url("../img/dummy/headline.svg");
}
hr.wp-block-separator {
  border-top: 1px solid #3c3130 !important;
  border-bottom: none !important;
  margin: 5.555555vw 0;
  opacity: 0.15;
}
.wp-block-columns {
  margin: 5.55555vw 0 0 !important;
  display: flex;
}
.wrap p {
  font-size: 1.11111vw;
}
.wrap > p {
  font-size: 1.11111vw;
  margin: 1.66666vw 0 0 !important;
}
.wrap h4 + p,
.wrap h3:not(.h3_genbun) + p {
  margin-top: 0 !important;
}
.authorBlock ruby {
  font-size: 1.66666vw;
  font-weight: 600;
  display: block;
  line-height: 1.5;
}
.authorBlock ruby rb {
  display: block;
  margin-top: 0.3vw;
  margin-bottom: 0.5vw;
}
.illustList {
  width: 100%;
}
.illustList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.52777vw;
}
.illustList a {
  display: block;
}
.illustList ul li {
  max-width: 14.525vw;
  max-height: 16.05277vw;
  overflow: hidden;
  border-radius: 0.55555vw;
}
.illustList ul li a:blank,
.illustList ul li a:empty {
  margin-top: -1.52777vw;
}
.illustList ul li img {
  margin-top: 1.52777vw;
}
h3 + style + p,
h4 + style + p,
h5 + style + p,
h3 + p,
h4 + p,
h5 + p {
  margin-top: 0 !important;
}
h4.ttl4 {
  font-size: 1.388888vw !important;
  font-weight: 600;
  margin-top: 1.666666vw;
}
h5.ttl5 {
  font-size: 1.25vw;
  font-weight: 600;
  margin-top: 1.666666vw;
}
@keyframes sca2 {
  0% {
    left: 0;
    top: 0;
    transform: scale(0.5);
    opacity: 0;
  }
  10% {
    left: -2vw;
    top: -2vw;
    transform: scale(0.55);
    opacity: 0.1;
  }
  20% {
    left: 1vw;
    top: 1vw;
    transform: scale(0.6);
    opacity: 0.2;
  }
  30% {
    left: -1vw;
    top: -1vw;
    transform: scale(0.65);
    opacity: 0.3;
  }
  40% {
    left: 0vw;
    top: 1vw;
    transform: scale(0.7);
    opacity: 0.4;
  }
  50% {
    left: -2vw;
    top: -1vw;
    transform: scale(0.75);
    opacity: 0.5;
  }
  60% {
    left: 0;
    top: 2vw;
    transform: scale(0.8);
    opacity: 0.6;
  }
  70% {
    left: -1vw;
    top: 1vw;
    transform: scale(0.85);
    opacity: 0.7;
  }
  80% {
    left: 1vw;
    top: -1vw;
    transform: scale(0.9);
    opacity: 0.8;
  }
  90% {
    left: -2vw;
    top: 2vw;
    transform: scale(0.95);
    opacity: 0.9;
  }
  100% {
    left: 0;
    top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
.linkArea {
  margin-top: 3.33333vw;
}
a.next {
  width: 50vw;
  background: #383533;
  border-radius: 1.111111vw;
  padding: 1.1111111vw;
  color: #fcf7f3;
  font-size: 1.666666vw;
  display: block;
  text-align: center;
  line-height: 1.2;
  margin-left: -2.75vw;
  font-weight: 500;
  box-shadow: 0.41666vw 0.41666vw 0 0 rgba(173, 158, 155, 0.35);
}
a.next span {
  display: block;
  font-size: 0.97222222vw;
  margin-bottom: 0.5vw;
}
.child {
  display: flex;
  justify-content: center;
  gap: 1.1vw;
  margin-top: 1.666vw;
  margin-left: -0.2vw;
}
.linkArea a.btn1 {
  width: 20.48vw;
  text-align: center;
  line-height: 1.2;
  vertical-align: top;
  /*	box-shadow: 0.41666vw 0.41666vw 0 0 rgba(173,158,155,0.35);*/
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  /*    padding: 1.94444444vw 3.97222222vw;*/
  height: 4.1vw;
}
.linkArea a.btn1.back:after {
  transform: scale(-1, 1);
  left: 7%;
}
.storyNav.none {
  opacity: 0;
  transition: 0.7s;
  pointer-events: none;
}
.storyNav {
  position: fixed;
  right: 1.6666vw;
  bottom: 1.6666vw;
  display: flex;
  font-size: 0.76388888vw;
  text-align: center;
  opacity: 1;
  transition: 0.4s;
}
.storyNav ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.storyNav figure {
  display: block;
  height: 1.944444vw;
}
.storyNav img {
  display: inline;
  height: 1.66666vw;
}
.storyNav ul li {
  width: 3vw;
  display: flex;
  justify-content: center;
  font-weight: 500;
}
.storyNav ul li span {
  display: block;
}
.storyNav ul li {
  opacity: 0.2;
  transition: 0.4s;
}
.storyNav ul li:hover {
  opacity: 1;
  transition: 0.4s;
}
/* contact
-----------------*/
.wrap.contact input[type="text"],
.wrap.contact input[type="email"],
.wrap.contact textarea {
  border: #cec1b8 1px solid;
  width: 100%;
  background: #f8f2ef;
  height: 3.33333vw;
  border-radius: 0.27777vw;
  padding: 1.05vw;
}
.wrap.contact textarea {
  height: 9.6vw;
}
.wrap.contact label.fileInput {
  background: #383533;
  border-radius: 5vw;
  height: 3.05555vw;
  display: inline-block;
  color: #fff;
  font-weight: 600;
  padding: 0 3.88888vw 0 1.6666vw;
  min-width: 31%;
  position: relative;
}

.mw_wp_form_confirm label.fileInput {
  display: none;
}
.wrap.contact label.fileInput .mwform-file-delete {
  display: none;
}
.wrap.contact label.fileInput:after {
  background: url(/img/common/arrow1_1.svg) no-repeat;
  background-size: contain;
  content: "";
  width: 0.5vw;
  height: 1vw;
  position: absolute;
  right: 9%;
  top: 1.1vw;
}
.wrap.contact .mw_wp_form_input input[type="file"] {
  display: none;
}
.mw_wp_form_confirm p.fileUp label,
.mw_wp_form_confirm small.fileSelect {
  display: none !important;
}

.wrap.contact .backBtn input[type="submit"] {
  opacity: 0.5;
  margin-top: 0;
  width: 80%;
}
.wrap.contact .backBtn {
  display: flex;
  justify-content: center;
}

.wrap.contact input[type="submit"] {
  background: #383533;
  color: #fff;
  border-radius: 0.55555vw;
  height: 5vw;
  width: 100%;
  font-size: 1.25vw;
  font-weight: 600;
  margin-top: 3.4vw;
  letter-spacing: 0.05em;
}
.nametext {
  margin-top: 0.6vw;
  color: #383533;
  display: block;
  font-weight: 400;
  font-size: 0.83333vw;
}
.wrap.contact .fileSelect {
  font-size: 0.97222vw;
  display: block;
  margin-top: -5vw;
  position: relative;
  margin-left: 1.5vw;
  pointer-events: none;
  color: #fff;
  font-weight: 600;
}
.wrap.contact label.fileInput .fileSelect {
  font-size: 0.97222vw;
  display: block;
  margin-top: 0.5vw;
  position: absolute;
  left: 1.5vw;
  top: 0;
  margin-left: 0;
}

.wrap.contact .inner input[type="submit"] {
  background: #222;
  color: #fff;
  border-radius: 0.55555vw;
  height: 5vw;
  width: 100%;
  font-size: 1.25vw;
  font-weight: 600;
  margin-top: 4.72222vw;
  letter-spacing: 0.05em;
}
.wrap.contact {
  padding: 4.444444vw 7.77777vw;
}
.wrap.contact strong {
  font-weight: 600;
  font-size: 1.25vw;
  display: block;
  margin-bottom: 0.4vw;
}
.wrap.contact form > p {
  margin-top: 1.4vw;
  position: relative;
}
.wrap.contact form > p.fileName {
  margin-top: 0;
}
.wrap.contact strong span {
  font-size: 0.83333vw;
  font-weight: 400;
}
.profileBlock .wp-block-image {
  margin: 0 !important;
}
.readBlock {
  margin-top: 5.55555vw;
}
.readBlock a.btn1 {
  margin-top: 0 !important;
}
.readBlock figure {
  height: 16.9vw;
  overflow: hidden;
  border-radius: 1.666666vw;
  display: flex;
  align-items: center;
}
.readBlock figure {
  margin-bottom: 0.6vw;
}
.readBlock h2 {
  background: #383533;
  width: 43.233333vw;
  height: 5.4166666vw;
  position: relative;
  padding-left: 8.43vw;
  padding-top: 1.38vw;
  margin-left: -8.44444vw;
}
.readBlock h2 img {
  height: 2.511111vw;
}
.readBlock h2:before {
  content: "";
  position: absolute;
  left: -2.72vw;
  bottom: -50%;
  border: 2.7vw transparent solid;
  border-right: 5.35vw #7b7372 solid;
  z-index: -1;
}
.readBlock h2:after {
  content: "";
  position: absolute;
  right: -5.05vw;
  border: 2.7vw transparent solid;
  border-left: 2.4vw #383533 solid;
  top: 0;
}
.readBlock h3 span {
  font-size: 0.97222vw;
  display: block;
  margin-bottom: 0.55555vw;
}
.readBlock h3 {
  font-size: 1.66666vw;
  font-weight: 600;
  line-height: 1.2;
}
.readBlock div.block {
  opacity: 0;
  transform: scale(1.05);
}
.readBlock div.block.on {
  opacity: 1;
  transform: scale(1);
  transition: 0.7s;
}
.readBlock > div {
  width: 100%;
  margin: 0 auto 3.33333vw;
  margin-top: 3.33333vw;
}
.readBlock > div .txtBlock {
  padding: 1.6666vw 1.666vw 0;
  border-radius: 1.666666vw;
}
.readBlock > div .txtBlock h3 {
  margin-bottom: 0.6vw;
}
.readBlock figure img {
  width: 56.38888888vw;
  border-radius: 1.666666vw;
}
.readBlock .txtBlock p {
  margin-top: 1.11111vw;
  margin-bottom: 1.11111vw;
}
.readBlock p.linkBlock {
  text-align: center;
  opacity: 0;
}
.readBlock p.linkBlock.on {
  opacity: 1;
  transition: 0.7s;
}
.readBlock a.link {
  position: relative;
  display: inline-block;
}
.readBlock a.link:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0.138888vw;
  background: #383533;
  left: 0;
  bottom: 0vw;
}
.readBlock a.link:after {
  content: "";
  background: url("../img/common/arrowBtn.png") no-repeat;
  background-size: cover;
  background-position: 80% 20%;
  width: 1.5972222vw;
  height: 1.5972222vw;
  display: inline-block;
  margin-left: 0.8vw;
  margin-top: -0.5vw;
}
.readBlock .linkBlock.on a.link:before {
  width: 100%;
  transition: 0.5s;
}
.bookBlock1 {
  margin-top: 5.5555vw;
  position: relative;
  transform: scale(1);
  opacity: 1;
}
.bookBlock1 .area4Bg {
  position: absolute;
  left: 0;
  top: 3.333333vw;
  background: #fefaf7;
  height: 29.652777777vw;
  width: 86.875vw;
  border-radius: 0 1.6666666vw 1.6666666vw 0;
}
.bookBlock1 .inner {
  display: flex;
  position: relative;
}
.bookBlock1 .inner figure {
  width: 18.888888vw;
  margin-right: 0.5555vw;
}
.bookBlock1 .inner figure img {
  width: 100%;
}
.bookBlock1 p {
  width: 23.68vw;
}
.bookBlock1 strong {
  position: relative;
  margin-bottom: 1.8055555vw;
  margin-top: 6.94444444vw;
  font-size: 1.666666vw;
  font-weight: 600;
  line-height: 1.5;
}
.bookBlock1 .ttlItem li:nth-child(1) {
  position: absolute;
  width: 12.3vw;
  height: 3.847222vw;
  left: -0.3vw;
  top: 3.2vw;
}
.bookBlock1 .inner > figure img {
  width: 26.5277777vw;
  margin-right: 3.33333vw;
}
.bookBlock1 a {
  margin-top: 0 !important;
}
.bookBlock1 p {
  margin-bottom: 1.8055555vw;
}
.bookBlock2 {
  margin: 0 auto;
}
.bookBlock2 strong.ttl {
  text-align: center;
  border-top: 1px solid #312928;
  border-bottom: 1px solid #312928;
  padding: 0.977777vw;
  margin-top: 5.55555vw;
  margin-bottom: 3.8888888vw;
  width: 100%;
  font-size: 2.22222vw;
  font-weight: 600;
  display: block;
  line-height: 1;
  letter-spacing: 0.15em;
}
.bookBlock2 strong.bookttl {
  font-size: 1.3888888vw;
  font-weight: 600;
  line-height: 1.5;
  display: block;
  margin-bottom: 1.1111vw;
}
.bookBlock2 span {
  font-size: 0.9722222vw;
  display: block;
  margin-top: 0vw;
}
.bookBlock2 ul li {
  width: 100%;
}
.bookBlock2 ul li a {
  display: flex;
  gap: 2.77777vw;
  align-items: center;
}
.bookBlock2 ul li a > div {
  width: 41.80555vw;
}
.bookBlock2 ul li:not(:last-child) {
  margin-right: 5.55555555vw;
  margin-bottom: 2.22222vw;
}
.bookBlock2 ul li img {
  width: 15.625vw;
  display: block;
  margin-right: 2.8490028vw;
}
.author {
  background: #f8f2ef;
  width: 57.77777vw;
  margin-left: -6.7vw;
  padding: 3.75444vw 6.7vw;
  display: flex;
  margin: 1.66666vw 0 1.66666vw -5.55vw;
  align-items: center;
}
.author figure {
  width: 16.25vw;
  margin-right: 2.22222vw;
  display: block;
}
.author figure img {
  width: 100%;
}
.author strong {
  line-height: 1.5;
  font-weight: 600;
  display: block;
  /*	margin-top:0.8vw;*/
  /*	margin-bottom: 0.6vw;*/
}
p.small {
  font-size: 0.888vw;
  margin-top: 0 !important;
}
.author > div {
  width: 23.33333vw;
}
.author p {
  font-size: 0.972222vw;
}
.author strong p {
  font-size: 1.38vw !important;
  margin-bottom: 0.4vw !important;
}
a.btn1 {
  /*    width: 85%;*/
  padding: 0.97vw 3.5vw 0.97vw 2vw;
  text-align: center;
  margin-top: 0;
  min-width: 17vw;
}
a.btn1 + a.btn1 {
  margin-top: 0 !important;
}
.readBlock a.btn1 {
  width: 40%;
}
.author a.btn1:not(:last-child) {
  margin-bottom: 0.66666vw;
  margin-top: 1.3888vw;
}
.aboutBlock {
  position: relative;
  margin-top: -1.111111vw;
}
.aboutBlock h3 {
  width: 47.1375vw;
  margin-left: -4.722222vw;
  margin-bottom: 2.777777vw;
}
.aboutBlock h3 img {
  width: 100%;
}
.aboutBlock {
  width: 39.7222222vw;
}
.aboutBlock figure {
  position: absolute;
  right: -21vw;
  top: 0;
  width: 16.736111vw;
}
.aboutBlock figure img {
  width: 100%;
}
.newsBlock {
  display: flex;
  align-content: center;
}
.newsBlock dt {
  width: 6.6666vw;
}
.newsBlock a {
  color: #ba3b35;
}
.newsBlock img {
  width: 1.8055555vw;
  margin-top: 0.3vw;
  margin-left: 0.3vw;
}
.wrap p strong {
  font-weight: 600;
}
.wrap p a {
  color: #ba3b35;
}
.wrap .btn1 {
  margin-top: 2.77777vw;
}
.vk_balloon-position-left {
  display: flex;
  margin: 1.1111111vw 0;
}
.vk_balloon-position-left figure {
  width: 7.5694444vw;
}
.vk_balloon-position-left > div {
  position: relative;
}
.vk_balloon-position-left > div.vk_balloon_content_outer:after {
  position: absolute;
  content: "";
  background: url("../img/dummy/fukidashi_top.svg");
  background-size: contain;
  width: 1.39236vw;
  height: 1.32777777vw;
  left: -1.25vw;
  top: 4.6vw;
}
.vk_balloon-position-right > div.vk_balloon_content_outer:after {
  position: absolute;
  content: "";
  background: url("../img/dummy/fukidashi_top.svg");
  background-size: contain;
  width: 1.39236vw;
  height: 1.32777777vw;
  right: -1.35vw;
  top: 4.6vw;
  transform: scale(-1, 1);
}
.vk_balloon-position-left,
.vk_balloon-position-right {
  height: calc(100% - 5vw);
}
.vk_balloon-position-left > div > span {
  color: #c0bbb9;
  font-size: 0.83333vw;
}
.vk_balloon-position-left > div > div,
.vk_balloon-position-right > div > div {
  width: 100%;
  background: #f8f2ef;
  border-radius: 0.5555vw;
  position: relative;
  min-height: 8.5416666vw;
  display: flex;
  align-items: flex-start;
  padding: 2.77777vw;
  max-width: 100%;
}
.vk_balloon-position-right figcaption,
.vk_balloon-position-left figcaption {
  text-align: center;
  color: #c0bbb9;
  font-size: 0.69444vw;
  line-height: 1.3;
  margin-top: 0.5vw;
}
.vk_balloon-position-right {
  display: flex;
  margin: 1.388888vw 0;
  flex-flow: row-reverse;
}
.vk_balloon-position-right figure {
  width: 7.5694444vw;
}
.vk_balloon-position-right > div.vk_balloon_content_outer {
  position: relative;
  margin-right: 2.4305555vw;
}
.vk_balloon-position-right > div > span {
  color: #c0bbb9;
  font-size: 0.83333vw;
}
.vk_balloon-position-left .vk_balloon_content_outer {
  margin-left: 2.4305555vw;
}
.vk_balloon_content_outer {
  padding-top: 1vw;
  width: 100%;
}
.wrap2 .wp-block-columns {
  width: 100%;
  gap: 1.38vw;
}
.wrap2 .wp-block-column {
  flex-basis: 50%;
}
h3.ttl3 {
  /*	font-size: 1.9444444vw;*/
  font-size: 2.222222vw;
  font-weight: 600;
  margin-top: 5.5555vw;
}
h3.ttl3 p {
  font-size: 1.9444444vw;
  position: relative;
  display: inline-block;
  line-height: 1.5;
}
h3.ttl3 span {
  position: relative;
  text-decoration-color: #f2e0cf;
  text-decoration: underline #f2e0cf 2.4vw;
  text-underline-offset: -1.95vw;
  text-decoration-skip-ink: none;
}
h3.ttl3.center span {
  position: relative;
  text-decoration-color: #f2e0cf;
  text-decoration: none;
  text-underline-offset: -1.95vw;
  text-decoration-skip-ink: none;
}
.edge h3.ttl3 span {
  text-underline-offset: -3.1vw;
}
h3.ttl3.noLine span {
  text-decoration: none !important;
}
h3.h3_genbun {
  font-size: 1.944444vw;
  border-bottom: 1px solid #3c3130;
  width: 100%;
  margin-top: 5.55555vw;
  font-weight: 500;
}
h4.ttl4_genbun {
  font-size: 1.25vw;
  font-weight: 600;
  margin-top: 1.666666vw;
  background: #ebe4e1;
  border-radius: 0.27777vw;
  padding: 0.36666vw 1.111111vw;
}
h3.h3_genbun + .wp-block-columns,
h3.h3_genbun + .wp-block-columns + .wp-block-columns,
h3.h3_genbun + .wp-block-columns + .wp-block-columns + .wp-block-columns,
h3.h3_genbun
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns,
h3.h3_genbun
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns,
h3.h3_genbun
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns,
h3.h3_genbun
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns,
h3.h3_genbun
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns,
h3.h3_genbun
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns
  + .wp-block-columns {
  margin-top: 1.2vw !important;
  margin-bottom: 0vw !important;
}
.aligncenter {
  text-align: center;
}
.wp-block-image {
  margin: 2.11111vw 0 0 !important;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
figure.height {
  margin: 2.11111vw 0 0;
}
figure.height img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.wp-block-embed iframe {
  width: 100%;
}
.wp-block-image figcaption {
  font-size: 0.833333vw;
  opacity: 0.5;
}
.frameText {
  padding: 0.6vw 0.9vw;
  margin-bottom: 1.1111vw;
  /*    height: 100%;*/
  display: flex !important;
  align-items: center;
  line-height: 1.65;
  margin-top: 1.1111vw;
  border-radius: 0.5555vw;
}
.wp-block-columns .frameText {
  height: 100%;
  margin: 0;
}
.wp-block-columns .wp-block-image:first-child {
  margin-top: 0 !important;
}
.snsBlock {
  display: flex;
  gap: 2.77777vw;
  margin: 5.5555vw 0 !important;
  flex-wrap: wrap;
  justify-content: center;
}
.snsBlock iframe {
  max-width: 22vw;
}
.underBlock .bookBlock1 {
  margin-top: 1.6666vw !important;
}
/* mokuji
-------------------*/
.mokuji + .underBlock {
  margin-top: 9.6vw !important;
}

.btnNav {
  position: fixed;
  padding: 0.4166666vw 0.4166666vw 0.4166666vw 0.41666666vw;
  right: 0;
  bottom: -5vw;
  background: #fefaf7;
  box-shadow: 0.208333vw 0.208333vw 0.416vw rgb(49 41 40 / 15%);
  border-radius: 2vw 0 0 0;
  z-index: 10;
}
body.on .btnNav {
  bottom: 0;
  transition: 0.7s;
  /*    transition-delay: 0.7s;*/
}
.btnNav ul {
  display: flex;
  gap: 0.2777777vw;
}
.btnNav li {
  width: 12.5694444vw;
  height: 2.777777vw;
  border-radius: 10vw;
  background: #eae3de;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btnNav li.active {
  background: #312928;
  color: #fefaf7;
}
.btnNav li.active a {
  color: #fefaf7;
  font-weight: 500;
}
.firstBlock,
.mokujiBlock {
  width: 74.09722222vw;
  margin: 0 auto;
  border-radius: 1.666666vw;
}
.firstBlock {
  background: #2a4a52;
  color: #fefaf7;
  display: flex;
  align-items: center;
  height: 36.18055555vw;
  font-size: 1.1111111vw;
}
.firstBlock figure {
  position: relative;
  height: 36.18055555vw;
  display: block;
}
.mokujiBlock figure {
  position: relative;
}
.firstBlock figure:before {
  content: "";
  position: absolute;
  left: 3.33333vw;
  top: 3.33333vw;
  height: 29.5138888vw;
  width: 20.9027777vw;
  background: #60777c;
  border-radius: 1.666666vw;
}
.firstBlock figure img,
.mokujiBlock figure img {
  position: absolute;
  width: 34.7222222vw;
  left: -7.477777vw;
  top: -7vw;
}
.firstBlock .right,
.mokujiBlock .right {
  margin-left: 29.5833333vw;
  position: relative;
}
.firstBlock p.subttl {
  font-weight: 500;
}
.firstBlock h3 {
  font-size: 2.777777vw;
  font-weight: 500;
  line-height: 1;
  margin-top: 0.5555vw;
  margin-bottom: 1.944444vw;
}
.firstBlock p.txt {
  width: 33.6111111vw;
}
.firstBlock p.txt {
  margin-bottom: 2.22222vw;
}
.firstBlock a.btn_mokuji {
  background: #f8f2ef;
  height: 3.888888vw;
  width: 23.125vw;
  border-radius: 0.277777vw;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.25vw;
  padding: 1.38888vw 1.94444vw;
}
.firstBlock a.btn_mokuji,
.mokujiBlock li a {
  position: relative;
}
.firstBlock a.btn_mokuji:after,
.mokujiBlock li a:after {
  content: "";
  background: url("../img/common/arrowBtn.png") no-repeat;
  background-size: cover;
  background-position: 80% 20%;
  width: 1.5972222vw;
  height: 1.5972222vw;
  position: absolute;
  top: 28%;
}
.firstBlock a.btn_mokuji:after {
  right: 1.388888vw;
}
.mokujiBlock li a:after {
  right: 1.388888vw;
}
.mokujiBlock {
  font-size: 1.1111111vw;
  background: #fefaf7;
  margin-top: 9.6vw;
  padding-bottom: 3.8888888vw;
}
.mokujiBlock p.subttl,
.mokujiBlock h3 {
  background: #2a4a52;
  color: #fefaf7;
  display: table;
  border-radius: 0.2777777vw;
  line-height: 1;
  padding: 0.277777vw;
}
.mokujiBlock div.ttlBlock {
  position: absolute;
  left: 0;
  top: -4.25vw;
}
.mokujiBlock p.subttl {
  font-size: 1.388888vw;
  font-weight: 500;
}
.mokujiBlock h3 {
  font-size: 2.777777vw;
  font-weight: 500;
  margin-top: 0.5555vw;
  margin-bottom: 2.22222vw;
}
.mokujiBlock li {
  display: flex;
  height: 3.88888vw;
  width: 40.625vw;
  align-items: center;
  background: #f8f2ef;
  border-radius: 0.27777vw;
  margin-bottom: 0.5555vw;
  font-weight: 500;
}
.mokujiBlock li a {
  display: flex;
  height: 3.88888vw;
  width: 40.625vw;
  align-items: center;
  padding-left: 1.9444vw;
}
.mokujiBlock li a:visited {
  color: #958e8b;
}
.mokujiBlock .right ul {
  padding-top: 3.666666vw;
}
.twitter {
  width: 19.58vw !important;
}
.mt0,
.wrap > p.mt0 {
  margin-top: 0 !important;
}
.mt0,
.wrap > p.mt0 {
  margin-top: 0 !important;
}
.mt05,
.wrap > p.mt05 {
  margin-top: 0.5em !important;
}

.is-type-video iframe {
  margin-top: 2.11111vw;
  border-radius: 0.55555vw;
  overflow: hidden;
}

@supports (-ms-ime-align: auto) {
  h3.ttl3 span {
    position: relative;
    text-decoration-color: #f2e0cf;
    text-decoration: underline #f2e0cf 2.4vw;
    text-underline-offset: -3.1vw;
    text-decoration-skip-ink: none;
  }
}