﻿@font-face {
  font-family: 'TBGoStdDB';
  src: url("https://www.manyu-randoselu.jp/Contents/font/TBGoStdDB-Normal.otf") format("opentype");
}

@font-face {
  font-family: 'TBGoStdR';
  src: url("https://www.manyu-randoselu.jp/Contents/font/TBGoStdR-Normal.otf") format("opentype");
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "TBGoStdR", serif;
  font-size: 16px;
  font-weight: 400;
  color: #503A2F;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #F8F7F7;
  overflow-x: hidden;
  overflow-wrap: break-word;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  body {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 12px;
  }
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
}

figure {
  margin: 0;
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 1;
}

p {
  margin: 0;
  line-height: calc(40/16);
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  p {
    line-height: calc(50/24);
    text-align: left;
    font-size: calc(100vw / 640 * 24);
  }
}

a:visited {
  color: #503A2F;
}

ul {
  margin: 0;
}

ul::after {
  display: none;
}

@media screen and (min-width: 1024px) {
  .hidden-pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hidden-pc {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-sp {
    display: none !important;
  }
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.inner {
  max-width: 980px;
  margin: 0 auto;
  height: inherit;
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .inner {
    padding-left: calc(100vw / 640 * 20);
    padding-right: calc(100vw / 640 * 20);
  }
}

.section_title {
  font-family: "TBGoStdDB", serif;
  font-size: 26px;
  padding: 30px 0;
  margin: 0;
  position: relative;
  text-align: center;
  line-height: 1;
  letter-spacing: 2.6px;
}

.section_title::before {
  content: "";
  display: inline-block;
  background: url(https://www.manyu-randoselu.jp/Contents/feature/exhibition/pc/section_title_snipets.png) no-repeat center center/contain;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 41px;
  height: 5px;
}

@media screen and (max-width: 767px) {
  .section_title::before {
    background: url(https://www.manyu-randoselu.jp/Contents/feature/exhibition/sp/section_title_snipets.png) no-repeat center center/contain;
    width: calc(100vw / 640 * 41);
  }
}

.section_title::after {
  content: "";
  display: inline-block;
  background: url(https://www.manyu-randoselu.jp/Contents/feature/exhibition/pc/section_title_snipets.png) no-repeat center center/contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 41px;
  height: 5px;
}

@media screen and (max-width: 767px) {
  .section_title::after {
    background: url(https://www.manyu-randoselu.jp/Contents/feature/exhibition/sp/section_title_snipets.png) no-repeat center center/contain;
    width: calc(100vw / 640 * 41);
  }
}

@media screen and (max-width: 767px) {
  .section_title {
    font-size: calc(100vw / 640 * 32);
    font-size: calc(100vw / 640 * 32);
    padding: calc(100vw / 640 * 30) 0;
    letter-spacing: 0.32px;
  }
}

.section_title_sub {
  text-align: center;
  line-height: calc(40/16);
  font-family: "TBGoStdR", serif;
}

@media screen and (max-width: 767px) {
  .section_title_sub {
    line-height: calc(50/24);
    text-align: left;
    font-size: calc(100vw / 640 * 24);
  }
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  color: #503A2F;
}

a:hover {
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.main_btn a {
  font-family: "TBGoStdDB", serif;
  display: inline-block;
  background: #715F56;
  color: #fff;
  font-size: 20px;
  text-align: center;
  background: #715F56;
  border: 1px solid #BBB1AC;
  border-radius: 6px;
}

@media screen and (max-width: 767px) {
  .main_btn a {
    border-radius: calc(100vw / 640 * 6);
  }
}

.main_btn a:hover {
  background: #fff;
  color: #715F56;
  border: 1px solid #BBB1AC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

.main_btn_sm a {
  width: 224px;
  padding: 15px 10px;
  letter-spacing: 2px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main_btn_sm a {
    font-size: 18px;
    padding: 12px 10px;
  }
}

@media screen and (max-width: 767px) {
  .main_btn_sm a {
    font-size: 16px;
    width: 68.5%;
    padding: 8px 5px;
    letter-spacing: 1.2px;
  }
}

.main_btn_lg a {
  padding: 24px 100px;
  width: 377px;
  letter-spacing: 1px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main_btn_lg a {
    font-size: 20px;
    padding: 15px 10px;
  }
}

@media screen and (max-width: 767px) {
  .main_btn_lg a {
    width: 76.7%;
    font-size: 17px;
    padding: 19px 40px;
    border: none;
    letter-spacing: .65px;
  }
}

.faq_section {
  padding-top: 137px;
}

@media screen and (max-width: 767px) {
  .faq_section {
    padding-top: calc(100vw / 640 * 140);
  }
}

.faq_container h1 {
  font-size: 34px;
  letter-spacing: 3.4px;
  text-align: center;
  font-family: "TBGoStdDB", serif;
  position: relative;
  margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .faq_container h1 {
    font-size: calc(100vw / 640 * 36);
    letter-spacing: 1.8px;
    margin-bottom: calc(100vw / 640 * 26);
  }
}

.faq_container h1::before {
  content: "";
  display: inline-block;
  background: url(https://www.manyu-randoselu.jp/Contents/feature/faq_icon.png) no-repeat center center/contain;
  position: absolute;
  width: 40px;
  height: 40px;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .faq_container h1::before {
    width: calc(100vw / 640 * 50);
    height: calc(100vw / 640 * 50);
    top: calc(100vw / 640 * -70);
  }
}

.faq_container .section_title_sub {
  padding-left: calc(100vw / 640 * 40);
  padding-right: calc(100vw / 640 * 40);
}

.faq_items {
  margin-top: 52px;
}

@media screen and (max-width: 767px) {
  .faq_items {
    margin-top: calc(100vw / 640 * 48);
  }
}

.faq_item {
  background: #fff;
  padding: 30px 40px 33px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .faq_item {
    margin-bottom: calc(100vw / 640 * 30);
    padding: calc(100vw / 640 * 38) calc(100vw / 640 * 40) calc(100vw / 640 * 28);
  }
}

.faq_item .faq_item_text {
  font-size: 15px;
  line-height: calc(30/15);
}

@media screen and (max-width: 767px) {
  .faq_item .faq_item_text {
    font-size: calc(100vw / 640 * 24);
    line-height: calc(50/24);
  }
}

.faq_item_title {
  font-size: 18px;
  font-family: "TBGoStdDB", serif;
  padding-bottom: 12px;
  border-bottom: 1px solid #D1C7C1;
  margin-bottom: 18px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .faq_item_title {
    font-size: calc(100vw / 640 * 26);
    padding-bottom: calc(100vw / 640 * 18);
    margin-bottom: calc(100vw / 640 * 16);
    line-height: calc(40/26);
    padding-left: calc(100vw / 640 * 62);
    text-indent: calc(100vw / 640 * -62);
  }
}

.faq_item_title::before {
  content: "Q1";
  background: #715F56;
  border-radius: 2px;
  color: #fff;
  width: 44px;
  height: 27px;
  padding: 5px 9px;
  font-size: 17px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .faq_item_title::before {
    width: calc(100vw / 640 * 51);
    height: calc(100vw / 640 * 37);
    padding: calc(100vw / 640 * 7) calc(100vw / 640 * 6) calc(100vw / 640 * 7) calc(100vw / 640 * 9);
    font-size: calc(100vw / 640 * 23);
    margin-right: calc(100vw / 640 * 10);
    border-radius: calc(100vw / 640 * 2);
  }
}

.faq_btn {
  margin-top: 18px;
}

@media screen and (max-width: 767px) {
  .faq_btn {
    text-align: center;
    margin-top: calc(100vw / 640 * 50);
  }
}

.faq_btn a {
  font-size: 16px;
  letter-spacing: 0.8px;
  padding: 21px 30px;
  width: 332px;
}

@media screen and (max-width: 767px) {
  .faq_btn a {
    border-radius: calc(100vw / 640 * 4);
    width: calc(100vw / 640 * 480);
    font-size: calc(100vw / 640 * 26);
    letter-spacing: 2.6px;
    padding: calc(100vw / 640 * 27) calc(100vw / 640 * 20);
  }
}

.faq_item:nth-child(2) .faq_item_title::before {
  content: "Q2";
}

.faq_item:nth-child(3) .faq_item_title::before {
  content: "Q3";
}

.faq_item:nth-child(4) .faq_item_title::before {
  content: "Q4";
}

.faq_item:nth-child(5) .faq_item_title::before {
  content: "Q5";
}

.faq_item:nth-child(6) .faq_item_title::before {
  content: "Q6";
}

.faq_item:nth-child(7) .faq_item_title::before {
  content: "Q7";
}

.faq_item:nth-child(8) .faq_item_title::before {
  content: "Q8";
}

.faq_item:nth-child(9) .faq_item_title::before {
  content: "Q9";
}

.faq_item:nth-child(10) .faq_item_title::before {
  content: "Q10";
}

.faq_item:nth-child(11) .faq_item_title::before {
  content: "Q11";
}

.faq_item:nth-child(12) .faq_item_title::before {
  content: "Q12";
}

.faq_item:nth-child(13) .faq_item_title::before {
  content: "Q13";
}

.faq_item:nth-child(14) .faq_item_title::before {
  content: "Q14";
}

.faq_item:nth-child(15) .faq_item_title::before {
  content: "Q15";
}

.faq_item:nth-child(16) .faq_item_title::before {
  content: "Q16";
}

.faq_item:nth-child(17) .faq_item_title::before {
  content: "Q17";
}

.faq_item:nth-child(18) .faq_item_title::before {
  content: "Q18";
}

.faq_item:nth-child(19) .faq_item_title::before {
  content: "Q19";
}

.faq_item:nth-child(20) .faq_item_title::before {
  content: "Q20";
}

.faq_item:nth-child(21) .faq_item_title::before {
  content: "Q21";
}

.faq_item:nth-child(22) .faq_item_title::before {
  content: "Q22";
}

.faq_item:nth-child(23) .faq_item_title::before {
  content: "Q23";
}

.faq_item:nth-child(24) .faq_item_title::before {
  content: "Q24";
}

.faq_item:nth-child(25) .faq_item_title::before {
  content: "Q25";
}

.faq_item:nth-child(26) .faq_item_title::before {
  content: "Q26";
}

.faq_item:nth-child(27) .faq_item_title::before {
  content: "Q27";
}

.faq_item:nth-child(28) .faq_item_title::before {
  content: "Q28";
}
.faq_item:nth-child(29) .faq_item_title::before {
  content: "Q29";
}

.faq_item:nth-child(30) .faq_item_title::before {
  content: "Q30";
}

.faq_item:nth-child(31) .faq_item_title::before {
  content: "Q31";
}

.faq_item:nth-child(32) .faq_item_title::before {
  content: "Q32";
}
.faq_item:nth-child(33) .faq_item_title::before {
  content: "Q33";
}
.faq_item:nth-child(34) .faq_item_title::before {
  content: "Q34";
}

.faq_item:nth-child(35) .faq_item_title::before {
  content: "Q35";
}

.faq_item:nth-child(36) .faq_item_title::before {
  content: "Q36";
}

.faq_item:nth-child(37) .faq_item_title::before {
  content: "Q37";
}

.faq_item:nth-child(38) .faq_item_title::before {
  content: "Q38";
}

.faq_item:nth-child(39) .faq_item_title::before {
  content: "Q39";
}
.faq_item:nth-child(40) .faq_item_title::before {
  content: "Q40";
}

#pankuzu p {
  padding-top: 11px;
}

@media screen and (max-width: 767px) {
  #pankuzu p {
    padding-top: calc(100vw / 640 * 12);
  }
}

.c-footer2023 {
  padding-top: 121px;
}

@media screen and (max-width: 767px) {
  .c-footer2023 {
    padding-top: calc(100vw / 640 * 140);
  }
}

.c-header2023__container01__inner__cart__link__text {
  white-space: nowrap;
}
