@charset "UTF-8";
/*------------------------- 
	reset
--------------------------*/
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

article, aside, footer, header, nav, section, main {
  display: block;
}

img,
embed,
object,
iframe {
  vertical-align: bottom;
}

body {
  line-height: 1;
}

* {
  box-sizing: border-box;
}

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

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

ol, ul {
  list-style: none;
}

video {
  max-width: 100%;
}

img {
  border: none;
  line-height: 0;
}

blockquote, q {
  quotes: none;
}

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

mark {
  background-color: transparent;
}

input, select {
  vertical-align: middle;
}

/*--------------------------------------
	common
-------------------------------------- */
* {
  box-sizing: border-box;
  outline: 0;
}

body {
  color: #533635;
  background-color: #fff;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, "Helvetica Neue", Arial, sans-serif;
  transition: 0.5s;
}

input, textarea, li,
select, button {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, "Helvetica Neue", Arial, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  line-height: 0;
}

/* 	見出し */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}

/* clearfix */
.cl {
  *zoom: 1;
}
.cl::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*--------------------------------------
	調整用
--------------------------------------*/
/* none打消し */
.none-bg {
  background: none !important;
}

.none-bd {
  border: none !important;
}

.none-bd_top {
  border-top: none !important;
}

/* 改行 */
.no-br br {
  display: none;
}

.on-br br {
  display: block;
}

@media screen and (min-width: 768px) {
  .no-br br {
    display: block;
  }
  .on-br br {
    display: none;
  }
}
/* TEXT配置 */
.txt-center {
  text-align: center !important;
}

.txt-right {
  text-align: right !important;
}

.txt-left {
  text-align: left !important;
}

/*  文字間 */
.txt-spac {
  letter-spacing: -1px;
}

.txt-spac-pl {
  letter-spacing: 2px;
}

/*  float回り込み */
.f-left {
  float: left;
}

.f-right {
  float: right;
}

/* FONTスタイル
--------------------------------------*/
.small {
  font-size: 75% !important;
}

.big {
  font-size: 125% !important;
}

.bold {
  font-weight: bold;
}

.txt-red {
  color: #a90600 !important;
}

.txt-blue {
  color: #133d62 !important;
}

.txt-sky {
  color: #00a1e9 !important;
}

.txt-orange {
  color: #ff8400 !important;
}

.txt-green {
  color: #91b553 !important;
}

.txt-yellow {
  color: #fffae3 !important;
}

.txt-pink {
  color: #da896d !important;
}

.txt-bk {
  color: #333 !important;
}

.rem16 {
  font-size: 1rem;
}

.rem18 {
  font-size: 1.125rem;
}

.rem20 {
  font-size: 1.25rem;
}

.px14 {
  font-size: 14px !important;
}

.px15 {
  font-size: 15px !important;
}

.px16 {
  font-size: 16px !important;
}

.px17 {
  font-size: 17px !important;
}

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

/* margin・padding調整
--------------------------------------*/
.pt0 {
  padding-top: 0 !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

/*--------------------------------------
	共通HTML
--------------------------------------*/
em, i, cite {
  font-style: normal;
}

strong {
  color: #a90600;
  font-weight: normal;
  background: linear-gradient(transparent 70%, rgb(253, 207, 190) 30%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgb(253, 207, 190) 30%);
}

em, mark {
  background: linear-gradient(transparent 70%, rgba(255, 132, 0, 0.3) 30%);
  background: linear-gradient(to bottom, rgba(255, 132, 0, 0) 70%, rgba(255, 132, 0, 0.3) 30%);
  color: rgb(255, 132, 0);
}

pre, code {
  font-family: monospace;
  line-height: 1.5;
}

hr {
  border: none;
  border-top: 1px solid #ccc;
}

/* 引用
--------------------------------------*/
blockquote {
  padding: 2rem;
  margin-top: 1.5em;
  position: relative;
  display: block;
  background: #E9F3F5;
  border-radius: 8px;
  width: 100%;
}
blockquote::before, blockquote::after {
  content: "";
  display: block;
  line-height: 1;
  width: 36px;
  height: 31px;
  position: absolute;
  color: #fff;
  font-size: 80px;
  font-weight: 900;
}
blockquote::before {
  content: "“";
  top: -4px;
  left: 2px;
}
blockquote::after {
  content: "”";
  right: 12px;
  bottom: 16px;
}
blockquote > .ttl {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.5;
  color: #533635;
  text-align: left;
  margin-bottom: 32px;
  margin-top: 0 !important;
}
blockquote > p:last-child {
  margin-bottom: 0 !important;
}
blockquote > h2, blockquote > h3, blockquote > h4, blockquote > h5 {
  font-weight: normal;
  font-size: 20px !important;
  color: #533635 !important;
}
@media screen and (min-width: 768px) {
  blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}

cite {
  font-size: 0.875rem;
  text-align: right !important;
  display: block;
  color: #453A49;
  margin-top: 32px;
  line-height: 1.5;
}

/* input 
--------------------------------------*/
/* iOSリセット */
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

input, textarea, select {
  outline: none;
}

label {
  cursor: pointer;
}

input[type=checkbox], input[type=radio], input[type=submit] {
  cursor: pointer;
}

button {
  cursor: pointer;
  border: none;
  box-sizing: border-box;
}

/*--------------------------------------
	layout
--------------------------------------*/
/* 表示・非表示*/
.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

@media screen and (min-width: 768px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
}
.wrap {
  width: 100%;
  height: 100vh;
  position: relative;
}

.inner,
.inner-narrow {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
  text-align: center;
  max-width: calc(100% - 7.5vw);
}
@media screen and (min-width: 768px) {
  .inner,
.inner-narrow {
    max-width: calc(100% - 8.4vw);
  }
}
@media screen and (min-width: 990px) {
  .inner,
.inner-narrow {
    max-width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1366px) {
  .inner,
.inner-narrow {
    width: calc(100% - 120px);
    max-width: 1280px;
  }
}

.no-inner {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .no-inner {
    max-width: calc(100% - 8.4vw);
  }
}
@media screen and (min-width: 990px) {
  .no-inner {
    max-width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1366px) {
  .no-inner {
    width: calc(100% - 120px);
    max-width: 1280px;
  }
}

/* 狭く */
@media screen and (min-width: 990px) {
  .inner-narrow {
    width: 660px;
  }
}

/*--------------------------------------
	header
--------------------------------------*/
:root {
  --head_height: 60px;
  --head_maxheight: 80px;
}

/* 動く波 */
.waves {
  position: relative;
  width: 100%;
  height: 40px;
  margin-bottom: -7px; /*Fix for safari gap*/
  min-height: 40px;
  max-height: 150px;
}
@media screen and (min-width: 768px) {
  .waves {
    height: 15vh;
    min-height: 100px;
  }
}

.parallax > use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
          animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}

.parallax > use:nth-child(2) {
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}

.parallax > use:nth-child(3) {
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
  -webkit-animation-duration: 13s;
          animation-duration: 13s;
}

.parallax > use:nth-child(4) {
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
}

@-webkit-keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
/* header */
#header {
  margin: 0;
  top: 0;
  position: fixed;
  height: var(--head_height);
  min-width: 100%;
  transition: all 0.3s;
  z-index: 100;
  transition: background-color 0.3s, color 0.3s;
}
#header[data-active=true] {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#header a {
  color: #533635;
  text-decoration: none;
}
#header a:hover, #header a:focus {
  color: #a90600;
}
@media screen and (min-width: 990px) {
  #header {
    height: var(--head_maxheight);
  }
}

.js-header-observer {
  margin-top: var(--head_height);
}
@media screen and (min-width: 990px) {
  .js-header-observer {
    margin-top: var(--head_maxheight);
  }
}

.site-name {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0 3vw;
  text-shadow: 1px 1px 1px white;
  min-height: var(--head_height);
  position: relative;
}
.site-name a {
  display: inline-block;
  position: relative;
  padding-left: 34px;
  margin-top: 15px;
}
.site-name a span {
  display: block;
}
.site-name a span.logo {
  font-family: "Hind", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 2px;
}
.site-name a::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 30px;
  height: 24px;
  background: url("../img/icon-vl-orange.png") no-repeat;
  background-size: 30px 24px;
}
@media screen and (min-width: 990px) {
  .site-name a {
    padding-left: 50px;
    z-index: 101;
  }
  .site-name a span.logo {
    font-size: 1.5rem;
  }
  .site-name a::before {
    top: 0;
    width: 45px;
    height: 37px;
    background-size: 45px 37px;
  }
}
@media screen and (min-width: 990px) {
  .site-name {
    min-height: var(--head_maxheight);
    padding: 0 0 0 20px;
  }
  .site-name a {
    margin-top: 24px;
  }
}

.header-menu {
  position: relative;
  height: 100%;
}

/* ハンバーガーボタン */
.btn-menu {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  text-align: center;
  top: 0;
  right: 0;
  transition: 0.6s;
}
.btn-menu.active {
  background-color: #fff;
}
@media screen and (min-width: 990px) {
  .btn-menu {
    display: none;
  }
}

.btn-bar {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  background: transparent;
  -webkit-appearance: none;
  height: 47px;
  width: 40px;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
}

.icon-bar {
  display: block;
  position: absolute;
  width: 40px;
  height: 2px;
  background: #533635;
  transition: 0.6s;
  top: 50%;
  left: 0;
  margin-top: -1px;
  border-radius: 1px;
}
.icon-bar::before, .icon-bar::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 2px;
  background: #533635;
  transition: 0.3s;
  border-radius: 1px;
}
.icon-bar::before {
  margin-top: -10px;
}
.icon-bar::after {
  margin-top: 8px;
}
.icon-bar.close-btn {
  background: transparent;
}
.icon-bar.close-btn::before, .icon-bar.close-btn::after {
  margin-top: 0;
}
.icon-bar.close-btn::before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.icon-bar.close-btn::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/* メニューリスト */
#g-navi {
  display: none;
  min-width: 100%;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: var(--head_height);
  -webkit-overflow-scrolling: touch;
  min-height: calc(95vh - var(--head_height));
  transition: 0.6s;
  padding: 10vw 3vw;
}
@media screen and (min-width: 990px) {
  #g-navi {
    top: 0;
    min-height: var(--head_maxheight);
    height: var(--head_maxheight);
    display: block;
    padding: 0 20px 0 0;
    background-color: transparent;
  }
}

