@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Noto+Serif:wght@100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
table,
th,
td,
a {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat
}

table,
th,
td {
  border-collapse: collapse;
  font-weight: normal
}

fieldset,
img,
iframe {
  border: 0;
  line-height: 0;
  vertical-align: bottom
}

object,
embed {
  line-height: 0;
  vertical-align: middle
}

iframe {
  background-color: rgba(0, 0, 0, 0)
}

img {
  width: 100%;
  height: auto
}

ol,
ul {
  clear: both;
  list-style-type: none
}

br {
  letter-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  display: block;
  /*  font-weight: normal*/
}

a {
  outline: none;
  text-decoration: none
}

* {
  box-sizing: border-box
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none
}

textarea {
  resize: vertical
}

input[type=checkbox],
input[type=radio] {
  display: none
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer
}

select::-ms-expand {
  display: none
}

:root {
  --BROWN_01: #664329;
  --BEIGE_01: #b6845c;
  --BEIGE_02: #a99c88;
  --BEIGE_03: #ab8850;
  --BEIGE_04: #fffaf2;
  --BEIGE_05: #f5e0b7;
  --YELLOW_01: #e7c13e;
  --WHITE_01: #ffffff;
  --GRAY_01: #333;
  --GRAY_02: #f3f3f3;
  --RED_01: #be182f;
  --RED_02: #c5292f;
  --L_ORANGE_01: #fcbd8a;
  --ORANGE_01: #f97b15;
  --L_BLUE_01: #e1e8fe;
  --L_BLUE_02: #b4c4eb;
  --NAVY_01: #112257;
  --BLACK_01: #010101;
  --BLACK_02: #202428;
  --COL_COLUMN_FUNDING: #a1894e;
  --COL_COLUMN_BUKKEN: #7ba1b1;
  --COL_COLUMN_INTERIOR: #da974f;
  --COL_COLUMN_KITCHEN: #86918a;
  --COL_COLUMN_EQUIPMENT: #b86363;
  --COL_COLUMN_PACKAGING: #606697;
  --COL_COLUMN_MENU: #588971;
  --COL_COLUMN_PURCHASE: #91b360;
  --COL_COLUMN_PROMOTION: #9f89aa;
  --COL_COLUMN_EDUCATION: #6788cb;
  --COL_COLUMN_HYGIENE: #91b360;
  --COL_COLUMN_SEMINAR: #664329;
  --COL_COLUMN_PRODUCTS: #664329;
  --COL_COLUMN_SUPPORT: #664329;
  --COL_COLUMN_NOTICE: #664329;
  --FONT_NORMAL: "Noto Sans JP", "Noto Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --FONT_ROBOTO: "Roboto", sans-serif;
  --FONT_NOTO_SERIF: "Noto Serif JP", "Noto Serif", serif
}

html {
  font-size: 16px
}

@media screen and (max-width: 1140px) {
  html {
    font-size: 1.4035087719vw
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.1333333333vw
  }
}

body {
  font-size: 1rem;
  font-weight: 400;
  font-family: var(--FONT_NORMAL);
  color: var(--BLACK_02);
  line-height: 1.625;
  background: #fff
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1.75rem;
    line-height: 1.5
  }
}

main {
  overflow: hidden
}

a {
  transition: .2s;
  color: #285cbc
}

a:hover {
  opacity: .8
}

a.__noLink {
  pointer-events: none;
  filter: grayscale(1);
  opacity: .5
}

button {
  transition: .2s
}

.inner {
  max-width: 900px;
  padding: 0 0rem;
  margin: 0 auto
}

@media screen and (max-width: 767px) {
  .inner {
    padding: 0 1.5rem
  }
}

.mainCont_01 {
  display: flex;
  gap: 2.75rem;
  padding: 2rem 0 5.9375rem
}

@media screen and (max-width: 767px) {
  .mainCont_01 {
    flex-direction: column;
    gap: 2.1875rem;
    padding: 2.5rem 0 7.5rem
  }
}

.mainCont_01 .mainCont_01__left {
  width: 16.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem
}

@media screen and (max-width: 767px) {
  .mainCont_01 .mainCont_01__left {
    display: contents;
    width: 100%
  }
}

.mainCont_01 .mainCont_01__right {
  width: 37.1875rem
}

@media screen and (max-width: 767px) {
  .mainCont_01 .mainCont_01__right {
    width: 100%;
    padding: 1.5625rem 0 4.0625rem
  }
}

@media screen and (max-width: 767px) {
  .sideCont.__order0 {
    order: 0
  }
}

@media screen and (max-width: 767px) {
  .sideCont.__order1 {
    order: 1
  }
}

@media screen and (max-width: 767px) {
  .sideCont.__order2 {
    order: 2
  }
}

@media screen and (max-width: 767px) {
  .sideCont.__order3 {
    order: 3
  }
}

.secCont {
  padding: 4.375rem 0;
  z-index: 11;
  position: relative
}

@media screen and (max-width: 767px) {
  .secCont {
    padding: 5.9375rem 0 4.6875rem
  }
}

.secCont .secCont__disc {
  font-size: 1rem;
  line-height: 1.75;
  padding: 0 2.5625rem;
  margin-bottom: 1.75rem;
  text-align: center
}

@media screen and (max-width: 767px) {
  .secCont .secCont__disc {
    font-size: 1.75rem;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 1rem;
    text-align: left
  }
}

.font__roboto {
  font-family: var(--FONT_ROBOTO)
}

.font__notoSerif {
  font-family: var(--FONT_NOTO_SERIF)
}

.sp-view {
  display: none !important
}

@media screen and (max-width: 767px) {
  .sp-view {
    display: block !important
  }
}

.pc-view {
  display: block !important
}

@media screen and (max-width: 767px) {
  .pc-view {
    display: none !important
  }
}

.pc-view.__inline {
  display: inline !important
}

@media screen and (max-width: 767px) {
  .pc-view.__inline {
    display: none !important
  }
}

.grecaptcha-badge {
  bottom: 90px !important;
  z-index: 77
}

@media screen and (max-width: 767px) {
  .grecaptcha-badge {
    bottom: 80px !important
  }
}

#column main,
#news main {
  background: url(../img/img_bg_base.png) repeat center/cover
}

.ttl_01 {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.75;
  color: var(--BLACK_01);
  text-align: center;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 767px) {
  .ttl_01 {
    font-size: 3.25rem;
    line-height: 1.65
  }
}

.ttl_01 .ttl_01__row {
  position: relative;
  display: inline-block
}

.ttl_01 .ttl_01__row:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: -90px;
  left: -30px;
  width: 100%;
  height: .375rem;
  opacity: .5;
}

.ttl_02 {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--NAVY_01);
  text-align: center;
  margin-bottom: 1.25rem
}

@media screen and (max-width: 767px) {
  .ttl_02 {
    font-size: 3rem;
    line-height: 1.5;
    margin-bottom: 1.875rem
  }
}

.ttl_02 .ttl_02__sub {
  font-family: var(--FONT_NORMAL);
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  color: var(--NAVY_01)
}

@media screen and (max-width: 767px) {
  .ttl_02 .ttl_02__sub {
    font-size: 1.75rem
  }
}

.ttl_03 {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--ORANGE_01);
  text-align: center;
  margin-bottom: 1.875rem
}

@media screen and (max-width: 767px) {
  .ttl_03 {
    width: calc(100% + 2.5rem);
    font-size: 2.25rem;
    padding: 1rem;
    margin: 0 0 3.125rem -1.25rem
  }
}

.ttl_04 {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--BROWN_01);
  padding-bottom: 1rem;
  position: relative;
  margin-bottom: 1.875rem
}

@media screen and (max-width: 767px) {
  .ttl_04 {
    font-size: 3rem;
    padding-bottom: .75rem;
    margin-bottom: 2.25rem
  }
}

.ttl_04:before {
  content: "";
  width: 100%;
  height: .1875rem;
  background: #ab8850;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(50%)
}

@media screen and (max-width: 767px) {
  .ttl_04:before {
    width: calc(100% - 2.9375rem - .125rem)
  }
}

@media screen and (min-width: 768px) {
  .ttl_04.__left {
    text-align: right
  }
}

@media screen and (min-width: 768px) {
  .ttl_04.__left:before {
    right: 0;
    left: unset
  }
}

@media screen and (min-width: 768px) {
  .ttl_04.__left:after {
    content: "";
    display: block;
    width: 2.65625rem;
    aspect-ratio: 3.5416666667;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../img/arrow_triple_01_beige.png");
    left: 0;
    right: unset;
    transform: translateY(50%) rotate(180deg)
  }
}

.ttl_05 {
  display: inline-block;
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 2.5rem;
  line-height: 1.5;
  color: var(--BLACK_02);
  padding-bottom: .4375rem;
  margin-bottom: 2.0625rem;
  border-bottom: 3px solid #ab8850;
  width: 100%
}

@media screen and (max-width: 767px) {
  .ttl_05 {
    font-size: 3.125rem;
    padding-bottom: .625rem;
    margin-bottom: 2.4375rem;
    text-align: center
  }
}

.ttl_06 {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.75;
  color: var(--BLACK_02);
  text-align: center;
  margin-bottom: 2.0625rem
}

@media screen and (max-width: 767px) {
  .ttl_06 {
    font-size: 3.25rem;
    line-height: 1.65;
    margin-bottom: 3.4375rem
  }
}

.btn_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28.125rem;
  min-height: 3.75rem;
  padding: .9375rem 4.25rem;
  background: #fff;
  border-width: .125rem;
  border-style: solid;
  border-color: var(--ORANGE_01);
  border-radius: 100px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  font-family: var(--FONT_NOTO_SERIF);
  color: var(--ORANGE_01);
  position: relative
}

@media screen and (max-width: 767px) {
  .btn_01 {
    width: 36.25rem;
    min-height: 5.625rem;
    padding: 1.25rem 6.4375rem;
    font-size: 2rem
  }
}

.btn_01:after {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 16/12;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/arrow_orange.png);
  position: absolute;
  top: 50%;
  right: 1.625rem;
  transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
  .btn_01:after {
    width: 1.4375rem
  }
}

.btn_01.__back:after {
  right: unset;
  left: 1.625rem;
  transform: translateY(-50%) rotate(180deg)
}

.btn_01:before {
  content: "";
  display: block;
  width: 2.0625rem;
  aspect-ratio: 1/1;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 1.375rem;
  transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
  .btn_01:before {
    width: 2.9375rem;
    left: 2.1875rem
  }
}

.btn_01:hover {
  background: var(--ORANGE_01);
  border-color: var(--ORANGE_01);
  color: var(--WHITE_01);
  opacity: 1
}

.btn_01:hover:after {
  background-image: url(../img/arrow_white.png)
}

.btn_01.__tel {
  background: var(--ORANGE_01);
  color: var(--WHITE_01);
  border-color: var(--ORANGE_01);
  pointer-events: none
}

@media screen and (max-width: 767px) {
  .btn_01.__tel {
    pointer-events: auto
  }
}

.btn_01.__tel:after {
  background-image: url(../img/arrow_white.png)
}

.btn_01.__tel:before {
  background-image: url(../img/ico_tel_black.png)
}

.btn_01.__tel .btn_01__txtWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3125rem
}

@media screen and (max-width: 767px) {
  .btn_01.__tel .btn_01__txtWrap {
    gap: .4375rem
  }
}

.btn_01.__tel .btn_01__txtWrap .txt {
  font-family: var(--FONT_NORMAL);
  font-size: .875rem;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--WHITE_01);
}

@media screen and (max-width: 767px) {
  .btn_01.__tel .btn_01__txtWrap .txt {
    font-size: 1.25rem
  }
}

.btn_01.__tel .btn_01__txtWrap .number {
  font-size: 1.75rem
}

@media screen and (max-width: 767px) {
  .btn_01.__tel .btn_01__txtWrap .number {
    font-size: 2.4375rem
  }
}

