@charset "UTF-8";


/*-----------------------------------------------------------------------

    header

-----------------------------------------------------------------------*/
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 0 20px;
  /* background: linear-gradient(90deg, #fff 0%, #fff 34%, #b271ee 34%, #b271ee 100%); */
  position: relative;
}

.hd-logo {
  width: 290px;
}

.hd-logo a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hd-logo_img {
  width: 130px;
}

.hd-logo_txt {
  height: 30px;
  padding: 9px 5px;
  border-top: 1px solid #aa64e1;
  border-bottom: 1px solid #aa64e1;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: #aa64e1;
}

.hd-line {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 60px;
  background-color: #ffff00;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
}

.hd-line::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url(/images/common/line-icon.png) no-repeat center / contain;
}

.hd-line_deco {
  width: 84px;
  height: 84px;
  padding-top: 20px;
  border-radius: 50%;
  background-color: #8353af;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: absolute;
  top: -10px;
  left: -60px;
}

.hd-line_deco>.large {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
}

.hd-nav_list {
  display: flex;
  gap: 40px;
  margin-top: 80px;
  font-weight: 700;
  color: #fff;
}

.hd-nav_list_item a {
  line-height: 2;
}

.hd-nav_list_item .current {
  border-bottom: 1px solid #fff;
}



/*-----------------------------------------------------------------------

    main-vis

-----------------------------------------------------------------------*/
.main-vis {
  display: flex;
  align-items: center;
  width: 100%;
  height: 400px;
  padding-left: 20px;
  overflow: hidden;
  position: relative;
}

.main-vis_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.main-vis_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-vis_container {
  width: 300px;
  position: absolute;
  z-index: 1;
}

.main-vis_title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

.main-vis_title>.large {
  display: block;
  margin-bottom: 5px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 70px;
  letter-spacing: 0;
  line-height: 0.93;
}

.main-vis_title_note {
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 350;
  line-height: 1.4;
  letter-spacing: 0.05em;
  position: relative;
}

.main-vis_title_note::before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #333333;
  position: absolute;
  top: 50%;
  left: -10px;
}

.main-vis_line {
  display: flex;
  align-items: center;
  width: 300px;
  height: 70px;
  background-color: #ffff00;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.main-vis_line_deco {
  width: 60px;
  height: 60px;
  padding-top: 12px;
  border-radius: 50%;
  background-color: #8353af;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: absolute;
  top: -15px;
  right: -30px;
}

.main-vis_line_deco>.large {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}

.main-vis_line_txt {
  padding-left: 45px;
  position: relative;
}

.main-vis_line_txt>.small {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 350;
}

.main-vis_line_txt::before {
  content: "";
  width: 25px;
  height: 25px;
  background: url(/images/common/line-icon.png) no-repeat center / contain;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}


/* sub-vis
-------------------*/

.sub-vis {
  display: flex;
  align-items: center;
  height: 250px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.sub-vis_title {
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  position: absolute;
  left: 20px;
  z-index: 1;
}

.sub-vis_img {
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0;
  right: 0;
}

.sub-vis_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*-----------------------------------------------------------------------

    side-btn

-----------------------------------------------------------------------*/
.side-btn {
  width: 80px;
  height: 80px;
  padding-top: 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  background-color: #ffff00;
  position: fixed;
  right: 0;
  bottom: 80px;
  z-index: 50;
}

.side-btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto 5px;
  background: url(/images/common/line-icon.png) no-repeat center / contain;
}

.side-btn_deco {
  width: 55px;
  height: 55px;
  padding-top: 12px;
  border-radius: 50%;
  background-color: #8353af;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: absolute;
  top: -30px;
  left: -20px;
}

.side-btn_deco>.large {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
}



/*-----------------------------------------------------------------------

    footer

-----------------------------------------------------------------------*/