.list-menu {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.list-menu > li {
  width: 100%;
  position: relative;
}
.list-menu > li a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  min-width: 100%;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding: 10px;
  border-top: 1px solid rgba(83, 54, 53, 0.2);
}
.list-menu > li a::before {
  content: attr(data-txt);
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.list-menu > li > ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.list-menu > li > ul li {
  min-width: 50%;
}
.list-menu > li > ul li a {
  border: none;
  font-size: 14px;
  padding: 5px 10px;
}
@media screen and (min-width: 990px) {
  .list-menu {
    justify-content: flex-end;
    flex-direction: row;
    min-width: calc(100% - 300px);
    border: none;
  }
  .list-menu > li {
    width: auto;
  }
  .list-menu > li:hover, .list-menu > li:focus {
    background-color: #fff;
  }
  .list-menu > li a {
    padding: 0 15px;
    min-height: 80px;
  }
  .list-menu > li > ul {
    display: none;
    width: 200px;
    background-color: #fff;
    position: absolute;
    top: 80px;
    left: 0;
    padding-bottom: 0;
  }
  .list-menu > li > ul li {
    min-width: 100%;
    border-bottom: 1px solid rgba(83, 54, 53, 0.2);
  }
  .list-menu > li > ul li a {
    min-height: 40px;
  }
}

/* ---------------------------------
	背景
--------------------------------- */
.main-bg-img {
  position: fixed;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  text-align: center;
  z-index: -900;
  top: 0;
  background: #da896d;
  background: linear-gradient(135deg, #da896d 0%, #f9ede9 100%);
}
.main-bg-img img {
  position: fixed;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: 100vh;
  left: 0;
  right: 0;
  top: 0;
  z-index: -2;
}

.pages .main-bg-img,
.single .main-bg-img {
  min-height: 60vh;
}
.pages .main-bg-img img,
.single .main-bg-img img {
  height: 60vh;
}

.bg-brown {
  background-color: #533635;
  color: #fff;
  margin-top: -5px;
}
.bg-brown a {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.max-480 {
  max-width: 480px;
  margin: auto;
}

/* 半透明にする */
.bg-bk,
.bg-wt {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.bg-bk {
  background: rgba(0, 0, 0, 0.3);
}

.bg-wt {
  background: rgba(255, 255, 255, 0.4);
}

/*--------------------------------------
	contents 
--------------------------------------*/
#contents {
  position: relative;
  margin-bottom: -15vh;
}
@media screen and (min-width: 768px) {
  #contents {
    margin-bottom: -18vh;
  }
}
@media screen and (min-width: 990px) {
  #contents {
    margin-bottom: -20vh;
  }
}

.contents-header {
  position: relative;
  margin-top: var(--head_height);
  text-align: center;
  min-height: 34vh;
  /* 記事リスト：meta情報 */
}
@media screen and (min-width: 768px) {
  .contents-header {
    min-height: 300px;
  }
}
@media screen and (min-width: 990px) {
  .contents-header {
    margin-top: var(--head_maxheight);
    min-height: 380px;
  }
}
.contents-header .inner-narrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contents-header .description {
  margin-top: 15px !important;
  text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
  line-height: 1.5;
  text-align: left;
  font-size: 0.9375rem;
}
.contents-header .post-ttl {
  text-align: left;
  line-height: 1.5;
  font-size: 1.25rem;
}
.contents-header .meta-date {
  margin-left: 0;
  display: flex;
  justify-content: space-between;
}
.contents-header .meta-date li {
  display: inline-block;
  font-size: 0.8125rem;
  text-align: left;
  line-height: 1.5;
}
.contents-header .meta-date li a {
  position: relative;
  z-index: 3;
  border: 1px solid rgba(204, 0, 0, 0);
}
@media screen and (min-width: 768px) {
  .contents-header .meta-date {
    margin-left: -0.5em;
  }
}

.contents-ttl {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1;
  text-align: left;
  text-shadow: 1px 1px 1px white;
}
.contents-ttl::before {
  content: attr(data-en);
  font-family: "Hind", sans-serif;
  font-size: 36px;
  display: block;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.contents-body {
  background: #fff;
  padding: 40px 0 0;
	overflow: hidden;/* 20231122 */
}

.contents-footer {
  clear: both;
  background-color: #fffae3;
  padding: 0 0 15vh;
}
@media screen and (min-width: 768px) {
  .contents-footer {
    padding: 0 0 18vh;
  }
}
@media screen and (min-width: 990px) {
  .contents-footer {
    padding: 0 0 20vh;
  }
}
.contents-footer .lead {
  font-size: 0.9375rem;
  line-height: 1.65;
  text-align: center;
  margin-top: 1em;
}
.contents-footer .lead span {
  display: inline-block;
}
.contents-footer .lead a {
  color: #533635;
}

.category-block {
  padding: 3vw 0;
}
@media screen and (min-width: 990px) {
  .category-block {
    display: flex;
  }
  .category-block .block-ttl {
    min-width: 260px;
  }
  .category-block .cat-list {
    width: calc(100% - 260px);
  }
}

/* section
---------------------------*/
.section-block {
  padding: 0 0 40px;
}
.section-block.bg-blog {
  background: linear-gradient(transparent 40%, rgb(237, 235, 234) 30%, rgb(237, 235, 234) 30%);
  background: linear-gradient(to bottom, rgba(237, 235, 234, 0) 40%, rgb(237, 235, 234) 30%, rgb(237, 235, 234) 30%);
}
.section-block.bg-faq {
  background: url("../img/bg-img03.jpg") no-repeat top left;
  background-size: cover;
  background-attachment: fixed;
  padding: 0;
}
.section-block .lead {
  font-size: 1.125rem;
  line-height: 1.65;
  text-align: center;
  margin-top: 1em;
  font-weight: 500;
  text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
}
.section-block .lead span {
  display: inline-block;
}
.section-block .lead.max-780 {
  max-width: 780px;
  margin: 1.5em auto;
}
.section-block .p-text {
  font-size: 15px;
  line-height: 1.65;
  text-align: left;
  margin-top: 1em;
}

/* FAQの背景 */
.section-block-in {
  margin: 0 auto;
  padding: 20px 0 20px 3vw;
}
@media screen and (min-width: 768px) {
  .section-block-in {
    max-width: 660px;
    background-color: #fff;
    min-height: 100%;
    padding: 40px;
  }
}

.section-ttl {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.1;
  text-align: left;
}
.section-ttl::before {
  content: attr(data-en);
  font-family: "Urbanist", sans-serif;
  color: #ffb400;
  font-size: 36px;
  display: block;
  letter-spacing: 2px;
}
.section-ttl.center {
  display: inline-block;
  margin: auto;
}
.section-ttl.center::before {
  text-align: center;
}

/* +の角 */
.news-block,
.style-block {
  position: relative;
  margin-top: 30px;
  padding: 20px 0 0 20px;
}
.news-block::before, .news-block::after,
.style-block::before,
.style-block::after {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
}
.news-block::before,
.style-block::before {
  border-top: 1px solid #533635;
  top: 0;
  left: -15px;
}
.news-block::after,
.style-block::after {
  border-left: 1px solid #533635;
  top: -15px;
  left: 0;
}

.free-block {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .free-block {
    padding: 40px 0 20px;
  }
}
@media screen and (min-width: 990px) {
  .free-block {
    padding: 60px 0 40px;
  }
}

/*--------------------------------------
	main 
--------------------------------------*/
:root {
  --margin-base:clamp(1.5rem, 1.038rem + 1.54vw, 2rem);
  --margin-top:clamp(2.5rem, 1.577rem + 3.08vw, 3.5rem);
  --margin-bottom:clamp(2rem, 1.538rem + 1.54vw, 2.5rem);
}

/* 狭く */
@media screen and (min-width: 990px) {
  .inner-990 {
    max-width: 990px;
    margin: auto;
  }
}

.main-body {
  /* 共通見出し */
}
.main-body .title, .main-body .sub-title, .main-body .accent-title, .main-body .subaccent-title {
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-base);
  line-height: 1.4;
  text-align: left;
  position: relative;
  clear: both;
  font-weight: 500;
}
.main-body .title {
  font-size: 1.375rem;
  padding: 15px 0 0 30px;
  margin-top: clamp(3rem, 2.308rem + 2.31vw, 3.75rem);
}
.main-body .title::before, .main-body .title::after {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
}
.main-body .title::before {
  border-top: 1px solid #533635;
  top: 0;
  left: -15px;
}
.main-body .title::after {
  border-left: 1px solid #533635;
  top: -15px;
  left: 0;
}
@media screen and (min-width: 990px) {
  .main-body .title {
    font-size: 1.625rem;
  }
}
.main-body .sub-title {
  font-size: 1.25rem;
  padding: 15px 0 0 15px;
}
.main-body .sub-title::before {
  content: "";
  display: block;
  background-color: #533635;
  height: 1px;
  width: 120px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 990px) {
  .main-body .sub-title {
    font-size: 1.375rem;
  }
}
.main-body .accent-title {
  font-size: 1.125rem;
  color: #533635;
  padding-left: 1.5em;
}
.main-body .accent-title::before {
  content: "◎";
  display: inline-block;
  margin-left: -1.5em;
}
@media screen and (min-width: 990px) {
  .main-body .accent-title {
    font-size: 1.25rem;
  }
}
.main-body .subaccent-title {
  font-size: 1rem;
  color: #533635;
}
@media screen and (min-width: 990px) {
  .main-body .subaccent-title {
    font-size: 1.125rem;
  }
}
.main-body .description {
  font-size: 0.9375rem;
  line-height: 1.65;
}
.main-body p {
  margin-top: 1.5em;
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
}
.main-body .box {
  position: relative;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  margin-top: 1.5em;
}
.main-body .box p, .main-body .box table, .main-body .box h2, .main-body .box h3, .main-body .box h4, .main-body .box h5 {
  margin-top: 1em;
  padding: 0;
}
.main-body .box p::before, .main-body .box p::after, .main-body .box table::before, .main-body .box table::after, .main-body .box h2::before, .main-body .box h2::after, .main-body .box h3::before, .main-body .box h3::after, .main-body .box h4::before, .main-body .box h4::after, .main-body .box h5::before, .main-body .box h5::after {
  content: "";
  width: 0;
  height: 0;
}
.main-body .box ol {
  counter-reset: count 0;
}
.main-body .box ol li {
  padding-left: 1.4em;
  position: relative;
}
.main-body .box ol li::before {
  counter-increment: count;
  content: counters(count, "-") ".";
  color: #ff8400;
  position: absolute;
  top: 0;
  left: 0;
}
.main-body .box ol li li {
  padding-left: 2.4em;
}
.main-body .box ol li li li {
  padding-left: 3.4em;
}
.main-body .box .box-ttl {
  text-align: left;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  margin-top: 1em;
  font-family: "Noto Sans JP", sans-serif;
}
.main-body .box .box-ttl.icon-item::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: transparent;
  background-image: url("../img/2k_refresh-cool.png");
  background-size: 40px 40px;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .main-body .box .box-ttl {
    font-size: 1.25rem;
  }
}
.main-body .box.border, .main-body .box.paint {
  border: 3px solid #edebea;
  padding: 0.5em 1.5em 1.5em;
}
.main-body .box.paint {
  background-color: #edebea;
}
.main-body + .main-footer {
  margin-top: 40px;
}

.main-footer {
  clear: both;
  padding-bottom: 20px;
}
@media screen and (min-width: 990px) {
  .main-footer {
    padding-bottom: 40px;
  }
}

/* アンカーリンク */
.navi-box {
  padding-bottom: 20px;
}

.navi {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  min-width: 100%;
}
.navi li {
  min-width: 100%;
  display: inline-flex;
  margin-top: 8px;
}
.navi li a {
  width: 100%;
  min-height: 50px;
  padding: 10px;
  display: inline-flex;
  text-align: left;
  font-size: 14px;
  align-items: center;
  text-decoration: none;
  background-color: #fff;
  color: #533635;
  position: relative;
  border: 1px solid #533635;
}
.navi li a::after {
  content: "";
  position: absolute;
  line-height: 1;
  width: 6px;
  height: 6px;
  top: 50%;
  right: 10px;
  border-top: 1px solid #533635;
  border-right: 1px solid #533635;
  transform: translateY(-25%) rotate(135deg);
  margin-top: -3px;
}
.navi li a:hover {
  background-color: #533635;
  color: #fff;
}
.navi li a:hover::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .navi li {
    min-width: calc(50% - 8px);
    margin: 8px 4px 0;
  }
}
@media screen and (min-width: 990px) {
  .navi li {
    min-width: calc(20% - 8px);
  }
}

/* 購入ボタン JQなし
.btn-buy{
	position: relative;
	min-height: 50px;
	max-width: 200px;
	text-align: center;
}
.buy-check{
  display: none;
}
.buy-label{
  background: $brown;
  color: #fff;
  display: block;
  padding: 15px;
	margin-bottom: 0;
}
.hide-box{
  border: 1px solid $brown;
	background-color: #fff;
  height: 0;
  opacity: 0;
  //padding: 0;
  transition: .5s;
  visibility: hidden;
	position: absolute;
	top: 48px;
	z-index: 100;
	min-width: 100%;
	ul{
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 100%;
		li{
		width: 100%;
			& + li{
				border-top: 1px solid $brown;
			}
			a{
				display: flex;
				text-decoration: none;
				align-items: center;
				justify-content: center;
				min-height: 50px;
				padding: 10px 15px;
				img{
					width: 100%;
					height: 30px;
					object-fit: contain;
				}
				&:hover{
					background-color: $hover_box;
				}
			}
		}
	}
}
.buy-check:checked + .buy-label + .hide-box{
	height: auto;
  min-height: 100px;
  opacity: 1;
  visibility: visible;
}
*/
/* NEWS.news-block
----------------------------*/
/* お知らせ：日付とタイトル */
.list-data {
  text-align: left;
}
.list-data > li {
  margin-top: 0.5em;
  line-height: 1.65;
}
.list-data a {
  color: #533635;
  display: block;
  text-decoration: none;
  font-size: 1rem;
}
.list-data a:hover {
  text-decoration: underline;
  color: #a90600;
}
.list-data time {
  font-size: 0.875rem;
  color: #938685;
}