.btn_01.__mail:before {
  background-image: url(../img/ico_mail_orange.png)
}

.btn_01.__mail:hover:before {
  background-image: url(../img/ico_mail_white.png)
}

.btn_01.__access {
  width: 31.25rem;
  min-height: 4.0625rem;
  background: var(--BEIGE_01);
  border-color: var(--BEIGE_01);
  font-size: 1.125rem;
  color: #fff
}

@media screen and (max-width: 767px) {
  .btn_01.__access {
    width: 36.25rem;
    min-height: 5.625rem;
    font-size: 1.75rem;
    padding: 1.25rem 5.1875rem 1.25rem 8.9375rem
  }
}

.btn_01.__access:before {
  width: 2.6875rem;
  aspect-ratio: 43/37;
  background-image: url(../img/ico_map_white.png);
  left: 1.875rem
}

@media screen and (max-width: 767px) {
  .btn_01.__access:before {
    width: 3.75rem
  }
}

.btn_01.__access:after {
  background-image: url(../img/arrow_white.png)
}

.btn_01.__access:hover {
  opacity: .8
}

.h1_text_area {
  background: #ede9e8;
  border-bottom-style: dotted;
  border-width: 1px;
  border-color: #afafaf;
  line-height: 1.2em
}

.h1_text_area .cate_head {
  width: 1000px;
  margin: 0 auto;
  text-align: left !important;
  font-size: 10px;
  font-weight: 500;
  color: #6b6b6b;
  background: #ede9e8
}

#hGroupBox {
  clear: both;
  height: 60px;
  background: #ede9e8
}

#hGroupBox dl {
  width: 1000px;
  margin: 0 auto;
  text-align: left
}

#hGroupBox dl dt,
#hGroupBox dl dd {
  float: left
}

#hGroupBoxNew {
  clear: both;
  position: relative;
  height: 31px;
  background: url(../img/bgcolor.gif) repeat-x
}

#hGroupBoxNew .right {
  display: flex
}

#hGroupBoxNew .l {
  text-align: left;
  padding-right: 11px;
  background: #ede9e8
}

#hGroupBoxNew .s {
  padding: 0 10px;
  background: #f5f5f5 url(../img/line.gif) right 0 no-repeat
}

#hGroupBoxNew .here {
  padding: 0 10px;
  background: #f5f5f5 url(../img/line.gif) right 0 no-repeat
}

#hGroupBoxNew .color ul {
  max-width: 1800px;
  margin: 0 auto;
  display: flex;
  justify-content: center
}

#hGroupBoxNew .color ul li {
  font-size: 12px !important;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  display: block
}

#hGroupBoxNew .color ul li a {
  font-size: 12px !important;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  display: block;
  text-decoration: none !important;
  font-weight: 400 !important
}

#hGroupBoxNew .color ul li .gray {
  color: #6b6b6b
}

#hGroupBoxNew .color ul li .red {
  color: #a00000
}

#headbar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  color: #333;
  border-top: 3px solid #626262
}

ul.head-tel {
  text-align: center;
  color: #333
}

ul.head-tel li.tel-no {
  padding: 18px 5px;
  background-color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 3px solid #626262;
  line-height: 1.6em
}

ul.head-tel li.tel-no a,
a.store-tel {
  min-height: 30px;
  padding-left: 30px;
  background-image: url(../img/icon_tel.gif);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 34px;
  font-weight: bold;
  font-family: Century Gothic, sans-serif;
  color: #333;
  text-decoration: none
}

ul.head-tel li.tel-no .tel-txt {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  font-feature-settings: "palt"1
}

.tel-after {
  padding: 3px;
  background-color: #e5e5e5;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 3px solid #626262;
  text-align: center
}

.tel-after a {
  text-decoration: underline
}

@media screen and (max-width: 767px) {
  .td-store-tel a.store-tel {
    line-height: 1.2em
  }

  .td-store-tel .txt-11 {
    padding-top: 5px
  }
}

@media screen and (max-width: 385px) {
  a.store-tel {
    font-size: 24px
  }
}

@media screen and (max-width: 269px) {
  ul.head-tel li.tel-no a {
    font-size: 24px
  }

  a.store-tel {
    font-size: 16px;
    padding-top: 10px
  }

  ul.head-tel li.tel-no {
    font-size: 12px
  }
}

@media screen and (max-width: 767px) {
  #header {
    background: url(../img/sp_header_bg.png) no-repeat;
    background-size: 100%;
    padding: 3.3% 20px;
    position: relative
  }

  #header .top_logo {
    margin: 0;
    line-height: 0
  }

  #header .top_logo img {
    width: 52%
  }

  #header {
    padding: 2% 10px 2.6%
  }

  #header .top_logo img {
    width: 62%
  }

  #nav_innner {
    width: 100%;
    margin: 0;
    border-bottom: #aaa 1px solid
  }

  #nav ul li {
    margin: 0;
    padding: 0;
    line-height: 0em
  }

  #nav ul li.nav-txt a {
    display: block;
    width: 100%;
    padding: 10px 30px;
    line-height: 2.5em;
    background-image: url(../img/sp_navbg.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    border-bottom: 2px solid #999;
    font-weight: bold;
    font-size: 24px;
    color: #c0000e;
    text-decoration: none
  }

  #nav li.last_child {
    padding: 20px 0
  }

  #nav ul li img {
    width: 100%
  }
}

@media screen and (max-width: 499px) {
  #nav ul li.nav-txt a {
    font-size: 18px;
    padding: 8px 20px
  }
}

@media screen and (max-width: 320px) {
  #nav ul li.nav-txt a {
    font-size: 14px;
    padding: 5px 10px
  }
}

@media screen and (min-width: 768px) {
  header {
    height: 174px;
    text-align: center;
    background: #fff
  }

  div.top_logo {
    height: inherit;
    left: 0em;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
  }

  #header {
    margin: 0;
    position: relative;
    height: 123px;
    width: 100%;
    border-bottom: 3px solid #c0000e
  }

  #nav {
    position: relative;
    top: 87px;
    margin: 0;
    padding: 0
  }

  #nav .nav_explain {
    position: relative;
    top: 0px;
    height: 38px;
    margin: 0;
    padding: 0
  }

  #nav .nav_explain img {
    width: 100%
  }

  #nav ul {
    position: relative;
    top: 0px;
    left: 0;
    margin: 0;
    padding: 0
  }

  #nav li {
    float: left
  }

  #nav li {
    width: 16.6%;
    background-color: #fff
  }

  #nav li.last_child {
    border-right: 1px solid #999
  }

  #nav li a {
    color: #c0000e;
    font-weight: bold;
    display: block;
    border-left: 1px solid #999;
    border-bottom: 3px solid #c0000e;
    height: 36px
  }

  #nav li a:hover {
    text-decoration: none
  }

  #nav li:hover {
    background-color: #e6e6e6
  }
}

@media screen and (min-width: 1000px) {
  #header {
    width: 100%;
    height: 90px;
    margin: 0;
    position: relative;
    border-bottom: 3px solid #c0000e
  }

  #header .pc-view {
    width: 900px;
    margin: 0 auto;
    position: relative
  }

  #nav {
    position: relative;
    top: 87px;
    margin: 0;
    padding: 0
  }

  #nav .nav_explain {
    position: relative;
    top: 0px;
    height: 38px;
    margin: 0;
    padding: 0
  }

  #nav ul {
    position: relative;
    top: 0px;
    left: 0;
    margin: 0;
    padding: 0
  }

  #nav li {
    float: left
  }

  #nav .gl-menu>li.menu__single {
    position: relative;
    height: 86px
  }

  #nav .gl-menu li.menu__single ul.menu__second-level li {
    position: relative;
    width: 100%;
    float: none;
    border-bottom: 1px solid #999
  }

  #nav .gl-menu li.menu__single ul.menu__second-level li a {
    width: 100%;
    border: none;
    text-align: left;
    padding: 0 10px
  }

  #nav .gl-menu>li.menu__single a {
    display: block
  }

  #nav .gl-menu li.menu__single ul.menu__second-level {
    position: absolute;
    top: 36px;
    width: 170%;
    height: 72px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0
  }

  #nav .gl-menu li.menu__single ul.menu__second-level a {
    border-left: none
  }

  #nav .gl-menu li.menu__single:hover ul.menu__second-level {
    top: 36px;
    visibility: visible;
    opacity: 1;
    z-index: 100
  }
}

.h1_text_area .cate_head {
  width: unset;
  max-width: 1000px;
  font-weight: 400 !important
}

#hGroupBoxNew .color ul li p {
  font-weight: 400 !important
}

header {
  height: unset
}

#header {
  z-index: 99;
  box-shadow: 0 1.4375rem 1rem -1rem rgba(0, 0, 0, .2);
  border-color: var(--BROWN_01)
}

#header .top_btn_list {
  display: flex;
  align-items: center;
  gap: 7px;
  position: absolute;
  top: 24px;
  right: 0
}

@media screen and (max-width: 767px) {
  #header .top_btn_list {
    position: static;
    flex-direction: column;
    padding: 20px 0;
    gap: 15px
  }
  #header {
    display: none;
  }
}

#header .top_btn_list .btn_01 {
  width: 14.25rem;
  min-height: 42px;
  font-size: 1.125rem;
  padding: 10px 42px;
  border-width: 2px
}

@media screen and (max-width: 767px) {
  #header .top_btn_list .btn_01 {
    width: 32.5rem;
    min-height: 6.25rem;
    font-size: 2.25rem;
    padding: 1.25rem 5.25rem;
    border-width: .25rem
  }
}

#header .top_btn_list .btn_01:after {
  width: 14px;
  right: 16px
}

@media screen and (max-width: 767px) {
  #header .top_btn_list .btn_01:after {
    width: 1.75rem;
    right: 2rem
  }
}

#header .top_btn_list .btn_01:before {
  width: 23px;
  left: 18px
}

@media screen and (max-width: 767px) {
  #header .top_btn_list .btn_01:before {
    width: 2.875rem;
    left: 2.25rem
  }
}

#header .top_btn_list .btn_01.__mail {
  border-color: var(--ORANGE_01);
  background: var(--WHITE_01);
  color: var(--ORANGE_01);
}

@media screen and (max-width: 767px) {
  #header .top_btn_list .btn_01.__mail {
    font-size: 2rem
  }
}

#header .top_btn_list .btn_01.__mail:after {
  background-image: url(../img/arrow_orange.png)
}

#header .top_btn_list .btn_01.__mail:before {
  background-image: url(../img/ico_mail_orange.png)
}

#header .top_btn_list .btn_01.__mail:hover {
  opacity: .8
}

@media screen and (min-width: 768px) {
  #header #nav>ul {
    height: 36px
  }
}

#header #nav li {
  width: 25%
}

@media screen and (max-width: 767px) {
  #header #nav li {
    width: unset
  }
}

#header #nav li.__noLink:hover {
  background: #fff
}

#header #nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--BLACK_02);
  border-color: var(--BROWN_01)
}

@media screen and (max-width: 767px) {
  #header #nav li a {
    display: block
  }
}

#header #nav li img {
  width: 15px;
  min-width: 15px;
  aspect-ratio: 1/1
}

@media screen and (max-width: 767px) {
  #header #nav li img {
    width: 100%;
    min-width: unset;
    aspect-ratio: unset
  }
}

#header #nav .nav__childMenuListWrap {
  visibility: hidden;
  opacity: 0;
  transition: .2s;
  position: absolute;
  top: calc(100% + .3125rem);
  left: 50%;
  transform: translateX(-50%);
  padding: 1.875rem 1.25rem;
  background: #fff;
  width: max-content;
  max-width: 100%
}

#header #nav .nav__childMenuListWrap.__open {
  visibility: visible;
  opacity: 1;
  top: 100%
}

#header #nav .nav__childMenuList {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 0
}

#header #nav .nav__childMenuList .nav__childMenuItem {
  padding: 0 1.875rem;
  float: none;
  width: unset;
  position: relative
}