.ft-main {
  padding-bottom: 80px;
  background: linear-gradient(180deg, #fff 0px, #fff 80px, #333333 80px, #333333 100%);
}

.ft-contact_title {
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 2px solid #fff;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
}

.ft-contact {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
  padding: 20px 20px 30px;
  background-color: #b271ee;
}

.ft-contact_txt {
  color: #fff;
}

.ft_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.ft-l {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin-bottom: 30px;
}

.ft-logo {
  width: 180px;
}

.ft-sns_list {
  display: flex;
  gap: 10px;
}

.ft-sns_list_item a {
  width: 25px;
  height: 25px;
}

.ft-add {
  width: 100%;
  color: #fff;
  text-align: center;
}

.ft-r {
  display: flex;
  align-items: center;
  gap: 40px;
}

.ft-nav_list {
  display: flex;
  flex-direction: column;
  gap: 17px;
  width: 230px;
  height: 155px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.ft-nav_list_item>.current {
  color: #b271ee;
}

.ft-sub {
  background-color: #8353af;
  color: #fff;
}

.ft-sub_wrapper {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);
  height: 60px;
}

.copyright {
  font-size: 10px;
  opacity: 0.8;
}

.ft-sub-nav_list {
  display: flex;
  margin-bottom: 10px;
  gap: 15px;
  font-size: 10px;
  font-weight: 700;
}


/*-----------------------------------------------------------------------

    main

-----------------------------------------------------------------------*/

/*  top-lead
--------------------------------------------------*/
.top-lead {
  margin-bottom: 70px;
  padding: 0;
  position: relative;
}

.top-lead::after {
  content: "";
  width: 83px;
  height: 60px;
  background: url(/images/top/lead_arw.png) no-repeat center / contain;
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  z-index: 10;
}

.top-lead_wrapper {
  width: 100%;
  padding: 50px 0;
  background-color: #414141;
  position: relative;
}

.top-lead_title {
  color: #fff;
}


.top-lead_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

.top-lead_list_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  border: 5px solid #585858;
  font-size: 16px;
  font-weight: 350;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  position: relative;
}

.top-lead_list_item::before {
  content: "";
  width: 50px;
  height: 6px;
  background-color: #414141;
  position: absolute;
  right: 20px;
  bottom: -6px;
}

.top-lead_list_item::after {
  content: "";
  width: 35px;
  height: 42px;
  background: url(/images/top/lead_check.png) no-repeat center / contain;
  position: absolute;
  right: 23px;
  bottom: -17px;
}


/*  top-service
--------------------------------------------------*/
.top-service {
  padding-top: 120px;
  background: linear-gradient(180deg, #b271ee 0px, #b271ee 90px, #f8f0ff 90px, #f8f0ff 100%);
  position: relative;
  z-index: 1;
}

.top-service::before {
  content: "SERVICE";
  font-family: "Bebas Neue", sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 0;
  opacity: 0.1;
}

.top-service_title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: left;
}

.top-service_title>.color {
  font-size: 20px;
  font-weight: 900;
  color: #8353af;
}

.top-service_title .dot {
  position: relative;
}