/* FAQ
----------------------------*/
.faq-block {
  padding: 20px 0;
}
.faq-block .title {
  margin-bottom: 1.5em;
}
.faq-block.mr-0 {
  margin-right: -4vw;
}
@media screen and (min-width: 768px) {
  .faq-block {
    padding: 40px 0;
  }
  .faq-block .title {
    margin-top: 4em;
  }
  .faq-block.mr-0 {
    margin-right: auto;
  }
}

/* アコーディオンメニュー */
details {
  background-color: #eff4e5;
  border-radius: 10px 0 0 10px;
  position: relative;
  overflow: hidden;
}
details:nth-child(odd) {
  background-color: #fff7e9;
}
details:nth-child(odd):hover {
  background-color: #feeccd;
}
details:nth-child(odd)::before {
  color: rgba(255, 180, 0, 0.7);
}
details:hover {
  background-color: #e8f4cf;
}
details + details {
  margin-top: 8px;
}
details::before {
  content: "Q";
  display: inline-block;
  font-size: 36px;
  color: rgb(123, 173, 34);
  position: absolute;
  margin: auto;
  left: 15px;
  top: 10px;
}
details p {
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
}
@media screen and (min-width: 768px) {
  details {
    border-radius: 10px;
  }
}

summary {
  position: relative;
  display: block; /* 矢印を消す */
  padding: 18px 50px 18px; /* アイコンの余白を開ける */
  cursor: pointer; /* カーソルをポインターに */
  font-weight: bold;
  transition: 0.2s;
  text-align: left;
  line-height: 1.4;
}
summary::-webkit-details-marker {
  display: none;
}
summary::before, summary::after {
  content: "";
  margin: auto 0 auto 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
summary::before {
  width: 26px;
  height: 26px;
  border-radius: 15px 0 0 15px;
  background-color: #533635;
}
summary::after {
  content: "+";
  width: 26px;
  height: 26px;
  font-size: 20px;
  transition: 0.1s;
  text-align: center;
  color: #fff;
}

/* オープン時のスタイル */
details[open] {
  background-color: #e8f4cf;
}
details[open] summary::after {
  content: "";
  width: 12px;
  height: 2px;
  background-color: #fff;
  right: 5px;
}
details[open] .details-content {
  -webkit-animation: fadeIn 0.5s ease;
          animation: fadeIn 0.5s ease;
  text-align: left;
  padding: 0 1.5em 1.5em;
}
details[open]:nth-child(odd) {
  background-color: #feeccd;
}

/* アニメーション */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
/* メンバー */
.member-box {
  display: grid;
  grid-template-columns: 1tr;
  gap: 4vw;
  max-width: 310px;
  margin: 20px auto 30px;
}
.member-box > li {
  font-size: 0.875rem;
  margin-top: 20px;
}
.member-box > li a {
  color: #533635;
}
@media screen and (min-width: 768px) {
  .member-box {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
    gap: 6vw;
  }
}
@media screen and (min-width: 990px) {
  .member-box {
    grid-template-columns: repeat(3, 1fr);
    max-width: none;
    gap: 40px;
  }
  .member-box > li {
    max-width: 320px;
  }
}
.member-box .profile-area {
  margin-top: -20px;
}
.member-box .name {
  text-align: right;
}

/* 資格 */
.list-career {
  text-align: left;
  line-height: 1.4;
  margin-top: 15px;
  margin-left: 20px;
}
.list-career > li {
  list-style-type: circle;
}
.list-career > li span {
  display: inline-block;
}

/* 関連記事 */
.relations-block {
  padding: 20px 0;
}
.relations-block .relations-ttl {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .relations-block {
    padding: 30px 0;
  }
}
@media screen and (min-width: 990px) {
  .relations-block {
    padding: 40px 0;
  }
}

/*--------------------------------------
	記事リスト/記事本文
--------------------------------------*/
/* 記事リスト
----------------------------------------------*/
.post-grid {
  display: grid;
  gap: 3.75vw;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
@media screen and (min-width: 768px) {
  .post-grid {
    display: grid;
    gap: 4.2vw;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
@media screen and (min-width: 990px) {
  .post-grid {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 40px;
  }
}

/* 記事リスト：BOX */
.post-box {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 15px;
  max-width: 280px;
  padding: 15px 0 0 15px;
}
.post-box a {
  text-decoration: none;
}
.post-box .post-tmb {
  width: 100%;
  max-height: 177px;
  position: relative;
}
.post-box .post-tmb img {
  width: 100%;
  height: 177px;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-box .post-tmb::before, .post-box .post-tmb::after {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
}
.post-box .post-tmb::before {
  border-top: 1px solid #533635;
  top: 0;
  left: -15px;
}
.post-box .post-tmb::after {
  border-left: 1px solid #533635;
  top: -15px;
  left: 0;
}
.post-box .txt-block {
  border-left: 1px solid #533635;
  background-color: #fff;
  padding: 0 1em 15px;
  text-align: left;
  width: calc(100% - 20px);
  height: 115px;
  margin: -10px 0 0 auto;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.post-box .post-ttl {
  text-align: left;
  line-height: 1.3;
  font-size: 0.9375rem;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .post-box {
    max-width: 300px;
  }
  .post-box .post-tmb {
    max-height: 189px;
  }
  .post-box .post-tmb img {
    height: 189px;
  }
}
@media screen and (min-width: 990px) {
  .post-box {
    max-width: 380px;
  }
  .post-box .post-tmb {
    max-height: 240px;
  }
  .post-box .post-tmb img {
    height: 240px;
  }
  .post-box .txt-block {
    width: calc(100% - 40px);
    margin: -20px 0 0 auto;
  }
}

/* 記事BOX：カテゴリー */
.category-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #ffb400;
}
.category-link a {
  display: inline-block;
  padding: 4px 8px;
  line-height: 1;
  color: #FFF;
  font-size: 13px;
}
.category-link.slug-name1 {
  background-color: #91b553;
}
.category-link.slug-name2 {
  background-color: #133d62;
}

*[data-cat=slug-name2] {
  background-color: #91b553;
}

/* 記事BOX：meta情報 */
.meta-date {
  min-width: 100%;
  padding: 10px 15px;
  text-align: left;
  margin-left: -1.5em;
}
.meta-date li {
  display: inline-block;
  font-size: 0.8125rem;
  text-align: left;
  line-height: 1.5;
}
.meta-date li a {
  position: relative;
  z-index: 3;
  border: 1px solid rgba(204, 0, 0, 0);
}
@media screen and (min-width: 768px) {
  .meta-date {
    margin-left: -0.5em;
  }
}

.icon-time,
.icon-tag,
.icon-cat {
  padding-left: 1.5em;
  margin-right: 10px;
}
.icon-time::before,
.icon-tag::before,
.icon-cat::before {
  content: "";
  font-family: "icomoon";
  font-size: 14px;
  margin-left: -1.5em;
  margin-right: 5px;
}

.icon-time::before {
  content: "\e94e";
}

.icon-tag::before {
  content: "\e935";
}

.icon-cat::before {
  content: "\e92f";
}

a.more-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  border: 1px solid rgba(83, 54, 53, 0);
}
a.more-link:hover {
  border: 1px solid rgb(83, 54, 53);
}
a.more-link span {
  position: absolute;
  bottom: -10px;
  display: inline-block;
  background-color: #533635;
  color: #fff;
  right: 0;
  padding: 5px 15px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 400;
}
a.inlink {
  position: relative;
  z-index: 3;
  border: 1px solid rgba(204, 0, 0, 0);
}

/* 記事リスト：テキスト */
.post-txt {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.post-txt > .ttl {
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: left;
  margin-top: 0;
}
.post-txt > p {
  color: #533635;
  text-align: left;
  line-height: 1.5;
  font-size: 0.75rem;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .post-txt {
    margin-top: 0;
    margin-bottom: auto;
    min-height: calc(100% - 200px);
  }
}

/* 記事本文
----------------------------------------------*/
/* アイキャッチ画像 */
.main-img {
  overflow: hidden;
  min-height: 160px;
  max-height: 360px;
  min-width: 100%;
  border-bottom: 1px solid #edebea;
}
.main-img img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* HTMLタグ */
.post-body {
  padding-left: 4.2vw;
  padding-right: 4.2vw;
}
.post-body p, .post-body ul, .post-body ol, .post-body dl, .post-body table, .post-body img {
  margin-top: var(--margin-base);
}
.post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
  text-align: left;
  position: relative;
  line-height: 1.4;
  clear: both;
  font-weight: 500;
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-base);
}
.post-body h2 {
  font-size: 1.375rem;
  padding: 15px 0 0 30px;
  margin-top: clamp(3rem, 2.308rem + 2.31vw, 3.75rem);
}
.post-body h2::before, .post-body h2::after {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
}
.post-body h2::before {
  border-top: 1px solid #533635;
  top: 0;
  left: -15px;
}
.post-body h2::after {
  border-left: 1px solid #533635;
  top: -15px;
  left: 0;
}
@media screen and (min-width: 990px) {
  .post-body h2 {
    font-size: 1.625rem;
  }
}
.post-body h3 {
  font-size: 1.25rem;
  padding: 15px 0 0 15px;
}
.post-body h3::before {
  content: "";
  display: block;
  background-color: #533635;
  height: 1px;
  width: 120px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 990px) {
  .post-body h3 {
    font-size: 1.375rem;
  }
}
.post-body h4 {
  font-size: 1.125rem;
  color: #533635;
  padding-left: 24px;
}
.post-body h4::before {
  content: "◎";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 990px) {
  .post-body h4 {
    font-size: 1.25rem;
  }
}
.post-body h5, .post-body h6 {
  font-size: 1rem;
  color: #533635;
}
@media screen and (min-width: 990px) {
  .post-body h5, .post-body h6 {
    font-size: 1.125rem;
  }
}
.post-body p {
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
}
.post-body li {
  line-height: 1.65;
  text-align: left;
  position: relative;
}
.post-body li + li {
  margin-top: 1em;
}
.post-body ul > li {
  padding-left: 1.8em;
}
.post-body ul > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 11px;
  height: 11px;
  border: 3px solid #ff8400;
  border-radius: 50%;
}
.post-body ul > li > ul li {
  padding-left: 1.4em;
}
.post-body ul > li > ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  top: 8px;
  border: 2px solid #ff8400;
}
.post-body ul > li.asterisk::before {
  position: absolute;
  content: "※";
  background-color: transparent;
  border: none;
  line-height: 1;
  top: 3px;
  left: 0;
  transform: none;
}
.post-body ol {
  counter-reset: mynmb 0;
}
.post-body ol li {
  padding-left: 1.4em;
  position: relative;
}
.post-body ol li::before {
  counter-increment: mynmb;
  content: counters(mynmb, "-") ".";
  color: #ff8400;
  position: absolute;
  top: 0;
  left: 0;
}
.post-body ol li li {
  padding-left: 2.4em;
}
.post-body ol li li li {
  padding-left: 3.4em;
}
.post-body dl dt {
  font-size: 1.125rem;
  text-align: left;
  line-height: 1.5;
  font-weight: 500;
  position: relative;
  padding-left: 40px;
}
.post-body dl dt::before {
  content: "";
  background-color: #533635;
  height: 1px;
  width: 36px;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}
.post-body dl dd {
  padding-left: 40px;
  text-align: left;
  margin-top: 1.5em;
  line-height: 1.65;
}
.post-body dl dd > p {
  margin-top: 0;
  margin-bottom: 1.5em;
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
}
.post-body + .post-footer {
  margin-top: 40px;
}

/*.post-footer{
	//margin: 0 calc(50% - 50vw);
  //width: 100vw;
		//width: 100%;
	@include mq(xl) {
		margin: auto;
		width: auto;
	}
}*/
/* prev/next
------------------------------------------*/
.post-nav {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  border-top: 1px solid #edebea;
}
@media screen and (min-width: 768px) {
  .post-nav {
    flex-direction: row;
  }
}

.prev-post,
.next-post {
  width: 100%;
  border-bottom: 1px solid #edebea;
  display: flex;
  align-items: center;
}
.prev-post a,
.next-post a {
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  font-size: 0.875rem;
  padding: 15px 0;
  line-height: 1.5;
  color: #533635;
}
.prev-post a::after,
.next-post a::after {
  content: "";
  font-family: "icomoon";
  font-size: 20px;
  color: #533635;
  transition: 0.3s ease-out;
  position: absolute;
}
.prev-post a:hover,
.next-post a:hover {
  text-decoration: underline;
}
.prev-post .thumbnail,
.next-post .thumbnail {
  margin: 0 15px;
  min-width: 58px;
  min-height: 58px;
  overflow: hidden;
}
.prev-post .thumbnail > img,
.next-post .thumbnail > img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .prev-post,
.next-post {
    width: 50%;
  }
}