#header #nav .nav__childMenuList .nav__childMenuItem:hover {
  background: none
}

#header #nav .nav__childMenuList .nav__childMenuItem a {
  display: block;
  width: 8.3125rem;
  height: unset;
  border: none;
  padding-right: 1.25rem;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
  color: var(--BROWN_01);
  text-align: left;
  position: relative
}

#header #nav .nav__childMenuList .nav__childMenuItem a:after {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 16/13;
  background: url(../img/arrow_brown.png) no-repeat center/contain;
  position: absolute;
  top: .19375rem;
  right: 0
}

#header #nav .nav__childMenuList.__news .nav__childMenuItem a {
  width: unset
}

#header #nav .nav__childMenuList.__news .nav__childMenuItem:after {
  content: "";
  display: block;
  height: 100%;
  border-right: .125rem dotted var(--BROWN_01);
  position: absolute;
  top: 0;
  right: 0
}

#header #nav .nav__childMenuList.__news .nav__childMenuItem:last-child:after {
  content: none
}

#header #nav .nav__childMenuList.__column {
  flex-direction: column;
  height: 7.8125rem
}

#header #nav .nav__childMenuList.__column .nav__childMenuItem:nth-child(3n+1):after {
  content: "";
  display: block;
  height: 8.1rem;
  border-right: .125rem dotted var(--BROWN_01);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11
}

#header #nav .nav__childMenuList.__column .nav__childMenuItem:nth-last-child(-n+3):after {
  content: none
}

#header .sp_gNav .sp_gNav-overlay {
  display: none;
  position: fixed;
  z-index: 88;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2)
}

#header .sp_gNav .sp_gNav-hamburger {
  position: absolute;
  z-index: 210;
  top: 0;
  right: 0;
  display: block;
  box-sizing: content-box;
  width: 15%;
  -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: 0;
  outline: 0;
  background-color: rgba(0, 0, 0, 0)
}

#header .sp_gNav .sp_gNav-hamburger .sp_gNav-hamburger-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 4em
}

#header .sp_gNav .sp_gNav-nav {
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 99;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #fff;
  transition: left .6s cubic-bezier(0.19, 1, 0.22, 1)
}

#header .sp_gNav .sp_gNav-nav .nav-txt.__hasCat {
  border-bottom: 2px solid #999
}

#header .sp_gNav .sp_gNav-nav .nav-txt.__hasCat a {
  border: none
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__parentMenuItem {
  position: relative
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__childMenuListWrap {
  display: none
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__childMenuList {
  padding: 0 1.25rem
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__childMenuItem {
  border-top: 1px dotted var(--BROWN_01)
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__childMenuItem a {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  border: none;
  padding: 1.625rem 3.4375rem;
  background: none;
  position: relative;
  color: var(--BROWN_01) !important
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__childMenuItem a:after {
  content: "";
  display: block;
  width: 1.6875rem;
  aspect-ratio: 16/13;
  background: url(../img/arrow_brown.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: 1.125rem;
  transform: translateY(-50%)
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__parentMenuBtnOpen {
  padding: 0;
  width: 6.25rem;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__parentMenuBtnOpen:before,
#header .sp_gNav .sp_gNav-nav .sp_gNav__parentMenuBtnOpen:after {
  content: "";
  display: block;
  width: 1.875rem;
  height: .375rem;
  border-radius: 100px;
  background: var(--BROWN_01);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__parentMenuBtnOpen:after {
  transform: translate(-50%, -50%) rotate(90deg)
}

#header .sp_gNav .sp_gNav-nav .sp_gNav__parentMenuBtnOpen.__open:after {
  transform: translate(-50%, -50%) rotate(180deg)
}

#header .sp_gNav.__open .sp_gNav-overlay {
  display: block
}

#header .sp_gNav.__open .sp_gNav-hamburger {
  position: fixed
}

#header .sp_gNav.__open .sp_gNav-nav {
  left: 0
}

#header .sp_gNav .btn_list__txt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .6875rem;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 10px
}

@media screen and (max-width: 767px) {
  #header .sp_gNav .btn_list__txt {
    gap: 1.3125rem;
    font-size: 1.5rem
  }
}

#header .sp_gNav .btn_list__txt:before {
  content: "";
  display: block;
  width: 3rem;
  height: 2.9375rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
  #header .sp_gNav .btn_list__txt:before {
    width: 3.625rem;
    height: 3.5rem
  }
}

#header .sp_gNav .__tel .btn_list__txt:before {
  background-image: url(../img/ico_time_brown.png)
}

#header .sp_gNav .__mail .btn_list__txt:before {
  background-image: url(../img/ico_24h_brown.png)
}

@media screen and (max-width: 767px) {
  #footer_nav {
    border-top: #636363 1px solid;
    border-left: #636363 1px solid;
    border-right: #636363 1px solid
  }

  #footer_nav {
    border-left: none;
    border-right: none
  }

  #footer_nav_inner {
    width: 100%;
    margin: 0
  }

  #footer_nav_inner h5 {
    margin: 0;
    padding: 0;
    line-height: 0em;
    text-indent: -9999px
  }

  #footer_nav_inner ul li {
    margin: 0;
    padding: 0;
    line-height: 0em
  }

  #footer_nav_inner ul li.nav-txt a {
    display: block;
    width: 100%;
    padding: 10px 30px;
    line-height: 2.5em;
    background-image: url(../img/sp_navbg.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    border-bottom: 2px solid #999;
    background-color: #313131;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    text-decoration: none
  }

  #footer_nav_inner ul li.last_child img {
    padding: 15px 0;
    background: #fff
  }

  #footer_nav_inner ul li img {
    width: 100%
  }

  #footer_nav_inner2 {
    background: #313131
  }

  #footer_nav_inner2 ul li img {
    width: 100%
  }

  #footer_nav_inner .sp-view ul {
    padding-left: 20px
  }

  #footer_nav_inner .sp-view ul li {
    line-height: 1.8em;
    font-feature-settings: "palt"1;
    color: #242424;
    position: relative
  }

  #footer_nav_inner .sp-view ul a {
    position: relative;
    display: block
  }

  #footer_nav_inner .sp-view ul a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    background: #c6000e;
    width: 4px;
    height: 4px
  }

  #footer_nav_inner .sp-view ul a::after {
    content: "";
    position: absolute;
    top: 40%;
    right: 12px;
    transform: translateY(-50%);
    width: 7px;
    height: 10px;
    background: url("../img/icon_nav_arrow.png") center center/contain no-repeat
  }

  #footer_nav_inner .sp-view ul {
    background-color: var(--L_BLUE_01);
    width: 100%;
    padding: 0;
    color: var(--BLACK_01)
  }

  #footer_nav_inner .sp-view li {
    list-style: none
  }

  #footer_nav_inner .sp-view ul ul {
    height: 0;
    padding: 0px 15px;
    overflow: hidden;
    transition: .5s;
    background-color: #fff;
    margin: 0;
    border-bottom: 1px solid #636363
  }

  #footer_nav_inner .sp-view ul li li {
    padding: 5px 0 5px 0px;
    margin-left: 15px
  }

  #footer_nav_inner .sp-view ul li li:first-child {
    padding: 20px 0 5px 0px
  }

  #footer_nav_inner .sp-view ul li li:last-child {
    padding: 5px 0 20px 0px
  }

  #footer_nav_inner .sp-view button {
    position: relative;
    border: none;
    width: 100%;
    background-color: inherit;
    color: #242424;
    cursor: pointer;
    text-align: left;
    padding: 15px 0 15px 20px;
    font-size: 1em;
    font-weight: bold
  }

  #footer_nav_inner .sp-view button[aria-expanded=true] {
    border-bottom: 1px solid #636363
  }

  #footer_nav_inner .sp-view button::before,
  #footer_nav_inner .sp-view button::after {
    content: "";
    position: absolute;
    top: 20px;
    width: 1.5px;
    height: 8px;
    background-color: #242424;
    transition: .5s
  }

  #footer_nav_inner .sp-view button::before {
    transform: rotate(-90deg);
    right: 30px
  }

  #footer_nav_inner .sp-view button::after {
    transform: rotate(0deg);
    right: 30px
  }

  #footer_nav_inner .sp-view li.active button::before {
    transform: rotate(-90deg);
    transition: .5s
  }

  #footer_nav_inner .sp-view li.active button::after {
    transform: rotate(90deg);
    transition: .5s
  }

  #footer_nav_inner .sp-view ul:nth-of-type(2) {
    background-color: #357d87
  }

  #footer_nav_inner .sp-view ul:nth-of-type(2) ul {
    background-color: #519fa5;
    border-top: 1px solid #5d9fa8
  }

  #footer_nav_inner .sp-view ul:nth-of-type(2) button:hover {
    background-color: #1c4b56
  }

  #footer_nav_inner .sp-view ul:nth-of-type(2) li li {
    border-bottom: 1px dotted #73bebf
  }

  #footer_nav_inner .sp-view ul:nth-of-type(2) li.active li:last-child {
    border-bottom: 1px solid #5d9fa8
  }

  #footer_nav_inner .sp-view ul.active {
    overflow-y: auto
  }

  .sns-list {
    background: #eee;
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 25px 0 15px
  }

  .sns-list .sns-item {
    width: 50px
  }

  .pagetop {
    position: fixed;
    right: 0px;
    display: block;
    padding: 20px;
    width: 20%
  }

  .pagetop img {
    width: 100%
  }

  #footer_nav_inner2 .sub-menu {
    background: #636363
  }

  #footer_nav_inner2 .sub-menu ul li a {
    padding: 15px 20px;
    color: #fff;
    display: block;
    font-weight: bold;
    position: relative
  }

  #footer_nav_inner2 .sub-menu ul li:not(:last-child) {
    border-bottom: 1px solid #eee
  }

  #footer_nav_inner2 .sub-menu ul li a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 7px;
    height: 10px;
    background: url("../img/icon_nav_arrow_white.png") center center/contain no-repeat
  }

  .footer_copy p {
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    background: #2b2b2b
  }
}

@media screen and (min-width: 768px) {
  #footer_nav {
    background: #313131
  }

  #footer_nav {
    background: var(--L_BLUE_01);
  }

  #footer_nav_inner {
    width: 95%;
    margin: 0 auto;
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding-top: 60px
  }

  #footer_nav_inner .waku,
  #footer_nav_inner .waku2,
  #footer_nav_inner .waku3 {
    width: 25%
  }

  .sns-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 65px 0
  }

  #footer_nav_inner2 {
    background: #636363
  }

  #footer_nav_inner2 .pc-view .sub-menu {
    max-width: 720px;
    margin-inline: auto;
    padding: 30px
  }

  #footer_nav_inner2 .pc-view .sub-menu ul {
    display: flex;
    justify-content: space-between
  }

  #footer_nav_inner2 .pc-view .sub-menu ul li {
    font-size: 16px
  }

  #footer_nav_inner2 .pc-view .sub-menu ul li a {
    color: #fff;
    font-weight: bold
  }

  #footer_nav_inner2 .footer_copy {
    background: #2b2b2b;
    padding: 20px 0
  }

  #footer_nav_inner h5 {
    font-size: 24px;
    margin-bottom: 24px;
    color: #fff
  }

  #footer_nav_inner ul li {
    float: none
  }

  #footer_nav_inner ul li a {
    color: #fff
  }

  #footer_nav_inner ul li a:link {
    color: #242424 !important;
    text-decoration: none
  }

  #footer_nav_inner ul li a:visited {
    color: #242424 !important;
    text-decoration: none
  }

  #footer_nav_inner ul li a:hover {
    color: #f93 !important;
    text-decoration: none
  }

  #footer_nav_inner ul li a:active {
    color: #242424 !important;
    text-decoration: none
  }

  #footer_nav_inner2 ul li {
    float: left
  }

  #footer_nav_inner2 ul li a {
    color: #fff
  }

  #footer_nav_inner2 ul li a:link {
    color: #fff !important;
    text-decoration: none
  }

  #footer_nav_inner2 ul li a:visited {
    color: #fff !important;
    text-decoration: none
  }

  #footer_nav_inner2 ul li a:hover {
    color: #fff !important;
    text-decoration: none
  }

  #footer_nav_inner2 ul li a:active {
    color: #fff !important;
    text-decoration: none
  }

  .footer_copy p {
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: bold
  }
}

