@charset "UTF-8";

@import url('./delivery.css');

/*
 * Reset
 */
:root {
  --OUTER-PADDING: 20px;
  --INNER-PADDING: 20px;
  overflow-wrap: break-word;
  word-break: break-all;
}
a {
  cursor: pointer;
}
a:hover {
  opacity: .7;
  transition: .1s;
}
.p-button.p-button--submit {
  margin: 0;
  background: unset;
}
.device_sp .p-button.p-button--submit:before {
    right: 0.7rem;
}
.device_sp .howto .p-button.p-button--submit:before {
    right: 1.5rem;
}
.device_sp .p-button.p-button--next:before {
    right: 1.0rem;
}
.p-button.p-button--next:before,
.p-button.p-button--back:before {
  background: url(../../../static/images/parts/icon/i-chevron-right.svg) top left no-repeat;
  top: 3px;
}
.p-button.p-button--next.--down:before {
  transform: rotate(90deg);
}
#delivery.device_sp .p-lists {
  max-width: unset;
}

/*** ECサイトのbutton.cssには定義されているが、受領のbutton.cssには無いので補填 */
.p-button.p-button--menu .p-button__txt {
    margin-top: 0.6rem;
}


/*
 * icon
 */
 .--circle-question:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background: url(../../../static/images/delivery/i-circle-question.svg) top left no-repeat;
  background-size: auto;
}
.p-button.--blank::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background: url('../../../static/images/delivery/i-window.svg') top left no-repeat;
  background-size: auto;
}
/* a[target="_blank"]:not(:has(img)):after { */
a.i--blank:after {
  content: url('../../../static/images/delivery/i-window.svg');
  margin-left: 4px;
  position: relative;
  top: 1px;
}
a.i--arrow-right-blue:after {
  content: url('../../../static/images/delivery/i-chevron-right-blue.svg');
  margin-left: 4px;
  position: relative;
  top: 0; /* 2px; */
}

a.i--arrow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  width: 6px;
  height: 10px;
  margin: auto;
  background: url('../../../static/images/parts/icon/i-chevron-right.svg') top left no-repeat;
  background-size: auto;
}

a.color-right-blue {
  color: #004795;
}
a.color-right-blue:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #004795;
}

.attention {
  font-size: 1.4rem;
  color: #8a8c97;
  margin-top: 10px;
  padding-left: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
}
.attention::before {
  content: "※";
  margin-left: -1.5rem;
  position: absolute;
}
.indent {
  text-indent: -1.5rem;
  margin-left: 1.5rem;
}
.indent.--not {
  text-indent: unset;
}
.indent > .number {
  margin-right: 0.5rem;
}

/* -----------------------------------------------------------
 * Common
 * -----------------------------------------------------------*/
#head_block {
  min-width: 1170px;
}
section {
  margin-top: 140px;
}
.device_sp section {
  margin-top: 80px;
}
.device_sp section.footer-navi {
  margin-top: 32px;
}

.l-container {
  max-width: 1170px;
  min-width: 1024px;
  margin: 0 auto;
}
.device_sp .l-container {
  padding: 0 var(--OUTER-PADDING);
}
.l-container.--1050 {
  max-width: 1050px;
}
.l-container.--980 {
  max-width: 980px;
  min-width: 980px;
}
.device_sp .l-container.--980 {
  max-width: unset;
  min-width: unset;
}

/* Header */
.p-header.p-header--top .p-logo-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.device_sp .p-header-nav {
  display: flex;
}

.device_sp .p-header.p-header--top.p-block.p-block--row {
  flex-direction: row;
}
.device_sp .p-header.p-header--top .p-logo-wrap {
  gap: 10px;
}
.p-header.p-header--top .p-logo {
  width: unset;
}
.device_sp .p-header.p-header--top .p-logo {
  width: unset;
  height: unset;
  position: unset;
}
.p-header .p-logo-sub {
  font-size: 1.0rem;
  line-height: calc(15/10);
  color: #1A1311;
}
.device_sp .p-header.p-header--menu-sp .p-link.p-link--icon-vertical {
  padding: 0rem 0.5rem 0rem;
}
.device_sp .p-header.p-header--menu-sp .p-link.p-link--icon-vertical .p-link__icon {
  height: 16px;
}
.device_sp .p-header.p-header--menu-sp .p-link.p-link--icon-vertical .p-badge {
  top: -6px;
  right: 6px;
}
.device_sp .p-header.p-header--menu-sp .p-header__item:first-child {
  margin-right: 0;
}