.next-post {
  border-left: 1px solid #edebea;
}
.next-post a {
  justify-content: flex-end;
  padding-right: 50px;
  padding-left: 20px;
}
.next-post a::after {
  content: "\ea3c";
  right: 15px;
}
@media screen and (min-width: 768px) {
  .next-post {
    margin-left: auto;
  }
}

.prev-post a {
  padding-left: 50px;
  padding-right: 20px;
}
.prev-post a::after {
  content: "\ea40";
  left: 15px;
}
@media screen and (min-width: 768px) {
  .prev-post {
    margin-right: auto;
  }
}

/*--------------------------------------
	footer
--------------------------------------*/
#footer {
  position: relative;
  z-index: 99;
}
#footer a {
  text-decoration: none;
}
#footer .sub-ttl {
  font-family: "Hind", sans-serif;
  margin-top: 20px;
  font-size: 1.25rem;
}
#footer .bg-white {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 990px) {
  #footer .bg-white {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}

.vl-logo {
  max-width: 230px;
  margin: auto;
}

.footer-block {
  padding: 20px;
}
@media screen and (min-width: 990px) {
  .footer-block {
    padding: 0 0 40px;
  }
}

.link-list {
  margin: auto;
  min-width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
}
.link-list li {
  display: flex;
  margin: 0 10px 10px;
}
.link-list li a {
  display: flex;
  border: 1px solid #fff;
  padding: 10px 15px;
  border-radius: 30px;
  font-size: 0.875rem;
}
.link-list li a:hover {
  background-color: #fff;
  color: #533635;
}