.top-service_title .dot::before {
  content: "";
  width: 80px;
  height: 19px;
  background: radial-gradient(circle farthest-side, #8353af, #8353af 16%, transparent 16%, transparent);
  background-size: 17px;
  position: absolute;
  top: -12px;
  left: 0;
}

.top-service_container {
  position: relative;
}

.top-service_img {
  max-width: 400px;
  margin: 0 auto 10px;
  position: relative;
}

.top-service_txt {
  margin-bottom: 30px;
}

.top-service_link .cmn-btn {
  margin: 0 auto;
}

.top-service_link a:not(:last-child) {
  margin-bottom: 10px;
}


/*  top-voice
--------------------------------------------------*/
.top-voice {
  position: relative;
}

.top-voice::before {
  content: "";
  width: calc(1280px + 160px);
  height: 280px;
  background-color: #f2f2f2;
  position: absolute;
  top: 160px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.top-voice_title {
  text-align: left;
}

.top-voice_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

.top-voice_list_item {
  padding: 20px 20px 20px 35px;
  border-top: 1px solid #b271ee;
  background-color: #fff;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}

.top-voice_list_item::before {
  content: "“";
  font-family: "Bebas Neue", sans-serif;
  font-size: 70px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #b271ee;
  opacity: 0.3;
  position: absolute;
  top: 10px;
  left: 5px;
}

.top-voice_list_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.top-voice_link {
  text-align: right;
}

.top-voice_link_btn {
  display: inline-block;
  padding-right: 40px;
  position: relative;
}

.top-voice_link_btn::after {
  content: "";
  width: 25px;
  height: 25px;
  background: url(/images/top/voice_arw.png) no-repeat center / contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.top-voice_link_btn p {
  padding-bottom: 8px;
  border-bottom: 2px solid #8353af;
  font-weight: 700;
  line-height: 1;
  color: #8353af;
}

/*  top-info
--------------------------------------------------*/
.top-info {
  border-top: 1px solid rgba(51, 51, 51, 0.2);
  position: relative;
}

.top-info::after {
  content: "ABOUT ma moon spot";
  font-family: "Bebas Neue", sans-serif;
  font-size: 55px;
  line-height: 1;
  letter-spacing: 0;
  color: #f8f0ff;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: -1;
}

.top-info_wrapper {
  width: 100%;
}

.top-info_title {
  display: block;
  width: 220px;
  margin: -65px auto 30px;
  background-color: #fff;
}

.top-info_box {
  width: 100%;
  margin: 0 auto;
  padding: 30px 20px;
  background-color: #b271ee;
}

.top-info_box_title {
  width: 330px;
  margin: 0 auto 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  position: relative;
}

.top-info_box_title::before,
.top-info_box_title::after {
  content: "";
  width: 10px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
}

.top-info_box_title::before {
  left: 10px;
}

.top-info_box_title::after {
  right: 10px;
}

.top-info_container {
  position: relative;
}

.top-info_img {
  max-width: 400px;
  margin: 0 auto 10px;
  position: relative;
}

.top-info_txt {
  margin-bottom: 20px;
  color: #fff;
}

.top-info_btn {
  margin: 0 auto;
}

/*  top-news
--------------------------------------------------*/
.top-news_bnr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 40px);
  padding: 20px;
  margin: 0 auto;
  border: 10px solid #f8f0ff;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  position: relative;
}

.top-news_bnr::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/images/top/tab-color.png) no-repeat center / contain;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.top-news_title {
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 2px solid #8353af;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #8353af;
}


/*--------------------------------------------------

reason

--------------------------------------------------*/
.reason_wrapper {
  width: 100%;
}

.reason_list_item {
  width: 100%;
  min-height: 500px;
  padding: 30px 20px;
  background-color: #f8f0ff;
  position: relative;
  counter-increment: number;
}

.reason_list_item::before {
  content: counter(number, decimal-leading-zero);
  font-family: "Bebas Neue", sans-serif;
  font-size: 80px;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
}

.reason_list_item:not(:last-child) {
  margin-bottom: 20px;
}

.reason_list_container {
  position: relative;
}

.reason_list_img {
  max-width: 400px;
  margin: 0 auto 10px;
  position: relative;
}

.reason_list_title {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

.reason_list_title::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  margin-top: 10px;
  background-color: #b271ee;
}


/*--------------------------------------------------

treatment

--------------------------------------------------*/
/*  treatment-about
--------------------------------------------------*/
.treatment-about_box {
  width: 100%;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #b271ee;
}

.treatment-about_container {
  position: relative;
}

.treatment-about_img {
  max-width: 400px;
  margin: 0 auto 10px;
  position: relative;
}

.treatment-about_txt {
  color: #fff;
}

.treatment-about_info_content:not(:last-child) {
  margin-bottom: 20px;
}

.treatment-about_info_title {
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 4px solid #b271ee;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.treatment-about_info_txt {
  padding: 20px;
  background-color: #f8f0ff;
}

.treatment-about_info_list li {
  padding-left: 25px;
  position: relative;
}

.treatment-about_info_list li::before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background: url(/images/treatment/about-info_check.png) no-repeat center / contain;
  position: absolute;
  top: 3px;
  left: 0;
}

/*  treatment-flow
--------------------------------------------------*/
.treatment-flow {
  padding-top: 0;
}

.treatment-flow_wrapper {
  width: 100%;
}

.treatment-flow_list {
  width: 100%;
  padding: 20px;
  background-color: #f2f2f2;
}

.treatment-flow_list_item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 20px;
  border-top: 1px solid #b271ee;
  background-color: #fff;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);
  counter-increment: number;
}

.treatment-flow_list_item:not(:last-child) {
  margin-bottom: 20px;
}

.treatment-flow_list_title {
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
}

.treatment-flow_list_title::before {
  content: "STEP " counter(number, decimal-leading-zero)".";
  white-space: pre;
  font-family: "Bebas Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #b271ee;
  position: absolute;
  top: 5px;
  left: 0;
}

.treatment-flow_list_img {
  max-width: 400px;
  height: auto;
  margin: 0 auto 10px;
}



/*--------------------------------------------------

info

--------------------------------------------------*/
.info-concept {
  position: relative;
}

.info-concept::before {
  content: "";
  width: 100%;
  height: 346px;
  background-color: #f8f0ff;
  position: absolute;
  top: 255px;
  z-index: -1;
}

.info-concept_box {
  width: 100%;
  padding: 20px;
  background-color: #b271ee;
}

.info-concept_title {
  width: 295px;
  margin: 0 auto 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  position: relative;
}