@media screen and (min-width: 1000px) {
  .sns-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px 0
  }

  .sns-list .sns-item {
    width: 50px
  }

  #footer_nav {
    background: var(--L_BLUE_01);
  }

  #footer_nav_inner {
    width: 950px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding-top: 60px
  }

  #footer_nav_inner .waku,
  #footer_nav_inner .waku2,
  #footer_nav_inner .waku3 {
    width: 25%
  }

  #footer_nav_inner h5 {
    font-size: 24px;
    margin-bottom: 24px
  }

  #footer_nav_inner ul {
    padding-left: 15px
  }

  #footer_nav_inner ul li {
    line-height: 1.8em;
    font-feature-settings: "palt"1;
    color: #242424;
    position: relative;
    margin-bottom: 0px
  }

  #footer_nav_inner ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    background: #c6000e;
    width: 4px;
    height: 4px
  }

  #footer_nav_inner2 {
    width: 100%;
    margin: 0 auto
  }

  #footer_nav_inner2 .pc-view {
    text-align: center
  }

  #footer_nav_inner2 .pc-view .sub-menu {
    width: 720px;
    margin-inline: auto;
    padding: 20px 0
  }

  #footer_nav_inner2 .pc-view .sub-menu ul {
    display: flex;
    justify-content: space-between
  }

  #footer_nav_inner2 .pc-view .sub-menu ul li {
    font-size: 16px
  }

  #footer_nav_inner2 .pc-view .sub-menu ul li a {
    color: #fff;
    font-weight: bold
  }

  #footer_nav_inner2 .footer_copy {
    background: #2b2b2b
  }

  .footer_copy p {
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold
  }
}

#footer_nav_inner a:link,
#footer_nav_inner2 a:link,
#footer_nav_inner a:visited,
#footer_nav_inner2 a:visited,
#footer_nav_inner a:hover,
#footer_nav_inner2 a:hover,
#footer_nav_inner a:active,
#footer_nav_inner2 a:active {
  color: #242424;
  text-decoration: none
}

#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 77%;
  z-index: 22
}

#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 80px;
  padding: 20px 0;
  text-align: center;
  display: block;
  border-radius: 5px
}

#page-top a:hover {
  text-decoration: none;
  background: #999
}

#footer_nav_inner h5 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 16px;
  color: #242424
}

@media screen and (max-width: 767px) {
  #footer_nav_inner h5 {
    margin-bottom: 0
  }
}

#footer_nav_inner ul a {
  font-weight: 400
}

@media screen and (max-width: 767px) {
  #footer_nav_inner ul a {
    font-size: 16px
  }
}

#page-top {
  z-index: 77
}

@media screen and (max-width: 767px) {
  .footer_copy {
    background: #2b2b2b
  }
}

#translation {
  width: 945px;
  margin: 0 auto;
  text-align: left;
  padding: 7px 0
}

#translation select {
  text-align: left;
  background: #fff;
  border: 1px solid #d5d5d5;
  color: var(--BLACK_02);
  font-size: 16px;
  padding: 5px 10px 5px 20px;
  cursor: pointer;
  -moz-appearance: menulist;
  -webkit-appearance: textfield
}

#translation .google_img {
  position: relative;
  line-height: 1
}

#translation .google_img::before {
  position: absolute;
  content: "";
  background: url(../img/google_icon_t.png) no-repeat center/contain;
  margin-left: 5px;
  margin-right: 2px;
  margin-top: 7px;
  width: 18px;
  height: 18px
}

@media screen and (max-width: 799px) {
  #translation {
    display: block;
    width: 100%;
    padding: 10px
  }

  #translation_sp {
    padding: 0 20px 20px 20px;
    width: 100%;
    margin: 0 auto;
    text-align: center
  }

  #translation_sp select {
    background: #fff;
    border: 1px solid #d5d5d5;
    color: var(--BLACK_02);
    font-size: 16px;
    padding: 5px 10px 5px 20px;
    cursor: pointer;
    -moz-appearance: menulist;
    -webkit-appearance: textfield
  }

  #translation_sp .google_img {
    position: relative;
    line-height: 1
  }

  #translation_sp .google_img::before {
    position: absolute;
    content: "";
    background-image: url(../img/google_icon_t.png);
    margin-left: 5px;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translatey(-50%)
  }
}

.translation_area #translation {
  width: unset;
  max-width: 945px
}

.cont_01 {
  background: var(--WHITE_01);
  padding: 3.125rem 6.25rem;
  border-radius: 2.5rem;
  box-shadow: 0 0 .5rem rgba(0, 0, 0, .05)
}

@media screen and (max-width: 767px) {
  .cont_01 {
    /*width: calc(100% + 2.5rem);
    margin-left: -1.25rem;*/
    padding: 5rem 1.5625rem 4.125rem
  }
}

.breadclumb {
  padding-top: 2.9375rem
}

.breadclumb .breadclumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: .375rem
}

.breadclumb li {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.2
}

.breadclumb li>a,
.breadclumb li>span {
  color: var(--GRAY01)
}

.breadclumb li:after {
  content: "＞";
  margin-left: .375rem
}

.breadclumb li:first-child>a,
.breadclumb li:first-child>span {
  color: var(--RED01)
}

.breadclumb li:last-child:after {
  content: none
}

.catList_01 {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem;
  margin-bottom: 1.6875rem
}

@media screen and (max-width: 767px) {
  .catList_01 {
    gap: 1.25rem
  }
}

.catList_01 .catList_01__item {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: .5625rem .75rem;
  min-width: 7.5rem;
  background: #000;
  border: .125rem solid #000
}

@media screen and (max-width: 767px) {
  .catList_01 .catList_01__item {
    font-size: 1.375rem;
    padding: .75rem;
    min-width: 11.25rem;
    border-width: .25rem
  }
}

.catList_01 .catList_01__item.__funding {
  background: var(--COL_COLUMN_FUNDING);
  border-color: var(--COL_COLUMN_FUNDING)
}

.catList_01 .catList_01__item.__funding.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__bukken {
  background: var(--COL_COLUMN_BUKKEN);
  border-color: var(--COL_COLUMN_BUKKEN)
}

.catList_01 .catList_01__item.__bukken.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__interior {
  background: var(--COL_COLUMN_INTERIOR);
  border-color: var(--COL_COLUMN_INTERIOR)
}

.catList_01 .catList_01__item.__interior.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__kitchen {
  background: var(--COL_COLUMN_KITCHEN);
  border-color: var(--COL_COLUMN_KITCHEN)
}

.catList_01 .catList_01__item.__kitchen.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__equipment {
  background: var(--COL_COLUMN_EQUIPMENT);
  border-color: var(--COL_COLUMN_EQUIPMENT)
}

.catList_01 .catList_01__item.__equipment.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__packaging {
  background: var(--COL_COLUMN_PACKAGING);
  border-color: var(--COL_COLUMN_PACKAGING)
}

.catList_01 .catList_01__item.__packaging.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__menu {
  background: var(--COL_COLUMN_MENU);
  border-color: var(--COL_COLUMN_MENU)
}

.catList_01 .catList_01__item.__menu.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__purchase {
  background: var(--COL_COLUMN_PURCHASE);
  border-color: var(--COL_COLUMN_PURCHASE)
}

.catList_01 .catList_01__item.__purchase.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__promotion {
  background: var(--COL_COLUMN_PROMOTION);
  border-color: var(--COL_COLUMN_PROMOTION)
}

.catList_01 .catList_01__item.__promotion.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__hygiene {
  background: var(--COL_COLUMN_HYGIENE);
  border-color: var(--COL_COLUMN_HYGIENE)
}

.catList_01 .catList_01__item.__hygiene.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__education {
  background: var(--COL_COLUMN_EDUCATION);
  border-color: var(--COL_COLUMN_EDUCATION)
}

.catList_01 .catList_01__item.__education.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__other {
  background: var(--COL_COLUMN_OTHER);
  border-color: var(--COL_COLUMN_OTHER)
}

.catList_01 .catList_01__item.__other.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__rare {
  background: var(--COL_COLUMN_RARE);
  border-color: var(--COL_COLUMN_RARE)
}

.catList_01 .catList_01__item.__rare.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__standard {
  background: var(--COL_COLUMN_STANDARD);
  border-color: var(--COL_COLUMN_STANDARD)
}

.catList_01 .catList_01__item.__standard.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__seminar {
  background: var(--COL_COLUMN_SEMINAR);
  border-color: var(--COL_COLUMN_SEMINAR)
}

.catList_01 .catList_01__item.__seminar.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__products {
  background: var(--COL_COLUMN_PRODUCTS);
  border-color: var(--COL_COLUMN_PRODUCTS)
}

.catList_01 .catList_01__item.__products.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__support {
  background: var(--COL_COLUMN_SUPPORT);
  border-color: var(--COL_COLUMN_SUPPORT)
}

.catList_01 .catList_01__item.__support.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__notice {
  background: var(--COL_COLUMN_NOTICE);
  border-color: var(--COL_COLUMN_NOTICE)
}

.catList_01 .catList_01__item.__notice.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_01 .catList_01__item.__childCat {
  color: #b86363;
  background: #fff;
  border-color: #b86363
}

.catList_side__cont {
  --COL: #ab8850
}

.catList_side {
  border-left: .125rem solid var(--COL);
  border-top: .125rem solid var(--COL)
}

@media screen and (max-width: 767px) {
  .catList_side {
    display: flex;
    flex-wrap: wrap;
    border-width: .25rem
  }
}

.catList_side .catList_side__itemWrap {
  border-right: .125rem solid var(--COL);
  border-bottom: .125rem solid var(--COL);
  position: relative
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__itemWrap {
    width: 50%;
    border-width: .25rem
  }
}

.catList_side .catList_side__item a {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: var(--FONT_NOTO_SERIF);
  line-height: 1;
  color: #664329;
  font-feature-settings: "palt";
  padding: 1.25rem 3.5rem 1.25rem 1.0625rem;
  min-height: 3.8125rem;
  background: #fffaf2;
  position: relative
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__item a {
    font-size: 1.5rem;
    padding: .625rem 3.75rem .625rem 1.75rem;
    display: flex;
    align-items: center;
    min-height: 4.5rem
  }
}

.catList_side .catList_side__item a:hover {
  background: #664329;
  color: #fffaf2
}