.info-link {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-link li {
  display: inline-block;
  margin: 0 8px;
  font-size: 0.75rem;
}
@media screen and (min-width: 990px) {
  .info-link li {
    font-size: 0.875rem;
  }
}
.info-link a {
  color: #533635;
  display: block;
}
@media screen and (min-width: 990px) {
  .info-link {
    justify-content: flex-start;
  }
}

.copyright {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #533635;
  font-family: "Hind", sans-serif;
  font-size: 0.75rem;
}
@media screen and (min-width: 990px) {
  .copyright {
    font-size: 0.875rem;
    border-top: none;
  }
}

.bg-vl {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048.22%2011.43%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M.06.6V.11H2V.6Zm2%2C3-.81.23L.4%2C4.09c-.07%2C0-.09%2C0-.13.06L.2%2C4.21c-.05%2C0-.07-.11-.07-.16L.07%2C3.54a8.72%2C8.72%2C0%2C0%2C0%2C1.07-.16%2C8.28%2C8.28%2C0%2C0%2C0%2C.27-1l.5.11c.06%2C0%2C.08%2C0%2C.08.06s-.05.06-.1.09c-.08.26-.11.35-.2.6l.36-.1ZM.41%2C3.36a3.5%2C3.5%2C0%2C0%2C0-.18-.77l.49-.15a2.53%2C2.53%2C0%2C0%2C1%2C.21.78Zm-.17-1V.94H2V2.31Zm1.3-.94H.69v.51h.85ZM4%2C4.31a1.9%2C1.9%2C0%2C0%2C1-.83-.63l.26-.25H2.75L3%2C3.7a.19.19%2C0%2C0%2C1%2C0%2C.09s0%2C0-.06%2C0H2.93A3.4%2C3.4%2C0%2C0%2C1%2C2%2C4.39L1.61%2C4a2.52%2C2.52%2C0%2C0%2C0%2C1-.53H2.25V1h.53A1.42%2C1.42%2C0%2C0%2C0%2C2.89.62H2.21V.13h2.1V.62H3.47A3%2C3%2C0%2C0%2C1%2C3.33%2C1h.82V3.43H3.59a2.41%2C2.41%2C0%2C0%2C0%2C.8.49Zm-.35-3H2.73v.31h.93Zm0%2C.66H2.73v.32h.93Zm0%2C.69H2.73V3h.93Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10%2C4.33A4%2C4%2C0%2C0%2C1%2C8.6%2C3.68a5.11%2C5.11%2C0%2C0%2C1-1.24.68l-.5-.46a2.56%2C2.56%2C0%2C0%2C1-.17.37l-.61-.18a2.89%2C2.89%2C0%2C0%2C0%2C.33-.74%2C5.73%2C5.73%2C0%2C0%2C0%2C.23-1.68A8.71%2C8.71%2C0%2C0%2C0%2C6.57.61h1.5V0l.54%2C0c.13%2C0%2C.15%2C0%2C.15.07s0%2C0%2C0%2C.07-.06%2C0-.06.08V.61h1.46l.26.21c-.06.12-.31.65-.46%2C1l-.51-.22.2-.46H8.66v.66h.91L9.85%2C2A4.17%2C4.17%2C0%2C0%2C1%2C9%2C3.31a3.49%2C3.49%2C0%2C0%2C0%2C1.47.49ZM7.5%2C2.28H7.19a5.31%2C5.31%2C0%2C0%2C1-.32%2C1.6%2C2.87%2C2.87%2C0%2C0%2C0%2C1.32-.57A5.27%2C5.27%2C0%2C0%2C1%2C7.5%2C2.28Zm.57-1.16H7.19c0%2C.19%2C0%2C.39%2C0%2C.66h.86Zm.09%2C1.16A1.75%2C1.75%2C0%2C0%2C0%2C8.59%2C3a2.55%2C2.55%2C0%2C0%2C0%2C.47-.68Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M14.46%2C4.21a2.15%2C2.15%2C0%2C0%2C1-1.1-.2%2C1%2C1%2C0%2C0%2C1-.51-.86c0-.62.48-.94%2C1-1.27a1.6%2C1.6%2C0%2C0%2C1-.3-.45A7%2C7%2C0%2C0%2C1%2C13.33.17L14%2C.07a4.08%2C4.08%2C0%2C0%2C0%2C.14%2C1.19.63.63%2C0%2C0%2C0%2C.29.34L15.67%2C1l.18.61A7.15%2C7.15%2C0%2C0%2C0%2C14%2C2.41c-.22.14-.59.39-.59.73s.39.53.92.53a6.66%2C6.66%2C0%2C0%2C0%2C1.54-.22v.64A9.56%2C9.56%2C0%2C0%2C1%2C14.46%2C4.21Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M20.31%2C2.84a.76.76%2C0%2C0%2C1-.09.17h1.72l.18.22a3.09%2C3.09%2C0%2C0%2C1-.71.57%2C4.65%2C4.65%2C0%2C0%2C0%2C1.23.13l-.19.46a5.21%2C5.21%2C0%2C0%2C1-1.53-.32%2C2.74%2C2.74%2C0%2C0%2C1-1.11.31l-.3-.44a3.19%2C3.19%2C0%2C0%2C0%2C.9-.13A1.92%2C1.92%2C0%2C0%2C1%2C20%2C3.42a2.78%2C2.78%2C0%2C0%2C1-.36.41%2C2.46%2C2.46%2C0%2C0%2C1-.83.52L18.44%2C4a2%2C2%2C0%2C0%2C0%2C1.29-1.14H18.45V2.48h1.41l.06-.22.45.07c-.05-.09-.11-.17-.14-.22-.45.06-.91.11-1.37.15-.11%2C0-.12%2C0-.16.05s0%2C0-.05%2C0-.06-.07-.07-.1l-.07-.37h.41a1.2%2C1.2%2C0%2C0%2C0%2C.16-.25h-.6V1.32h.38V.12h1.76V.45H19.35V.59h1.07V.81H19.35V.94h1.08v.23H19.35v.15H20.8v.32h-.41a3.78%2C3.78%2C0%2C0%2C1%2C.35.49l-.35.2s.12%2C0%2C.12.08l-.06.07h2.31v.36ZM19.9%2C1.69%2C20%2C1.64h-.35a1.86%2C1.86%2C0%2C0%2C1-.17.24l.58%2C0A1.83%2C1.83%2C0%2C0%2C0%2C19.9%2C1.69Zm.57%2C1.65a1.68%2C1.68%2C0%2C0%2C0%2C.41.27%2C1.4%2C1.4%2C0%2C0%2C0%2C.36-.27Zm2.34-1.61H22.7l-.08%2C0A4.34%2C4.34%2C0%2C0%2C1%2C21%2C2.32l-.3-.4a3.77%2C3.77%2C0%2C0%2C0%2C1.74-.64l.32.31a.21.21%2C0%2C0%2C1%2C.06.1A0%2C0%2C0%2C0%2C1%2C22.81%2C1.73ZM22.38.45h-.17l-.11%2C0A4.05%2C4.05%2C0%2C0%2C1%2C21%2C.84L20.75.43A3.44%2C3.44%2C0%2C0%2C0%2C22.06%2C0l.31.33a.12.12%2C0%2C0%2C1%2C.05.08A0%2C0%2C0%2C0%2C1%2C22.38.45Zm.11.55a.2.2%2C0%2C0%2C0-.08%2C0%2C3.67%2C3.67%2C0%2C0%2C1-1.31.5l-.25-.4A3.35%2C3.35%2C0%2C0%2C0%2C22.27.6l.29.28a.1.1%2C0%2C0%2C1%2C0%2C.08S22.56%2C1%2C22.49%2C1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M28.51%2C3.24a2.48%2C2.48%2C0%2C0%2C1-1.17.88L27%2C3.6a1.64%2C1.64%2C0%2C0%2C0%2C.9-.53%2C1.55%2C1.55%2C0%2C0%2C0%2C.36-1%2C1.17%2C1.17%2C0%2C0%2C0-.36-.87A1.3%2C1.3%2C0%2C0%2C0%2C27%2C.86a7%2C7%2C0%2C0%2C1-.62%2C2.23c-.15.31-.38.73-.64.73a1.42%2C1.42%2C0%2C0%2C1-1-1.35A2.15%2C2.15%2C0%2C0%2C1%2C27%2C.35a1.77%2C1.77%2C0%2C0%2C1%2C1.86%2C1.82A1.94%2C1.94%2C0%2C0%2C1%2C28.51%2C3.24Zm-2.7-1.93a1.67%2C1.67%2C0%2C0%2C0-.5%2C1.11c0%2C.41.23.62.32.62.26%2C0%2C.7-1.31.8-2.09A1.59%2C1.59%2C0%2C0%2C0%2C25.81%2C1.31Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M32.71.45c-.09%2C0-.1%2C0-.11.07-.1.19-.14.27-.37.67.05%2C0%2C.08.05.08.09a.13.13%2C0%2C0%2C1%2C0%2C.08c-.05.07-.06.08-.06.12V4.31h-.59V2a3.79%2C3.79%2C0%2C0%2C1-.31.39l-.49-.35A6.2%2C6.2%2C0%2C0%2C0%2C32.13%2C0l.54.29s.09.05.09.1A.06.06%2C0%2C0%2C1%2C32.71.45Zm2.6.66h-.15s-.37.38-.44.45a11.18%2C11.18%2C0%2C0%2C1-1.14.92v.94c0%2C.21%2C0%2C.27.21.27h.7c.18%2C0%2C.25-.12.3-.53l.5.35c-.14.66-.31.73-.72.73H33.5c-.34%2C0-.49-.14-.49-.47V0l.53.05c.07%2C0%2C.16%2C0%2C.16.08s0%2C.06-.05.07-.07.05-.07.09V1.82A5.68%2C5.68%2C0%2C0%2C0%2C34.75.62l.49.31s.11.06.11.11A.08.08%2C0%2C0%2C1%2C35.31%2C1.11Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M38.67%2C2a2.13%2C2.13%2C0%2C0%2C0%2C.55.78l-.31.42A1.2%2C1.2%2C0%2C0%2C1%2C38.65%2C3V4.34h-.56V3.14a2.16%2C2.16%2C0%2C0%2C1-.35.54l-.43-.36A3.06%2C3.06%2C0%2C0%2C0%2C38%2C2h-.58V1.5h.64V0l.55.06s.13%2C0%2C.13.08a.1.1%2C0%2C0%2C1%2C0%2C.07c-.06%2C0-.08.06-.08.09V1.5h.6V2Zm-1.1-.7a3.79%2C3.79%2C0%2C0%2C0-.14-.88l.51-.13a3.38%2C3.38%2C0%2C0%2C1%2C.12.9Zm2.32-.26c0%2C1.85-.14%2C2.61-.74%2C3.27l-.47-.28a3%2C3%2C0%2C0%2C0%2C.7-2.25c0-.35%2C0-.66%2C0-1.22h1V0l.58.06c.08%2C0%2C.14%2C0%2C.14.06s0%2C0%2C0%2C.06-.09.08-.09.12V.58h.85v.48ZM39.33.55a7.44%2C7.44%2C0%2C0%2C1-.17.8l-.45-.14a3.68%2C3.68%2C0%2C0%2C0%2C.17-.9l.45.1s.08%2C0%2C.08.06S39.37.53%2C39.33.55Zm.31%2C3.69v-.5h.83V2.61H40V2.09h.48V1.25l.53%2C0s.14%2C0%2C.14.08%2C0%2C0-.06.07a.1.1%2C0%2C0%2C0%2C0%2C.07v.58h.64v.52H41V3.74h.7v.5Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M45.19%2C2.81a3.23%2C3.23%2C0%2C0%2C1-.93%2C1.11l-.52-.31a3.17%2C3.17%2C0%2C0%2C0%2C1-1.09%2C2.25%2C2.25%2C0%2C0%2C0%2C.31-1h-1V1h1.59A4.17%2C4.17%2C0%2C0%2C1%2C45.19%2C2.81Zm2.62%2C1.11a4.87%2C4.87%2C0%2C0%2C1-1.43-1.57V3.72c0%2C.55-.28.63-.93.64l-.22-.57a1.47%2C1.47%2C0%2C0%2C0%2C.36%2C0c.12%2C0%2C.23%2C0%2C.23-.17V0l.52%2C0c.11%2C0%2C.16%2C0%2C.16.08s0%2C0-.06.08-.06.05-.06.07V.67a2.66%2C2.66%2C0%2C0%2C0%2C.2%2C1%2C3.39%2C3.39%2C0%2C0%2C0%2C.9-1.06l.5.26c.1.06.14.09.14.13s0%2C0%2C0%2C0-.1%2C0-.13%2C0a5.63%2C5.63%2C0%2C0%2C1-1.1%2C1.08%2C4.08%2C4.08%2C0%2C0%2C0%2C1.38%2C1.32Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C7.44H.8l1.06%2C2.94L3%2C7.44H3.7l-1.57%2C3.9h-.6Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5.09%2C7.44h.7v3.9h-.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.43%2C8.07H7.23V7.44h3.08v.63H9.12v3.27H8.43Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.6%2C7.44h.6l1.67%2C3.9h-.79l-.36-.9H12l-.35.9H10.9Zm.88%2C2.41-.6-1.58-.61%2C1.58Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.09%2C7.44h1.06l1%2C2.73%2C1-2.73h1v3.9h-.66V8.1h0l-1.18%2C3.24H18L16.76%2C8.1h0v3.24h-.66Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M22.14%2C7.44h.69v3.9h-.69Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.67%2C7.44h.92l1.89%2C2.89h0V7.44h.69v3.9H27.3l-1.92-3h0v3h-.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M32.66%2C7.44h.69v3.27H35v.63H32.66Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M39.29%2C9.91a1.61%2C1.61%2C0%2C0%2C1-.12.63%2C1.37%2C1.37%2C0%2C0%2C1-.33.48%2C1.51%2C1.51%2C0%2C0%2C1-.5.31%2C2%2C2%2C0%2C0%2C1-1.24%2C0%2C1.51%2C1.51%2C0%2C0%2C1-.5-.31%2C1.37%2C1.37%2C0%2C0%2C1-.33-.48%2C1.61%2C1.61%2C0%2C0%2C1-.12-.63V7.44h.7V9.88a1%2C1%2C0%2C0%2C0%2C0%2C.3%2C1%2C1%2C0%2C0%2C0%2C.14.29.84.84%2C0%2C0%2C0%2C.27.22.9.9%2C0%2C0%2C0%2C.42.08.86.86%2C0%2C0%2C0%2C.41-.08.67.67%2C0%2C0%2C0%2C.27-.22.8.8%2C0%2C0%2C0%2C.15-.29%2C1%2C1%2C0%2C0%2C0%2C0-.3V7.44h.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M42.82%2C8.28a.64.64%2C0%2C0%2C0-.3-.24A1%2C1%2C0%2C0%2C0%2C42.14%2C8L41.9%2C8a.52.52%2C0%2C0%2C0-.2.09.54.54%2C0%2C0%2C0-.15.15.56.56%2C0%2C0%2C0%2C0%2C.23.34.34%2C0%2C0%2C0%2C.14.3A1.2%2C1.2%2C0%2C0%2C0%2C42%2C9a2.52%2C2.52%2C0%2C0%2C0%2C.44.15%2C2.28%2C2.28%2C0%2C0%2C1%2C.45.2%2C1.1%2C1.1%2C0%2C0%2C1%2C.34.34%2C1%2C1%2C0%2C0%2C1%2C.14.55%2C1.2%2C1.2%2C0%2C0%2C1-.12.55%2C1.3%2C1.3%2C0%2C0%2C1-.31.39%2C1.37%2C1.37%2C0%2C0%2C1-.45.23%2C2%2C2%2C0%2C0%2C1-.55.07%2C2.1%2C2.1%2C0%2C0%2C1-.7-.12%2C1.32%2C1.32%2C0%2C0%2C1-.57-.4l.52-.51a.8.8%2C0%2C0%2C0%2C.33.3%2C1%2C1%2C0%2C0%2C0%2C.44.11.67.67%2C0%2C0%2C0%2C.24%2C0%2C.85.85%2C0%2C0%2C0%2C.22-.09.52.52%2C0%2C0%2C0%2C.16-.17.48.48%2C0%2C0%2C0%2C.06-.24.42.42%2C0%2C0%2C0-.14-.33%2C1.21%2C1.21%2C0%2C0%2C0-.34-.19L41.7%2C9.6a1.67%2C1.67%2C0%2C0%2C1-.45-.2%2C1%2C1%2C0%2C0%2C1-.48-.88A1%2C1%2C0%2C0%2C1%2C40.9%2C8a1.14%2C1.14%2C0%2C0%2C1%2C.32-.37%2C1.4%2C1.4%2C0%2C0%2C1%2C.46-.22%2C2.33%2C2.33%2C0%2C0%2C1%2C.53-.07%2C1.7%2C1.7%2C0%2C0%2C1%2C.59.1%2C1.29%2C1.29%2C0%2C0%2C1%2C.52.3Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M44.84%2C7.44h.69V9h1.82V7.44H48v3.9h-.69V9.62H45.53v1.72h-.69Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 230px auto;
  background-repeat: no-repeat;
}

/*--------------------------------------
	link
--------------------------------------*/
a {
  color: #533635;
}
a:hover {
  color: #a90600;
}
a a:visited {
  color: #533635;
}

a,
a:hover {
  transition: 0.3s;
}

/* 外部リンク
--------------------------------------*/
.post-box a[target=_blank]::after {
  content: "\e903";
  font-family: "icomoon";
  font-size: 14px;
  color: #533635;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}

a[target=_blank].no-icon::after {
  content: "";
  margin: 0;
}

/* タグリンク
-------------------------- */
.tag-link a {
  display: inline-block;
  padding: 5px 15px;
  margin-right: 10px;
  background-color: #fff;
  text-decoration: none;
  margin-top: 10px;
  color: #133d62;
  border-radius: 4px;
}
.tag-link a:hover {
  background-color: #00a1e9;
  color: #fff;
}

/* →が動くリンク:改行するリンクには使わない */
.move-link {
  font-weight: 500;
  line-height: 1.65;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transform: translateX(0);
  padding: 5px 36px;
  display: inline-block;
  background-color: #fff;
  border-radius: 30px;
  text-align: center;
}
.move-link::before, .move-link::after {
  content: "\e907";
  font-family: "icomoon";
  font-size: 16px;
  position: absolute;
  color: #ffb400;
  top: 50%;
  margin-top: -14px;
  width: 36px;
  transition: 0.3s cubic-bezier(0.8, 0, 0.4, 1);
}
.move-link::before {
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  -webkit-mask-position: left center;
  mask-position: left center;
}
.move-link::after {
  right: 0;
  transform: scaleX(1);
  transform-origin: right;
  -webkit-mask-position: right center;
  mask-position: right center;
}
.move-link:hover::before {
  transform: scaleX(1);
}
.move-link:hover::after {
  transform: scaleX(0);
}
.move-link.bg-none {
  background-color: transparent;
}

/* 画像スタイル
--------------------------*/
img[src*=".svg"] {
  width: 100%;
  height: auto;
}

/* 〇画像 */
.circle-tmb {
  -webkit-clip-path: circle(50px at center);
          clip-path: circle(50px at center);
  overflow: hidden;
}
.circle-tmb img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 990px) {
  .circle-tmb {
    -webkit-clip-path: circle(100px at center);
            clip-path: circle(100px at center);
  }
  .circle-tmb img {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

img.circle-img {
  width: 160px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  img.circle-img {
    width: 200px;
    height: 200px;
  }
}
@media screen and (min-width: 990px) {
  img.circle-img {
    width: 240px;
    height: 240px;
  }
}

/* 画像レイアウト */
.aligncenter,
.alignnone,
.alignleft,
.alignright,
.full-screen {
  margin: 1.5em auto 2em;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .alignleft {
    margin: 1.5em 40px 2em 0;
    float: left;
    shape-outside: margin-box;
  }
  .alignright {
    margin: 1.5em 0 2em 40px;
    float: right;
    shape-outside: margin-box;
  }
}
figcaption {
  margin-top: 1.5em;
  font-size: 13px;
}

/* 画像とテキストを重ねる */
.media-text-block {
  position: relative;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.media-text-block figure {
  position: relative;
}
.media-text-block .media-text-block_content {
  position: relative;
  background-color: #fff;
  padding: 1.5em;
  z-index: 10;
  display: block;
  width: 90%;
  margin: -20px auto auto;
}
.media-text-block .media-text-block_content .ttl {
  font-weight: 500;
  font-size: 1.25rem;
}
.media-text-block .media-text-block_content p {
  margin-top: 0;
}
.media-text-block .media-text-block_content p + p {
  margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
  .media-text-block {
    flex-direction: row;
    margin-top: 40px;
  }
  .media-text-block figure {
    max-width: 50%;
  }
  .media-text-block .media-text-block_content {
    width: 50%;
    margin: 20px 0 auto -40px;
  }
  .media-text-block.figure-right figure {
    order: 2;
  }
  .media-text-block.figure-right .media-text-block_content {
    order: 1;
    margin: 20px -40px auto 0;
  }
}
@media screen and (min-width: 990px) {
  .media-text-block figure {
    width: 40%;
  }
  .media-text-block .media-text-block_content {
    width: 60%;
    margin: 20px 0 auto -50px;
  }
}

.blocks-gallery-item::before {
  content: "";
  border: none !important;
  width: 0;
  height: 0;
}

.iframe-warp {
  width: 100%;
  max-width: 700px;
  margin: auto;
  margin-top: clamp(1.5rem, 1.038rem + 1.54vw, 2rem);
}
.iframe-warp iframe{
	width: 100% !important;
}

.wp-block-video {
  margin-top: clamp(1.5rem, 1.038rem + 1.54vw, 2rem);
}

/*.iframe-warp{
  width: 100%;
	//max-width: 700px;
  position: relative;
  padding-top: 56.25%;
  margin: 2.0em auto;
  	iframe, object, embed, video {
			position: absolute;
			top: 0;
			right: 0;
			width: 100%!important;
			height: 100%!important;
		}
}*/
/* ボタン
--------------------------------------*/
/* 基本ボタン */
.btn {
  position: relative;
  display: flex;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #533635;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  line-height: 1.4;
  padding: 12px 12px 12px 24px;
  margin: 0 auto;
  border: 1px solid #533635;
  min-height: 48px;
  min-width: 200px;
}
.btn.paint {
  background-color: #533635;
  border: none;
  color: #fff;
  font-weight: 700;
}
.btn.paint:hover, .btn.paint:focus {
  background-color: #fffae3;
}
.btn.btn-s {
  max-width: 148px;
  padding: 14px 22px;
}
.btn.btn-sm {
  max-width: 280px;
  padding: 16px 20px;
}/* 追加 */
.btn.btn-m {
  max-width: 480px;
  padding: 16px 20px;
}
.btn.btn-l {
  max-width: 600px;
  line-height: 1.5;
  padding: 1em 3em;
}
.btn:hover, .btn:focus {
  background-color: #fffae3;
  color: #533635;
}
.btn.arrow {
  display: flex;
  max-width: 220px;
}
.btn.arrow::after {
  content: "\e907";
  font-family: "icomoon";
  font-size: 16px;
  color: #ffb400;
  margin-left: auto;
}

/* 個別ボタン */
.btn-contact,
.btn-confirm {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 8px;
  min-height: 40px;
  padding: 0.5em 1em;
  margin: 0 auto;
  background-color: #F7F7F7;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}
.btn-contact:hover,
.btn-confirm:hover, .btn-contact:focus,
.btn-confirm:focus {
  background-color: #fffae3;
  text-decoration: none !important;
}

a[class^=btn-] span {
  display: inline-block;
}

/* お問い合わせ・確認ボタン */
.btn-contact,
.btn-confirm {
  max-width: 148px;
  background-color: #538E96;
  color: #fff;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.16));
  font-size: 1.125rem;
}
.btn-contact:hover, .btn-contact:focus,
.btn-confirm:hover,
.btn-confirm:focus {
  background-color: #05C3D1 !important;
  border: none !important;
  color: #fff;
}

/* もっと見るリンク */
.link-more {
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #533635;
  text-decoration: none;
  position: relative;
  padding-right: 24px;
}
.link-more::before, .link-more::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  display: block;
  top: 50%;
  right: 0;
  border-top: 2px solid #533635;
}
.link-more::before {
  margin-top: -3px;
}
.link-more::after {
  border-right: 2px solid #533635;
  transform: rotate(45deg);
  margin-top: -10px;
}

/* SNSボタン
--------------------------------------*/
/*　フォローリンク〇 */
.sns-follow li {
  display: inline-block;
  width: 48px;
  margin: 1.5rem 20px 0;
}
.sns-follow li a {
  display: inline-block;
  text-align: center;
  line-height: 1;
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  border-radius: 50%;
  position: relative;
  background-color: #1DA1F2;
}
.sns-follow li a::before {
  content: "\ea96";
  position: absolute;
  color: #fff;
  font-family: "icomoon";
  font-size: 28px;
  bottom: 10px;
  left: 10px;
}
.sns-follow li a.facebook {
  background-color: #1877F2;
}
.sns-follow li a.facebook::before {
  content: "\ea90";
  bottom: -1px;
  font-size: 36px;
  left: 7px;
}
@media screen and (min-width: 768px) {
  .sns-follow li {
    margin: 2rem 20px 0;
  }
}

/*　記事フォローボタン */
.post-sns {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.post-sns li {
  display: inline-block;
  margin: 8px 0 8px 8px;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 65, 0.08));
}
.post-sns li a {
  min-height: 30px;
  min-width: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FAF9FB;
  border: 1px solid #C0BAC5;
  border-radius: 8px;
  text-decoration: none;
  color: #533635;
}
.post-sns li a span {
  font-size: 12px;
  padding-left: 6px;
}
.post-sns li a img {
  width: 18px;
  height: auto;
}
@media screen and (min-width: 990px) {
  .post-sns li {
    margin: 8px;
  }
}
.post-sns.large {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 28px 0;
  min-width: 100%;
}
.post-sns.large li {
  margin: 12px 4px;
}
.post-sns.large li a {
  min-width: 164px;
  min-height: 39px;
}
.post-sns.large li a img {
  width: 25px;
  height: auto;
}
.post-sns.large li a span {
  font-size: 13px;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .post-sns.large {
    flex-direction: row;
  }
}

/* 矢印スタイル
--------------------------------------*/
/* ▶ 基本：右向き、位置左 */
.btn-arrow-b, .btn-arrow-t, .btn-arrow-r {
  position: relative;
}
.btn-arrow-b::after, .btn-arrow-t::after, .btn-arrow-r::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 10px;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #ffb400 transparent transparent;
}

/* ▶ 位置右 */
.btn-arrow-r::after {
  right: 10px;
  left: auto;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #ffb400;
}

/* ▲ 位置右 */
.btn-arrow-t::after {
  right: 10px;
  left: auto;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #ffb400 transparent;
}

.btn-arrow-b::after {
  right: 10px;
  left: auto;
  border-width: 10px 5px 0 5px;
  border-color: #ffb400 transparent transparent transparent;
}

/* >  */
.bdr-arrow {
  position: relative;
}
.bdr-arrow::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 10px;
  border-top: 2px solid #ffb400;
  border-right: 2px solid #ffb400;
  transform: rotate(45deg);
  margin-top: -5px;
}
.bdr-arrow.align-right::after {
  left: auto;
  right: 0;
}
.bdr-arrow.color1::after {
  border-top: 2px solid #ffb400;
  border-right: 2px solid #ffb400;
}

/* ↑リンクの上向き */
.link-arrow,
.link-arrow-b {
  position: relative;
}
.link-arrow::before, .link-arrow::after,
.link-arrow-b::before,
.link-arrow-b::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto;
  vertical-align: middle;
}
.link-arrow::before,
.link-arrow-b::before {
  width: 2px;
  height: 14px;
  background: #ffb400;
  margin-left: -1px;
}
.link-arrow::after,
.link-arrow-b::after {
  width: 12px;
  height: 12px;
  border-top: 2px solid #ffb400;
  border-right: 2px solid #ffb400;
  transform: rotate(-45deg);
  margin-left: -6px;
}