/* Dropdown Menu */
.p-dropdown-menu {
  top: 48px;
}

.p-dropdown .p-dropdown__container {
  font-weight: 500;
}
.p-link.p-link--arrow.--circle-question:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.0rem;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background: url('../../../static/images/delivery/i-circle-question.svg') top left no-repeat;
  background-size: auto;
}
.p-link.p-link--arrow.--window:after,
.--window:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.0rem;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background: url('../../../static/images/delivery/i-window.svg') top left no-repeat;
  background-size: auto;
}
.p-dropdown .p-dropdown__container .p-point .p-txt--point {
  color: #000127;
}
.p-dropdown .p-dropdown__container .p-point .p-txt--num {
  color: #000127;
}

/* Slideup Menu(SP) */
.p-slideupmenu {
  font-weight: 500;
}
.p-slideupmenu .-list .p-link {
  display: inline-block;
  width: calc(50% - 6px);
  margin-right: 5px;
}
.p-slideupmenu .-list .p-link:nth-of-type(2n) {
  margin-right: 0;
}
.p-slideupmenu .p-block.p-block--menu-login .p-point .p-point__head .p-link {
  color: #424242;
}
.p-slideupmenu .p-block.p-block--menu-login .p-point .p-point__content .p-txt.p-txt--num {
  color: #284F76;
  font-size: 1.8rem;
  font-weight: 700;;
}
.p-slideupmenu .p-block+.p-block {
  margin-top: 2rem;
}
.p-slideupmenu .p-block .p-link+.p-link {
  margin-top: 1rem;
}
.p-slideupmenu .p-logo__img {
  width: 181px;
}

/* Mypage Menu */
.p-dropdown-mypage .p-dropdown__block--barcode {
    padding: 1.5rem 0 .5rem;
}
.p-dropdown-mypage .p-dropdown__block--point {
    padding: 0 0 1rem;
}
.p-dropdown-mypage .p-dropdown__block--barcode .p-barcode {
    padding: 1rem 1.5rem 1rem;
    margin-bottom: 0;
}
.p-dropdown-mypage .p-dropdown__block--barcode .p-barcode .p-barcode-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap :5px;
}
.p-dropdown-mypage .p-dropdown__block--barcode .p-barcode .p-barcode-wrap > img {
  width: 176px;
  height: auto;
}
.p-dropdown-mypage .p-dropdown__block--barcode .p-barcode .p-barcode-wrap .p-txt--barcode {
  font-size: 1.3rem;
  line-height: calc(22/13);
  /* letter-spacing: 0.4rem; */
}
.p-dropdown-mypage .secret_promotion .p-swiper-slide__link > img {
  width: 344px;
}

.p-dropdown-mypage__container>.p-dropdown__item {
  width: calc((100%) / 3);
}
.p-dropdown-mypage__container>.p-dropdown__item:nth-child(1) {
  /*
  padding: 0 23px;
  margin-right: 0;
  width: calc(314px + 23px + 23px);
  */
  padding: 0 18px;
  margin-right: 0;
  width: calc(344px + 18px + 18px);
}
.p-dropdown-mypage__container>.p-dropdown__item:nth-child(2) {
  padding: 0 20px 0 30px;
  margin-right: 0;
}
.p-dropdown-mypage__container>.p-dropdown__item:nth-child(3) {
  padding: 0 42px 0 41px;
  margin-right: 0;
  width: calc(344px + 41px + 41px);
}
.p-dropdown-mypage__container .mypage-swiper {
  /*
  padding-bottom: 20px;
  */
}
.p-dropdown-mypage__container .mypage-swiper .swiper-button-prev,
.p-dropdown-mypage__container .mypage-swiper .swiper-button-next {
  /*
  width: 16px;
  height: 35px;
  margin-top: -29px;
  */
  margin-top: -18px;
  width: 16px;
  height: 35px;
}
.p-dropdown-mypage__container .mypage-swiper .swiper-button-prev:after,
.p-dropdown-mypage__container .mypage-swiper .swiper-button-next:after {
  width: 10px;
  height: 16px;
}
.p-dropdown-mypage__container .mypage-swiper .swiper-pagination-bullet {
  width: 22px;
  height: 1px;
  opacity: 1;
}
.p-dropdown-mypage__container .p-dropdown__item.--with-large-icon .p-link.p-link--row {
  padding: 0;
}
.p-dropdown-mypage__container .p-dropdown__item.--with-large-icon .p-link .p-link--row__content {
  margin-left: 0;
}
.p-dropdown-mypage__container .p-dropdown__item.--with-large-icon .p-link .p-link--row__content .p-txt {
  font-size: 2.0rem;
  font-weight: 500;
}
.p-dropdown-mypage__container .p-dropdown__item .p-link.delivery-separator {
  margin-top: 30px;
}
.p-dropdown-mypage__container .p-dropdown__item .p-campaign {
  margin-top: 20px;
}
/* 店舗情報～EVENT CALENDAR バナー画像ちおするなら不要*/