.catList_side .catList_side__item a:after {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 16/13;
  background: url(../img/arrow_brown.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: 1.1875rem;
  transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__item a:after {
    width: 1.375rem;
    right: 1.875rem
  }
}

.catList_side .catList_side__item a:hover::after {
  background: url(../img/arrow_white.png) no-repeat center/contain
}

.catList_side .catList_side__item.__parent {
  position: relative
}

.catList_side .catList_side__item.__parent:has(.catList_side__btnOpen) a::after {
  content: none
}

.catList_side .catList_side__item.__parent:has(.catList_side__btnOpen):hover a:before,
.catList_side .catList_side__item.__parent:has(.catList_side__btnOpen):hover a:after {
  background: #fff
}

.catList_side .catList_side__item.__current a {
  color: #fff;
  background: #664329
}

.catList_side .catList_side__item.__current a:after {
  background-image: url(../img/arrow_white.png)
}

.catList_side .catList_side__item.__current .catList_side__btnOpen:before,
.catList_side .catList_side__item.__current .catList_side__btnOpen:after {
  background: #fff
}

.catList_side .catList_side__btnOpen {
  padding: 0;
  width: 3.375rem;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__btnOpen {
    width: 5rem
  }
}

.catList_side .catList_side__btnOpen:before,
.catList_side .catList_side__btnOpen:after {
  content: "";
  display: block;
  width: 1.25rem;
  height: .25rem;
  border-radius: 100px;
  background: var(--BROWN_01);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s
}

@media screen and (max-width: 767px) {

  .catList_side .catList_side__btnOpen:before,
  .catList_side .catList_side__btnOpen:after {
    width: 1.625rem;
    height: .3125rem
  }
}

.catList_side .catList_side__btnOpen:after {
  transform: translate(-50%, -50%) rotate(90deg)
}

.catList_side .catList_side__btnOpen.__open:after {
  transform: translate(-50%, -50%) rotate(180deg)
}

.catList_side .catList_side__childListWrap {
  display: none
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__childListWrap {
    width: calc(200% + .25rem);
    position: relative;
    z-index: 11
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__childList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff
  }
}

.catList_side .catList_side__childList .catList_side__item a {
  font-size: 1rem;
  font-weight: 400;
  padding: 0 1.0625rem
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__childList .catList_side__item a {
    font-size: 1.5rem;
    padding: 0 0 0 1.75rem
  }
}

.catList_side .catList_side__childList .catList_side__item a .txt {
  display: block;
  border-top: .125rem dotted var(--COL);
  padding: 1.25rem 2.4375rem 1.25rem 0
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__childList .catList_side__item a .txt {
    border: none;
    padding: .625rem 3.75rem .625rem 0;
    display: flex;
    align-items: center;
    min-height: 4.5rem
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__childList .catList_side__item:nth-child(odd) {
    width: calc(50% - .125rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__childList .catList_side__item:nth-child(even) {
    width: calc(50% + .125rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__childList .catList_side__item:nth-child(2) {
    border-top: .25rem solid var(--COL)
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap {
    margin-left: calc(-100% - .125rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap .catList_side__item:nth-child(odd) {
    width: calc(50% + .125rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap .catList_side__item:nth-child(even) {
    width: calc(50% - .125rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap .catList_side__item:nth-child(2) {
    border: none
  }
}

@media screen and (max-width: 767px) {
  .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap .catList_side__item:nth-child(1) {
    border-top: .25rem solid var(--COL)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column {
    display: none
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side {
    border-color: #e3e3e3;
    border-width: .125rem
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__itemWrap {
    border-color: #e3e3e3;
    border-width: .125rem
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__childListWrap {
    width: calc(200% + .125rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__childList .catList_side__item:nth-child(odd) {
    width: calc(50% - .0625rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__childList .catList_side__item:nth-child(even) {
    width: calc(50% + .0625rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__childList .catList_side__item:nth-child(2) {
    border-top: .125rem solid #e3e3e3
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap {
    margin-left: calc(-100% - .125rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap .catList_side__item:nth-child(odd) {
    width: calc(50% + .0625rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap .catList_side__item:nth-child(even) {
    width: calc(50% - .0625rem)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap .catList_side__item:nth-child(2) {
    border: none
  }
}

@media screen and (max-width: 767px) {
  .catList_side__wrap.__column .catList_side .catList_side__itemWrap:nth-child(even) .catList_side__childListWrap .catList_side__item:nth-child(1) {
    border-top: .125rem solid #e3e3e3
  }
}

@media screen and (max-width: 767px) {
  .catList_side__pullDownBtn {
    border: .25rem solid var(--COL);
    padding: 1.375rem 1.75rem;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: var(--COL);
    position: relative;
    background: #fff;
    font-family: var(--FONT_NOTO_SERIF)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__pullDownBtn .ico {
    display: block;
    width: 3.375rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 5rem
  }
}

@media screen and (max-width: 767px) {

  .catList_side__pullDownBtn .ico:before,
  .catList_side__pullDownBtn .ico:after {
    content: "";
    display: block;
    border-radius: 100px;
    background: var(--BROWN_01);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    width: 1.625rem;
    height: .3125rem
  }
}

@media screen and (max-width: 767px) {
  .catList_side__pullDownBtn .ico:after {
    transform: translate(-50%, -50%) rotate(90deg)
  }
}

@media screen and (max-width: 767px) {
  .catList_side__pullDownBtn.__open .ico:after {
    transform: translate(-50%, -50%) rotate(180deg)
  }
}

.list_01 {
  display: flex;
  flex-direction: column;
  gap: .625rem
}

@media screen and (max-width: 767px) {
  .list_01 {
    gap: 1.375rem
  }
}

.list_01 .list_01__item {
  display: flex;
  gap: 1.875rem;
  padding: 2.125rem 2.375rem 1.375rem;
  border: .125rem solid var(--BEIGE_01);
  border-radius: 2.5rem;
  position: relative
}

@media screen and (max-width: 767px) {
  .list_01 .list_01__item {
    flex-wrap: wrap;
    gap: 0;
    padding: 2.5rem 1.875rem;
    border-width: .125rem;
    border-radius: 1.25rem
  }
}

.list_01 .list_01__img {
  width: 13.75rem;
  min-width: 13.75rem
}

@media screen and (max-width: 767px) {
  .list_01 .list_01__img {
    order: 1;
    width: 16.875rem;
    min-width: 16.875rem;
    margin: 0 1.3125rem 1.875rem 0
  }
}

.list_01 .list_01__txtWrap {
  position: relative
}

@media screen and (max-width: 767px) {
  .list_01 .list_01__txtWrap {
    display: contents;
    margin-bottom: 1.875rem
  }
}

.list_01 .list_01__ttl {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 1.25rem;
  line-height: 1.5;
  color: var(--BLACK_02);
  margin-bottom: .5rem
}

@media screen and (max-width: 767px) {
  .list_01 .list_01__ttl {
    order: 0;
    font-size: 2rem;
    line-height: 1.375;
    margin-bottom: 1.875rem;
    width: 100%
  }
}

.list_01 .list_01__txtNameWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--BEIGE_02);
  margin-bottom: .625rem;
  font-size: 1.125rem;
  line-height: 1.5
}

@media screen and (max-width: 767px) {
  .list_01 .list_01__txtNameWrap {
    display: block;
    order: 2;
    width: calc(100% - 16.875rem - 1.3125rem);
    padding-bottom: 0;
    margin-bottom: 1.875rem;
    border: none
  }
}

.list_01 .list_01__txtCompany {
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .list_01 .list_01__txtCompany {
    font-size: 1.5rem;
    line-height: 1.66
  }
}

.list_01 .list_01__txtName {
  font-weight: bold
}

@media screen and (max-width: 767px) {
  .list_01 .list_01__txtName {
    font-size: 1.5rem;
    line-height: 1.66
  }
}

.list_01 .list_01__txt {
  color: var(--BLACK_02);
  padding-bottom: 3.3125rem
}

@media screen and (max-width: 767px) {
  .list_01 .list_01__txt {
    order: 3;
    line-height: 1.75;
    padding-bottom: 0;
    margin-bottom: 1.375rem;
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .list_01 .btn_wrap {
    order: 4;
    width: 100%
  }
}

.list_01 .btn_01 {
  position: absolute;
  bottom: 0;
  right: -1rem;
  width: 11.0625rem;
  min-height: 2.5rem;
  padding: .3125rem 2.4375rem;
  background: var(--BEIGE_01);
  border-color: var(--BEIGE_01);
  font-size: 1rem;
  color: #fff
}

@media screen and (max-width: 767px) {
  .list_01 .btn_01 {
    position: relative;
    right: 0;
    width: 32.5rem;
    min-height: 5.625rem;
    padding: 1.25rem 5.3125rem;
    font-size: 1.75rem;
    margin: 0 auto
  }
}

.list_01 .btn_01:hover {
  opacity: .8
}

.list_01 .btn_01:after {
  background-image: url(../img/arrow_white.png);
  width: .8125rem;
  right: .8125rem
}

@media screen and (max-width: 767px) {
  .list_01 .btn_01:after {
    width: 1.3125rem;
    right: 2.25rem
  }
}

.list_02 {
  display: flex;
  flex-wrap: wrap;
  gap: .9375rem
}

@media screen and (max-width: 767px) {
  .list_02 {
    gap: 1.25rem 1.25rem
  }
}

.list_02 .list_02__item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc((100% - 1.875rem)/3);
  border-radius: 1.25rem;
  background: #fff;
  padding: 1.25rem 1.25rem 1.875rem;
}

@media screen and (max-width: 767px) {
  .list_02 .list_02__item {
    width: calc((100% - 1.25rem)/2)
  }
}
.list_02 .list_02__item .icon_limited {
  position: absolute;
  top: 5px;
  left: 5px;
}
.list_02 .list_02__item .icon_limited img {
  width: 70px;
  height: auto;
}

@media screen and (max-width: 767px) {
  .list_02 .list_02__item .icon_limited {
  position: absolute;
  top: -5px;
  left: -5px;
  }
  .list_02 .list_02__item .icon_limited img {
  width: 50px;
  height: auto;
  }
}

.list_02 .list_02__img {
  border-radius: 1.25rem 1.25rem 0 0;
  width: 100%;
  aspect-ratio: 290/180
}

.list_02 .list_02__img img {
  border-radius: 1.25rem 1.25rem 0 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

.list_02 .list_02__ttl {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33;
  color: var(--GRAY01);
  text-align: center;
  padding: .9375rem;
  min-height: 4.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1
}

@media screen and (max-width: 767px) {
  .list_02 .list_02__ttl {
    font-size: 1.5rem;
    padding: .3125rem .8125rem .625rem
  }
}

.list_03 {
  display: flex;
  flex-wrap: wrap;
  gap: .9375rem
}

@media screen and (max-width: 767px) {
  .list_03 {
    gap: 1.25rem
  }
}

.list_03 .list_03__item {
  display: flex;
  align-items: center;
  gap: .6875rem;
  width: calc((100% - 1.875rem)/3);
  border-radius: 1.25rem;
  padding: .1875rem .625rem .1875rem .5rem;
  min-height: 4.75rem;
  background: #fff;
  overflow: hidden
}

@media screen and (max-width: 767px) {
  .list_03 .list_03__item {
    width: calc((100% - 1.25rem)/2);
    padding: .5625rem;
    min-height: 5.625rem;
    gap: 1.0625rem
  }
}

.list_03 .list_03__img {
  width: 4.375rem;
  min-width: 4.375rem;
  aspect-ratio: 1/1
}

.list_03 .list_03__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

.list_03 .list_03__ttl {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33;
  color: var(--GRAY01)
}

@media screen and (max-width: 767px) {
  .list_03 .list_03__ttl {
    font-size: 1.5rem;
    line-height: 1.16
  }
}

.catList_tab__wrap {
  margin-bottom: 1.0625rem
}

@media screen and (max-width: 767px) {
  .catList_tab__wrap {
    margin-bottom: 1.3125rem
  }
}

.catList_tab {
  display: flex;
  flex-wrap: wrap;
  gap: .125rem
}

@media screen and (max-width: 767px) {
  .catList_tab {
    gap: .5rem .625rem
  }
}

.catList_tab .catList_tab__item {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.11;
  color: #fff;
  text-align: center;
  font-feature-settings: "palt";
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - .375rem)/4);
  min-height: 3.75rem;
  padding: .3125rem .625rem;
  border-radius: 1.25rem 1.25rem 0 0;
  background: var(--NAVY_01);
  cursor: pointer
}

@media screen and (max-width: 767px) {
  .catList_tab .catList_tab__item {
    font-size: 1.75rem;
    width: calc((100% - .625rem)/2);
    min-height: 5rem;
    padding: .625rem .9375rem
  }
}

.catList_tab .catList_tab__item.__active {
  background: var(--L_BLUE_01);
  color: var(--NAVY_01);
}

.postList_01 {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem .9375rem
}

@media screen and (max-width: 767px) {
  .postList_01 {
    gap: 4.0625rem 1.25rem
  }
}

.postList_01 .postList_01__item {
  width: calc((100% - .9375rem)/2);
  position: relative
}

@media screen and (max-width: 767px) {
  .postList_01 .postList_01__item {
    width: calc((100% - 1.25rem)/2)
  }
}

.postList_01 .postList_01__item a {
  display: block;
  height: 100%
}

.postList_01 .postList_01__img {
  width: 100%;
  aspect-ratio: 29/21;
  height: auto;
  position: relative
}

.postList_01 .postList_01__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 25px 25px 0 0
}

.postList_01 .postList_01__img.__default {
  border: 1px solid var(--GRAY02)
}

.postList_01 .postList_01__txtWrap {
  padding: 1.125rem .875rem 0
}

@media screen and (max-width: 767px) {
  .postList_01 .postList_01__txtWrap {
    padding: 1.625rem 1.375rem 0
  }
}

.postList_01 .postList_01__time {
  font-family: var(--FONT_ROBOTO);
  font-size: .875rem;
  font-weight: bold;
  line-height: 1;
  color: #b6845c;
  margin-bottom: .6875rem
}

@media screen and (max-width: 767px) {
  .postList_01 .postList_01__time {
    font-size: 1.5rem;
    margin-bottom: 1rem
  }
}

.postList_01 .postList_01__ttl {
  font-size: 1rem;
  line-height: 1.5;
  color: #664329
}

@media screen and (max-width: 767px) {
  .postList_01 .postList_01__ttl {
    font-size: 1.75rem;
    margin-top: .9375rem
  }
}

.postList_01 .postList_01__cat {
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  background: #000;
  display: inline-block;
  min-width: 7.1875rem;
  max-width: 100%;
  padding: .3125rem .625rem;
  position: absolute;
  bottom: 0;
  left: 0
}

@media screen and (max-width: 767px) {
  .postList_01 .postList_01__cat {
    position: static;
    font-size: 1.5rem;
    min-width: 12.5rem;
    padding: .625rem
  }
}

.postList_01 .postList_01__cat.__funding {
  background: var(--COL_COLUMN_FUNDING)
}

.postList_01 .postList_01__cat.__funding.__childCat {
  color: var(--COL_COLUMN_FUNDING);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_FUNDING)
}

.postList_01 .postList_01__cat.__bukken {
  background: var(--COL_COLUMN_BUKKEN)
}

.postList_01 .postList_01__cat.__bukken.__childCat {
  color: var(--COL_COLUMN_BUKKEN);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_BUKKEN)
}

.postList_01 .postList_01__cat.__interior {
  background: var(--COL_COLUMN_INTERIOR)
}

.postList_01 .postList_01__cat.__interior.__childCat {
  color: var(--COL_COLUMN_INTERIOR);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_INTERIOR)
}

.postList_01 .postList_01__cat.__kitchen {
  background: var(--COL_COLUMN_KITCHEN)
}

.postList_01 .postList_01__cat.__kitchen.__childCat {
  color: var(--COL_COLUMN_KITCHEN);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_KITCHEN)
}

.postList_01 .postList_01__cat.__equipment {
  background: var(--COL_COLUMN_EQUIPMENT)
}

.postList_01 .postList_01__cat.__equipment.__childCat {
  color: var(--COL_COLUMN_EQUIPMENT);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_EQUIPMENT)
}

.postList_01 .postList_01__cat.__packaging {
  background: var(--COL_COLUMN_PACKAGING)
}

.postList_01 .postList_01__cat.__packaging.__childCat {
  color: var(--COL_COLUMN_PACKAGING);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_PACKAGING)
}

.postList_01 .postList_01__cat.__menu {
  background: var(--COL_COLUMN_MENU)
}

.postList_01 .postList_01__cat.__menu.__childCat {
  color: var(--COL_COLUMN_MENU);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_MENU)
}

.postList_01 .postList_01__cat.__purchase {
  background: var(--COL_COLUMN_PURCHASE)
}

.postList_01 .postList_01__cat.__purchase.__childCat {
  color: var(--COL_COLUMN_PURCHASE);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_PURCHASE)
}

.postList_01 .postList_01__cat.__promotion {
  background: var(--COL_COLUMN_PROMOTION)
}

.postList_01 .postList_01__cat.__promotion.__childCat {
  color: var(--COL_COLUMN_PROMOTION);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_PROMOTION)
}

.postList_01 .postList_01__cat.__hygiene {
  background: var(--COL_COLUMN_HYGIENE)
}

.postList_01 .postList_01__cat.__hygiene.__childCat {
  color: var(--COL_COLUMN_HYGIENE);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_HYGIENE)
}

.postList_01 .postList_01__cat.__education {
  background: var(--COL_COLUMN_EDUCATION)
}

.postList_01 .postList_01__cat.__education.__childCat {
  color: var(--COL_COLUMN_EDUCATION);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_EDUCATION)
}

.postList_01 .postList_01__cat.__other {
  background: var(--COL_COLUMN_OTHER)
}

.postList_01 .postList_01__cat.__other.__childCat {
  color: var(--COL_COLUMN_OTHER);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_OTHER)
}

.postList_01 .postList_01__cat.__rare {
  background: var(--COL_COLUMN_RARE)
}

.postList_01 .postList_01__cat.__rare.__childCat {
  color: var(--COL_COLUMN_RARE);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_RARE)
}

.postList_01 .postList_01__cat.__standard {
  background: var(--COL_COLUMN_STANDARD)
}

.postList_01 .postList_01__cat.__standard.__childCat {
  color: var(--COL_COLUMN_STANDARD);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_STANDARD)
}

.postList_01 .postList_01__cat.__seminar {
  background: var(--COL_COLUMN_SEMINAR)
}

.postList_01 .postList_01__cat.__seminar.__childCat {
  color: var(--COL_COLUMN_SEMINAR);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_SEMINAR)
}

.postList_01 .postList_01__cat.__products {
  background: var(--COL_COLUMN_PRODUCTS)
}

.postList_01 .postList_01__cat.__products.__childCat {
  color: var(--COL_COLUMN_PRODUCTS);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_PRODUCTS)
}

.postList_01 .postList_01__cat.__support {
  background: var(--COL_COLUMN_SUPPORT)
}

.postList_01 .postList_01__cat.__support.__childCat {
  color: var(--COL_COLUMN_SUPPORT);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_SUPPORT)
}

.postList_01 .postList_01__cat.__notice {
  background: var(--COL_COLUMN_NOTICE)
}

.postList_01 .postList_01__cat.__notice.__childCat {
  color: var(--COL_COLUMN_NOTICE);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_NOTICE)
}

.postList_02__swiperCont {
  position: relative
}

.postList_02__swiperCont .postList_02__wrap.swiper {
  overflow: hidden
}

.postList_02__swiperCont .postList_02__wrap.swiper.__active+div .swiper_arrow {
  display: block
}

.postList_02__swiperCont .postList_02__wrap.swiper .postList_02 {
  gap: unset
}

.postList_02__swiperCont .postList_02__wrap.swiper .postList_02__item {
  margin-right: 15px
}

@media screen and (max-width: 767px) {
  .postList_02__swiperCont .postList_02__wrap.swiper .postList_02__item {
    margin-right: 10px
  }
}

.postList_02__swiperCont .swiper_arrow {
  display: none;
  width: 2.875rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  position: absolute;
  top: 6.5625rem;
  cursor: pointer;
  z-index: 11
}

@media screen and (max-width: 767px) {
  .postList_02__swiperCont .swiper_arrow {
    width: 3.5rem;
    top: 7.875rem
  }
}

.postList_02__swiperCont .swiper_arrow.__prev {
  left: 0;
  background-image: url(../img/arrow_ellipse_01_brown_left.png);
  transform: translate(-50%, -50%)
}

@media screen and (max-width: 767px) {
  .postList_02__swiperCont .swiper_arrow.__prev {
    transform: translate(-1rem, -50%)
  }
}

.postList_02__swiperCont .swiper_arrow.__next {
  right: 0;
  background-image: url(../img/arrow_ellipse_01_brown_right.png);
  transform: translate(50%, -50%)
}

@media screen and (max-width: 767px) {
  .postList_02__swiperCont .swiper_arrow.__next {
    transform: translate(1rem, -50%)
  }
}

#top .postList_02 {
  display: flex;
  gap: .9375rem;
  align-items: stretch
}

@media screen and (max-width: 767px) {
  #top .postList_02 {
    gap: 0rem
  }
}

#top .postList_02 .postList_02__item {
  margin-right: 0 !important
}

@media screen and (max-width: 767px) {
  #top .postList_02 .postList_02__item {
    margin-right: 10px !important
  }
}

#top .postList_02 .postList_02__item a {
  display: block;
  height: 100%;
  border-radius: 1.25rem 1.25rem 0 0
}

#top .postList_02 .postList_02__img {
  width: 100%;
  aspect-ratio: 29/21;
  height: auto
}

#top .postList_02 .postList_02__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 1.25rem 1.25rem 0 0
}

#top .postList_02 .postList_02__txtWrap {
  padding: 1.5rem .75rem 0;
  min-height: 6rem
}