.link-arrow-b::after {
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #ffb400;
  border-left: 2px solid #ffb400;
}

/* ボタン配置
--------------------------------------*/
.btn-align {
  padding: 0.5em;
}
.btn-align.left {
  text-align: left;
}
.btn-align.left a,
.btn-align.left button {
  margin: 0 auto 0 0;
}
.btn-align.right {
  text-align: right;
}
.btn-align.right a,
.btn-align.right button {
  margin: 0 0 0 auto;
}

/* ボタン配置 */
.btn-center {
  padding: 0.5em;
  text-align: center;
}

.btn-left {
  text-align: left;
}
.btn-left a,
.btn-left button {
  margin: 0 auto 0 0;
}

.btn-right {
  text-align: right;
}
.btn-right a,
.btn-right button {
  margin: 0 0 0 auto;
}

/* ボタン横並び */
.btn-flex {
  display: flex;
  justify-content: center;
  padding: 0.5em;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* slickテーマ */
/* Arrows */
.slide-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  top: 50%;
  width: 46px;
  height: 46px;
  outline: none;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transform: translate(0, -50%);
  z-index: 1;
  border-radius: 50%;
}
.slide-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  border-top: 2px solid #533635;
}
.slide-arrow.prev-arrow {
  left: -20px;
}
.slide-arrow.prev-arrow::before {
  border-left: 2px solid #533635;
  transform: rotate(-45deg);
}
.slide-arrow.next-arrow {
  right: -20px;
}
.slide-arrow.next-arrow::before {
  border-right: 2px solid #533635;
  transform: rotate(45deg);
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 14px;
  width: 14px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border: 1px solid #533635;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  background-color: #533635;
  opacity: 0.75;
}

/*調整 */
.slide-container {
  min-width: 100%;
  min-height: 300px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.75vw;
}
@media screen and (min-width: 768px) {
  .grid {
    gap: 4.2vw;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .grid {
    gap: 40px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
  margin-top: 1.5em;
}
.row .col {
  padding-right: 16px;
  padding-left: 16px;
}

.col-sp-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.33333333%;
}

.col-sp-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-sp-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-sp-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-sp-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666667%;
}

.col-sp-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-sp-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-sp-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-sp-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-sp-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-sp-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-sp-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* 順番入れ変え */
.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

@media screen and (min-width: 768px) {
  .col + .col {
    margin-top: 0;
  }
  .col-tb-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.33333333%;
  }
  .col-tb-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-tb-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tb-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-tb-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666667%;
  }
  .col-tb-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tb-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-tb-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-tb-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tb-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-tb-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-tb-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 990px) {
  .col + .col {
    margin-top: 0;
  }
  .col-pc-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.33333333%;
  }
  .col-pc-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-pc-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-pc-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-pc-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666667%;
  }
  .col-pc-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-pc-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-pc-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-pc-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-pc-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-pc-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-pc-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*  パンくず
-------------------------- */
:root {
  --pankuzu_color: rgba(255,255,255,0.6);
}

.breadcrumb {
  width: 100%;
  text-align: left;
  background-color: var(--pankuzu_color);
}
.breadcrumb ol {
  max-width: calc(100% - 7.5vw);
  margin: auto;
  padding: 5px 0;
}
@media screen and (min-width: 768px) {
  .breadcrumb ol {
    max-width: calc(100% - 8.4vw);
  }
}
@media screen and (min-width: 990px) {
  .breadcrumb ol {
    max-width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1366px) {
  .breadcrumb ol {
    width: calc(100% - 120px);
    max-width: 1280px;
  }
}
.breadcrumb li {
  margin: 0;
  padding: 5px 24px 5px 5px;
  display: inline-block;
  font-size: 12px;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 1.5;
  position: relative;
}
.breadcrumb li::after {
  position: absolute;
  top: 50%;
  right: 5px;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 1px solid #533635;
  border-right: 1px solid #533635;
  transform: rotate(45deg);
  margin-top: -4px;
}
.breadcrumb li a {
  text-decoration: none;
  display: inline-block;
}
.breadcrumb li:last-child {
  padding-right: 0;
}
.breadcrumb li:last-child::after {
  content: "";
  border: none;
}

/* ページ送り
-------------------------- */
.pager-circle, .pager-frame, .pager {
  text-align: center;
  padding: 20px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pager-circle a, .pager-frame a, .pager a {
  text-decoration: none;
}
.pager-circle .page-numbers, .pager-frame .page-numbers, .pager .page-numbers {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}

/* 数字のみ */
.pager {
  border-top: 1px solid #533635;
  border-bottom: 1px solid #533635;
}
.pager .page-numbers.current {
  font-size: 1.25rem;
  font-weight: 600;
  color: #ffb400;
}

/* ページャー：枠四角 */
.pager-frame .page-numbers {
  border: 1px solid #533635 !important;
  margin: 0 5px;
}
.pager-frame .page-numbers.current {
  background-color: #533635;
  color: #fff;
}
.pager-frame .page-numbers.current:hover {
  border: 1px solid #533635 !important;
  background-color: #533635;
  color: #fff;
}
.pager-frame .page-numbers:hover {
  color: #533635;
  background-color: #fffae3;
  border: 1px solid #ffb400 !important;
}

/* ページャー：丸 */
.pager-circle .page-numbers {
  border: 1px solid #533635 !important;
  margin: 0 5px;
  border-radius: 50%;
}
.pager-circle .page-numbers.current {
  background-color: #533635;
  color: #fff;
}
.pager-circle .page-numbers.current:hover {
  border: 1px solid #533635 !important;
  background-color: #533635;
  color: #fff;
}
.pager-circle .page-numbers:hover {
  color: #533635;
  background-color: #fffae3;
  border: 1px solid #ffb400 !important;
}

/* 注釈
-------------------------- */
.asterisk {
  padding-left: 1.5em;
  margin-top: 1em;
  color: #795352 !important;
  font-size: 15px;
  line-height: 1.6;
  position: relative;
  text-align: left;
}
.asterisk::before {
  position: absolute;
  content: "※";
  background-color: transparent;
  border: none;
  line-height: 1;
  top: 3px;
  left: 0;
  transform: none;
}

/* 番号付き注釈 */
ol.asterisk {
  counter-reset: mynmb2;
  padding-left: 0;
}
ol.asterisk::before {
  content: "";
}
ol.asterisk > li {
  padding-left: 2.2em;
  position: relative;
}
ol.asterisk > li::before {
  counter-increment: mynmb2;
  content: "※" counter(mynmb2) "";
  color: #795352;
  font-size: 15px;
  position: absolute;
  line-height: 1;
  top: 3px;
  left: 0;
}

/* TOPへ戻る
-------------------------- */
/* #page-top */
#page-top {
  position: fixed;
  width: 48px;
  height: 48px;
  bottom: 20px;
  right: 10px;
  z-index: 5000;
  transition: all 0.3s;
}
#page-top a {
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: rgba(244, 248, 238, 0.7);
  position: relative;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
#page-top a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -4px;
  width: 12px;
  height: 12px;
  border-top: solid 3px #533635;
  border-right: solid 3px #533635;
  transform: rotate(-45deg);
}
#page-top a span {
  display: none;
}