/* Slideup Mypage */
.device_sp .p-mypage.js-menuShow {
  top: 0px;
  overflow: scroll;
}
.device_sp .p-mypage .p-mypage__content .p-barcode .p-txt--barcode {
  font-size: 1.3rem;
  letter-spacing: 0.4rem;
}
.p-mypage .p-mypage__content {
  padding: 2rem 0 0;
  height: 100% !important;
}

.device_sp .p-mypage .p-mypage__content .p-block.p-block--ec {
  padding-top: 21px;
  border-bottom: 1px solid #DADADA;
}
.device_sp .p-mypage .p-mypage__content .p-block.p-block--guide {
  padding: 25px var(--OUTER-PADDING) 100px;
  margin: 0 calc(-1 * var(--OUTER-PADDING));
  background-color: #FFFFFF;
}
.device_sp .p-mypage .p-mypage__content .p-block .p-point .p-txt.p-txt--num {
  color: #000127;
  font-size: 1.8rem;
  font-weight: 700;;
}
.device_sp .p-mypage .p-mypage__content .p-block .p-lists--col3  {
  gap: 10px;
}
.device_sp .p-mypage .p-mypage__content .p-block .p-lists--col3 > .p-lists__item {
  width: calc((100% - 20px) / 3);
  margin-right: 0
}
.device_sp .p-mypage .p-mypage__content .p-block.p-block--guide .p-lists.p-lists--col3 {
  gap: 10px;
}
.device_sp .p-mypage .p-mypage__content .mypage-swiper {
  margin-top: 14px;
  /* padding-bottom: 26px; */
}
.device_sp .p-mypage .p-mypage__content .mypage-swiper .swiper-button-prev,
.device_sp .p-mypage .p-mypage__content .mypage-swiper .swiper-button-next {
  margin-top: -20px;
  width: 16px;
  height: 35px;
}
.device_sp .p-mypage .p-mypage__content .mypage-swiper .swiper-button-prev::after,
.device_sp .p-mypage .p-mypage__content .mypage-swiper .swiper-button-next::after {
  width: 10px;
  height: 16px;
}
.device_sp .p-mypage .p-mypage__content .mypage-swiper .swiper-pagination-bullet {
  width: 16px;
  height: 1px;
  opacity: 1;
}
.p-mypage .p-link.p-link--icon-vertical .p-link__icon {
    width: auto;
    height: auto;
    height: 20px;
}
.device_sp .p-mypage .p-link.p-link--icon-vertical .p-link__icon {
    width: auto;
    height: 2rem;
}