@media screen and (max-width: 767px) {
  #top .postList_02 .postList_02__txtWrap {
    padding: 1.625rem 1.375rem 0;
    min-height: 9.25rem
  }
}

#top .postList_02 .postList_02__time {
  font-family: var(--FONT_ROBOTO);
  font-size: .875rem;
  font-weight: bold;
  line-height: 1;
  color: var(--L_BLUE_02)
}

@media screen and (max-width: 767px) {
  #top .postList_02 .postList_02__time {
    font-size: 1.5rem
  }
}

#top .postList_02 .postList_02__ttl {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  color: var(--NAVY_01);
  margin-top: 1rem
}

@media screen and (max-width: 767px) {
  #top .postList_02 .postList_02__ttl {
    font-size: 1.75rem;
    margin-top: .75rem
  }
}

#top .postList_02 .postList_02__shop {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  color: var(--BROWN_01);
  margin-bottom: .9375rem
}

@media screen and (max-width: 767px) {
  #top .postList_02 .postList_02__shop {
    font-size: 1.5rem;
    margin-bottom: .8125rem
  }
}

#top .postList_02 .postList_02__txt {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--BLACK_02);
  margin-top: .9375rem
}

@media screen and (max-width: 767px) {
  #top .postList_02 .postList_02__txt {
    font-size: 1.75rem;
    margin-top: .8125rem
  }
}

#top .postList_02 .postList_02__catWrap {
  margin-top: .875rem
}

@media screen and (max-width: 767px) {
  #top .postList_02 .postList_02__catWrap {
    margin-top: 1.4375rem
  }
}

#top .postList_02 .postList_02__cat {
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  background: #000;
  display: inline-block;
  min-width: 7.1875rem;
  padding: .3125rem .625rem
}

@media screen and (max-width: 767px) {
  #top .postList_02 .postList_02__cat {
    font-size: 1.5rem;
    min-width: 12.5rem;
    padding: .625rem
  }
}

#top .postList_02 .postList_02__cat.__funding {
  background: var(--COL_COLUMN_FUNDING)
}

#top .postList_02 .postList_02__cat.__funding.__childCat {
  color: var(--COL_COLUMN_FUNDING);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_FUNDING)
}

#top .postList_02 .postList_02__cat.__bukken {
  background: var(--COL_COLUMN_BUKKEN)
}

#top .postList_02 .postList_02__cat.__bukken.__childCat {
  color: var(--COL_COLUMN_BUKKEN);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_BUKKEN)
}

#top .postList_02 .postList_02__cat.__interior {
  background: var(--COL_COLUMN_INTERIOR)
}

#top .postList_02 .postList_02__cat.__interior.__childCat {
  color: var(--COL_COLUMN_INTERIOR);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_INTERIOR)
}

#top .postList_02 .postList_02__cat.__kitchen {
  background: var(--COL_COLUMN_KITCHEN)
}

#top .postList_02 .postList_02__cat.__kitchen.__childCat {
  color: var(--COL_COLUMN_KITCHEN);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_KITCHEN)
}

#top .postList_02 .postList_02__cat.__equipment {
  background: var(--COL_COLUMN_EQUIPMENT)
}