/* タイムライン
-------------------------- */
.timeline {
  border-left: 5px solid #C3C3C3;
  margin-left: 70px;
  position: relative;
  padding: 1em 0;
  margin-bottom: 60px;
}
.timeline > li {
  background: none !important;
  position: relative;
}
.timeline > li::before {
  border: none !important;
}
.timeline .time {
  position: absolute;
  left: -70px;
  top: 10px;
  width: 70px;
  height: 20px;
  line-height: 20px;
}
.timeline .time::before {
  content: "";
}

.timeicon {
  position: absolute;
  left: -18px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: #FDA4A6;
  border-radius: 50%;
  margin-left: 5px;
  line-height: 20px;
  margin-top: 5px;
}

.timebox {
  position: relative;
  background: #ffffff;
  border: 1px solid #C3C3C3;
  padding: 0.5em;
  border-radius: 5px;
}
.timebox p {
  margin: 0 !important;
}
.timebox::after, .timebox::before {
  right: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.timebox::after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
.timebox::before {
  border-color: rgba(195, 195, 195, 0);
  border-right-color: #C3C3C3;
  border-width: 11px;
  margin-top: -11px;
}

.pic-circle {
  -webkit-clip-path: circle(50px at center);
  clip-path: circle(50px at center);
  width: 100px;
  height: 100px;
  margin: auto;
}
.pic-circle > img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.pic-circle.left {
  margin: 1em auto 1em 0;
}

.fukidashi {
  position: relative;
  padding: 15px 4em;
  background: #edebea;
  border-radius: 8px;
  display: inline-block;
  margin: 0 auto 30px 0;
}
.fukidashi::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #edebea transparent transparent transparent;
}

/*  ul/ol:リストスタイル
-------------------------- */
.list {
  margin-top: 1.5em;
}
.list li {
  margin-bottom: 1em;
  line-height: 1.65;
  text-align: left;
  position: relative;
}
.list.list-icon li {
  padding-left: 1.8em;
}
.list.list-icon li::before, .list.list-icon li::after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
}
.list.list-icon li.item-circle::before {
  top: 7px;
  width: 11px;
  height: 11px;
  border: 3px solid #00a1e9;
  border-radius: 50%;
}
.list.list-icon li.item-square::before {
  top: 7px;
  width: 11px;
  height: 11px;
  border: 3px solid #00a1e9;
}
.list.list-icon li.item-rhombus::before {
  top: 7px;
  width: 11px;
  height: 11px;
  border: 3px solid #ff8400;
  transform: rotate(-45deg) skew(15deg, 15deg);
}
.list.list-icon li.item-star::before, .list.list-icon li.item-star::after {
  width: 0;
  height: 0;
  border-style: solid;
}
.list.list-icon li.item-star::before {
  top: 4px;
  border-width: 0 8px 14px 8px;
  border-color: transparent transparent #ff8400 transparent;
}
.list.list-icon li.item-star::after {
  top: 10px;
  border-width: 14px 8px 0 8px;
  border-color: #ff8400 transparent transparent transparent;
}
.list.list-icon li.item-triangle::before {
  top: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 12px;
  border-color: transparent transparent transparent #ff8400;
}
.list.list-arrow li {
  padding-left: 1.8em;
}
.list.list-arrow li::before, .list.list-arrow li::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  vertical-align: middle;
  margin: auto;
}
.list.list-arrow li.arrow1::before {
  left: 1px;
  top: 11px;
  width: 12px;
  height: 2px;
  background: #ff8400;
}
.list.list-arrow li.arrow1::after {
  left: 3px;
  width: 11px;
  height: 11px;
  border-top: 2px solid #ff8400;
  border-right: 2px solid #ff8400;
  transform: rotate(45deg);
}
.list.list-arrow li.arrow2::before {
  left: 3px;
  width: 11px;
  height: 11px;
  border-top: 2px solid #ff8400;
  border-right: 2px solid #ff8400;
  transform: rotate(45deg);
}
.list.list-arrow li.arrow3::before, .list.list-arrow li.arrow3::after {
  width: 11px;
  height: 11px;
  border-top: 2px solid #ff8400;
  border-right: 2px solid #ff8400;
  transform: rotate(45deg);
}
.list.list-arrow li.arrow3::before {
  left: 2px;
}
.list.list-arrow li.arrow3::after {
  left: 8px;
  border-top: 2px solid #ff8400;
  border-right: 2px solid #ff8400;
}
.list.list-arrow li.arrow4::before {
  left: 1px;
  top: 6px;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  background: #ff8400;
}
.list.list-arrow li.arrow4::after {
  left: 4px;
  top: 10px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ff8400;
  border-right: 2px solid #ff8400;
  transform: rotate(45deg);
}
.list.list-arrow li.arrow5::before {
  left: 1px;
  top: 6px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #ff8400;
}
.list.list-arrow li.arrow5::after {
  left: 4px;
  top: 10px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ff8400;
  border-right: 2px solid #ff8400;
  transform: rotate(45deg);
}
.list.list-check li {
  padding-left: 1.8em;
}
.list.list-check li::before, .list.list-check li::after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 7px;
  vertical-align: middle;
  margin: auto;
}
.list.list-check li::before {
  top: 6px;
  width: 12px;
  height: 12px;
  border: 1px solid #533635;
  border-radius: 0;
}
.list.list-check li::after {
  left: 7px;
  top: 5px;
  width: 13px;
  height: 7px;
  border-left: 2px solid #ff8400;
  border-bottom: 2px solid #ff8400;
  transform: rotate(-45deg);
}

/* count 
ol{
	counter-reset: count;
	&.list-count{

	 	& > li{
		padding-left: 1.8em;
			&::before{
				counter-increment: count;
				content: counters("※",count) ".";
				display: block;
				position: absolute;
				top: -6px;
				left: 5px;
				color: $orange;
				@include fz(22);
			}
			ol{
			margin-top: $base_margin;
				li{
					padding-left: 2.7em;
						&::before{
							@include fz(18);
							top: 0;
						}
						li{
							padding-left: 3.2em;
							&::before{
								@include fz(18);
								top: 0;
							}
						}
					}
				}//ol
			}
		}
}*/
/*　カテゴリーリスト */
.cat-list {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 15px;
}
.cat-list > li {
  margin: 5px 10px;
  display: inline-block;
  width: calc(50% - 20px);
}
.cat-list > li a {
  color: #533635;
  font-size: 0.9375rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border: 1px solid #533635;
  background-color: #fff;
  border-radius: 30px;
}
.cat-list > li a:hover {
  color: #fff;
  background-color: #533635;
}
@media screen and (min-width: 768px) {
  .cat-list > li {
    width: calc(33.3333333333% - 20px);
  }
}
@media screen and (min-width: 990px) {
  .cat-list {
    margin-top: 0;
  }
}

/*　タグリスト */
.tag-list {
  padding: 16px 14px 0;
}
.tag-list li {
  display: inline-block;
  margin: 0 8px 24px;
}
.tag-list li a {
  color: #538E96;
  font-size: 0.9375rem;
  text-align: center;
  min-height: 40px;
  background-color: #F7F7F7;
  border: 1px solid #6DB1B8;
  border-radius: 8px;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 65, 0.08));
  padding: 0 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.tag-list li a:hover {
  background-color: #fff;
  border: 1px solid #58C0CE;
}
@media screen and (min-width: 768px) {
  .tag-list {
    padding: 16px 1em 0;
  }
  .tag-list li a {
    font-size: 1rem;
    min-height: 44px;
  }
}
@media screen and (min-width: 990px) {
  .tag-list {
    padding: 16px 1.5em 0;
  }
}

