@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&family=Shippori+Mincho&family=Work+Sans:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+New&display=swap");
html {
  scroll-behavior: auto !important;
}

html,
body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  margin: 0;
  background: #fff;
  line-height: 1.8;
  letter-spacing: normal;
}
@media screen and (max-width: 1440px) {
  html,
  body {
    font-size: 0.0694444444vw;
  }
}
@media screen and (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
    font-size: 0.1333333333vw;
  }
}

*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.en {
  font-family: "Work Sans", sans-serif;
}

.f-mincho {
  font-family: "Shippori Mincho", serif;
}

.f-en {
  font-family: "Baskervville", serif;
}

.pc_only {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .pc_only {
    display: none !important;
  }
}

.sp_only {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp_only {
    display: block !important;
  }
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

p,
ul {
  margin: 0;
  letter-spacing: normal;
}

a {
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.8;
    text-decoration: none !important;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: normal;
  margin: 0%;
  padding: 0%;
  color: #222;
}

ul li,
ol li {
  list-style: none;
}

figure,
table {
  margin: auto;
}

.sec_inner {
  max-width: 1200px;
  margin: auto !important;
}
@media screen and (max-width: 1440px) {
  .sec_inner {
    max-width: 1200rem;
  }
}
@media screen and (max-width: 768px) {
  .sec_inner {
    max-width: 100%;
  }
}

div {
  color: #222;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

.nolink {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.sec_pd {
  padding: 100px 0;
}
@media screen and (max-width: 1440px) {
  .sec_pd {
    padding: 100rem 0;
  }
}
@media screen and (max-width: 768px) {
  .sec_pd {
    padding: 100rem 55rem;
  }
}

.normaltxt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  color: #707070;
}
@media screen and (max-width: 1440px) {
  .normaltxt {
    font-size: 14rem;
    line-height: 25rem;
  }
}
@media screen and (max-width: 768px) {
  .normaltxt {
    font-size: 26rem;
    line-height: 47rem;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: transform 0.5s ease-in-out;
  padding: 35px 0;
  transition: 0.3s;
}
@media screen and (max-width: 1440px) {
  .header {
    padding: 35rem 0;
  }
}
@media screen and (max-width: 768px) {
  .header {
    padding: 0;
  }
}
.header.hidden {
  transform: translateY(-100%);
}
.header.sub-header {
  background-color: #fff;
}
.header.sub-header .header_nav li a {
  color: #222;
}
.header.header_bg {
  background-color: #fff;
}
.header.header_bg .header_nav li a {
  color: #222;
}
.header_contain {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  .header_contain {
    max-width: 1200rem;
  }
}
@media screen and (max-width: 768px) {
  .header_contain {
    max-width: 100%;
    padding: 25rem 40rem;
    padding-right: 50rem;
  }
}
.header_logo {
  position: relative;
  z-index: 10;
}
.header_logo h1 {
  margin: 0;
}
.header_logo a img {
  max-width: 80px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1440px) {
  .header_logo a img {
    max-width: 80rem;
  }
}
@media screen and (max-width: 768px) {
  .header_logo a img {
    max-width: 120rem;
    height: auto;
  }
}
.header_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
}
@media screen and (max-width: 1440px) {
  .header_right {
    gap: 40rem;
  }
}
.header_left {
  display: none;
}
@media screen and (max-width: 768px) {
  .header_left {
    display: flex;
    align-items: center;
    gap: 30rem;
  }
}
.header_left_item {
  position: relative;
  line-height: 1;
}
.header_left_item svg {
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .header_left_item svg {
    width: 35rem;
    height: 35rem;
  }
}
.header_spmenu {
  display: none;
}
@media screen and (max-width: 768px) {
  .header_spmenu {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15rem;
  }
  .header_spmenu span {
    width: 40rem;
    height: 2rem;
    background: #222;
    transition: 0.3s;
  }
  .header_spmenu.change .bar01 {
    transform: rotate(-45deg) translate(-5rem, 7rem);
  }
  .header_spmenu.change .bar02 {
    transform: rotate(45deg) translate(-5rem, -7rem);
  }
  .header_spmenu .bar {
    width: 40rem;
    height: 2rem;
    background: #222;
  }
}
.header_nav {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 1440px) {
  .header_nav {
    gap: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .header_nav {
    display: none;
  }
}
.header_nav li a {
  font-family: "Work Sans", sans-serif;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 1440px) {
  .header_nav li a {
    font-size: 13rem;
  }
}
.header_nav .dropdownmenu li {
  padding: 0;
}
.header_nav .dropdownmenu:hover .childbox {
  opacity: 1;
  visibility: visible;
  z-index: 11;
}
.header_nav .dropdownmenu:focus-within .childbox {
  opacity: 1;
  visibility: visible;
  z-index: 11;
}
.header_nav .childbox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9215686275);
  padding: 100px 120px 60px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.3s;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
}
.header_nav .childbox.show {
  opacity: 1;
  visibility: visible;
  z-index: 11;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox {
    padding: 100rem 120rem 60rem;
  }
}
.header_nav .childbox_contain {
  max-width: 1200px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_contain {
    max-width: 1200rem;
  }
}
.header_nav .childbox_top {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_top {
    gap: 50rem;
  }
}
.header_nav .childbox_head {
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  color: #222;
  margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_head {
    font-size: 16rem;
    margin-bottom: 20rem;
  }
}
.header_nav .childbox_left {
  max-width: 440px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_left {
    max-width: 440rem;
  }
}
.header_nav .childbox_left__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 15px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #222;
  background: #eff8fb;
  padding: 15px;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_left__item {
    gap: 0rem;
    font-size: 15rem;
    padding: 15rem;
  }
}
.header_nav .childbox_left__item img {
  width: 10px;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_left__item img {
    width: 10rem;
  }
}
.header_nav .childbox_right {
  max-width: 710px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_right {
    max-width: 710rem;
  }
}
.header_nav .childbox_right_top {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_right_top {
    gap: 10rem;
  }
}
.header_nav .childbox_right_link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: right;
  color: #222;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_right_link {
    font-size: 14rem;
    line-height: 30rem;
    gap: 10rem;
  }
}
.header_nav .childbox_right_link img {
  width: 8px;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_right_link img {
    gap: 10rem;
  }
}
.header_nav .childbox_right_link .line {
  width: 50px;
  height: 1px;
  background: #dedede;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_right_link .line {
    width: 50rem;
  }
}
.header_nav .childbox_right__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_right__item {
    gap: 10rem;
    font-size: 15rem;
  }
}
.header_nav .childbox_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_grid {
    grid-gap: 10rem;
  }
}
.header_nav .childbox_search {
  max-width: 500px;
  width: 100%;
  position: relative;
  margin: auto;
  margin-top: 50px;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_search {
    max-width: 500rem;
    margin-top: 50rem;
  }
}
.header_nav .childbox_search input {
  width: 100%;
  padding: 10px;
  outline: none;
  border: none;
  background: transparent;
  border-bottom: 1px solid #dedede;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_search input {
    padding: 10rem;
    font-size: 14rem;
  }
}
.header_nav .childbox_search input::-moz-placeholder {
  color: #707070;
}
.header_nav .childbox_search input::placeholder {
  color: #707070;
}
.header_nav .childbox_search button {
  position: absolute;
  background-color: transparent;
  border: none;
  outline: none;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
}
.header_nav .childbox_search button img {
  width: 18px;
  height: auto;
}
@media screen and (max-width: 1440px) {
  .header_nav .childbox_search button img {
    width: 18rem;
  }
}
.header_iconlist {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 1440px) {
  .header_iconlist {
    gap: 40rem;
  }
}
.header_iconlist_item {
  position: relative;
  line-height: 1;
}
.header_iconlist_item svg {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 1440px) {
  .header_iconlist_item svg {
    width: 20rem;
    height: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .header_iconlist_item svg {
    width: 36rem;
    height: 36rem;
  }
}
.header_iconlist_item.user-icon::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  height: 20px;
  border: 1px solid #707070;
}
@media screen and (max-width: 1440px) {
  .header_iconlist_item.user-icon::after {
    right: -20rem;
    height: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .header_iconlist_item.user-icon::after {
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .header_iconlist_item.user-icon {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .header_iconlist_item.cart-icon {
    width: 78rem;
    height: 78rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2rem solid #dedede;
  }
}
.header_iconlist_item .cart-count {
  width: 20px;
  height: 20px;
  background: #93cfe2;
  border: 1px solid #93cfe2;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -15px;
  font-size: 13px;
  text-align: left;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1440px) {
  .header_iconlist_item .cart-count {
    top: -10rem;
    width: 20rem;
    height: 20rem;
    right: -15rem;
    font-size: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .header_iconlist_item .cart-count {
    width: 36rem;
    height: 36rem;
    height: 36rem;
    right: -20rem;
    top: 0rem;
    font-size: 22rem;
  }
}
.header .spnav {
  display: none;
}
@media screen and (max-width: 768px) {
  .header .spnav {
    display: block;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    overflow-y: scroll;
    transition: 0.35s;
  }
  .header .spnav.open {
    opacity: 1;
    visibility: visible;
    z-index: 9;
  }
}
.header .spnav_box {
  padding: 180rem 75rem;
}
.header .spnav_search {
  position: relative;
}
.header .spnav_search input {
  width: 100%;
  padding: 20rem 10rem;
  outline: none;
  border: none;
  background: transparent;
  border-bottom: 1px solid #dedede;
  font-weight: 400;
  font-size: 26rem;
  letter-spacing: 0.02em;
  text-align: left;
  color: #222;
}
.header .spnav_search input::-moz-placeholder {
  color: #707070;
}
.header .spnav_search input::placeholder {
  color: #707070;
}
.header .spnav_search button {
  position: absolute;
  background-color: transparent;
  border: none;
  outline: none;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
}
.header .spnav_search button img {
  width: 25rem;
}
.header .spnav .productbox {
  margin-top: 90rem;
}
.header .spnav .productbox_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40rem;
}
.header .spnav .productbox_title {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 30rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: left;
  color: #222;
}
.header .spnav .productbox_listlink {
  display: flex;
  justify-content: flex-end;
}
.header .spnav .productbox_listlink a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 400;
  font-size: 24rem;
  line-height: 1;
  text-align: right;
  color: #222;
  gap: 15rem;
}
.header .spnav .productbox_listlink a img {
  width: 15rem;
}
.header .spnav .productbox_item {
  padding: 0 30rem;
  margin-bottom: 60rem;
  margin-top: 15rem;
}
.header .spnav .productbox_item:last-child {
  margin-bottom: 0;
}
.header .spnav .productbox_item_head {
  position: relative;
  font-weight: 400;
  font-size: 26rem;
  text-align: left;
  color: #222;
  padding-left: 40rem;
}
.header .spnav .productbox_item_head::before {
  position: absolute;
  content: "";
  width: 20rem;
  height: 1px;
  top: 50%;
  left: 0;
  background-color: #707070;
}
.header .spnav .productbox_grid {
  margin-top: 20rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20rem;
}
.header .spnav .productbox_grid__item {
  background: #eff8fb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0rem;
  font-weight: 400;
  font-size: 26rem;
  padding: 20rem;
  letter-spacing: 0.05em;
  text-align: left;
  color: #222;
}
.header .spnav .productbox_grid__item img {
  width: 15rem;
}
.header .spnav .productbox_series {
  margin-top: 20rem;
  display: flex;
  flex-direction: column;
  gap: 60rem;
}
.header .spnav .productbox_series__item {
  display: flex;
  align-items: flex-start;
  gap: 20rem;
  flex-direction: column;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 28rem;
  letter-spacing: 0.1em;
  text-align: left;
  color: #222;
}
.header .spnav_list {
  margin-top: 90rem;
  display: grid;
  grid-gap: 50rem 0;
  grid-template-columns: 1fr 1fr;
}
.header .spnav_list a {
  display: flex;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 30rem;
  letter-spacing: 0.1em;
  text-align: left;
  color: #222;
}

.footer {
  padding: 60px 0;
  background: #93cfe2;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1440px) {
  .footer {
    padding: 60rem 0;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 100rem 55rem;
  }
}
.footer_contain {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  .footer_contain {
    max-width: 1200rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_contain {
    flex-direction: column;
    gap: 100rem;
    max-width: 100%;
  }
}
.footer_left {
  max-width: 250px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .footer_left {
    max-width: 250rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_left {
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.footer_left_bottom {
  margin-top: 110px;
}
@media screen and (max-width: 1440px) {
  .footer_left_bottom {
    margin-top: 110rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_left_bottom {
    margin-top: 0;
  }
}
.footer_logo {
  max-width: 105px;
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .footer_logo {
    max-width: 105rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_logo {
    max-width: 150rem;
  }
}
.footer_sns {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1440px) {
  .footer_sns {
    gap: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_sns {
    flex-direction: column;
    gap: 25rem;
  }
}
.footer_sns__item {
  display: block;
  max-width: 25px;
}
@media screen and (max-width: 1440px) {
  .footer_sns__item {
    max-width: 25rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .footer_sns__item {
    max-width: 50rem;
  }
}
.footer_right {
  display: flex;
  align-items: flex-start;
  gap: 70px;
}
@media screen and (max-width: 1440px) {
  .footer_right {
    gap: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_right {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 100rem 40rem;
  }
}
.footer_nav {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1440px) {
  .footer_nav {
    gap: 30rem;
  }
}
.footer_nav li {
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .footer_nav li {
    line-height: 1.5;
  }
}
.footer_nav li .footer_nav_item,
.footer_nav li a {
  display: inline-block;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .footer_nav li .footer_nav_item,
  .footer_nav li a {
    font-size: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_nav li .footer_nav_item,
  .footer_nav li a {
    font-size: 28rem;
  }
}
.footer_nav li .childlist a {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .footer_nav li .childlist a {
    font-size: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_nav li .childlist a {
    font-size: 26rem;
  }
}
.footer_nav li .childlist.productlist {
  margin-left: 15px;
}
@media screen and (max-width: 1440px) {
  .footer_nav li .childlist.productlist {
    margin-left: 15rem;
  }
}
.footer_nav li .childlist.productlist a {
  font-family: "Work Sans", sans-serif;
}
.footer_nav li .childlist {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 1440px) {
  .footer_nav li .childlist {
    margin-top: 30rem;
    gap: 15rem;
  }
}
@media screen and (max-width: 768px) {
  .footer_nav li .childlist {
    gap: 30rem;
  }
}
.footer .copyright {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #fff;
  margin-top: 15px;
}
@media screen and (max-width: 1440px) {
  .footer .copyright {
    margin-top: 15rem;
    font-size: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .footer .copyright {
    margin-top: 80rem;
    font-size: 24rem;
  }
}

.main {
  position: relative;
  z-index: 2;
}

.subpage .header {
  background-color: #fff !important;
}

main.subpage {
  margin-top: 70px;
}
@media screen and (max-width: 1440px) {
  main.subpage {
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  main.subpage {
    margin-top: 110rem;
  }
}

.breadcrumb {
  padding: 5px 0;
}
@media screen and (max-width: 1440px) {
  .breadcrumb {
    padding: 5rem 0;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    padding: 20rem 55rem;
  }
}
.breadcrumb .sec_inner {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.breadcrumb_list {
  display: flex;
  align-items: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.breadcrumb-item {
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-align: left;
  color: #707070;
}
@media screen and (max-width: 1440px) {
  .breadcrumb-item {
    font-size: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb-item {
    font-size: 22rem;
  }
}
.breadcrumb-item:last-child::after {
  content: "";
  margin: 0;
}
.breadcrumb-item::after {
  content: "⎯";
  color: #707070;
  margin: auto 5px;
}
@media screen and (max-width: 1440px) {
  .breadcrumb-item::after {
    margin: auto 5rem;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb-item::after {
    margin: auto 10rem;
  }
}
.breadcrumb-item a,
.breadcrumb-item span {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-align: left;
  color: #707070;
}
@media screen and (max-width: 1440px) {
  .breadcrumb-item a,
  .breadcrumb-item span {
    font-size: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb-item a,
  .breadcrumb-item span {
    font-size: 22rem;
  }
}

.topbtn {
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 999;
  display: none;
}
@media screen and (max-width: 1440px) {
  .topbtn {
    right: 20rem;
    bottom: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .topbtn {
    bottom: 100rem;
    right: 30rem;
  }
}
.topbtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: #eaebed;
  border-radius: 50%;
}
@media screen and (max-width: 1440px) {
  .topbtn a {
    width: 45rem;
    height: 45rem;
  }
}
@media screen and (max-width: 768px) {
  .topbtn a {
    width: 70rem;
    height: 70rem;
  }
}

.morelink {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.morelink a {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.1em;
  text-align: right;
  color: #93cfe2;
  position: relative;
  opacity: 1 !important;
}
@media screen and (max-width: 1440px) {
  .morelink a {
    font-size: 15rem;
  }
}
@media screen and (max-width: 768px) {
  .morelink a {
    font-size: 24rem;
  }
}
@media screen and (min-width: 768px) {
  .morelink a:hover::after {
    width: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .morelink a:hover::after {
    width: 50rem;
  }
}
.morelink a::before {
  position: absolute;
  content: "";
  left: -70px;
  z-index: 1;
  top: 50%;
  width: 50px;
  height: 1px;
  background: #dedede;
  transition: 0.3s;
}
@media screen and (max-width: 1440px) {
  .morelink a::before {
    width: 50rem;
    left: -70rem;
  }
}
@media screen and (max-width: 768px) {
  .morelink a::before {
    left: -90rem;
    width: 70rem;
    background: #93cfe2;
  }
}
.morelink a::after {
  position: absolute;
  content: "";
  left: -70px;
  z-index: 2;
  top: 50%;
  width: 0px;
  height: 1px;
  background: #93cfe2;
  transition: 0.5s;
}
@media screen and (max-width: 1440px) {
  .morelink a::after {
    left: -70rem;
  }
}

.fixnum00 {
  position: relative;
  margin-right: 13px;
}

@media screen and (max-width: 1440px) {
  .fixnum00 {
    margin-right: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .fixnum00 {
    margin-right: 18rem;
  }
}
.fixnum00::after {
  content: "＊";
  position: absolute;
  top: 3px;
  right: -10px;
  font-size: 10px;
  line-height: 1;
}

@media screen and (max-width: 1440px) {
  .fixnum00::after {
    font-size: 10rem;
    top: 3rem;
    right: -10rem;
  }
}
@media screen and (max-width: 768px) {
  .fixnum00::after {
    font-size: 18rem;
    top: 5rem;
    right: -17rem;
  }
}
.fixnum01 {
  position: relative;
  margin-right: 13px;
}

@media screen and (max-width: 1440px) {
  .fixnum01 {
    margin-right: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .fixnum01 {
    margin-right: 20rem;
  }
}
.fixnum01::after {
  content: "＊1";
  position: absolute;
  top: 3px;
  right: -12px;
  font-size: 10px;
  line-height: 1;
}

@media screen and (max-width: 1440px) {
  .fixnum01::after {
    font-size: 10rem;
    top: 3rem;
    right: -12rem;
  }
}
@media screen and (max-width: 768px) {
  .fixnum01::after {
    font-size: 18rem;
    top: 5rem;
    right: -20rem;
  }
}
.fixnum02 {
  position: relative;
  margin-right: 13px;
}

@media screen and (max-width: 1440px) {
  .fixnum02 {
    margin-right: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .fixnum02 {
    margin-right: 20rem;
  }
}
.fixnum02::after {
  content: "＊2";
  position: absolute;
  top: 3px;
  right: -13px;
  font-size: 10px;
  line-height: 1;
}

@media screen and (max-width: 1440px) {
  .fixnum02::after {
    font-size: 10rem;
    top: 3rem;
    right: -13rem;
  }
}
@media screen and (max-width: 768px) {
  .fixnum02::after {
    font-size: 18rem;
    top: 5rem;
    right: -20rem;
  }
}/*# sourceMappingURL=common.css.map */