#top .postList_02 .postList_02__cat.__equipment.__childCat {
  color: var(--COL_COLUMN_EQUIPMENT);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_EQUIPMENT)
}

#top .postList_02 .postList_02__cat.__packaging {
  background: var(--COL_COLUMN_PACKAGING)
}

#top .postList_02 .postList_02__cat.__packaging.__childCat {
  color: var(--COL_COLUMN_PACKAGING);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_PACKAGING)
}

#top .postList_02 .postList_02__cat.__menu {
  background: var(--COL_COLUMN_MENU)
}

#top .postList_02 .postList_02__cat.__menu.__childCat {
  color: var(--COL_COLUMN_MENU);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_MENU)
}

#top .postList_02 .postList_02__cat.__purchase {
  background: var(--COL_COLUMN_PURCHASE)
}

#top .postList_02 .postList_02__cat.__purchase.__childCat {
  color: var(--COL_COLUMN_PURCHASE);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_PURCHASE)
}

#top .postList_02 .postList_02__cat.__promotion {
  background: var(--COL_COLUMN_PROMOTION)
}

#top .postList_02 .postList_02__cat.__promotion.__childCat {
  color: var(--COL_COLUMN_PROMOTION);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_PROMOTION)
}

#top .postList_02 .postList_02__cat.__hygiene {
  background: var(--COL_COLUMN_HYGIENE)
}

#top .postList_02 .postList_02__cat.__hygiene.__childCat {
  color: var(--COL_COLUMN_HYGIENE);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_HYGIENE)
}

#top .postList_02 .postList_02__cat.__education {
  background: var(--COL_COLUMN_EDUCATION)
}

#top .postList_02 .postList_02__cat.__education.__childCat {
  color: var(--COL_COLUMN_EDUCATION);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_EDUCATION)
}

#top .postList_02 .postList_02__cat.__other {
  background: var(--COL_COLUMN_OTHER)
}

#top .postList_02 .postList_02__cat.__other.__childCat {
  color: var(--COL_COLUMN_OTHER);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_OTHER)
}

#top .postList_02 .postList_02__cat.__rare {
  background: var(--COL_COLUMN_RARE)
}

#top .postList_02 .postList_02__cat.__rare.__childCat {
  color: var(--COL_COLUMN_RARE);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_RARE)
}

#top .postList_02 .postList_02__cat.__standard {
  background: var(--COL_COLUMN_STANDARD)
}

#top .postList_02 .postList_02__cat.__standard.__childCat {
  color: var(--COL_COLUMN_STANDARD);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_STANDARD)
}

#top .postList_02 .postList_02__cat.__seminar {
  background: var(--COL_COLUMN_SEMINAR)
}

#top .postList_02 .postList_02__cat.__seminar.__childCat {
  color: var(--COL_COLUMN_SEMINAR);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_SEMINAR)
}

#top .postList_02 .postList_02__cat.__products {
  background: var(--COL_COLUMN_PRODUCTS)
}

#top .postList_02 .postList_02__cat.__products.__childCat {
  color: var(--COL_COLUMN_PRODUCTS);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_PRODUCTS)
}

#top .postList_02 .postList_02__cat.__support {
  background: var(--COL_COLUMN_SUPPORT)
}

#top .postList_02 .postList_02__cat.__support.__childCat {
  color: var(--COL_COLUMN_SUPPORT);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_SUPPORT)
}

#top .postList_02 .postList_02__cat.__notice {
  background: var(--COL_COLUMN_NOTICE)
}

#top .postList_02 .postList_02__cat.__notice.__childCat {
  color: var(--COL_COLUMN_NOTICE);
  background: #fff;
  border: 1px solid var(--COL_COLUMN_NOTICE)
}

.postList_03 {
  display: flex;
  gap: .9375rem;
  align-items: stretch
}

@media screen and (max-width: 767px) {
  .postList_03 {
    gap: 1.25rem
  }
}

.postList_03 .postList_03__item {
  width: calc((100% - 1.875rem)/3);
  height: unset;
  background: #fff;
  border-radius: .625rem;
  padding: .9375rem .625rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 767px) {
  .postList_03 .postList_03__item {
    width: calc((100% - 1.25rem)/2);
    padding: 1.125rem 1.125rem 1.25rem
  }
}

.postList_03 .postList_03__img {
  width: 13.875rem;
  aspect-ratio: 1/1;
  height: auto;
  margin-bottom: .625rem
}

@media screen and (max-width: 767px) {
  .postList_03 .postList_03__img {
    margin-bottom: .8125rem
  }
}

.postList_03 .postList_03__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

.postList_03 .postList_03__txtWrap {
  width: 100%;
  display: flex;
    flex-direction: column;
    gap: .25rem;
}
.postList_03 .postList_03__txt-head {
	font-size: 1.125rem;
    font-weight: 700;
  line-height: 1.35;
  color: var(--GRAY_01);
}
@media screen and (max-width: 767px) {
  .postList_03 .postList_03__txt-head {
    font-size: 1.875rem;
  }
}
.postList_03 .postList_03__txt {
	font-size: 1rem;
    font-weight: 400;
  line-height: 1.35;
  color: var(--GRAY_01);
}
.postList_03 .postList_03__txt .txt__s {
    font-size: .75rem;
    font-weight: 400;
}
@media screen and (max-width: 767px) {
  .postList_03 .postList_03__txt {
    font-size: 1.75rem;
    line-height: 1.5;
  }
  .postList_03 .postList_03__txt .txt__s {
    font-size: 1.5rem;
	}
}

.postList_03 .postList_03__price {
/*  font-family: var(--FONT_NOTO_SERIF);*/
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
  color: var(--RED_01);
  margin-top: .1875rem;
  padding-bottom: .25rem;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .postList_03 .postList_03__price {
    font-size: 2.25rem;
    margin-top: .3125rem
  }
}

.postList_03 .postList_03__price .txt__s {
  font-size: .875rem;
  font-weight: 700
}

@media screen and (max-width: 767px) {
  .postList_03 .postList_03__price .txt__s {
    font-size: 1.5rem
  }
}

.postList_03__swiperCont {
  position: relative
}

.postList_03__swiperCont .postList_03__wrap.swiper {
  overflow: hidden
}

.postList_03__swiperCont .postList_03__wrap.swiper.__active+div .swiper_arrow {
  display: block
}

.postList_03__swiperCont .postList_03__wrap.swiper .postList_03 {
  gap: unset
}

.postList_03__swiperCont .postList_03__wrap.swiper .postList_03__item {
  margin-right: 15px
}

@media screen and (max-width: 767px) {
  .postList_03__swiperCont .postList_03__wrap.swiper .postList_03__item {
    margin-right: 20px
  }
}

.postList_03__swiperCont .swiper_arrow {
  display: none;
  width: 2.875rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 11
}

@media screen and (max-width: 767px) {
  .postList_03__swiperCont .swiper_arrow {
    width: 3.5rem
  }
}

.postList_03__swiperCont .swiper_arrow.__prev {
  left: 0;
  transform: translate(-50%, -50%);
  background-image: url(../img/arrow_ellipse_01_brown_left.png)
}

@media screen and (max-width: 767px) {
  .postList_03__swiperCont .swiper_arrow.__prev {
    transform: translate(-1rem, -50%)
  }
}

.postList_03__swiperCont .swiper_arrow.__next {
  right: 0;
  transform: translate(50%, -50%);
  background-image: url(../img/arrow_ellipse_01_brown_right.png)
}

@media screen and (max-width: 767px) {
  .postList_03__swiperCont .swiper_arrow.__next {
    transform: translate(1rem, -50%)
  }
}

.postList_side .postList_side__parentTtl {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 1rem;
  background: var(--BROWN_01);
  border-radius: .625rem .625rem 0 0
}

@media screen and (max-width: 767px) {
  .postList_side .postList_side__parentTtl {
    font-size: 2.25rem;
    padding: 1.3125rem;
    border-radius: 1.25rem 1.25rem 0 0
  }
}

.postList_side .postList_side__listWrap {
  padding: .9375rem 1.25rem;
  background: #fff;
  border-radius: 0 0 .625rem .625rem
}

@media screen and (max-width: 767px) {
  .postList_side .postList_side__listWrap {
    padding: .75rem 1.875rem 1rem;
    border-radius: 0 0 1.25rem 1.25rem
  }
}

.postList_side .postList_side__item {
  border-bottom: 1px solid #b6845c
}

.postList_side .postList_side__item:last-child {
  border: none
}

.postList_side .postList_side__item a {
  display: flex;
  gap: .625rem;
  padding: .9375rem 0
}

@media screen and (max-width: 767px) {
  .postList_side .postList_side__item a {
    gap: 1.25rem;
    padding: 1.875rem 0
  }
}

.postList_side .postList_side__img {
  width: 5.625rem;
  aspect-ratio: 90/65;
  position: relative
}

@media screen and (max-width: 767px) {
  .postList_side .postList_side__img {
    width: 9.375rem
  }
}

.postList_side .postList_side__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.postList_side .postList_side__rank {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  aspect-ratio: 1/1;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width: 767px) {
  .postList_side .postList_side__rank {
    width: 2.25rem;
    font-size: 1.5rem
  }
}

.postList_side .postList_side__rank.__rank1 {
  background: #b89747
}

.postList_side .postList_side__rank.__rank2 {
  background: #909994
}

.postList_side .postList_side__rank.__rank3 {
  background: #b8875f
}

.postList_side .postList_side__txtWrap {
  width: calc(100% - .625rem - 5.625rem)
}

@media screen and (max-width: 767px) {
  .postList_side .postList_side__txtWrap {
    width: calc(100% - 1.25rem - 9.375rem)
  }
}

.postList_side .postList_side__time {
  font-family: var(--FONT_ROBOTO);
  font-size: .875rem;
  font-weight: bold;
  line-height: 1;
  color: #b6845c;
  margin-bottom: .5rem
}

@media screen and (max-width: 767px) {
  .postList_side .postList_side__time {
    font-size: 1.75rem;
    margin-bottom: 1.25rem
  }
}

.postList_side .postList_side__ttl {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.57;
  color: var(--BROWN_01)
}

@media screen and (max-width: 767px) {
  .postList_side .postList_side__ttl {
    font-size: 1.75rem
  }
}

.sec-contact {
  padding: 5.375rem 2.5rem 4.8125rem;
  background: url(../img/bg_sec-contact_01.jpg) no-repeat center/cover
}

@media screen and (max-width: 767px) {
  .sec-contact {
    padding: 5.375rem 2.5rem 5rem;
    background: url(../img/bg_sec-contact_01_sp.jpg) no-repeat center/cover;
    width: 100vw;
    margin: 0 calc(50% - 50vw)
  }
}

.sec-contact .ttl {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  letter-spacing: .07em;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .sec-contact .ttl {
    font-size: 2.5rem;
    margin-bottom: 2.5rem
  }
}

.sec-contact .txt {
  font-size: .875rem;
  color: #fff;
  margin-bottom: 1.25rem
}

@media screen and (max-width: 767px) {
  .sec-contact .txt {
    font-size: 1.75rem;
    margin-bottom: 2.5rem
  }
}

.sec-contact .btn_list {
  display: flex;
  justify-content: space-between;
  gap: .875rem
}

@media screen and (max-width: 767px) {
  .sec-contact .btn_list {
    flex-direction: column;
    align-items: center;
    gap: 2.9375rem
  }
}

.sec-contact .btn_list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  width: 50%
}

@media screen and (max-width: 767px) {
  .sec-contact .btn_list__item {
    gap: 1rem;
    width: 100%
  }
}

.sec-contact .btn_list__item.__tel .btn_list__txt:before {
  background-image: url(../img/ico_time_white.png)
}

.sec-contact .btn_list__item.__mail .btn_list__txt:before {
  background-image: url(../img/ico_24h_white.png)
}

.sec-contact .btn_wrap {
  width: 100%
}