/*　POSTリスト */
.post-list {
  list-style: none;
  text-align: left;
}
.post-list li {
  border-bottom: 1px solid #F3F1F4;
}
.post-list li a {
  display: flex;
  padding: 24px 16px 24px 4px;
  color: #533635;
  text-decoration: none;
  min-width: 100%;
}
.post-list li a .thumb {
  width: 96px;
  height: 96px;
  margin-right: 16px;
  display: block;
  overflow: hidden;
}
.post-list li a .thumb img {
  width: 96px;
  height: 96px;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-list li a .txt {
  font-size: 0.9375rem;
  line-height: 1.5;
  margin-left: 0;
  margin-right: auto;
  width: calc(100% - 112px);
  margin-top: -3px;
}
.post-list li a .txt:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .post-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
@media screen and (min-width: 1366px) {
  .post-list {
    grid-template-columns: 1fr;
  }
}

.card-grid {
  display: grid;
  gap: 3.75vw;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .card-grid {
    display: grid;
    gap: 4.2vw;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 990px) {
  .card-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
  }
}

/* カード */
.card,
.card-row {
  background-color: #fff;
  position: relative;
  min-width: 100%;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.card a,
.card-row a {
  display: block;
  text-decoration: none;
  color: #533635;
  min-width: 100%;
  min-height: 100%;
  /*&::before,
  &::after{
  	content: "";
  	position: absolute;
  	width: 60px;
  	height: 60px;
  	display: block;
  	border-style: solid;
  	border-color: $border-color;
  }
  &::before{
  	border-width: 1px 0 0 1px;
  	top: 0;
  	left: 0;
  }
  &::after{
  	border-width: 0 1px 1px 0;
  	bottom: 0;
  	right: 0;
  }*/
}
.card a:hover, .card a:focus, .card a:active,
.card-row a:hover,
.card-row a:focus,
.card-row a:active {
  background-color: #fff;
  color: #da896d;
}
.card a:hover img, .card a:focus img, .card a:active img,
.card-row a:hover img,
.card-row a:focus img,
.card-row a:active img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.card .post-thumb,
.card-row .post-thumb {
  overflow: hidden;
  min-width: 100%;
  height: 100px;
}
.card .post-thumb img,
.card-row .post-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card .ttl,
.card-row .ttl {
  font-size: 0.875rem;
  text-align: left;
  line-height: 1.5;
  padding: 0 10px 15px;
  font-weight: 400 !important;
  margin-top: 15px;
}

/* table
--------------------------------------*/
table {
  border-collapse: collapse;
  table-layout: auto;
  word-break: break-all;
  box-sizing: border-box;
  margin: 0 auto 40px;
}
table p, table ul, table ol, table li {
  font-size: 1rem;
}
table p:last-child, table ul:last-child, table ol:last-child, table li:last-child {
  margin-bottom: 0 !important;
}
table th {
  background-color: #533635;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
}

caption {
  font-size: 1.125rem;
  font-weight: 700;
  background-color: #333;
  color: #fff;
  padding: 15px 10px;
  margin-bottom: -1px;
  border: 1px solid #533635;
}

th, td {
  border: 1px solid #533635;
  line-height: 1.4;
  padding: 1.2em 10px;
  box-sizing: border-box;
  vertical-align: middle;
}
th.th-clr1, td.th-clr1 {
  background-color: #edebea;
  color: #fff;
}
th.th-clr2, td.th-clr2 {
  background-color: #e5e1e1;
  color: #fff;
}
th.th-clr3, td.th-clr3 {
  background-color: #cdc4c4;
  color: #fff;
}

thead th.strong, thead td.strong {
  background-color: #ff8400;
  color: #fff;
}
thead th {
  background-color: #533635;
  color: #fff;
}
thead td {
  background-color: #e5e1e1;
}

tbody th {
  background-color: #cdc4c4;
}
tbody th.strong {
  background-color: #da896d;
  color: #fff;
}
tbody td {
  background-color: #ffffff;
}
tbody td.strong {
  background-color: #da896d;
  color: #fff;
}

tfoot th.strong, tfoot td.strong {
  background-color: #FFFCEE;
}
tfoot th {
  background-color: #F3F1F4;
}
tfoot td {
  background-color: #ffffff;
}

.js-table {
  margin-bottom: 40px;
}
.js-table > table {
  min-width: 660px;
}
@media screen and (min-width: 768px) {
  .js-table > table {
    min-width: 100%;
  }
}

.pinchout {
  display: flex;
  align-items: center;
  font-size: 15px !important;
  margin-bottom: 1em !important;
}
.pinchout::before {
  content: "";
  width: 30px;
  height: 26px;
  background: url("../img/pinchout.png") no-repeat;
  background-size: 30px 26px;
  display: inline-block;
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .pinchout {
    display: none;
  }
}

/* スクロール */
.table-scroll {
  display: block;
  overflow-x: auto;
  padding-bottom: 5px;
  margin-bottom: 40px;
}
.table-scroll > table {
  width: 100%;
  min-width: 990px;
  table-layout: fixed;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0 !important;
}

/*inputスタイル
--------------------------------------*/
/* color */
/* 送信ボタン */
input[type=submit], button[type=submit] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 4px;
  background-color: #533635;
  font-weight: 500;
  color: #fff;
  font-size: 1.125rem;
}
input[type=submit]:hover, input[type=submit]:focus, button[type=submit]:hover, button[type=submit]:focus {
  background-color: #ff8400;
}
input[type=submit].btn-back, input[type=submit].submit-back, button[type=submit].btn-back, button[type=submit].submit-back {
  color: #533635 !important;
  font-size: 1.125rem;
  text-align: center;
  min-height: 40px;
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
input[type=submit].btn-back:hover, input[type=submit].submit-back:hover, button[type=submit].btn-back:hover, button[type=submit].submit-back:hover {
  background-color: #fff !important;
  border: 1px solid #533635;
}
input.btn, button.btn {
  color: #fff;
}

/* フォームレイアウト */
.form-body {
  padding-bottom: 40px;
}
.form-body p {
  font-size: 1.0625rem;
  line-height: 1.88;
  text-align: left;
  margin-bottom: 2.35em;
}
.form-body .txt {
  font-size: 1.0625rem;
  line-height: 1.88;
  text-align: left;
  margin-bottom: 14px;
  display: block;
  color: #6D5C73;
}

.form-box {
  margin-bottom: 24px;
}
.form-box dt {
  margin-top: 56px;
}
.form-box dd {
  font-size: 17px;
  line-height: 1.88;
  text-align: left;
}

.form-block {
  margin: 2.5em auto;
}

.form-ttl {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: left;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  color: #533635;
  margin-bottom: 1em;
}
@media screen and (min-width: 990px) {
  .form-ttl {
    font-size: 1.375rem;
  }
}

.require {
  display: inline-block;
  color: #a90600;
  font-size: 12px;
  margin-left: 10px;
}

.txt-ex {
  color: #777777;
  font-size: 0.9375rem;
  margin-bottom: 10px;
  display: block;
  text-align: left;
}

.error {
  color: #a90600;
  margin-top: 10px;
  display: block;
  font-size: 0.9375rem;
  text-align: left;
}

.link-cancel {
  margin-bottom: 15px;
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .link-cancel {
    margin: 0 5px;
    width: auto;
  }
}

/* --------------------------
MW WP Formm用 スタイル

mw_wp_form	全画面共通
mw_wp_form_input	入力画面
mw_wp_form_confirm	確認画面
mw_wp_form_complete	送信完了画面
-------------------------- */
input[type=text], input[type=email], input[type=url], input[type=password], textarea, select {
  padding: 14px 13px 15px;
  border: 1px solid #533635;
  border-radius: 5px;
  font-size: 17px;
  background: #f0f0f0;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=text].input-short, input[type=email].input-short, input[type=url].input-short, input[type=password].input-short, textarea.input-short, select.input-short {
  width: 100%;
}
@media screen and (min-width: 768px) {
  input[type=text].input-short, input[type=email].input-short, input[type=url].input-short, input[type=password].input-short, textarea.input-short, select.input-short {
    width: 70%;
  }
}
input[type=text].input-max, input[type=email].input-max, input[type=url].input-max, input[type=password].input-max, textarea.input-max, select.input-max {
  width: 100%;
}

textarea {
  min-height: 230px;
  margin: auto;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 50px;
  outline: none;
  text-indent: 0.01px;
  text-overflow: "";
  background: none transparent;
  vertical-align: middle;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}

select option {
  background: #f0f0f0;
}

input, select {
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
  border-color: #533635;
  background: #fffae3;
}

.select-wrap {
  position: relative;
}
.select-wrap::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  content: "";
  border-right: 2px solid #533635;
  border-bottom: 2px solid #533635;
  pointer-events: none;
  z-index: 2;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  margin-top: -4px;
}
.select-wrap > select {
  background: #f0f0f0;
  padding-right: 30px;
  width: 100%;
  color: #000;
}

/* placeholder: Google Chrome, Safari, Opera 15+, Android, iOS */
input::-webkit-input-placeholder {
  color: #82898F;
}

/* placeholder: Firefox 19+ */
input::-moz-placeholder {
  color: #82898F;
}

/* placeholder: IE 10+ */
input:-ms-input-placeholder {
  color: #82898F;
}

/* .checkbox, .radio */
/* placeholder: Google Chrome, Safari, Opera 15+, Android, iOS */
input:focus::-webkit-input-placeholder {
  color: transparent;
}

/* placeholder: Firefox 19+ */
input:focus::-moz-placeholder {
  color: transparent;
}

/* placeholder: IE 10+ */
input:focus:-ms-input-placeholder {
  color: transparent;
}

/* チェック・ラジオBOX　*/
.mwform-checkbox-field,
.mwform-radio-field {
  position: relative;
  width: 100%;
  display: inline-block;
}
.mwform-checkbox-field label,
.mwform-radio-field label {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* checkbox-radio */
input[type=checkbox], input[type=radio] {
  opacity: 0;
  z-index: -1;
}

.mwform-checkbox-field-text,
.mwform-radio-field-text {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 1.0625rem;
  text-align: left;
  padding-left: 42px;
  line-height: 1.5;
  z-index: 1;
  left: -26px;
  margin: 12px 0;
  width: calc(100% - 42px);
}
.mwform-checkbox-field-text::before,
.mwform-radio-field-text::before {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid #533635;
  background: #f0f0f0;
  top: -4px;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 5px;
}

.mwform-radio-field-text::before {
  border-radius: 50%;
}

input[type=checkbox]:checked + .mwform-checkbox-field-text::after,
input[type=radio]:checked + .mwform-radio-field-text::after {
  content: url("../img/input-check.png");
  display: block;
  position: absolute;
  text-align: center;
  top: -4px;
  left: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #533635;
  background: #533635;
  border-radius: 5px;
}

input[type=radio]:checked + .mwform-radio-field-text::after {
  border-radius: 50%;
}

input[type=checkbox]:hover + .mwform-checkbox-field-text::before,
input[type=checkbox]:focus + .mwform-checkbox-field-text::before,
input[type=radio]:hover + .mwform-radio-field-text::before,
input[type=radio]:focus + .mwform-radio-field-text::before {
  border: 2px solid #533635;
  background: #fffae3;
}

/* 確認画面調整 */
.mw_wp_form_confirm .txt-ex,
.mw_wp_form_confirm .txt,
.mw_wp_form_confirm .require {
  display: none;
}
.mw_wp_form_confirm .btn-flex {
  width: 280px;
  margin: auto;
}
.mw_wp_form_confirm .select-wrap::after {
  border: none !important;
}

/* 送信完了画面調整 */
.mw_wp_form_complete .form-header {
  display: none;
}

@media screen and (min-width: 768px) {
  /*フォーム
  --------------------------------------*/
}
/*--------------------------------------
	SNSボタン
--------------------------------------*/
.sns-icon {
  text-align: center;
}
.sns-icon li {
  display: inline-block;
  margin: 0 3px;
}
.sns-icon li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: #fff;
  color: #533635;
  border-radius: 50%;
}
.sns-icon li a:hover {
  background-color: #fffae3;
}

/* ----------------------------------------
 POST-BODY
------------------------------------------*/
.share-block {
  text-align: center;
  margin: auto;
  overflow: hidden;
  padding: 0 20px;
}
.share-block.footer {
  padding: 20px;
  border-top: 1px solid #edebea;
}

.share-ttl {
  font-size: 1rem;
  font-weight: normal;
}
.share-ttl::before {
  content: "\ea82";
  font-family: "icomoon";
  font-size: 12px;
  display: block;
}

.share-box-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
.share-box-header::before {
  content: "\ea82";
  font-family: "icomoon";
  font-size: 16px;
  display: flex;
  padding-right: 5px;
}
.share-box-header li {
  display: flex;
  align-items: center;
  line-height: 1;
  width: 30px;
  height: 30px;
  margin: auto 5px;
}
.share-box-header li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
}
.share-box-header li a i {
  font-size: 16px;
}
.share-box-header li a span {
  display: none;
}
.share-box-footer {
  display: grid;
  grid-template-columns: repeat(auto-fill, 150px);
  justify-content: center;
  gap: 10px;
  padding: 1em 0;
}
.share-box-footer li {
  display: inline-block;
  line-height: 1;
  min-width: 150px;
  margin: 0 5px 5px;
}
.share-box-footer li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
}
.share-box-footer li a i {
  margin-right: 5px;
  font-size: 16px;
}
:root {
  --tw-color: #10a5de;
  --fb-color: #284a95;
  --pc-color: #e73649;
  --ht-color: #0f9be8;
  --li-color: #00c300;
  --fe-color: #87c040;
  --pt-color: #e30021;
}

.twitter a {
  background: var(--tw-color);
}
.twitter a:hover {
  background: #0078da;
}

.facebook a {
  background: var(--fb-color);
}
.facebook a:hover {
  background: #000052;
}

.pocket a {
  background: var(--pc-color);
}
.pocket a:hover {
  background: #bb0731;
}

.hatebu a {
  background: var(--ht-color);
}
.hatebu a:hover {
  background: #1061c4;
}

.line a {
  background: var(--li-color);
}
.line a:hover {
  background: #19A719;
}

.feedly a {
  background: var(--fe-color);
}
.feedly a:hover {
  background: #65B700;
}

.pinterest a {
  background: var(--pt-color);
}
.pinterest a:hover {
  background: #c3011d;
}

/* インスタプラグイン調整
------------------------*/
.instagram-block {
  margin-bottom: 40px;
}

/*! ========================================
  このCSSファイルはSassから生成されていますので、
  編集しないようご注意ください。
========================================= */
/* 追加ボタン修正（やまだ：20231016）
_button.scss
_main.scss
_form.scss
product.scss

調整（20231122）
_images.scss
_common.scss
_post-page.scss
*/
/*# sourceMappingURL=style.css.map */