/* Footer Navi */
.device_sp .p-menubar.--bottom-navi {
  justify-content: space-between;
  padding: 4px var(--OUTER-PADDING);
  z-index: 10000;
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item {
  width: unset;
  padding: unset;
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item:first-child {
  /* width: 40px; */
  margin-right: calc(var(--INNER-PADDING) /2);
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item:last-child {
  /* width: 40px; */
  margin-left: calc(var(--INNER-PADDING) /2);
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item .p-button.navi-item {
  width: calc((100vw - var(--OUTER-PADDING) * 2 - 67px * 2) / 2);
  width: 94px;
  border-radius: 30px;
  height: calc(56px - 4px - 4px);
  text-align: center;
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item .p-button.navi-item:before {
  content: unset;
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item .p-button.navi-item.line {
  font-size: 1.0rem;
  font-weight: 500;
  line-height: calc(15/10);
  background-color: #06C755;
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item .p-button.navi-item.apply {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: calc(13/10);
  background-color: #E56767;
  flex-direction: column;
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item .p-button.navi-item.apply > img {
  width:20px;
}
.device_sp .p-menubar.--bottom-navi .p-menubar__item .p-link__text {
    margin-top: 0.6rem;
}
.device_sp .p-menubar .p-menubar__item .p-link__icon.non-current,
.device_sp .p-menubar .p-menubar__item .p-link__icon.current,
.device_sp .p-menubar .p-menubar__item .p-link__icon.non-login {
    margin-top: 0;
}
.device_sp .p-menubar.--bottom-navi .p-button.p-button--mypage {
  justify-content: center;
}
.device_sp .p-menubar.--bottom-navi .p-button.p-button--mypage.js-menuOpen .p-button__icon.icon_active {
  margin-bottom: 8px;
}


/* Floating */
.device_sp .launch-button-container {
  display: none;
}
.launch-button-container {
  position: fixed;
  top: 300px;
  right: 0;
  z-index: 10;
  transition: all .5s;
}
.scroll_mid .launch-button-container,
.scroll_bottom .launch-button-container {
  top: 100px;
}
.launch-button-container .launch-button {
  display: flex;
  width: 50px;
  height: auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 0;
  padding: 12px 6px;
  line-height: calc(21/20);
  letter-spacing: 2px;
  border: 0;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
  outline: 0;

  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.launch-button-container .launch-button > img {
  width: 3.0rem;
  margin-bottom: 10px;
}
.launch-button-container .launch-button.line > img {
  width: 1.6rem;
  margin-bottom: 0;
}
.launch-button-container .launch-button.line {
  background-color: #06C755;
}
.launch-button-container .launch-button.apply {
  background-color: #E56767;
}
.launch-button-container .launch-button+.launch-button {
  margin-top:10px;
}

.launch-button-container .launch-button .launch-button-text {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-feature-settings: initial;
}

/* h2 title */
.h2-title {
    background-color: #E8E3E0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: calc(20/18);
    padding: 7px 0;
    width: 100%;
    text-align: center;
}

.h2-title.--large {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: calc(28/20);
    padding: 20px;
}
.device_sp .h2-title.--large {
    font-size: 2.2rem;
    line-height: calc(28/20);
    padding: 12px;
}

.h3-title {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  margin-top: 50px;
  padding-bottom: 20px;
  position: relative;
}
.h3-title::after {
  content: "";
  position: absolute;
  bottom: 0px;
  /* width: 150px; */
  height: 12px;
  background: url('../../../static/images/delivery/i-underline-tail.svg') center center no-repeat;
  background-size: auto;
  display: flex;
  justify-content: center;
  width: 100%;
}
.device_sp .h3-title {
  font-size: 2.0rem;
  margin-top: 30px;
}

.h3-title-sub {
  font-size: 1.6rem;
  line-height: calc(24/16);
  color: #7D7D7D;
  text-align: center;
  margin-top: 10px;
}
.device_sp .h3-title-sub {
  font-size: 1.4rem;
  line-height: calc(20/14);
}

/* Box */
.box-border {
  border: 1px solid #E8E3E0;
}

/* Ballon */
.balloon-wrap {
  display: flex;
  justify-content: center;
  position: relative;
}
.balloon {
  width: 285px;
  background-color: #F2F2F2;
  border-radius: 36px;
  text-align: center;
  padding: 10px 20px;
  margin-bottom: 15px;
  position: relative;
}
.balloon:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 10px solid #f2f2f2;
  border-right: 10px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #f2f2f2;
}
.balloon span {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: calc(20/14);
}

/* Accordion */
.accordion .accordion-item input {
  display: none;
}
.accordion .accordion-title {
  position: relative;
  width: 100%;
  z-index: 1;
  transition: all .3s;
  padding-right: 3rem;
  font-size: 2.0rem;
  font-weight: 500;
  color: #000;
  line-height: calc(29 / 20);
  margin-top: 6px;
  border-bottom: 1px solid #DADADA;
}
.accordion .accordion-title:hover {
  opacity: .7;
  transition: all .3s;
}
.accordion .accordion-title label {
  display: block;
  padding: 24px 10px;
  cursor: pointer;
}
.device_sp .accordion .accordion-title label {
  padding: 18px 30px 18px 10px;
}
.accordion .accordion-title:before {
  content: '';
  position: absolute;
  width: 13px;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  background: #959595;
  transform: translateY(-50%);
}
.accordion .accordion-title:after {
  content: '';
  position: absolute;
  width: 13px;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  background: #959595;
  transition: all .5s;
  transform: translateY(-50%) rotate(90deg);
}
.accordion .accordion-item input:checked + .accordion-title::after {
  transform: translateY(-50%) rotate(180deg);
}
.accordion .accordion-item .accordion-title+.accordion-cont {
  display: grid;
  grid-template-rows: 0fr;
  transition: all .5s;
  padding: 0 60px;
}
.accordion .accordion-item input:checked+.accordion-title+.accordion-cont {
  max-height: 100%;
  grid-template-rows: 1fr;
  padding: 60px;
  background-color: #F2F2F2;
}
.accordion .accordion-item .accordion-text {
  position: relative;
  overflow: hidden;
  z-index: 0;
  font-size: 1.6rem;
  line-height: calc(26 / 16);
}
.accordion .accordion-item .accordion-text .ttl-item {
  margin-top: 30px;
}
.accordion .accordion-item .accordion-text a {
  position: relative;
}

.device_sp .accordion .accordion-item .accordion-title+.accordion-cont {
  padding: 0 30px;
}
.device_sp .accordion .accordion-item input:checked+.accordion-title+.accordion-cont {
  padding: 30px;
}
.device_sp .accordion .accordion-item .accordion-text .ttl-item {
  margin-top: 15px;
}


.accordion dl.accordion-item input,.accordion_open dl.accordion-item input {
  display: none;
}
.accordion dl.accordion-item dt {
  position: relative;
  width: 100%;
  z-index: 1;
  transition: all .3s;
  padding-right: 3rem;
}
.accordion dl.accordion-item dt:hover {
  opacity: .7;
  transition: all .3s;
}
.accordion dl.accordion-item dt img,.accordion_open dl.accordion-item dt img {
  width: 2.4rem;
  margin-right: 2.0rem;
}

.accordion dl.accordion-item dt label {
  display: block;
  padding: 24px 10px;
  cursor: pointer;
}

.accordion_open dl.accordion-item dt label {
  display: block;
  padding: 24px 10px;
}

.device_sp .accordion dl.accordion-item dt label,.device_sp .accordion_open dl.accordion-item dt label {
  padding: 18px 30px 18px 10px;
}

.accordion dl.accordion-item dt:before,.accordion_open dl.accordion-item dt:before {
  content: '';
  position: absolute;
  width: 13px;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  background: #959595;
  transform: translateY(-50%);
}
.accordion dl.accordion-item dt:after,.accordion_open dl.accordion-item dt:after {
  content: '';
  position: absolute;
  width: 13px;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  background: #959595;
  transition: all .5s;
  transform: translateY(-50%) rotate(90deg);
}
.accordion dl.accordion-item input:checked+dt::after {
  transform: translateY(-50%) rotate(180deg);
}
.accordion dl.accordion-item dd {
  position: relative;
  overflow: hidden;
  z-index: 0;
  padding: 0 30px;
  display: grid;
  grid-template-rows: 0fr;
  transition: all .5s;
}
.accordion dl.accordion-item input:checked+dt+dd {
  max-height: 100%;
  grid-template-rows: 1fr;
}

.accordion dl.accordion-item dd a {
  position: relative;
}


/* FOOTER-NAVI */
.footer-navi .mainitem {
  padding: 40px 0 60px;
  background-color: #F2F2F2;
}
.device_sp .footer-navi .mainitem {
  padding: 40px 0 40px;
}

/* FOOTER NAVI メイン取扱アイテム */
.footer-navi .mainitem .mainitem-title {
  margin-top: 0;
}
.footer-navi .mainitem .mainitem-list .lineup-rows {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 60px;
}

.footer-navi .mainitem .mainitem-list .lineup-rows .lineup-row {
  width: calc((100% - 20px*3) /4);
}
.device_sp .footer-navi .mainitem .mainitem-list .lineup-rows .lineup-row {
  width: calc((100% - 20px) /2);
}

.footer-navi .mainitem .mainitem-list .lineup-rows .lineup-row .title {
  font-size: 1.4rem;
  line-height: calc(20/14);
  color: #000;
  background-color: unset;
  border: none;
  text-align: center;
}
.footer-navi .mainitem .mainitem-list .lineup-rows .lineup-row .p-button.p-button--next:before {
  right: 0;
}

/* FOOTER NAVI 宅配買取方法のご案内 */
.footer-navi .howto .howto-banner {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}
.footer-navi .howto .howto-banner .howto-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 570px;
  height: 110px;
  background: url('../../../static/images/delivery/for-begginers.jpg') no-repeat top left;
  background-size: cover;
  font-size: 2.2rem;
  font-weight: 500;
}
.device_sp .footer-navi .howto .howto-banner .howto-link {
  width: 100%;
  aspect-ratio: 335 / 100;
  height: unset;
  background: url('../../../static/images/delivery/for-begginers-sp.jpg') no-repeat top left;
  background-size: cover;
}

.footer-navi .howto .howto-banner a {
  color: #fff;
}

/* FOOTER NAVI その他サービス */
.footer-navi .otherservice .banner-wrap {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 30px;
  justify-content: center;
}
.device_sp .footer-navi .otherservice .banner-wrap {
  flex-direction: column;
  gap: 30px;
}

.footer-navi .otherservice .banner-wrap .image {
  width: 500px;
}
 
.device_sp .footer-navi .otherservice .banner-wrap .image {
  width: auto;
}

/* FOOTER-NAVI お問い合わせ */
.footer-navi .contact {
  margin-top: 60px;
}
.device_sp .footer-navi .contact {
  margin-top: 40px;
}

.footer-navi .contact-box {
  background-color: #E9E4E1;
  padding: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.device_sp .footer-navi .contact-box {
  padding: 30px;
  margin-left: calc(var(--OUTER-PADDING) * -1);
  margin-right: calc(var(--OUTER-PADDING) * -1);
}

.footer-navi .contact-box .guide {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: calc(29/20);
  color: #7D7D7D;
}
.device_sp .footer-navi .contact-box .guide {
  font-size: 1.6rem;
  line-height: calc(24/16);
}
.footer-navi .contact-box .col {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: start;
  margin-top: 32px;
}
.device_sp .footer-navi .contact-box .col {
  width: 100%;
}
.footer-navi .contact-box .col.tel {
  flex-direction: column;
}
.footer-navi .contact-box .col .telno,
.footer-navi .contact-box .col .time {
  width: 100%;
  display: flex;
  justify-content: center;
}

.footer-navi .contact-box .col .telno {
  font-size: 3.5rem;
  font-weight: 700;
  font-family: 'Noto Serif JP', serif;
  line-height: calc(47/35);
  color: #424242;
}
.footer-navi .contact-box .col .time {
  font-size: 1.4rem;
  line-height: calc(20/14);
  color: #959595;
}
.footer-navi .contact-box .col .email {
  font-size: 1.4rem;
  line-height: calc(20/14);
  background-color: #F2f2F2;
  border: 1px solid #DADADA;
  max-width: 340px !important;
  max-height: 37px !important;
  position: relative;
}
.device_sp .footer-navi .contact-box .col .email {
  max-width: 225px !important;
}
.footer-navi .contact-box .col .email::after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 0;
  left: 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  background: url('../../../static/images/delivery/i-mail.svg') top left no-repeat;
  background-size: auto;
}


/* フッターメニュー */
.d-footer {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: row;
}
.device_sp .d-footer {
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.d-footer.d-footer--top {
  min-height: 48px;
  position: relative;
  z-index: 2;
  justify-content: space-between;
  align-items: center;
}
.device_sp .d-footer--top {
  padding-top: 30px;
}

.d-footer .d-logo {
  width: 270px;
}
.device_sp .d-footer .d-logo {
  width: 180px;
}
.d-footer.d-footer--menu {
  gap: 50px;
}
.device_sp .d-footer.d-footer--menu {
  gap: 0;
  margin-top: 16px;
}

.d-footer .d-link.d-link--footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 49px;
  padding: 1.4rem 1.5rem;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
  position: relative;
}
.device_sp .d-footer .d-link-footer-sitemap {
  width: 100%;
  text-align: center;
}
.d-footer .d-link-footer-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.device_sp .d-footer .d-link-footer-menu {
  width: 100%;
}
.device_sp .d-footer .d-link.d-link--footer {
  display: inline-flex;
}
/*
.d-footer .d-link.d-link--footer:nth-child(1) {
}
.device_sp .d-footer .d-link.d-link--footer:nth-child(1) {
  margin-right: 0;
}
*/
.d-footer .d-link.d-link--footer:nth-child(2):before,
.d-footer .d-link.d-link--footer:nth-child(3):before {
  content: '';
  position: absolute;
  width: 1px;
  height: 13px;
  top: 17px;
  left: 2px;
  background: #959595;
  /* transform: translateY(-50%); */
}
.d-footer .d-link.d-link--footer.i--arrow {
  position: relative;
  padding: 1.4rem 2.8rem 1.4rem 1.5rem;
}
/**
.d-footer .d-link.d-link--footer.i--arrow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  width: 6px;
  height: 10px;
  margin: auto;
  background: url('../../../static/images/parts/icon/i-chevron-right.svg') top left no-repeat;
  background-size: auto;
}
**/
.device_sp .p-permit {
  text-align: center;

}


/* フッター */
.p-authorization__content.--delivery {
  height: unset;
  background-color: unset;
}
.device_sp .p-authorization__content.--delivery {
  flex-direction: column;
}
.device_sp .p-permit__text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: calc(24/15);
}

.device_sp .p-footmarks {
  display: flex;
  justify-content: center;
  margin: 30px 0 0;
}

.last-footer {
  margin-top: 32px;
}
.copyright {
  color: #AAAAAA;
  font-size: 1.0rem;
}

/* ページトップ */
.p-pagetop {
  position: fixed;
  right: 10px;
  bottom: 43px !important;
  width: 47px;
  height: 47px;
  display: block;
  z-index: 999;
  opacity: 0;
  transition: all .5s;
}
.device_sp .p-pagetop {
  /* bottom: 56px !important; */
  bottom: 76px !important;
}

/* Breadcrumbs */
.c-breadcrumbs {
  width: 100%;
  padding: 2rem 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: calc(26/12);
}

.c-breadcrumbs__item.is_active {
    color: #424242;
}

.device_sp .c-breadcrumbs {
    padding: 1rem 0 1.5rem;
}

/* Personal */
section.personal {
  margin-top: 40px;
}
.device_sp section.personal {
  margin-top: 20px;
}
section.personal.--add {
  margin-top: 80px;
}
section.personal.--add .h2-title{
  margin-top: 30px;
}

.personal .navigation {
  padding: 10px 20px 20px;
}
.device_sp .personal .navigation {
  padding: 15px 15px 20px;
}

.personal .navigation .navi-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.device_sp .personal .navigation .navi-wrap {
  gap: 15px 10px;
}

.personal .navigation .navi-wrap .navi-item-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc((100% - 20px) / 2);
}
.device_sp .personal.--add .navigation .navi-wrap .navi-item-wrap {
  width: 100%;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-sub {
  margin-bottom: 10px;
  position: relative;
  font-size: 1.6rem;
  line-height: calc(26/16);
}
.device_sp .personal .navigation .navi-wrap .navi-item-wrap .navi-sub {
  margin-bottom: 5px;
  font-size: 1.2rem;
}

.personal .navigation .navi-wrap .navi-item-wrap .navi-sub::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -10px;
  width: 1px;
  height: 16px;
  background: #424242;
  border-radius: 3px;
  transform: rotate(145deg);
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-sub::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -10px;
  width: 1px;
  height: 16px;
  background: #424242;
  border-radius: 3px;
  transform: rotate(-145deg);
}
.personal .navigation .navi-wrap .navi-item-wrap.--line .navi-sub::before,
.personal .navigation .navi-wrap .navi-item-wrap.--line .navi-sub::after {
  background: #06C755;
}
.personal .navigation .navi-wrap .navi-item-wrap.--apply .navi-sub::before,
.personal .navigation .navi-wrap .navi-item-wrap.--apply .navi-sub::after {
  background: #E56767;
}
.personal.--add .navigation .navi-wrap .navi-item-wrap.--begginers {
  display: none;
}
.personal .navigation .navi-wrap .navi-item-wrap.--line .navi-sub {
  color: #06C755;
}
.personal .navigation .navi-wrap .navi-item-wrap.--apply .navi-sub {
  color: #E56767;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: calc(24/16);
  width: 100%;
  text-align: center;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item span.is-pc {
  display: contents;
}
.device_sp .personal .navigation .navi-wrap .navi-item-wrap .navi-item {
  height: 69px;
  font-size: 1.2rem;
  line-height: calc(18/12);
}
.device_sp .personal.--add .navigation .navi-wrap .navi-item-wrap .navi-item {
  font-size: 1.6rem;
  line-height: calc(22/12);
}
.device_sp .personal.--add .navigation .navi-wrap .navi-item-wrap .navi-item.line {
  height: 51px;
}
.device_sp .personal.--add .navigation .navi-wrap .navi-item-wrap .navi-item.apply {
  height: 74px;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item.line,
.personal .navigation .navi-wrap .navi-item-wrap .navi-item.apply {
  color: #fff;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item.begginers {
  color: #424242;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item.line {
  background-color: #06C755;

}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item.apply {
  background-color: #E56767;
  flex-direction: column;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item.apply > img {
  width: 30px;
  display: block;
  margin-bottom: 4px;
}
.device_sp .personal .navigation .navi-wrap .navi-item-wrap .navi-item.apply > img {
  width: 24px;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item.begginers {
  background-color: #F2F2F2;
  border: 1px solid #DADADA;
}
.personal .navigation .navi-wrap .navi-item-wrap .navi-item.begginers {
  width: 300px !important;
  height: 37px;
}
.device_sp .personal .navigation .navi-wrap .navi-item-wrap .navi-item.begginers {
  width: 181px !important;
  height: 37px;
}

.personal .corporate {
  margin-top: 10px;
}
.device_sp .personal .corporate {
  margin-top: 15px;
}
.personal .corporate ul {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.personal .corporate ul a {
  font-size: 1.4rem;
  position: relative;
}
/*
.personal .corporate ul a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #004795;
}
*/

/* Modal */
.p-modal__contents {
  position: relative;
  padding: 10rem 6rem 6rem;
  overflow: auto;
}
.device_sp .p-modal__contents {
  padding: 60px 10px 20px;
}
.p-modal__contents .c-button-area:last-child {
  margin-bottom: 0;
}
.p-modal__contents .c-button-area {
  width: 40%;
  margin: 3rem auto;
}
.device_sp .p-modal__contents .c-button-area {
  width: 181px;
}
.device_sp .p-modal .p-button.p-button--next {
  padding: 1rem;
}
.modal-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.modal-container p,
.modal-container p.attention {
  margin-top: 10px;
}
.modal-container .flex-delivery-flow {
  width: 444px;
}
.modal-container .flex-delivery-flow .icon {
  height: 61px;
  display: flex;
  align-items: center;
}
.device_sp .modal-container .flex-delivery-flow {
  width: 100%;
}
.modal-container .full-box {
  margin-top: 0;
  width: 100%;
}
.modal-container .full-start-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin-top: 0;
  width: 100%;
}
.modal-container .full-item-box {
  width: 100%;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.modal-container .full-item-box .left-item {
  width: calc((100% - 20px*2) / 3);
  padding: 0;
  justify-content: flex-start;
}
.device_sp .modal-container .full-item-box .left-item {
  width: 100%;
}
.modal-container .full-item-box .left-item p {
  margin-top: 0;
}
.modal-container .full-item-box .left-item span.attention {
  padding-left: .5rem;
}
.modal-container .full-item-box .left-item span.attention:before {
  content: unset;
}

/* レスポンシブ制御 */
@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
  .is-sp {
    display: inline-block;
  }
  .is-pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden-not-xs {
    display: none;
  }
  .is-sp {
    display: none;
  }
  .is-pc {
    display: block;
  }
}

.device_pc .hidden-xs {
  display: none;
}
.device_sp .hidden-not-xs {
  display: none;
}

.device_pc .is-sp {
  display: none;
}
.device_sp .is-pc {
  display: none;
}

/* tablet */
.device_tablet .sp {
  display: none;
}

.device_pc a[href*="tel:"],
.device_tablet a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

/* list */
.detail_list > li {
	position: relative;
	padding-left: 15px;
}
.detail_list > li + li {
	margin-top: 5px;
}
.detail_list > li:before {
	display: block;
	content: '';
	position: absolute;
	top: 0.75em;
	left: 3px;
	width: 5px;
	height: 5px;
	background-color: #7d8488;
	border-radius: 100%;
}