.info-concept_title::before,
.info-concept_title::after {
  content: "";
  width: 10px;
  height: 2px;
  margin: 0 15px;
  background-color: #fff;
  position: absolute;
  top: 50%;
}

.info-concept_title::before {
  left: -10px;
}

.info-concept_title::after {
  right: -10px;
}

.info-concept_container {
  position: relative;
}

.info-concept_img {
  max-width: 400px;
  margin: 0 auto 10px;
  position: relative;
}

.info-concept_txt {
  color: #fff;
}


/*  info-feature
--------------------------------------------------*/
.info-feature {
  padding-top: 0;
}

.info-feature_wrapper {
  width: 100%;
}

.info-feature_list {
  width: 100%;
  padding: 20px;
  background-color: #f2f2f2;
}

.info-feature_list_item {
  display: flex;
  flex-wrap: wrap;
  min-height: 290px;
  padding: 20px;
  border-top: 1px solid #b271ee;
  background-color: #fff;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);
  counter-increment: number;
}

.info-feature_list_item:not(:last-child) {
  margin-bottom: 30px;
}

.info-feature_list_container {
  position: relative;
}

.info-feature_list_title {
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: left;
  position: relative;
}

.info-feature_list_title::before {
  content: counter(number, decimal-leading-zero)".";
  display: inline-block;
  margin-right: 10px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #b271ee;
  transform: translateY(1px);
}

.info-feature_list_img {
  max-width: 400px;
  margin: 0 auto 10px;
  position: relative;
}

/*  info
--------------------------------------------------*/
.info {
  padding-top: 0;
}

.info-map_title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}

.info-map_title::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 36px;
  margin-right: 10px;
  background: url(/images/info/map-pin.png) no-repeat center / contain;
  transform: translateY(10px);
}

.info-map {
  width: 100%;
  height: 300px;
}

.info-map iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*--------------------------------------------------

voice

--------------------------------------------------*/

.voice_content {
  padding: 20px 20px 20px 35px;
  border-top: 1px solid #b271ee;
  background-color: #fff;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);
}

.voice_content:not(:last-child) {
  margin-bottom: 30px;
}

.voice_content_title {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  position: relative;
}

.voice_content_title::before {
  content: "“";
  font-family: "Bebas Neue", sans-serif;
  font-size: 70px;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 400;
  color: rgba(178, 113, 238, 0.3);
  position: absolute;
  top: -5px;
  left: -30px;
}


/*-----------------------------------------------------------------------

    nav

-----------------------------------------------------------------------*/


/* drawer-nav */
.drawer--right .drawer-toggle.drawer-hamburger {
  background-color: #b271ee !important;
}

.drawer-logo {
  width: 170px;
  height: 80px;
  margin-top: -10%;
  margin-bottom: 50px;
}

.drawer-logo img {
  margin-bottom: 10px;
}

.drawer-nav {
  z-index: 100;
}

.drawer-nav .sns-list {
  justify-content: center;
  margin: 0;
}

.drawer-nav .drawer-menu>li>.drawer-menu-item {
  color: inherit;
}

.drawer-menu {
  margin-bottom: 20px;
}

.drawer-sub-menu {
  margin-left: 5px;
}

.drawer-nav .drawer-sub-menu>li {
  position: relative;
}

.drawer-nav .drawer-sub-menu>li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.drawer-nav .drawer-sub-menu>li>.drawer-sub-menu-item {
  font-size: 12px;
  display: block;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  font-weight: bold;
  color: #333;
}

.drawer-current {
  border-bottom-color: inherit !important;
  border-right-color: inherit !important;
}

.drawer-nav .drawer-menu>li>.drawer-menu-item {
  line-height: 1.3;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
}

.drawer-nav .drawer-menu>li>.drawer-menu-item span {
  display: inline-block;
  margin: 0 0 0 1em;
  font-size: 80%;
  color: #ffcc9b;
}

.drawer-address li {
  margin-bottom: 13px;
}

.level1 {
  padding-bottom: 2%;
}

.level1 li {
  padding: 0 2% !important;
}

.level1 li .drawer-dropdown-menu-item::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 1px;
  margin: 0 8px 0;
  border-bottom: 1px solid;
  vertical-align: 5px;
}

/* ▼ drawer-info*/
.drawer-info {
  width: 100%;
  margin: 40px 0 0;
}

.drawer-info .cmn-info {
  padding: 20px;
}

.drawer-menu .current {
  position: relative;
}

.drawer-menu .current::before {
  content: "";
  width: 8px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 0;
}


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