.sec-contact .btn_list__txt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .6875rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff
}

@media screen and (max-width: 767px) {
  .sec-contact .btn_list__txt {
    gap: 1.3125rem;
    font-size: 1.75rem
  }
}

.sec-contact .btn_list__txt:before {
  content: "";
  display: block;
  width: 3rem;
  height: 2.9375rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
  .sec-contact .btn_list__txt:before {
    width: 3.625rem;
    height: 3.5rem
  }
}

.sec-contact .btn_01 {
  width: 19.625rem;
  height: 4.0625rem;
  padding: .4375rem 3.5rem
}

@media screen and (max-width: 767px) {
  .sec-contact .btn_01 {
    width: 32.5rem;
    font-size: 2.4375rem;
    padding: .4375rem 6.375rem
  }
}

.sec-contact .btn_01.__tel {
  font-size: 1.125rem;
  width: 100%
}

@media screen and (max-width: 767px) {
  .sec-contact .btn_01.__tel {
    font-size: 1.75rem;
    width: 32.5rem;
    margin-inline: auto
  }
}

.sec-contact .btn_01.__mail {
  font-size: 1.375rem;
  width: 100%
}

@media screen and (max-width: 767px) {
  .sec-contact .btn_01.__mail {
    font-size: 2rem;
    width: 32.5rem;
    margin-inline: auto
  }
}

.sec-contact.__single .btn_wrap .btn_01__txtWrap .txt {
  font-size: .75rem
}

@media screen and (max-width: 767px) {
  .sec-contact.__single .btn_wrap .btn_01__txtWrap .txt {
    font-size: 1.25rem
  }
}

.sec-contact.__single .btn_wrap .btn_01__txtWrap .number {
  font-size: 1.25rem
}

@media screen and (max-width: 767px) {
  .sec-contact.__single .btn_wrap .btn_01__txtWrap .number {
    font-size: 2.5rem
  }
}

.sec-contact.__single .btn_list__txt {
  font-size: .875rem
}

@media screen and (max-width: 767px) {
  .sec-contact.__single .btn_list__txt {
    font-size: 1.5rem
  }
}

.form_01 .form_01__tbl {
  --BORDER_COL: var(--BEIGE_03);
  border-top: 1px solid var(--BORDER_COL);
  border-left: 1px solid var(--BORDER_COL);
  margin-bottom: 2.5rem
}

@media screen and (max-width: 767px) {
  .form_01 .form_01__tbl {
    margin-bottom: 5rem
  }
}

.form_01 .form_01__tblRow {
  display: flex;
  width: 100%
}

@media screen and (max-width: 767px) {
  .form_01 .form_01__tblRow {
    display: block
  }
}

.form_01 .form_01__tblRow .form_01__required {
  display: block;
  padding: .25rem .5rem;
  padding-right: calc(.5rem - .2em);
  border-radius: .1875rem;
  background: var(--RED_02);
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  letter-spacing: .2em;
  position: absolute;
  top: 50%;
  right: 1.125rem;
  transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
  .form_01 .form_01__tblRow .form_01__required {
    display: inline-block;
    position: static;
    font-size: 1.3125rem;
    padding: .5rem .8125rem;
    padding-right: calc(.8125rem - .2em);
    border-radius: .3125rem;
    transform: none
  }
}

.form_01 .form_01__tblTtl,
.form_01 .form_01__tblDtil {
  border-bottom: 1px solid var(--BORDER_COL);
  border-right: 1px solid var(--BORDER_COL);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--BLACK_01)
}

.form_01 .form_01__tblTtl {
  background: var(--WHITE_01);
  width: 20rem;
  padding: 1.1875rem 4.375rem 1.1875rem 1.25rem;
  font-size: 1rem;
  position: relative
}

@media screen and (max-width: 767px) {
  .form_01 .form_01__tblTtl {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1.125rem;
    width: 100%;
    font-size: 1.75rem;
    line-height: 1.2;
    padding: .4375rem 1.875rem;
    min-height: 5.625rem
  }
}

.form_01 .form_01__tblTtl.__hasCaution {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem
}

@media screen and (max-width: 767px) {
  .form_01 .form_01__tblTtl.__hasCaution {
    padding: .4375rem 1.875rem
  }
}

.form_01 .form_01__tblTtl.__hasCaution .txt__caution {
  display: block;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.16;
  width: 100%;
  padding: 0 1.25rem;
  position: absolute;
  left: 0;
  bottom: .8125rem
}

@media screen and (max-width: 767px) {
  .form_01 .form_01__tblTtl.__hasCaution .txt__caution {
    position: static;
    padding: 0;
    width: unset;
    font-size: 1.5rem;
    margin-top: .3125rem
  }
}

.form_01 .form_01__tblDtil {
  background: #fff;
  width: calc(100% - 20rem);
  padding: 1.25rem 1.375rem;
  font-size: 1rem
}

@media screen and (max-width: 767px) {
  .form_01 .form_01__tblDtil {
    width: 100%;
    font-size: 1.75rem;
    padding: .9375rem 1.875rem
  }
}

.form_01 input[type=text],
.form_01 input[type=email],
.form_01 input[type=tel],
.form_01 select,
.form_01 textarea {
  padding: .5625rem .6875rem;
  background: #fff;
  vertical-align: initial;
  background: var(--GRAY_02);
  border-radius: .375rem;
  width: 100%;
  font-weight: 400
}

@media screen and (max-width: 767px) {

  .form_01 input[type=text],
  .form_01 input[type=email],
  .form_01 input[type=tel],
  .form_01 select,
  .form_01 textarea {
    padding: .9375rem 1.625rem
  }
}

.form_01 input::placeholder {
  color: #949494
}

.form_01 .form_01__selectWrap {
  position: relative;
  width: 100%
}

.form_01 .form_01__selectWrap:after {
  content: "";
  display: block;
  width: .25rem;
  aspect-ratio: 1/1;
  border-bottom: .125rem solid #000;
  border-right: .125rem solid #000;
  pointer-events: none;
  position: absolute;
  top: 1.3125rem;
  right: 1.375rem;
  transform: translateY(-50%) rotate(45deg)
}

@media screen and (max-width: 767px) {
  .form_01 .form_01__selectWrap:after {
    width: .625rem;
    border-width: .3125rem;
    top: 2rem;
    right: 2.1875rem
  }
}

.form_01 select option {
  color: var(--BLACK_01)
}

.form_01 textarea {
  min-height: 11.625rem
}

@media screen and (max-width: 767px) {
  .form_01 textarea {
    min-height: 16.125rem
  }
}

.form_01 .btn_wrap {
  display: flex;
  flex-direction: column;
  gap: 2.5rem
}

.form_01 .btn_01 {
  margin: 0 auto;
  border-color: var(--BROWN_01);
  color: #fff;
  background: var(--BROWN_01);
  transition: .2s
}

.form_01 .btn_01:hover {
  border-color: var(--BEIGE_01);
  background: var(--BEIGE_01)
}

.form_01 .btn_01:after {
  background-image: url(../img/arrow_white.png)
}

.form_01 .btn_01.__back {
  border-color: #aaa;
  background: #aaa
}

.form_01 .btn_01.__back:hover {
  opacity: .8
}

.mw_wp_form_confirm .form_01__selectWrap:after {
  content: none
}

.pagination_01 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: .75rem;
  margin-top: 7.1875rem
}

@media screen and (max-width: 767px) {
  .pagination_01 {
    gap: 1.25rem
  }
}

.pagination_01 .blk {
  display: flex;
  align-items: flex-start;
  gap: .75rem
}

@media screen and (max-width: 767px) {
  .pagination_01 .blk {
    gap: 1.25rem
  }
}

@media screen and (max-width: 767px) {
  .pagination_01 .pager__wrap.__arrow {
    position: relative;
    margin-bottom: 6rem
  }
}

.pagination_01 .pager__wrap.__arrow .pager {
  background: var(--GRAY01);
  position: relative;
  border-radius: 50px
}

.pagination_01 .pager__wrap.__arrow .pager:before {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 16/13;
  background: url(../img/arrow_white.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none
}

@media screen and (max-width: 767px) {
  .pagination_01 .pager__wrap.__arrow .pager:before {
    width: 1.625rem
  }
}

.pagination_01 .pager__wrap.__arrow .pager.__first:before {
  transform: translate(-50%, -50%) rotate(180deg)
}

.pagination_01 .pager__wrap.__arrow .pager.__last,
.pagination_01 .pager__wrap.__arrow .pager.__first {
  background: var(--BROWN_01);
  color: #fff
}

.pagination_01 .pager__wrap.__arrow .txt {
  display: block;
  font-size: .75rem;
  line-height: 1.5;
  color: #333;
  text-align: center;
  margin-top: .625rem
}

@media screen and (max-width: 767px) {
  .pagination_01 .pager__wrap.__arrow .txt {
    font-size: 1.625rem;
    margin-top: 0;
    width: max-content;
    position: absolute;
    top: calc(100% + 1.125rem);
    left: 50%;
    transform: translateX(-50%)
  }
}

.pagination_01 .pager__wrap.__arrow.__current {
  opacity: .5
}

.pagination_01 .pager {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 3.125rem;
  height: 3.125rem;
  padding: .625rem;
  font-size: 1.25rem;
  line-height: 1;
  background: #fff;
  color: var(--GRAY01);
  border-radius: 50px
}

@media screen and (max-width: 767px) {
  .pagination_01 .pager {
    min-width: 5.125rem;
    height: 5.125rem;
    font-size: 2rem
  }
}

.pagination_01 .pager.__current {
  background: #b6845c;
  color: #fff
}

.pagination_01 .pager.__dots {
  background: none;
  width: max-content;
  min-width: unset;
  padding: 0
}

.prev,
.next {
  display: none !important
}

.pagination_02 {
  display: flex;
  gap: 1.25rem;
  margin-top: 3.125rem
}

@media screen and (max-width: 767px) {
  .pagination_02 {
    margin-top: 4.1875rem
  }
}

.pagination_02 .pagination_02__item a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  align-items: center;
  padding: .9375rem;
  height: 3.125rem;
  border-radius: 12px
}

@media screen and (max-width: 767px) {
  .pagination_02 .pagination_02__item a {
    font-size: 1.75rem;
    padding: 1.75rem;
    height: 5.125rem;
    border-radius: 5px
  }
}

.pagination_02 .pagination_02__item.__arrow a {
  width: 9.375rem;
  padding: .9375rem 1.875rem;
  background: var(--BROWN_01);
  color: #fff;
  position: relative
}

@media screen and (max-width: 767px) {
  .pagination_02 .pagination_02__item.__arrow a {
    width: 13.375rem;
    padding: 1.75rem
  }
}

.pagination_02 .pagination_02__item.__arrow a:before {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 16/13;
  background: url(../img/arrow_white.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: 1.0625rem;
  transform: translateY(-50%);
  pointer-events: none
}

@media screen and (max-width: 767px) {
  .pagination_02 .pagination_02__item.__arrow a:before {
    width: 1.625rem;
    right: 1.75rem
  }
}

.pagination_02 .pagination_02__item.__arrow.__prev a {
  justify-content: flex-end
}

.pagination_02 .pagination_02__item.__arrow.__prev a:before {
  right: unset;
  left: 1.0625rem;
  transform: translateY(-50%) rotate(180deg)
}

@media screen and (max-width: 767px) {
  .pagination_02 .pagination_02__item.__arrow.__prev a:before {
    left: 1.0625rem
  }
}

.pagination_02 .pagination_02__item.__archive a {
  width: 15.9375rem;
  background: #fff;
  border: .125rem solid #7f7f7f;
  color: var(--GRAY01);
  text-align: center;
  justify-content: center;
  border-radius: 12px
}

@media screen and (max-width: 767px) {
  .pagination_02 .pagination_02__item.__archive a {
    width: 12.625rem;
    border-width: .25rem;
    border-radius: 5px
  }
}

/*# sourceMappingURL=style.css.map */