@charset "utf-8";

/* CSS Document */
/*==================================================
	TOPICS common
==================================================*/
/*
===== archive-topics ==========================================
*/
.archive-topics .item .iconWrap,
.archive-topics .item .ttl {
  display: inline-block;
  vertical-align: middle;
}

/*
===== single-topics ==========================================
*/
.single-topics #content {
  margin-top: var(--gutter-narrow);
}

.single-topics #mapBox {
  margin-bottom: var(--gutter);
}


/*==================================================
	EVENT common
==================================================*/
/*
===== archive-event ==========================================
*/
.archive-event .event_date {
  font-size: var(--font-small);
  font-weight: bold;
  color: var(--color-gray);
}

/*
===== single-event common ==========================================
*/
.single-event .event__photo {
  text-align: center;
}

.single-event .event__tbl {
  width: 100%;
  margin: var(--gutter-narrow) 0;
}

.single-event .event__tbl th {
  background: var(--color-palegray);
  font-weight: bold;
  text-align: center;
}

.single-event .event__tbl td {
  background: #FFF;
}

.single-event .event__tbl span.btn_access {
  display: inline-block;
  margin-left: 1em;
}

.single-event .event__tbl span.btn_access a {
  display: inline-block;
  color: #FFF;
  padding: 0.5em;
  background: var(--color-black);
  line-height: 1;
  border-radius: var(--rad-common);
}

.single-event .event__tbl span.btn_access img {
  vertical-align: middle;
  margin-right: 3px;
  margin-bottom: 3px;
}

.single-event .event__btn {
  margin: var(--gutter-narrow) 0 var(--gutter);
}

.single-event .event__btn>p {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.single-event .event__btn a,
.single-event .event__btn p.btn_end {
  height: 4em;
}

.single-event .event__btn p.btn_end {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-lightgray);
  color: #FFF;
  border-radius: var(--rad-full);
}


/*==================================================
	GALLERY common
==================================================*/
/*
===== archive-gallery common ==========================================
*/
.archive-gallery .item {
  max-width: 549px;
}

.archive-gallery .item .data {
  font-size: var(--font-small);
}

.archive-gallery .item .data {
  font-size: var(--font-small);
}

.archive-gallery .item .data_item {
  display: flex;
  margin-bottom: 0.5em;
}

.archive-gallery .item .data_item dt {
  min-width: 10em;
}

.archive-gallery .item .data_item dd {
  width: calc(100% - 10em);
}

/*
===== single-gallery common ==========================================
*/
/***** single-gallery GENERAL *****/
.single-gallery #detailBox {
  margin-bottom: var(--gutter-medium);
}

.single-gallery .photo {
  aspect-ratio: 3 / 2;
  background: var(--color-palegray);
}

.single-gallery .photo img {
  object-fit: contain !important;
}

.single-gallery .lbwrap {
  position: relative;
  overflow: hidden;
}

.single-gallery .lbwrap a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.single-gallery .lbwrap a:after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: rgba(0, 0, 0, .3) url(../img/page/gallery/icon_zoom.webp) no-repeat;
  background-size: contain;
  border-radius: 3px;
}

.single-gallery #descBox {
  margin-top: var(--gutter-medium);
}

/***** titleBox *****/
.single-gallery #titleBox .iconBox {
  margin-bottom: 1em;
}

.single-gallery #titleBox .iconWrap--tag {
  margin-top: 0.5em;
}

.single-gallery .iconWrap--category {
  margin-top: 0.5em;
}

.single-gallery .gallery__sliderBox {
  max-width: 768px;
  margin: var(--gutter-medium) auto;
}

/***** slideBox *****/
.single-gallery .gallery__slider__inner {
  position: relative;
}

.single-gallery .gallery__slider__list {
  overflow: hidden;
}

.single-gallery .gallery__slider__list__item {
  border-radius: var(--rad-common);
}

.single-gallery .gallery__slider__list__item:nth-of-type(n+2) {
  display: none;
}

.single-gallery .gallery__slider__list__item.slick-slide {
  display: flex;
  width: 100%;
  height: 100% !important;
}

@media (any-hover:hover) {

  #nextLink:hover,
  #prevLink:hover {
    transition: none;
  }
}

.single-gallery .gallery__slider__pager {
  font-size: 0;
  margin-top: var(--gutter-narrow);
  display: none;
}

.single-gallery .gallery__slider__pager.slick-slider {
  display: block;
}

.single-gallery .gallery__slider__pager .slick-track {
  transform: unset !important;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gutter-supernarrow) 1%;
  width: 100% !important;
}

.single-gallery .gallery__slider__pager .thumbnail.slick-slide {
  width: 100%;
  height: 100% !important;
  aspect-ratio: 1 / 1;
}

.single-gallery .gallery__slider__pager a {
  opacity: .5;
  transition: opacity .3s linear;
  width: 100%;
  height: 100%;
  display: block;
}

.single-gallery .gallery__slider__pager .slick-current a {
  opacity: 1;
  border: solid 2px var(--color-main);
}

/***** single-gallery--reform *****/
/*概要*/
.single-gallery--reform .gallery__tblWrap {
  margin: var(--gutter-narrow) 0;
}

.single-gallery--reform .gallery__tbl {
  width: 100%;
}

.single-gallery--reform .gallery__tbl th {
  background: var(--color-palegray);
  font-weight: bold;
  text-align: center;
}

.single-gallery--reform .gallery__tbl td {
  background: #FFF;
}

.single-gallery--reform #dataBox dt.monthly,
.single-gallery--reform #dataBox dd.monthlyPayment {
  font-weight: bold;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  color: var(--color-orange);
}

.single-gallery--reform #dataBox .monthlyPayment span.comment {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  color: var(--color-black);
  line-height: 1;
}

/*BEFORE & AFTER*/
.single-gallery--reform #baBox {
  margin-top: var(--gutter-medium);
}

.single-gallery--reform .gallery__compare__item {
  margin-top: var(--gutter-narrow);
}

.single-gallery--reform .gallery__compare__item__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.single-gallery--reform .gallery__compare__item .photo {
  width: 420px;
  max-width: 40%;
  position: relative;
  border-radius: var(--rad-common);
}

.single-gallery--reform .gallery__compare__item__arrow {
  width: clamp(16px, 5vw, 30px);
  margin: 0 10px;
}

.single-gallery--reform .gallery__compare__item__arrow img {
  width: 100%;
  height: auto;
}

.single-gallery--reform .gallery__compare__item__comment {
  width: 100%;
  margin-top: 1em;
  padding: 1em;
  background: var(--color-palegray);
  word-wrap: break-word;
}

/***** single-gallery--new *****/
/*profile*/
.single-gallery--new .gallery--new__profileBox {
  margin-bottom: var(--gutter);
}

.single-gallery--new .gallery--new__profileBox .inner {
  background: var(--color-palegray);
  padding: 1em;
}

.single-gallery .navigation {
  background: #FFF;
}

/***** aside - 関連記事 *****/
.single-gallery .photo--related {
  aspect-ratio: 3 / 2;
}

/***** planlink - プランリンクボタン *****/
.single-gallery .gallery__planlink {
  width: 95%;
  max-width: 400px;
  height: 4em;
  margin: 0 auto;
}


/*==================================================
	VOICE common
==================================================*/
/*
===== archive-voice common ==========================================
*/
.archive-voice .item a {
  display: flex !important;
  align-items: flex-start;
}

.archive-voice .photo {
  aspect-ratio: 1 / 1 !important;
  border-radius: 50%;
  margin: 1em 0 1em 1em;
}

.archive-voice .content {
  font-size: var(--font-sub);
}

/*
===== single-voice common ==========================================
*/
.single-voice .iconWrap {
  margin-bottom: 1em;
}

.single-voice .voice__photo {
  width: 100%;
  max-width: 600px;
  margin: 0 auto var(--gutter-medium);
}

.single-voice .voice__staffBox {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.single-voice .voice__staffBox__ttl {
  display: inline-block;
  background: var(--color-main);
  color: #FFF;
  padding: 0.5em 1em;
  border-top-left-radius: var(--rad-common);
  border-top-right-radius: var(--rad-common);
  margin-left: 10px;
}

.single-voice .voice__staffBox__inner {
  border: solid 2px var(--color-main);
  border-radius: var(--rad-common);
  padding: var(--gutter-narrow) 2.5%;
}

.single-voice .voice__staffBox__name {
  font-size: var(--font-sub);
  color: var(--color-main);
  font-weight: bold;
  margin-bottom: 0.5em;
}


/*==================================================
	COLUMN common
==================================================*/
.columnPage #postbox {
  margin-top: var(--gutter);
}


/*==================================================
	SHOP-RESERVE common
==================================================*/
.shop-reservePage #bread {
  color: #FFF;
  background: transparent;
}

.shop-reservePage #bread>span:not(:last-child)::after {
  border-color: #FFF;
}

.shop-reservePage .shoprsv__ttl__inner {
  background: #FFF;
  clip-path: polygon(50% 0, 100% 15%, 100% 100%, 0 100%, 0 15%);
  padding-top: var(--gutter-narrow);
  max-width: 600px;
  width: 95%;
  text-align: center;
}

.shop-reservePage .subTtl--shoprsv {
  color: var(--color-gray);
  font-size: var(--font-medium);
}

.shop-reservePage .mainTtl--shoprsv {
  color: var(--color-main);
  line-height: 1;
  font-size: var(--font-xxlarge);
  margin: 0.25em 0;
  font-feature-settings: "palt";
  letter-spacing: 0.075em;
}

.shop-reservePage .shoprsv__ttl__txt {
  font-size: var(--font-large);
}

.shop-reservePage .shoprsv__ttl__btn {
  font-size: var(--font-medium);
  width: 95%;
  max-width: 400px;
  height: 3em;
  margin: var(--gutter-supernarrow) auto 0;
}

.shop-reservePage .shoprsv__meritBox {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.shop-reservePage .shoprsv__meritBox__ttl {
  margin-bottom: var(--gutter-narrow);
}

.shop-reservePage .shoprsv__meritBox__ttl>span {
  display: block;
  font-weight: bold;
  text-align: center;
}

.shop-reservePage .shoprsv__meritBox__ttl__baloon {
  font-size: var(--font-large);
  width: 8em;
  padding: 0.5em 0;
  background: var(--color-beige);
  border-radius: var(--rad-common);
  margin: 0 auto 5px;
  position: relative;
}

.shop-reservePage .shoprsv__meritBox__ttl__baloon::after {
  content: "";
  display: inline-block;
  border: solid 10px transparent;
  border-top: solid 10px var(--color-beige);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.shop-reservePage .shoprsv__meritBox__ttl__main {
  font-size: var(--font-xlarge);
}

.shop-reservePage .shoprsv__meritBox__ttl__main .font_num {
  display: inline-block;
  font-size: 60px;
  color: var(--color-main);
  margin: 0 3px 0 0;
  line-height: 1;
}

.shop-reservePage .shoprsv__meritBox__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gutter-supernarrow) 2.5%;
}

.shop-reservePage .shoprsv__meritBox__list__item {
  min-width: 280px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  background: #FFF;
  position: relative;
}

.shop-reservePage .shoprsv__meritBox__list__item__number {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 24px 0 8px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  font-size: var(--font-medium);
  background: var(--color-yellow);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  clip-path: polygon(100% 0, 85% 50%, 100% 100%, -12% 124%, -12% 0%);
}

.shop-reservePage .shoprsv__meritBox__list__item__number::before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 50px;
  width: 7px;
  background: var(--color-yellow);
  border-radius: 5px 0 0 5px;
}

.shop-reservePage .shoprsv__meritBox__list__item__number::after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #D1CA11;
  border-radius: 5px 0 0 5px;
}

.shop-reservePage .shoprsv__meritBox__list__item__number .font_num {
  font-size: 1.5em;
  margin-left: 3px;
}

.shop-reservePage .shoprsv__meritBox__list__item__info {
  padding: 1em;
  text-align: center;
}

.shop-reservePage .shoprsv__meritBox__list__item__info__count {
  margin-top: 0.5em;
}

.shop-reservePage .shoprsv__meritBox__list__item__info__count__label {
  line-height: 1;
  border: solid 1px var(--color-black);
  padding: 0.5em;
  border-radius: var(--rad-common);
}

.shop-reservePage .shoprsv__meritBox__list__item__info__count__cont .font_num {
  font-size: var(--font-xlarge);
  margin-right: 5px;
}

.shop-reservePage .shoprsv__appealBox__ttlWrap {
  background: var(--color-main);
  font-size: var(--font-large);
  font-weight: bold;
  color: #FFF;
  padding: var(--gutter-supernarrow) 0;
}

.shop-reservePage .shoprsv__appealBox__ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gutter-supernarrow) 2.5%;
}

.shop-reservePage .shoprsv__appealBox__ttl .image {
  width: 100px;
}

.shop-reservePage .shoprsv__appealBox__ttl .emp {
  font-size: 1.3em;
  color: var(--color-yellow);
  border-bottom: dotted 4px #FFF;
}

.shop-reservePage .shoprsv__appealBox__inner {
  background: url(../img/index/bg_sandwall.webp);
  padding: var(--gutter-medium) 0;
}

.shop-reservePage .shoprsv__appealBox__pointBox {
  background: #FFF;
  border-radius: var(--rad-common);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  padding: var(--gutter-narrow) 2.5% var(--gutter-medium);
  width: 95%;
}

.shop-reservePage .shoprsv__appealBox__pointBox__ttl {
  text-align: center;
  font-size: var(--font-xlarge);
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.5em;
  position: relative;
}

.shop-reservePage .shoprsv__appealBox__pointBox__ttl .font_en {
  color: var(--color-main);
  font-size: var(--font-xxlarge);
}

.shop-reservePage .shoprsv__appealBox__pointBox__list__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: var(--font-medium);
  padding: 1.5em 2.5%;
  border-bottom: dotted 3px var(--color-gray);
}

.shop-reservePage .shoprsv__appealBox__pointBox__list__item:last-child {
  border-bottom: none;
}

.shop-reservePage .shoprsv__appealBox__pointBox__list__item .ribbon {
  display: inline-block;
  background: var(--color-main);
  color: #FFF;
  padding: 0.5em 1.5em;
  margin-right: 0.5em;
  clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
  line-height: 1;
}

.shop-reservePage .shoprsv__appealBox__pointBox__list__item .ribbon .font_num {
  font-size: 1.5em;
  margin-left: 3px;
}

.shop-reservePage .shoprsv__appealBox__staffBox__content {
  margin-top: var(--gutter-narrow);
  margin-bottom: var(--gutter-narrow);
}

.shop-reservePage .shoprsv__appealBox__staffBox__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: var(--color-black);
  position: relative;
  line-height: 1.5;
  font-size: var(--font-xlarge);
}

.shop-reservePage .shoprsv__shopInfoBox {
  background: var(--color-palegreen);
  padding: var(--gutter-medium) 0;
}

.shop-reservePage .shoprsv__flowBox {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.shop-reservePage .shoprsv__flowBox__list {
  display: flex;
  border-radius: var(--rad-common);
  overflow: hidden;
}

.shop-reservePage .shoprsv__flowBox__list__item {
  background: var(--color-main);
  color: #FFF;
  padding: var(--gutter-supernarrow);
  position: relative;
}

.shop-reservePage .shoprsv__flowBox__list__item:last-child {
  background: var(--color-green);
}

.shop-reservePage .shoprsv__flowBox__list__item__ttl {
  font-size: var(--font-large);
  font-weight: bold;
  margin-bottom: 0.5em;
}

.shop-reservePage .shoprsv__flowBox__list__item__ttl .font_en {
  display: block;
  font-size: var(--font-xlarge);
}

.shop-reservePage .shoprsv__formBox {
  margin-top: var(--gutter-medium);
}


/*==================================================
	EVENT-RESERVE common
==================================================*/
.event-reservePage #postbox {
  margin-top: var(--gutter);
}


/*==================================================
	CONTACT common
==================================================*/
.contactPage #postbox {
  margin-top: var(--gutter-medium);
}

.contactPage .contact_note {
  margin-bottom: var(--gutter-narrow);
  text-align: center;
}


/*==================================================
	ASSESSMENT common
==================================================*/
.assessmentPage #postbox {
  margin-top: var(--gutter-medium);
}

.assessmentPage .formWrap01 {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}


/*==================================================
  SELLING common
==================================================*/
.sellingPage #bread {
  background: transparent;
}

/***** firstview *****/
.selling__firstview {
  background: #E1F3FF;
}

.selling__firstview__txtBox {
  position: relative;
}

.selling__firstview__en {
  font-size: var(--font-xxlarge);
  color: var(--color-lightblue);
  opacity: 0.3;
  position: absolute;
  top: -48px;
  left: 0;
  z-index: 1;
}

.selling__firstview__ttl {
  display: inline-block;
  font-weight: bold;
  width: 100%;
  margin-bottom: 1em;
  padding: 0 0.5em 0.5em;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  border-bottom: solid 1px var(--color-gray);
  position: relative;
  z-index: 10;
}

.selling__firstview__subttl {
  text-align: center;
  font-weight: bold;
  font-size: var(--font-medium);
  margin-bottom: 1em;
}

.selling__firstview__subttl .font_num {
  font-size: 1.7em;
  color: var(--color-lightblue);
}

.selling__firstview__list {
  display: flex;
  justify-content: center;
  gap: var(--gutter-supernarrow);
}

.selling__firstview__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc((100% - var(--gutter-supernarrow) * 2) / 3);
  text-align: center;
  background: #FFF;
  border-radius: 50%;
  aspect-ratio: 1 /1;
}

.selling__firstview__item--item01 {
  background: var(--color-lightblue);
  color: #FFF;
}

.selling__firstview .appraisal_form {
  background: var(--color-palegray);
  padding: var(--gutter-narrow) 0;
}

.selling__firstview .appraisal_form__heading {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.selling__firstview .appraisal_form #estate_type_name,
.selling__firstview .appraisal_form #estate_zip_code,
.selling__firstview .appraisal_form #estate-prefecture-code,
.selling__firstview .appraisal_form #estate-city-code,
.selling__firstview .appraisal_form #estate-oaza-code,
.selling__firstview .appraisal_form #estate-aza-name {
  font-size: var(--font-medium);
  padding: 0.85em;
  text-align: left;
}

.selling__firstview .appraisal_form__btn {
  height: 3.5em;
  font-size: var(--font-large);
}

.selling__firstview .appraisal_form__btnArea {
  width: 400px;
  max-width: 95%;
  margin: var(--gutter-supernarrow) auto 0;
}

.selling__firstview .appraisal_form__icon {
  background: #FFF;
  border-radius: var(--rad-common);
  color: var(--color-lightblue);
  line-height: 1;
  padding: 0.25em 0.5em;
  margin-right: 0.5em;
}

/***** problemBox *****/
.selling_problemBox__inner {
  margin-top: var(--gutter-medium);
  background: var(--color-palegray);
  border-radius: var(--rad-common);
  max-width: 768px;
  width: 100%;
}

.selling__problemBox__ttl {
  font-weight: bold;
  text-align: center;
  font-size: var(--font-large);
  margin-bottom: 0.5em;
}

.selling__problemBox__ttl .emp {
  font-size: 1.2em;
  color: var(--color-darkgray);
  padding: 0 5px;
}

.selling__problemBox__list__item {
  padding: 1em 0.5em;
  font-size: var(--font-medium);
  border-bottom: dotted 2px var(--color-gray);
  position: relative;
}

.selling__problemBox__list__item::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  margin-right: 0.5em;
  background: url(../img/page/selling/img_problem_baloon.webp) no-repeat top left / contain;
}

.selling__problemBox__appeal {
  background: var(--color-main);
  text-align: center;
  font-weight: bold;
  color: #FFF;
  font-size: var(--font-large);
  padding: var(--gutter-medium);
}

.selling__problemBox__appeal .main {
  font-size: 1.4em;
  border-bottom: dashed 4px #FFF;
  padding-bottom: 0.25em;
}

/***** reason *****/
.selling__reasonBox {
  padding: var(--gutter-medium) 0;
  background: linear-gradient(to bottom, #E1F3FF 0%, #C4E7FF 100%);
}

.selling__reasonBox__ttl {
  text-align: center;
  font-size: var(--font-xlarge);
  font-weight: bold;
  margin-bottom: 1.5em;
}

.selling__reasonBox__ttl .font_en-cur {
  color: var(--color-lightblue);
}

.selling__reasonBox__list__item {
  position: relative;
}

.selling__reasonBox__list__item__num {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--color-lightblue);
  color: #FFF;
  text-align: center;
  font-size: var(--font-medium);
  line-height: 1;
  border-radius: 50%;
  position: absolute;
  top: -35px;
  left: 20px;
}

.selling__reasonBox__list__item__num .font_num {
  font-size: var(--font-xlarge);
}

.selling__reasonBox__list__item__inner {
  font-size: var(--font-medium);
  background: #FFF;
  border-radius: var(--rad-common);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  padding: var(--gutter-narrow);
}

.selling__reasonBox__list__item__ttl {
  font-weight: bold;
}

.selling__reasonBox__list__item:nth-child(-n+2) .selling__reasonBox__list__item__ttl {
  margin-bottom: 0.5em;
}

.selling__reasonBox__list__item__ttl__main {
  font-size: 1.2em;
}

.selling__reasonBox__list__item__txt {
  font-size: var(--font-sub);
}

/***** accomplishment *****/
.selling__accomplishment {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.selling__accomplishment__ttl {
  text-align: center;
  font-weight: bold;
  font-size: var(--font-xlarge);
  margin-bottom: 0.5em;
}

.selling__accomplishment__ttl__period {
  font-size: var(--font-large);
}

.selling__accomplishment__tbl__item__label {
  background: var(--color-beige);
  border-bottom: solid 4px #FFF;
  font-size: var(--font-medium);
  line-height: 1;
}

.selling__accomplishment__tbl__item.item--head {
  background: var(--color-beige);
}

.selling__accomplishment__tbl__item__count {
  background: var(--color-main);
  color: #FFF;
  font-size: var(--font-medium);
  line-height: 1;
}

.selling__accomplishment__tbl__item__count.ttl {
  background: var(--color-beige);
  color: var(--color-black);
  font-weight: bold;
}

.selling__accomplishment__tbl__item__count .font_num {
  font-size: var(--font-xlarge);
}

/***** voiceBox *****/
.selling__voiceBox__ttl {
  font-size: var(--font-large);
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}

.selling__voiceBox__caution {
  text-align: center;
  margin-bottom: 2em;
  font-size: var(--font-sub);
}

.selling__voiceBox.archive-voice .selling__voiceBox__list__item.item a {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.selling__voiceBox.archive-voice .selling__voiceBox__list__item.item .selling__voiceBox__list__item__photo.photo {
  margin: 1em 0 0 0;
}

.selling__voiceBox.archive-voice .selling__voiceBox__list__item.item .selling__voiceBox__list__item__detail.info {
  width: 100%;
}

.selling__voiceBox.archive-voice .selling__voiceBox__list__item.item .selling__voiceBox__list__item__detail.info .selling__voiceBox__list__item__detail__ttl.ttl {
  text-align: center;
}

/* modal */
.selling__voiceBox__list__item__modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 999;
}

.selling__voiceBox__list__item__modal.is-active {
  display: flex;
  opacity: 1;
}

.selling__voiceBox__list__item__modal .modal__inner {
  background: #fff;
  padding: 1em;
  max-width: 600px;
  width: 95%;
  max-height: 80vh;
  overflow: scroll;
  border-radius: 8px;
  position: relative;
}

.selling__voiceBox__list__item__modal .modal__close {
  position: absolute;
  top: 1em;
  right: 1em;
  background: none;
  border: none;
  font-size: 1em;
  cursor: pointer;
}

.selling__voiceBox__list__item__modal__ttl {
  font-size: var(--font-medium);
  font-weight: bold;
  margin-bottom: 1em;
}

/***** call-to-action *****/
.selling__call-to-actionBox {
  background: repeating-linear-gradient(135deg, var(--color-lightblue), var(--color-lightblue) 10px, #60C9E9 10px, #60C9E9 20px);
}

.selling__call-to-actionBox__wrap {
  background: #FFF;
  padding: 10px 0 var(--gutter-medium);
}

.selling__call-to-actionBox__sub {
  color: var(--color-lightblue);
  opacity: 0.3;
  text-align: center;
}

.selling__call-to-actionBox__ttl {
  font-size: var(--font-large);
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}

.selling__call-to-actionBox__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--gutter-narrow);
}

.selling__call-to-actionBox__btn {
  max-width: 600px;
  width: 100%;
}

.selling__call-to-actionBox__call .font_num {
  font-size: var(--font-xxlarge);
}

.selling__call-to-actionBox__call img {
  width: calc(var(--font-xxlarge) * 0.8);
  vertical-align: middle;
}

.selling__call-to-actionBox__bizhour {
  display: block;
  text-align: center;
  background: var(--color-palegray);
  margin-top: 0.5em;
  padding: 0.5em;
  font-size: var(--font-sub);
}

/***** pointBox *****/
.selling__pointBox {
  padding: var(--gutter-medium) 0;
  background: var(--color-palegreen);
}

.selling__pointBox__ttl {
  font-size: var(--font-large);
  font-weight: bold;
  margin-bottom: 1em;
}

.selling__pointBox__ttl .emp {
  font-size: var(--font-xlarge);
}

.selling__pointBox__list {
  background: #FFF;
  border-radius: var(--rad-common);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  padding: var(--gutter-narrow) 2.5% var(--gutter-medium);
  width: 95%;
  max-width: 900px;
}

.selling__pointBox__list__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: calc(var(--font-medium) * 1.1);
  padding: 1.5em 2.5%;
  border-bottom: dotted 3px var(--color-gray);
}

.selling__pointBox__list__item .emp {
  font-weight: bold;
}

.selling__pointBox__list__item__num {
  display: inline-block;
  background: var(--color-main);
  color: #FFF;
  padding: 0.5em 1.5em;
  margin-right: 0.5em;
  clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
  line-height: 1;
}

.selling__pointBox__list__item__num .font_num {
  font-size: 1.5em;
  margin-left: 3px;
}

/***** flowBox *****/
.selling__flowBox {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.selling__flowBox__ttl {
  text-align: center;
  font-size: var(--font-xlarge);
  font-weight: bold;
  margin-bottom: 1.5em;
}

.selling__flowBox__ttl .font_en-cur {
  color: var(--color-main);
}

.selling__flowBox__outlineList {
  display: flex;
  justify-content: center;
  gap: var(--gutter-narrow);
  margin: var(--gutter-narrow) 0;
}

.selling__flowBox__outlineList__item {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  font-weight: bold;
  background: var(--color-main);
  color: #fff;
  border-radius: 50%;
  position: relative;
}

.selling__flowBox__outlineList__item.item--01 {
  background: var(--color-lightblue);
}

.selling__flowBox__outlineList__item.item--02 {
  background: var(--color-green);
}

.selling__flowBox__outlineList__item.item--03 {
  background: var(--color-main);
}

.selling__flowBox__outlineList__item.item--04 {
  background: var(--color-red);
}

.selling__flowBox__outlineList__item:nth-child(-n+3)::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent var(--color-gray);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.selling__flowBox__detailList {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter-narrow);
}

.selling__flowBox__detailList__item {
  border-radius: var(--rad-common);
  background: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  position: relative;
}

.selling__flowBox__detailList__item:nth-child(-n+5)::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent var(--color-lightgray);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.selling__flowBox__detailList__item__badge {
  width: 100%;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  padding: 0.5em;
  border-top-left-radius: var(--rad-common);
  border-top-right-radius: var(--rad-common);
}

.selling__flowBox__detailList__item__badge.badge--blue {
  background: var(--color-lightblue);
}

.selling__flowBox__detailList__item__badge.badge--green {
  background: var(--color-green);
}

.selling__flowBox__detailList__item__badge.badge--ygreen {
  background: var(--color-main);
}

.selling__flowBox__detailList__item__badge.badge--red {
  background: var(--color-red);
}

.selling__flowBox__detailList__item__ttl {
  text-align: center;
  margin: 1em 0;
  font-weight: bold;
}

.selling__flowBox__detailList__item__ttl .font_num {
  font-size: 1.2em;
  margin-right: 3px;
}

.selling__flowBox__detailList__item__txt {
  text-align: center;
  font-size: var(--font-sub);
  margin: 1em;
}

.selling__flowBox__detailList__item__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.selling__flowBox__detailList__item.item--02 img,
.selling__flowBox__detailList__item.item--03 img,
.selling__flowBox__detailList__item.item--06 img {
  width: 80px;
}


/*==================================================
  STORAGE-BATTERY common
==================================================*/
.storage-batteryPage #bread {
  background: transparent;
  color: #FFF;
}

.storage-batteryPage #bread>span:not(:last-child)::after {
  border-color: #FFF;
}

.storage__firstview {
  width: 100%;
  text-align: center;
  background: url('../img/page/storage-battery/bg_fv_storage.webp') no-repeat;
  background-position: center;
  background-size: cover;
}

.storage__firstview__inner img {
  width: 100%;
  height: auto;
  max-height: 650px;
  max-width: 640px;
}

/***** aboutBox *****/
.storage__aboutBox {
  background: #FFF;
  border: solid 3px var(--color-lightgray);
  width: var(--width-content);
  margin: var(--gutter-medium) auto;
  padding: var(--gutter-narrow);
  border-radius: var(--rad-common);
}

.storage__aboutBox__ttl {
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.04em;
  font-size: var(--font-large);
  margin-bottom: 1em;
}

.storage__aboutBox__ttl::before,
.storage__aboutBox__ttl::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  height: 2px;
  background: var(--color-black);
}

.storage__aboutBox__ttl::before {
  margin-right: 20px;
}

.storage__aboutBox__ttl::after {
  margin-left: 20px;
}

.storage__aboutBox__txt {
  text-align: center;
  line-height: 2;
}

.storage__aboutBox__img {
  text-align: center;
  margin-top: var(--gutter-narrow);
}

/***** catchBox *****/
.storage__catchBox__ttl {
  font-weight: bold;
  text-align: center;
  background-color: var(--color-red);
  color: #FFF;
  font-size: var(--font-large);
  line-height: 1.2;
  padding: 1em;
  border-top-left-radius: var(--rad-common);
  border-top-right-radius: var(--rad-common);
}

.storage__catchBox__ttl .emp {
  color: var(--color-yellow);
  font-size: 1.4em;
  margin-right: 5px;
}

.storage__catchBox__inner {
  background: var(--color-beige);
  padding: var(--gutter-narrow);
  border-bottom-left-radius: var(--rad-common);
  border-bottom-right-radius: var(--rad-common);
}

.storage__catchBox__txt {
  font-size: var(--font-medium);
  text-align: center;
  margin-bottom: 1em;
}

.storage__catchBox__image {
  text-align: center;
  padding: var(--gutter-narrow);
  background: #FFF;
}

/***** planBox *****/
.storage__planBox {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.storage__planBox__item {
  padding: var(--gutter-narrow);
}

.storage__planBox__item#standard {
  border: 4px solid var(--color-lightblue);
  border-radius: var(--rad-common);
}

.storage__planBox__item#premium {
  border: 4px solid var(--color-red);
  border-radius: var(--rad-common);
  margin-top: var(--gutter-medium);
}

.storage__planBox__item__info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gutter-supernarrow);
}

.storage__planBox__item__info__profile .status {
  background-color: var(--color-beige);
  text-align: center;
  display: inline-block;
  padding: 0.5em;
  width: 49%;
  font-size: var(--font-small);
}

.storage__planBox__item__info__profile .status+.status {
  margin-left: 2%;
}

.storage__planBox__item__info__payment__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-bottom: solid 1px var(--color-lightgray);
  padding-bottom: var(--gutter-supernarrow);
  margin-bottom: var(--gutter-supernarrow);
}

.storage__planBox__item__info__payment__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  font-weight: bold;
  font-size: var(--font-xxlarge);
  color: var(--color-red);
  border: solid 2px var(--color-red);
  border-radius: 50%;
}

.storage__planBox__item__info__payment__detail__label {
  font-size: var(--font-large);
}

.storage__planBox__item__info__payment__detail__label .sub {
  display: block;
  font-size: var(--font-small);
}

.storage__planBox__item__info__payment__detail__cont {
  line-height: 100%;
}

.storage__planBox__item__info__payment__detail__cont__year {
  font-size: var(--font-large);
  font-weight: bold;
}

.storage__planBox__item__info__payment__detail__cont__year .font_num {
  font-size: var(--font-xxlarge);
}

.storage__planBox__item__info__payment__detail__cont__sub {
  font-size: var(--font-sub);
  margin-top: 0.5em;
}

.storage__planBox__item__info__payment__monthly {
  text-align: center;
  font-size: var(--font-large);
  font-weight: bold;
}

.storage__planBox__item__info__payment__monthly .font_num {
  font-size: var(--font-xlarge);
}

.stragebatteryPage .case {
  border: 1px solid #505050;
  margin-top: 10px;
  margin-bottom: 20px;
}

.storage__planBox__item__plan {
  margin-top: var(--gutter-narrow);
  margin-bottom: var(--gutter-narrow);
}

.storage__planBox__item__plan__list__label {
  text-align: center;
  font-weight: bold;
  font-size: var(--font-medium);
  background-color: var(--color-darkgray);
  color: #fff;
  padding: 0.5em;
}

.storage__planBox__item__plan__list__cont {
  padding: 1em;
  text-align: center;
  font-weight: bold;
  font-size: var(--font-large);
  border-bottom: solid 2px var(--color-darkgray);
  border-right: solid 2px var(--color-darkgray);
}

.storage__planBox__item__plan__list__cont__planlist__item {
  color: var(--color-red);
  font-size: var(--font-sub);
}

.storage__planBox__item__simulation {
  background-color: #BCE6F7;
  padding: var(--gutter-narrow);
}

.storage__planBox__item__simulation__detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--gutter-narrow);
  text-align: center;
}

.storage__planBox__item__simulation__detail>* {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FFF;
  border-radius: var(--rad-common);
  padding: var(--gutter-supernarrow) 2.5%;
  position: relative;
}

.storage__planBox__item__simulation__detail__income::before {
  content: '+';
  display: inline-block;
  font-size: var(--font-xlarge);
  font-weight: bold;
  color: #FFF;
  position: absolute;
}

.storage__planBox__item__simulation__detail__costs__ttl,
.storage__planBox__item__simulation__detail__income__ttl {
  font-weight: bold;
  font-size: var(--font-medium);
  color: var(--color-red);
}

.storage__planBox__item__simulation__detail__costs__list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
}

.storage__planBox__item__simulation__detail__costs__list__label {
  color: #FFF;
  background: var(--color-lightblue);
  text-align: center;
  font-size: var(--font-sub);
  padding: 0.5em 1em;
  border-radius: var(--rad-full);
  margin-right: 1em;
}

.storage__planBox__item__simulation__detail__costs__list__cont,
.storage__planBox__item__simulation__detail__income__price {
  color: var(--color-lightblue);
  font-weight: bold;
}

.storage__planBox__item__simulation__detail .font_num {
  font-size: var(--font-xlarge);
  margin-right: 3px;
}

.storage__planBox__item__simulation__detail__income__txt {
  margin-top: 0.5em;
}

.storage__planBox__item__simulation__total {
  position: relative;
  margin-top: var(--gutter-medium);
}

.storage__planBox__item__simulation__total::before {
  content: '';
  width: var(--font-xxlarge);
  height: var(--font-xxlarge);
  clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 70% 50%, 70% 100%, 30% 100%, 30% 50%);
  background: #FFF;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.storage__planBox__item__simulation__total__ttl {
  background: var(--color-red);
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: var(--font-large);
  border-top-left-radius: var(--rad-common);
  border-top-right-radius: var(--rad-common);
  padding: 0.25em;
}

.storage__planBox__item__simulation__total__ttl .emp {
  display: inline-block;
  background-color: var(--color-yellow);
  color: var(--color-red);
  line-height: 1;
  padding: 0.5em;
  border-radius: var(--rad-common);
  margin-left: 0.5em;
}

.storage__planBox__item__simulation__total__inner {
  background: #FFF;
  border-bottom-left-radius: var(--rad-common);
  border-bottom-right-radius: var(--rad-common);
  border: solid 2px var(--color-red);
  border-top: none;
  padding: var(--gutter-narrow) 2.5%;
  font-size: var(--font-large);
  font-weight: bold;
}

.storage__planBox__item__simulation__total__list__item+div {
  margin-top: 0.5em;
}

.storage__planBox__item__simulation__total__list__item__label {
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

.storage__planBox__item__simulation__total__list__item__cont {
  color: var(--color-red);
}

.storage__planBox__item__simulation__total__list__item__cont .font_num {
  font-size: var(--font-xxlarge);
}

.storage__planBox__item__simulation__caution {
  font-size: var(--font-small);
  margin-top: 1em;
}

.storage__planBox__item__simulation__total__0yen>span {
  display: block;
  text-align: center;
}

.storage__planBox__item__simulation__total__0yen .sub {
  font-size: var(--font-normal);
}

.storage__planBox__item__simulation__total__0yen .main {
  font-size: var(--font-xlarge);
  color: var(--color-red);
}

.storage__planBox__caution {
  font-size: var(--font-small);
  margin-top: 1em;
}

/***** specBox *****/
.storage__specBox {
  margin-bottom: var(--gutter-medium);
  text-align: center;
}

.storage__specBox img {
  width: 100%;
  max-width: 768px;
}

/***** lineupBox *****/
.storage__lineupBox {
  margin-bottom: var(--gutter-medium);
}

.storage__lineupBox__ttl {
  font-size: var(--font-xlarge);
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
  border-top: solid 1px var(--color-gray);
  border-bottom: solid 1px var(--color-gray);
  padding: 1em 0;
  line-height: 1.2;
}

.storage__lineupBox__ttl .sub {
  font-size: var(--font-normal);
}

.storage__lineupBox__list {
  display: flex;
  justify-content: center;
  gap: var(--gutter-narrow) 2.5%;
  margin-bottom: var(--gutter-narrow);
}

.storage__lineupBox__list__item {
  border-radius: var(--rad-common);
  overflow: hidden;
  max-width: 400px;
}

.storage__lineupBox__btn {
  width: 100%;
  max-width: 400px;
  height: 4em;
  margin-right: auto;
  margin-left: auto;
}

/***** linkBox *****/
.storage__linkBox__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gutter-narrow);
}

.storage__linkBox__list__item {
  width: 100%;
  max-width: 340px;
  height: 4em;
}

.storage__linkBox__list__item img {
  margin-right: 5px;
}


/*==================================================
  OPTION common
==================================================*/
/***** firstview *****/
.optionPage #bread {
  background: transparent;
}

.option__firstview {
  background: url(../img/page/option/bg_fv_option.webp) repeat top left / auto 100%;
  text-align: center;
  padding: var(--gutter-medium) 0;
}

.option__firstview__inner {
  background: rgba(255, 255, 255, 0.8);
  padding: var(--gutter-narrow) 2.5%;
  max-width: 780px !important;
  width: 95% !important;
  box-shadow: 6px 6px 0 rgb(255 115 56 / 40%);
  position: relative;
}

.option__firstview .font_en-cur {
  font-size: var(--font-large);
  margin-bottom: 0.5em;
}

.option__firstview__ttl {
  font-size: var(--font-xlarge);
  font-weight: bold;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}

.option__firstview__ttl .emp {
  font-size: 1.2em;
}

.option__firstview__ttl .emp.circle {
  background: top left / 1em .5em repeat-x radial-gradient(circle, var(--color-red) .06em, rgba(0, 0, 0, 0) .06em);
  padding-top: .2em;
}

.option__firstview__txt {
  font-size: var(--font-large);
  font-weight: bold;
  padding: 1em 0.5em;
  margin-top: 1em;
  border-top: double 2px var(--color-black);
  border-bottom: double 2px var(--color-black);
}

.option__firstview__txt .font_num {
  font-size: var(--font-xlarge);
  vertical-align: baseline;
}

/***** catch *****/
.option__catch__txt {
  font-size: var(--font-xlarge);
  font-weight: bold;
  margin-bottom: 0.5em;
}

.option__catch__sub {
  font-weight: bold;
  font-size: var(--font-large);
  color: var(--color-darkgray);
}


/***** otokuBox *****/
.option__otokuBox__ttl {
  font-size: var(--font-xlarge);
  padding: 1em 2.5%;
  margin-bottom: var(--guttter-narrow);
  background: var(--color-main);
  color: #FFF;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

.option__otokuBox__ttl__txt {
  text-align: center;
  font-size: var(--font-xlarge);
  font-weight: bold;
}

.option__otokuBox__ttl__txt>span {
  display: block;
}

.option__otokuBox__ttl__txt .main .emp {
  font-size: 1.2em;
  color: var(--color-yellow);
}

.option__otokuBox__imgBox {
  background: url(../img/page/option/bg_type01.webp);
  background-size: cover;
  padding: var(--gutter-narrow) 0;
}

.option__otokuBox__txtbox {
  text-align: center;
}

.option__otokuBox__txtbox__txt {
  font-size: var(--font-large);
  font-weight: bold;
  margin-bottom: 1em;
}

.option__otokuBox__btn {
  width: 100%;
  max-width: 400px;
  height: 4em;
  margin: 0 auto;
}

/***** planBox *****/
.option__planBox.plan--premium {
  background: url(../img/page/option/bg_type02.webp);
  background-size: cover;
}

.option__planBox.plan--best {
  background: url(../img/page/option/bg_type03.webp);
  background-size: cover;
}

.option__planBox__ttl {
  font-weight: bold;
  text-align: center;
  font-size: var(--font-xlarge);
  padding: 1em 0;
  color: #FFF;
}

.option__planBox.plan--premium .option__planBox__ttl {
  background: var(--color-red);
}

.option__planBox.plan--best .option__planBox__ttl {
  background: var(--color-green);
}

.option__planBox.plan--standard .option__planBox__ttl {
  background: var(--color-main);
}

.option__planBox__ttl__txt>span {
  vertical-align: middle;
}

.option__planBox__ttl__txt .main {
  border: solid 2px #FFF;
  padding: 0.25em 0.5em;
}

.option__planBox__ttl .sub {
  font-size: var(--font-large);
}

.option__planBox__ttl .sub .font_num {
  font-size: 1.5em;
}

.option__planBox__detail {
  padding: var(--gutter-narrow) 0 var(--gutter-medium);
}

.option__planBox__detail__price {
  text-align: center;
  margin-bottom: var(--gutter-narrow);
}

.option__planBox__detail__price__sum {
  text-align: center;
  font-weight: bold;
  font-size: var(--font-large);
  margin-bottom: 1em;
}

.option__planBox__detail__price__sum .main {
  font-size: var(--font-xlarge);
}

.option__planBox__detail__price__sum .main .font_num {
  font-size: 1.5em;
}

.option__planBox__detail__price__monthly {
  display: inline-block;
  text-align: center;
  font-size: var(--font-large);
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  border: solid 2px var(--color-red);
  color: var(--color-red);
  padding: 0.5em 1em;
  background: #FFF;
}

.option__planBox__detail__price__monthly .font_num {
  letter-spacing: 0.01em;
  font-size: 1.5em;
}

.option__planBox__detail__image img {
  max-width: 900px;
  width: 100%;
}

/***** curtainBox *****/
.option__curtainBox {
  padding: var(--gutter-medium) 0;
  background: url(../img/page/option/bg_type01.webp);
  background-size: contain;
}

.option__curtainBox__ttl {
  text-align: center;
  font-weight: bold;
  color: var(--color-red);
  font-size: var(--font-xlarge);
  margin-bottom: 0.5em;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

.option__curtainBox__ttl .baloon {
  display: inline-block;
  font-size: var(--font-medium);
  background: #FFF;
  line-height: 1;
  padding: 0.75em 1em;
  border-radius: var(--rad-full);
  vertical-align: middle;
  margin-bottom: 0.5em;
  margin-right: 0.25em;
  border: dotted 4px var(--color-red);
}

.option__curtainBox__subttl {
  background: var(--color-red);
  color: #FFF;
  text-align: center;
  font-size: var(--font-large);
  font-weight: bold;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}

.option__curtainBox__stylebooklist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gutter-supernarrow) 2%;
  background: #FFF;
}

.option__curtainBox__stylebooklist__item {
  width: clamp(280px, 49%, 588px);
}

.option__curtainBox__optionBox {
  margin: var(--gutter-medium) 0;
}

.option__curtainBox__optionBox__ttl {
  text-align: center;
  font-weight: bold;
  font-size: var(--font-large);
  color: var(--color-orange);
  margin-bottom: 1em;
}

.option__curtainBox__coordinateBox__ttlWrap {
  text-align: center;
  margin-bottom: 1em;
  font-size: var(--font-large);
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  position: relative;
}

.option__curtainBox__coordinateBox__ttl--sub .font_num {
  font-size: var(--font-xlarge);
}

.option__curtainBox__coordinateeBox__ttl--main {
  display: inline-block;
  font-size: var(--font-xlarge);
  color: var(--color-red);
}


/*==================================================
  SUPPORT common
==================================================*/
.supportPage #bread {
  background: transparent;
}

.support__firstview__txtBox .font_en-cur {
  color: var(--color-main);
  font-size: var(--font-xlarge);
}

.support__firstview__txtBox__ttl {
  font-size: var(--font-xxlarge);
  font-weight: bold;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: solid 1px var(--color-black);
}

.support__beforeBox {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.support__beforeBox__ttl {
  background: var(--color-main);
  text-align: center;
  font-weight: bold;
  font-size: var(--font-xlarge);
  padding: 0.75em 1em;
  border-top-right-radius: var(--rad-common);
  border-top-left-radius: var(--rad-common);
}

.support__beforeBox__ttl__sub {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--font-medium);
  background: #FFF;
  border-radius: var(--rad-full);
  color: var(--color-main);
  padding: 0.5em 1em;
  margin-right: 0.5em;
}

.support__beforeBox__ttl__main {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
}

.support__beforeBox__inner {
  background: var(--color-beige);
  padding: var(--gutter-narrow);
  border-bottom-left-radius: var(--rad-common);
  border-bottom-right-radius: var(--rad-common);
}

.support__beforeBox__image {
  border-radius: var(--rad-common);
}

.support__beforeBox__txt {
  font-size: var(--font-medium);
  line-height: 2;
}

.support__afterBox {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.support__afterBox__ttl {
  background: var(--color-red);
  text-align: center;
  font-weight: bold;
  font-size: var(--font-xlarge);
  padding: 0.75em 1em;
  border-top-right-radius: var(--rad-common);
  border-top-left-radius: var(--rad-common);
}

.support__afterBox__ttl__sub {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--font-medium);
  background: #FFF;
  border-radius: var(--rad-full);
  color: var(--color-red);
  padding: 0.5em 1em;
  margin-right: 0.5em;
}

.support__afterBox__ttl__main {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
}

.support__afterBox__inner {
  padding: var(--gutter-narrow);
  background: var(--color-beige);
  border-bottom-left-radius: var(--rad-common);
  border-bottom-right-radius: var(--rad-common);
}

.support__afterBox__catch {
  margin-bottom: var(--gutter-narrow);
}

.support__afterBox__list__item:nth-child(n+2) {
  margin-top: var(--gutter-medium);
}

.support__afterBox__list__item__ttl {
  border-bottom: solid 2px var(--color-red);
  font-size: var(--font-large);
  font-weight: bold;
  margin-bottom: 1em;
}

.support__afterBox__list__item__ttl .font_num {
  font-size: var(--font-xlarge);
  background: var(--color-red);
  color: #FFF;
}

.support__afterBox__list__item__ttl .baloon {
  font-size: var(--font-medium);
  background: var(--color-yellow);
  padding: 0.25em 0.5em;
  border-radius: var(--rad-full);
  margin-right: 0.5em;
}

.support__afterBox__list__item__txt {
  font-size: var(--font-medium);
  margin-bottom: 1em;
}

.support__afterBox__list__item__troublelist__item {
  display: flex;
  gap: var(--gutter-narrow);
  justify-content: center;
  align-items: flex-start;
}

.support__afterBox__list__item__troublelist__item:nth-child(n+2) {
  margin-top: var(--gutter-narrow);
}

.support__afterBox__list__item__troublelist__item__image {
  border-radius: var(--rad-common);
}

.support__afterBox__list__item__troublelist__item__ttl {
  font-size: var(--font-medium);
  font-weight: bold;
  color: var(--color-red);
  margin-bottom: 0.5em;
}

.support__afterBox__list__item__lifelist__item {
  display: flex;
  gap: var(--gutter-supernarrow);
  align-items: flex-start;
}

.support__afterBox__list__item__lifelist__item__image {
  border-radius: var(--rad-common);
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
}

.support__afterBox__list__item__lifelist__item__ttl {
  font-weight: bold;
  color: var(--color-red);
  margin-bottom: 0.5em;
}

.support__afterBox__list__item__lifelist__item__txt {
  font-size: var(--font-sub);
}

.support__afterBox__list__item__livinglist__item {
  display: flex;
  gap: var(--gutter-supernarrow);
  align-items: flex-start;
}

.support__afterBox__list__item__livinglist__item__image {
  flex-shrink: 0;
  width: 80px;
  aspect-ratio: 1 / 1;
  border-radius: var(--rad-common);
}

.support__afterBox__list__item__livinglist__item__ttl {
  font-weight: bold;
  margin-bottom: 0.5em;
  color: var(--color-red);
}

.support__afterBox__list__item__livinglist__item__txt {
  font-size: var(--font-sub);
}


/*==================================================
  PLAN common
==================================================*/
.planPage #bread {
  background: transparent;
}

.plan__firstview {
  background: #E1F3FF;
}

.plan__firstview__txtBox {
  text-align: center;
}

.plan__firstview__txtBox__en {
  font-size: var(--font-large);
  color: var(--color-lightblue);
}

.plan__firstview__txtBox__ttl {
  font-size: var(--font-xlarge);
  font-weight: bold;
}

.plan__lineupBox {
  margin-top: var(--gutter-medium);
  margin-bottom: var(--gutter-medium);
}

.plan__lineupBox__ttl {
  font-size: var(--font-xlarge);
  text-align: center;
  margin-bottom: 0.5em;
}

.plan__lineupBox__itemList__item__label {
  text-align: center;
  margin-bottom: 0.5em;
}

.plan__lineupBox__itemList__item__label span {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
}

.plan__lineupBox__itemList__item__label .slh {
  color: var(--color-main);
}

.plan__lineupBox__itemList__item__label .bino {
  color: var(--color-red);
}

.plan__lineupBox__itemList__item__label .ieterrace {
  color: var(--color-blue);
}

.plan__lineupBox__itemList__item__cont {
  margin: 1em auto;
  text-align: center;
}

.plan__lineupBox__itemList__item__cont a {
  display: block;
  background: var(--color-darkgray);
  color: #FFF;
  padding: 0.5em;
  border-radius: var(--rad-common);
  font-size: var(--font-large);
  font-weight: bold;
}

.plan__lineupBox__itemList__item__cont--link a {
  text-decoration: underline;
}

.plan__planBox__item {
  margin-bottom: var(--gutter-medium);
}

.plan__planBox__item__ttl.secTtl {
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  margin-bottom: var(--gutter-narrow) !important;
}

.plan__planBox__item__ttl .type {
  display: block;
  font-size: 0.8em;
  background: var(--color-palegray);
  width: 250px;
  margin: 0 auto 1em;
  padding: 0.5em;
  line-height: 1;
  color: var(--color-red);
}

#planSLH .plan__planBox__item__ttl .type {
  color: var(--color-main);
}

#planIE .plan__planBox__item__ttl .type {
  color: var(--color-blue);
}

.plan__planBox__item__ttl .small {
  font-size: 0.8em;
}

.plan__planBox__item__main__info__item {
  display: flex;
  align-items: center;
  gap: 0 1em;
  margin: var(--gutter-supernarrow) 0;
}

.plan__planBox__item__main__info__item__label {
  border: solid 2px var(--color-black);
  padding: 0.5em 1em;
  text-align: center;
  min-width: 10em;
}

.plan__planBox__item__main__info__item__cont {
  font-weight: bold;
  font-size: var(--font-medium);
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}

.plan__planBox__item__main__info__item__cont .font_num .emp {
  font-size: 1.5em;
}

.plan__planBox__item__main__info__item__cont .font_num.monthly {
  font-size: 1.5em;
}

.plan__planBox__item__main__txt {
  line-height: 1.7;
}

.plan__planBox__item__main__pers {
  position: relative;
  max-width: 460px;
  width: 100%;
  margin: 0 auto;
}

.plan__planBox__item__main__pers__caption {
  display: inline-block;
  width: 100%;
  background: rgba(0,0,0,0.8);
  text-align: center;
  color: #FFF;
  position: absolute;
  left: 0;
  bottom: 0;
}

.plan__planBox__item__madori {
  margin-top: var(--gutter-narrow);
  margin-bottom: var(--gutter-narrow);
}

.plan__planBox__item__madori__list__item__img {
  border: solid 1px var(--color-lightgray);
  border-radius: var(--rad-common);
  text-align: center;
  position: relative;
  z-index: 0;
}

.plan__planBox__item__madori__list__item__img::before {
  display: inline-block;
  content: "";
  width: 70px;
  height: 28px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}

.plan__planBox__item__madori__list__item:first-child .plan__planBox__item__madori__list__item__img::before {
  background: url(../img/page/plan/img_madori_label01.webp) no-repeat top left / 100%;
}

.plan__planBox__item__madori__list__item:nth-child(2) .plan__planBox__item__madori__list__item__img::before {
  background: url(../img/page/plan/img_madori_label02.webp) no-repeat top left / 100%;
}

.plan__planBox__item__madori__list__item:nth-child(3) .plan__planBox__item__madori__list__item__img::before {
  background: url(../img/page/plan/img_madori_label03.webp) no-repeat top left / 100%;
}

.plan__planBox__item__madori__list__item__img a {
  display: block;
  width: 100%;
  height: 100%;
}

.plan__planBox__item__madori__list__item__img img {
  width: 100%;
  max-width: 540px;
  border-radius: var(--rad-common);
}

.plan__planBox__item__madori__list__item__label {
  text-align: center;
  margin-top: 0.5em;
}

.plan__planBox__item__example__inner {
  border: solid 2px var(--color-palegreen);
  border-radius: var(--rad-common);
}

.plan__planBox__item__example__ttl {
  background: var(--color-palegreen);
  font-weight: bold;
}

.plan__planBox__item__example__houseprice {
  margin-bottom: 1em;
  text-align: center;
}

.plan__planBox__item__example__houseprice__label {
  margin-bottom: 0.5em;
}

.plan__planBox__item__example__houseprice__price {
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  font-size: var(--font-medium);
}

.plan__planBox__item__example__houseprice__price .font_num {
  font-size: 1.5em;
}

.plan__planBox__item__example__calc {
  background: var(--color-palegray);
  padding: var(--gutter-narrow) 2.5%;
  border-radius: var(--rad-common);
}

.plan__planBox__item__example__calc__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 500px;
  padding: 0 0.5em;
  margin-right: auto;
  margin-left: auto;
  font-size: var(--font-medium);
}

.plan__planBox__item__example__calc__item.item--main {
  margin-bottom: 0.5em;
}

.plan__planBox__item__example__calc__item.item--discount {
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
  border-bottom: solid 2px var(--color-black);
}

.plan__planBox__item__example__calc__item.item--real {
  color: var(--color-red);
}

.plan__planBox__item__example__calc__item__cont {
  font-size: var(--font-large);
}

.plan__planBox__item__example__calc__item__cont .font_num {
  font-size: 1.4em;
}

.plan__planBox__item__example__caution {
  font-size: var(--font-sub);
  color: var(--color-darkgray);
  margin-top: 1em;
}

.plan__planBox__item__btn {
  width: 100%;
  max-width: 400px;
  height: 4em;
  margin: var(--gutter-narrow) auto 0;
  position: relative;
}

.plan__linkBox__list__item {
  width: 100%;
  max-width: 400px;
  height: 4em;
}

.plan__linkBox {
  padding: var(--gutter-medium) 2.5%;
  margin-top: var(--gutter);
  background: var(--color-palegreen);
}

.plan__linkBox__list__item img {
  margin-right: 5px;
}


/*==================================================
  SOLAR RICH HOUSE common
==================================================*/
.slhPage .wire02 {
  width: 100%;
  max-width: 768px;
  margin-right: auto;
  margin-left: auto;
}

.slh__fvBox {
  margin-top: var(--gutter-medium);
}

.slh__caution {
  width: 95%;
  margin: var(--gutter-supernarrow) auto var(--gutter-medium);
}

.slh__caution__txt {
  font-size: var(--font-sub);
}

.slh__caution__txt--small {
  display: block;
  font-size: var(--font-small);
  color: var(--color-darkgray);
}

.slh__lineupBox {
  margin-top: var(--gutter-medium);
}


/*==================================================
  BINO common
==================================================*/
.bino__skipfloorBox {
  margin-top: var(--gutter-medium);
}

.bino__skipfloorBox__txtBox {
  margin-bottom: var(--gutter-narrow);
}

.bino__skipfloorBox__txtBox__txt {
  line-height: 2;
}

.bino__skipfloorBox__imgBox {
  max-width: 600px;
  margin: 0 auto;
}

.bino__specBox {
  margin-top: var(--gutter-medium);
}

.bino__specBox__meritlist__item__label {
  font-size: var(--font-medium);
  margin-bottom: 1em;
}

.bino__specBox__meritlist__item__label .font_en-cur {
  display: inline-block;
  background: var(--color-main);
  color: #FFF;
  padding: 0.5em 1em;
  line-height: 1;
  margin-right: 0.5em;
}

.bino__specBox__meritlist__item__cont {
  line-height: 2;
}

.bino__lineupBox {
  margin-top: var(--gutter-medium);
}

.bino__lineupBox__list__item:nth-of-type(n+2) {
  margin-top: var(--gutter-medium);
}

.bino__lineupBox__list__item__label.al img {
  width: 200px;
}

.bino__lineupBox__list__item__label.wv img {
  width: 170px;
}

.bino__lineupBox__list__item__label.ep img {
  width: 260px;
}

.bino__lineupBox__list__item__cont__imgBox {
  max-width: 768px;
  margin: var(--gutter-narrow) auto 0;
}

.bino__lineupBox__list__item__cont__txtBox__catch {
  text-align: center;
  color: var(--color-darkgray);
  font-weight: bold;
  margin: 1em 0;
  font-size: var(--font-medium);
}


/*==================================================
  BINO-HIRAYA common
==================================================*/
.bino-hiraya__aboutBox,
.bino-hiraya__conceptBox,
.bino-hiraya__lineupBox {
  margin-top: var(--gutter-medium);
}

.bino-hiraya__aboutBox__imgBox {
  max-width: 768px;
  margin: 0 auto;
}

.bino-hiraya__conceptBox__item:nth-child(2) {
  margin-top: var(--gutter-medium);
}

.bino-hiraya__conceptBox__item__ttl {
  margin-bottom: 1em;
}

.bino-hiraya__lineupBox__list__item:nth-of-type(n+2) {
  margin-top: var(--gutter-medium);
}

.bino-hiraya__lineupBox__list__item__label {
  margin-bottom: 1em;
}

.bino-hiraya__lineupBox__list__item__cont__txtBox__catch {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}


/*==================================================
  OFFER common
==================================================*/
.offerPage .requestBox {
  margin-top: var(--gutter-medium);
}

.offerPage .requestBox_ttl {
  font-size: var(--font-xlarge);
  font-weight: bold;
  text-align: center;
}

.offerPage .requestBox_ttl span {
  color: var(--color-main);
  margin-right: 5px;
  font-size: 1.1em;
}

.offerPage .requestBox_subTtl {
  font-weight: bold;
  text-align: center;
  font-size: var(--font-large);
  border-bottom: 2px solid var(--color-black);
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}

.offerPage .requestBox_intro {
  text-align: center;
  font-size: var(--font-medium);
  margin-bottom: var(--gutter-narrow);
}

.offerPage .requestBox_baloon {
  background-color: var(--color-black);
  color: #fff;
  font-size: var(--font-large);
  font-weight: bold;
  text-align: center;
  padding: 0.5em 0;
  width: 60%;
  min-width: 13em;
  border-radius: var(--rad-common);
  position: relative;
}

.offerPage .requestBox_baloon::after {
  content: "";
  display: inline-block;
  border: solid 10px transparent;
  border-top: solid 10px var(--color-black);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.offerPage .requestBox_list {
  display: flex;
  justify-content: space-between;
  gap: 2%;
}

.offerPage .requestBox_item {
  display: flex;
  justify-content: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  border-radius: var(--rad-common);
  border: solid 1px var(--color-lightgray);
  text-align: center;
}

.offerPage .requestBox_img {
  margin: 0 auto var(--gutter-supernarrow);
}

.offerPage .requestBox_txt {
  font-size: var(--font-medium);
  font-weight: bold;
}

.offerPage .matchingBox_img {
  max-width: 1080px;
  margin: 0 auto;
}


/*==================================================
  PRIVACY common
==================================================*/
.privacyPage #postbox {
  margin-top: var(--gutter);
}

.privacyPage .privacy__item {
  margin: 1.25em 0;
}

.privacyPage .priacy__label {
  margin-bottom: 0.5em;
}

.privacyPage .priacy__label::before {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background: var(--color-main);
  border-radius: 3px;
  margin-right: 0.5em;
}

.privacyPage .priacy__cont {
  font-size: var(--font-sub);
  margin: 0 0 0 1.3em;
}

.privacyPage .privacy__cont__list {
  margin: 1em;
}

.privacyPage .privacy__cont__item {
  margin-bottom: 0.5em;
  list-style: disc outside;
}

.privacyPage .privacy__address {
  background: var(--color-palegray);
  padding: 1em;
  margin-top: 1em;
}


/*==================================================
  SITEMAP common
==================================================*/
.sitemapPage #postbox {
  margin-top: var(--gutter-medium);
}

.sitemapPage .sitemap__list {
  margin-bottom: var(--gutter-narrow);
}

.sitemapPage .sitemap__list__label {
  width: 100%;
  font-size: var(--font-medium);
  font-weight: bold;
  padding: 0 0 0.5em 0.5em;
  margin-bottom: 1em;
  line-height: 1.3;
  border-bottom: solid 2px var(--color-lightgray);
}

.sitemapPage .sitemap__list__cont {
  margin-bottom: 1em;
  text-decoration: underline;
  font-size: var(--font-sub);
}

.sitemapPage .sitemap__list__cont::before {
  display: inline-block;
  content: "▲";
  font-size: 0.5em;
  transform: rotate(90deg);
  margin-right: 0.5em;
  color: var(--color-main);
}

/*==================================================
  CAREER UP common
==================================================*/
.careerUpPage .careerUp__ttl {
  background: url(../img/page/career-up/bg_fv_carrer-up.webp) center center / cover;
}

.careerUpPage #bread {
  background: transparent;
  text-shadow: 0 0 3px #FFF, 0 0 3px #FFF, 0 0 3px #FFF, 0 0 3px #FFF, 0 0 3px #FFF;
}

.careerUpPage .careerUp__ttl__inner {
  background: rgba(255,255,255,0.7);
  padding: var(--gutter-supernarrow) 2.5%;
  width: min(550px, 70%);
  text-align: center;
}

.careerUpPage .subTtl--careerUp::first-letter {
  color: var(--color-main);
}

.careerUpPage .mainTtl--careerUp {
  line-height: 1;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/***** careerUp__introBox *****/
.careerUpPage .careerUp__introBox {
  margin-bottom: var(--gutter);
}
  
.careerUpPage .careerUp__introInner {
  padding: var(--gutter-narrow) 0 var(--gutter-medium);
  background: var(--color-beige);
}

.careerUpPage .careerUp__introTtl {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.careerUpPage .careerUp__introTtlTop {
  display: block;
  font-size: var(--font-large);
  padding: 0.3em 1.3em;
  font-weight: bold;
  font-feature-settings: 'palt';
  letter-spacing: 0.05em;
  border: solid 2px var(--color-main);
  margin: 0 auto 15px;
  position: relative;
  background:#FFF;
  color: var(--color-main);
  border-radius: var(--rad-common);
}

.careerUpPage .careerUp__introTtlTop:before,
.careerUpPage .careerUp__introTtlTop:after {
  content: "";
  border: solid 13px transparent;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
}

.careerUpPage .careerUp__introTtlTop:before {
  border-top: solid 13px var(--color-main);
  top: 100%;
}

.careerUpPage .careerUp__introTtlTop:after {
  border-top: solid 13px #FFF;
  top: calc(100% - 2px);
}

.careerUpPage .careerUp__introTtlBottom {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: var(--font-xlarge);
}

.careerUpPage .careerUp__introTxt {
  text-align: center;
}

/***** careerUp__appealList *****/
.careerUpPage .careerUp__appealList {
  margin: var(--gutter-medium) auto;
  max-width: 1080px;
}

.careerUpPage .careerUp__appealItem {
  display: flex;
  justify-content: center;
  gap: 30px;
  align-items: flex-start;
}

.careerUpPage .careerUp__appealItem:not(:last-child) {
  margin-bottom: var(--gutter);
}

.careerUpPage .careerUp__appealItem:nth-child(2n) {
  flex-direction: row-reverse;
}

.careerUpPage .careerUp__appealImg {
  width: 500px;
  max-width: 50%;
  flex-shrink: 0;
  border-radius: var(--rad-common);
  overflow: hidden;
}

.careerUpPage .careerUp__appealTxtBox {
  flex-grow: 1;
  height: auto;
}

.careerUpPage .careerUp__appealTtl {
  font-size: var(--font-large);
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: var(--gutter-supernarrow);
  border-bottom: solid 2px #111;
}

.careerUpPage .careerUp__appealTxt {
  line-height: 2;
  font-size: var(--font-normal);
}

.careerUpPage .careerUp__appealSummary {
  font-weight: bold;
  font-size: var(--font-large);
  text-align: center;
  margin-bottom: var(--gutter-supernarrow);
}

.careerUpPage .careerUp__appealBtn {
  width: 95%;
  max-width: 400px;
  height: 4em;
  margin: 0 auto;
}

/***** careerUp__entryBox *****/
.careerUpPage .careerUp__entryInner {
  margin-bottom: var(--gutter);
}

.careerUpPage .careerUp__entryTtl {
  font-size: var(--font-large);
  font-weight: bold;
  border-bottom: 1px solid var(--color-black);
  padding-bottom: 0.5em;
}

.careerUpPage .careerUp__entryRow {
  border-bottom: 1px solid var(--color-black);
  padding: var(--gutter-narrow) 0;
  display: flex;
  align-items: flex-start;
}

.careerUpPage .careerUp__entryRowTtl {
  flex-shrink: 0;
  width: 10em;
  border: 1px solid var(--color-black);
  border-radius: 9999px;
  text-align: center;
  margin-right: 5em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em 0;
}

.careerUpPage .careerUp__entryRowTxt {
  flex-grow: 1;
    display: flex;
  align-items: center;
}

/***** call-to-action *****/
.careerUpPage .careerUp__call-to-actionBox {
  background: repeating-linear-gradient(135deg, var(--color-lightblue), var(--color-lightblue) 10px, #60C9E9 10px, #60C9E9 20px);
  padding: 20px;
}

.careerUpPage .careerUp__call-to-actionBox__wrap {
  background: #FFF;
  padding: 10px 0 var(--gutter-medium);
}

.careerUpPage .careerUp__call-to-actionBox__sub {
  color: var(--color-lightblue);
  opacity: 0.3;
  text-align: center;
  font-size: 60px;
}

.careerUpPage .careerUp__call-to-actionBox__ttl {
  font-size: var(--font-large);
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}

.careerUpPage .careerUp__call-to-actionBox__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--gutter-narrow);
}

.careerUpPage .careerUp__call-to-actionBox__btn {
  max-width: 400px;
  width: 100%;
  height: 4em;
}

.careerUpPage .careerUp__call-to-actionBox__call .font_num {
  font-size: var(--font-xxlarge);
}

.careerUpPage .careerUp__call-to-actionBox__call img {
  width: calc(var(--font-xxlarge) * 0.8);
  vertical-align: middle;
}

.careerUpPage .careerUp__call-to-actionBox__bizhour {
  display: block;
  text-align: center;
  background: var(--color-palegray);
  margin-top: 0.5em;
  padding: 0.5em;
  font-size: var(--font-sub);
}

/*///////////////////////////////////////////////////////////

Wide（768px～）

///////////////////////////////////////////////////////////*/
@media print,
screen and (min-width: 768px) {

  /*==================================================
	  EVENT min768
  ==================================================*/
  /*
  ===== archive-event ==========================================
  */
  .archive-event .item {
    width: calc((100% - (var(--gutter-narrow) * 2)) / 3);
  }

  /*
  ===== single-event min768 ==========================================
  */
  .single-event .event__tbl th {
    width: 20%;
    padding: 1.5em;
    border: solid 1px var(--color-lightgray);
  }

  .single-event .event__tbl td {
    padding: 1.5em;
    border: 1px solid var(--color-lightgray);
    border-left: none;
  }


  /*==================================================
	  GALLERY min768
  ==================================================*/
  /*
  ===== archive-gallery ==========================================
  */
  .archive-gallery .item {
    width: calc(50% - (var(--gutter-narrow) / 2));
  }

  /*
  ===== single-gallery ==========================================
  */
  .single-gallery .gallery__slider__pager__item {
    width: 9% !important;
  }

  .single-gallery .gallery__slider__pager__item:hover {
    cursor: pointer;
  }

  .single-gallery .gallery__tbl th {
    width: 30%;
    padding: 1.5em;
    border: solid 1px var(--color-lightgray);
  }

  .single-gallery .gallery__tbl td {
    padding: 1.5em;
    border: 1px solid var(--color-lightgray);
    border-left: none;
  }

  .single-gallery .side_relList.archive-gallery .item {
    width: calc((100% - (var(--gutter-narrow) * 2)) / 3);
  }


  /*==================================================
    VOICE min768
  ==================================================*/
  /*
  ===== archive-voice min768 ==========================================
  */
  .archive-voice .item {
    width: calc(50% - var(--gutter-narrow) / 2);
  }

  .archive-voice .photo {
    width: 100px !important;
    height: 100px;
  }

  .archive-voice .info {
    width: calc(100% - 100px - 1em);
  }


  /*==================================================
    COLUMN min768
  ==================================================*/
  /*
  ===== archive-voice min768 ==========================================
  */
  .archive-column .item {
    width: calc((100% - (var(--gutter-narrow) * 2)) / 3);
  }


  /*==================================================
    SHOP-RESERVE min768
  ==================================================*/
  .shop-reservePage .ttlWrap {
    background: url(../img/page/shop_reserve/bg_fv_shoprsv.webp) repeat-x left top / auto 100%;
  }

  .shop-reservePage .shoprsv__ttl__inner {
    height: 320px;
  }

  .shop-reservePage .shoprsv__meritBox__list__item {
    width: calc(95% / 3);
    border-bottom-left-radius: var(--rad-common);
    border-bottom-right-radius: var(--rad-common);
  }

  .shop-reservePage .shoprsv__meritBox__list__item__photo {
    border-top-left-radius: var(--rad-common);
    border-top-right-radius: var(--rad-common);
    height: 200px;
  }

  .shop-reservePage .shoprsv__meritBox__list__item__info__count {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
  }

  .shop-reservePage .shoprsv__flowBox__list__item {
    display: flex;
    flex-direction: column;
    width: 20%;
  }

  .shop-reservePage .shoprsv__flowBox__list__item:first-child {
    clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 0% 0%);
  }

  .shop-reservePage .shoprsv__flowBox__list__item:nth-child(2),
  .shop-reservePage .shoprsv__flowBox__list__item:nth-child(3),
  .shop-reservePage .shoprsv__flowBox__list__item:nth-child(4) {
    clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
  }

  .shop-reservePage .shoprsv__flowBox__list__item:last-child {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 5% 50%);
  }

  .shop-reservePage .shoprsv__flowBox__list__item__ttl {
    text-align: center;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__ttl .font_num {
    display: block;
    font-size: var(--font-xlarge);
  }

  .shop-reservePage .shoprsv__flowBox__list__item__txt {
    text-align: center;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__icon {
    min-height: 100px;
    margin: 1em auto 0;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__icon.baloon {
    width: 100px;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__icon.walk {
    width: 60px;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__icon.soudan {
    width: 110px;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__icon.pencil {
    width: 80px;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__icon.flag {
    width: 90px;
  }

  .shop-reservePage .shoprsv__formBox__comment {
    font-size: var(--font-large);
    font-weight: bold;
    text-align: center;
    margin-bottom: var(--gutter-medium);
  }


  /*==================================================
    SELLING min768
  ==================================================*/
  /***** firstview *****/
  .selling__firstview__inner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: var(--gutter-narrow) 0 0;
  }

  .selling__firstview__txtBox {
    width: 65%;
    padding-bottom: var(--gutter-narrow);
  }

  .selling__firstview__ttl {
    font-size: clamp(29px, 2.8vw, 46px);
  }

  .selling__firstview__item__img {
    width: min(90px, 40%);
  }

  .selling__firstview__imgBox {
    width: 35%;
  }

  .selling__firstview .appraisal_form__inputArea__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gutter-narrow);
  }

  .selling__firstview .appraisal_form__input {
    display: flex;
    gap: 1em;
  }

  .selling__firstview .appraisal_form #estate_type_name,
  .selling__firstview .appraisal_form #estate_zip_code,
  .selling__firstview .appraisal_form #estate-prefecture-code,
  .selling__firstview .appraisal_form #estate-city-code,
  .selling__firstview .appraisal_form #estate-oaza-code,
  .selling__firstview .appraisal_form #estate-aza-name {
    width: min(20vw, 260px);
  }

  /***** problemBox *****/
  .selling__problemBox__appeal {
    margin-top: var(--gutter-medium);
  }

  .selling_problemBox__inner {
    padding: var(--gutter-narrow);
  }

  /***** reasonBox *****/
  .selling__reasonBox__list {
    width: 60%;
  }

  .selling__reasonBox__list__item__num {
    width: 70px;
    height: 70px;
  }

  .selling__reasonBox__list__item:nth-child(n+2) {
    margin-top: var(--gutter-narrow);
  }

  .selling__reasonBox__img {
    width: calc(40% - var(--gutter-narrow));
    margin-top: var(--gutter-narrow);
  }

  /***** accomplishment *****/
  .selling__reasonBox__inner {
    display: flex;
    align-items: flex-start;
    gap: var(--gutter-narrow);
  }

  .selling__accomplishment__list {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }

  .selling__accomplishment__tbl__item {
    width: calc(20% - 10px);
    text-align: center;
    border-left: solid 4px #FFF;
  }

  .selling__accomplishment__tbl__item.item--head {
    width: 100px;
  }

  .selling__accomplishment__tbl__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.25em;
    width: 100%;
    height: 4em;
  }

  .selling__accomplishment__tbl__item__count {
    padding: 1em 0;
  }

  .selling__accomplishment__tbl__item__count.ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-height: 68px;
  }

  /***** voiceBox *****/
  .selling__voiceBox.archive-voice .selling__voiceBox__list__item.item {
    width: calc((100% - var(--gutter-narrow) * 2) / 3);
  }

  /***** call-to-action *****/
  .selling__call-to-actionBox {
    padding: 20px;
  }

  .selling__call-to-actionBox__sub {
    font-size: 60px;
  }

  /***** flowBox *****/
  .selling__flowBox__outlineList__item {
    font-size: var(--font-large);
    width: 200px;
  }

  .selling__flowBox__outlineList__item:nth-child(-n+3)::after {
    border-width: 10px 0 10px 12px;
    right: -14%;
  }

  .selling__flowBox__detailList {
    max-width: calc(100% - 2em);
  }

  .selling__flowBox__detailList__item {
    width: calc((100% - var(--gutter-narrow) * 2) / 3);
    padding: 0 0 1em;
  }

  .selling__flowBox__detailList__item:nth-child(-n+5)::after {
    border-width: 1em 0 1em 1.5em;
    right: -2em;
  }


  /*==================================================
    STORAGE-BATTERY min768
  ==================================================*/
  /***** planBox *****/
  .storage__planBox__item__info__profile {
    width: 40%;
    min-width: 270px;
  }

  .storage__planBox__item__info__payment {
    width: calc(60% - var(--gutter-supernarrow));
    min-width: 500px;
  }

  .storage__planBox__item__info__payment__detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--gutter-supernarrow);
  }

  .storage__planBox__item__info__payment__detail__label .sub {
    text-align: center;
  }

  .storage__planBox__item__info__payment__detail__cont {
    text-align: right;
  }

  .storage__planBox__item__plan__list {
    display: flex;
    align-items: stretch;
    width: 100%;
  }

  .storage__planBox__item__plan__list__label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    min-width: 271px;
    flex-shrink: 0;
  }

  .storage__planBox__item__plan__list__cont {
    display: flex;
    gap: 1em 0.5em;
    flex-wrap: wrap;
    justify-content: center;
    width: 60%;
    border-top: solid 2px var(--color-darkgray);
  }

  .storage__planBox__item__plan__list__cont__planlist {
    text-align: left;
    min-width: 7.8em;
  }

  .storage__planBox__item__simulation__detail>* {
    width: calc(50% - var(--gutter-narrow) * 0.5);
  }

  .storage__planBox__item__simulation__detail__income::before {
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
  }

  #premium .storage__planBox__item__simulation__total__inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .storage__planBox__item__simulation__total__list__item {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 0.25em;
  }

  .storage__planBox__item__simulation__total__0yen .main .font_num {
    font-size: 120px;
  }


  /*==================================================
    OPTION min768
  ==================================================*/
  .option__catch {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .option__otokuBox__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--gutter-medium) 0;
  }

  .option__otokuBox__image {
    width: 45%;
  }

  .option__otokuBox__txtbox {
    width: 55%;
    margin-left: -5%;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    padding: var(--gutter-narrow) 2.5%;
    border-radius: var(--rad-common);
  }

  .option__catch__inner {
    width: 60%;
  }

  .option__catch__image {
    width: 40%;
    padding-top: var(--gutter-narrow);
  }

  .option__planBox__ttl .sub {
    margin-left: 1em;
  }

  .option__curtainBox__coordinateBox__ttlWrap::before,
  .option__curtainBox__coordinateBox__ttlWrap::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 80px;
    background: var(--color-black);
    position: absolute;
    left: 50%;
    bottom: 0;
  }

  .option__curtainBox__coordinateBox__ttlWrap::before {
    transform: translateX(calc(-50% - 12em)) rotate(-30deg);
  }

  .option__curtainBox__coordinateBox__ttlWrap::after {
    transform: translateX(calc(-50% + 12em)) rotate(30deg);
  }


  /*==================================================
    SUPPORT min768
  ==================================================*/
  .support__firstview {
    background: url(../img/page/support/bg_fv_support.webp) no-repeat top center / cover;
  }

  .support__firstview__inner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .support__firstview__txtBox {
    width: 65%;
    padding-bottom: var(--gutter-medium);
    min-width: 573px;
  }

  .support__firstview__txtBox .font_en-cur {
    padding-left: var(--gutter-supernarrow);
  }

  .support__firstview__txtBox__ttl {
    padding-left: var(--gutter-supernarrow);
  }

  .support__firstview__txtBox__txt {
    font-size: var(--font-large);
    line-height: 1.8;
    padding-left: var(--gutter-supernarrow);
  }

  .support__firstview__image {
    width: 35%;
  }

  .support__beforeBox__inner {
    display: flex;
    align-items: center;
    gap: var(--gutter-narrow);
  }

  .support__beforeBox__image {
    width: 30%;
    height: 150px;
  }

  .support__afterBox__list__item__ttl .font_num {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 50px;
    line-height: 50px;
    border-top-left-radius: var(--rad-common);
    border-top-right-radius: var(--rad-common);
  }

  .support__afterBox__list__item__troublelist__item__image {
    width: 25%;
    aspect-ratio: 7 / 3;
  }

  .support__afterBox__list__item__troublelist__item__txtBox {
    width: calc(75% - var(--gutter-narrow));
  }

  .support__afterBox__list__item__lifelist {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutter-narrow);
    justify-content: center;
  }

  .support__afterBox__list__item__lifelist__item {
    width: calc(50% - var(--gutter-narrow) * 0.5);
  }

  .support__afterBox__list__item__lifelist__item__image {
    width: 120px;
  }

  .support__afterBox__list__item__livinglist {
    display: flex;
    gap: var(--gutter-narrow);
  }

  .support__afterBox__list__item__livinglist__item {
    width: calc((100% - var(--gutter-narrow) * 2) / 3);
  }


  /*==================================================
	  PLAN min768
  ==================================================*/
  .plan__firstview__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .plan__firstview__txtBox {
    width: 50%;
    flex-shrink: 0;
  }

  .plan__lineupBox__itemList {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--gutter-narrow);
  }

  .plan__lineupBox__itemList__item {
    width: calc(25% - var(--gutter-narrow) * 0.75);
    min-width: 250px;
  }
  
  .plan__lineupBox__itemList__item__cont a.font_medium {
    font-size: var(--font-medium) !important;
    line-height: 2.4;
  }

  .plan__planBox__item {
    margin-top: -135px;
    padding-top: 140px;
  }

  .plan__planBox__item__main {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--gutter-narrow);
  }

  .plan__planBox__item__main__inner {
    width: calc(100% - 460px - var(--gutter-narrow));
  }

  .plan__planBox__item__madori__list {
    display: flex;
    justify-content: center;
    gap: var(--gutter-supernarrow);
  }

  .plan__planBox__item__madori__list__item {
    width: calc(50% - var(--gutter-narrow) * 0.5);
  }

  #planCV .plan__planBox__item__madori__list__item {
    width: 100%;
  }

  .plan__planBox__item__example__inner {
    display: flex;
    align-items: stretch;
  }

  .plan__planBox__item__example__ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
  }

  .plan__planBox__item__example__inbox {
    padding: var(--gutter-supernarrow);
    width: 70%;
  }

  .plan__linkBox__list {
    display: flex;
    justify-content: center;
    gap: var(--gutter-narrow);
  }


  /*==================================================
    BINO min768
  ==================================================*/
  .bino__specBox__meritlist__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em 5%;
  }

  .bino__specBox__meritlist__item__label {
    width: 100%;
  }

  .bino__specBox__meritlist__item__cont {
    width: 70%;
  }

  .bino__specBox__meritlist__item__img {
    width: 25%;
  }

  .bino__lineupBox__list__item__cont__imgBox {
    height: 250px;
  }

  .bino__lineupBox__list__item__cont__txtBox__txt {
    text-align: center;
  }
  

  /*==================================================
    BINO-HIRAYA min768
  ==================================================*/
  .bino-hiraya__conceptBox__item__inner {
    display: flex;
    gap: 5%;
  }
  
  .bino-hiraya__conceptBox__item__img {
    width: 20%;
    flex-shrink: 0;
  }

  .bino-hiraya__lineupBox__list__item__cont {
    display: flex;
    gap: 5%;
  }

  .bino-hiraya__lineupBox__list__item__cont__imgBox {
    width: 40%;
    flex-shrink: 0;
  }


  /*==================================================
    OFFER min768
  ==================================================*/
  .offerPage .requestBox_baloon {
    margin: 0 auto -20px;
  }

  .offerPage .requestBox_item {
    padding: 50px 20px 30px;
    width: calc(96% / 3);
  }

  .offerPage .requestBox_img {
    width: 120px;
  }


  /*==================================================
    SITEMAP min768
  ==================================================*/
  .sitemapPage .sitemap__list.col2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .sitemapPage .sitemap__list.col2 .sitemap__list__cont {
    width: 49%;
  }
}



/*///////////////////////////////////////////////////////////

  SuperWide（1200px～）

///////////////////////////////////////////////////////////*/
@media print,
screen and (min-width: 1200px) {

  /*==================================================
    SELLING min1200
  ==================================================*/
  .selling__firstview__inner {
    background: #e1f3ff;
  }


  /*==================================================
    OPTION min1200
  ==================================================*/
  .option__firstview__inner::before,
  .option__firstview__inner::after {
    content: "";
    display: inline-block;
    width: 200px;
    height: 200px;
    position: absolute;
  }

  .option__firstview__inner::before {
    background: url(../img/page/option/img_fv_kaden01.webp) no-repeat top left / contain;
    right: 97%;
    bottom: 0;
  }

  .option__firstview__inner::after {
    background: url(../img/page/option/img_fv_kaden02.webp) no-repeat top left / contain;
    left: 97%;
    top: 0;
  }
}



/*///////////////////////////////////////////////////////////

Narrow（～767px）

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

  /*==================================================
	  EVENT max767
  ==================================================*/
  /*
  ===== archive-event ==========================================
  */
  .archive-event .item a {
    display: flex !important;
    align-items: flex-start;
  }

  .archive-event .item .photo {
    width: 40% !important;
    margin: var(--gutter-supernarrow) 0 var(--gutter-supernarrow) var(--gutter-supernarrow);
    border-radius: var(--rad-common);
  }

  .archive-event .item .info {
    width: 60%;
  }

  /*
  ===== single-event ==========================================
  */
  .single-event .event__tbl {
    border: solid 1px var(--color-palegray);
  }

  .single-event .event__tbl th,
  .single-event .event__tbl td {
    display: block;
    width: 100%;
    padding: 0.75em;
  }


  /*==================================================
	  GALLERY max767
  ==================================================*/
  /*
  ===== single-gallery max767 ==========================================
  */
  .single-gallery .gallery__slider__pager__item {
    width: 19% !important;
  }

  .single-gallery .gallery__tbl {
    border: solid 1px var(--color-lightgray);
  }

  .single-gallery .gallery__tbl th,
  .single-gallery .gallery__tbl td {
    display: block;
    width: 100%;
    padding: 0.5em;
  }

  .single-gallery .side_relList.archive-gallery .item a {
    display: flex;
  }

  .single-gallery .side_relList.archive-gallery .item a>* {
    width: 50%;
  }


  /*==================================================
    VOICE max767
  ==================================================*/
  /*
  ===== archive-voice ==========================================
  */
  .archive-voice .item {
    width: 100%;
  }

  .archive-voice .photo {
    width: 90px !important;
    height: 90px !important;
  }

  .archive-voice .info {
    width: calc(100% - 90px);
  }


  /*==================================================
    COLUMN max767
  ==================================================*/
  /*
  ===== archive-column ==========================================
  */
  .archive-column .item a {
    display: flex !important;
    align-items: flex-start;
  }

  .archive-column .item .photo {
    width: 40% !important;
    margin: var(--gutter-supernarrow) 0 var(--gutter-supernarrow) var(--gutter-supernarrow);
    border-radius: var(--rad-common);
  }

  .archive-column .item .info {
    width: 60%;
  }


  /*==================================================
    SHOP-RESERVE max767
  ==================================================*/
  .shop-reservePage .ttlWrap {
    background: url(../img/page/shop_reserve/bg_fv_shoprsv.webp) repeat left top / 100%;
  }

  .shop-reservePage .shoprsv__ttl__inner {
    height: 220px;
  }

  .shop-reservePage .shoprsv__meritBox__list__item {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 540px;
    border-top-right-radius: var(--rad-common);
    border-bottom-right-radius: var(--rad-common);
  }

  .shop-reservePage .shoprsv__meritBox__list__item__photo {
    width: 40%;
    height: 150px;
    border-top-left-radius: var(--rad-common);
    border-bottom-left-radius: var(--rad-common);
  }

  .shop-reservePage .shoprsv__meritBox__list__item__info {
    width: 60%;
  }

  .shop-reservePage .shoprsv__meritBox__list__item__info__count__label {
    margin-bottom: 0.5em;
  }

  .shop-reservePage .shoprsv__appealBox__ttlWrap {
    padding: var(--gutter-narrow) 2.5%;
  }

  .shoprsv__appealBox__ttl {
    flex-direction: column;
    text-align: center;
  }

  .shop-reservePage .shoprsv__appealBox__ttlWrap .image {
    width: 60px;
  }

  .shop-reservePage .shoprsv__appealBox__pointBox {
    margin-right: auto;
    margin-left: auto;
    width: 95%;
    padding: var(--gutter-medium) 2.5%;
  }

  .shop-reservePage .shoprsv__appealBox__pointBox__list__item {
    justify-content: center;
    flex-direction: column;
    gap: 1em;
  }

  .shop-reservePage .shoprsv__appealBox__pointBox__list__item:first-child {
    padding-top: 0;
  }

  .shop-reservePage .shoprsv__appealBox__pointBox__list__item:last-child {
    padding-bottom: 0;
  }

  .shop-reservePage .shoprsv__flowBox__list {
    flex-direction: column;
  }

  .shop-reservePage .shoprsv__flowBox__list__item {
    border-bottom: dotted 2px #FFF;
  }

  .shop-reservePage .shoprsv__flowBox__list__item:last-child {
    border-bottom: none;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__ttl {
    text-align: center;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__ttl .font_num {
    font-size: 1.3em;
    margin-right: 2px;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__txt {
    text-align: center;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__icon {
    margin: 10px auto 0;
    width: 60px;
  }

  .shop-reservePage .shoprsv__flowBox__list__item__icon.walk {
    width: 40px;
  }

  .shop-reservePage .shoprsv__formBox__comment {
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center;
    font-size: var(--font-medium);
  }


  /*==================================================
    SELLING max767
  ==================================================*/
  /***** firstview *****/
  .selling__firstview__inner {
    padding-top: var(--gutter);
    padding-bottom: var(--gutter-narrow);
  }

  .selling__firstview__en {
    left: 50%;
    transform: translateX(-50%);
  }

  .selling__firstview__ttl {
    font-size: 20px;
    text-align: center;
  }

  .selling__firstview__item {
    max-width: 140px;
    max-height: 140px;
  }

  .selling__firstview__item__txt {
    line-height: 1.2;
    font-size: var(--font-sub);
  }

  .selling__firstview__item__img {
    width: 30px;
  }

  .appraisal_form__inputArea__type {
    margin-bottom: var(--gutter-narrow);
  }

  .selling__firstview .appraisal_form__inputArea__inner {
    width: 100%;
    max-width: 440px;
    margin-right: auto;
    margin-left: auto;
  }

  .selling__firstview .appraisal_form #estate_type_name,
  .selling__firstview .appraisal_form #estate-city-code,
  .selling__firstview .appraisal_form #estate-oaza-code,
  .selling__firstview .appraisal_form #estate-aza-name {
    width: 100%;
  }

  .selling__firstview .appraisal_form__selectWrap {
    margin: 10px 0;
  }

  .selling__firstview .appraisal_form #estate_zip_code {
    width: calc(100% - 1em);
  }

  /***** problemBox *****/
  .selling__problemBox__appeal .main {
    line-height: 2;
  }

  .selling_problemBox__inner {
    padding: var(--gutter-narrow) 0;
  }

  /***** reasonBox *****/
  .selling__reasonBox__list__item:nth-child(n+2) {
    margin-top: var(--gutter-medium);
  }

  .selling__reasonBox__list__item__num {
    width: 54px;
    height: 54px;
  }

  .selling__reasonBox__list__item__ttl__main {
    display: block;
  }

  /***** accomplishment *****/
  .selling__accomplishment__ttl__period {
    display: block;
  }

  .selling__accomplishment__tbl__item {
    display: flex;
  }

  .selling__accomplishment__tbl__item__label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em;
    width: 45%;
  }

  .selling__accomplishment__tbl__item__count {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    width: 55%;
    text-align: center;
    border-left: solid 4px #FFF;
    border-bottom: solid 4px #FFF;
  }

  /***** voiceBox *****/
  .selling__voiceBox.archive-voice .selling__voiceBox__list__item.item {
    width: 100%;
  }

  /***** call-to-action *****/
  .selling__call-to-actionBox {
    padding: 10px;
  }

  .selling__call-to-actionBox__sub {
    font-size: 24px;
  }

  .selling__call-to-actionBox__call {
    text-align: center;
  }

  /***** pointBox *****/
  .selling__pointBox__list__item {
    flex-direction: column;
    gap: 0.5em;
  }

  .selling__pointBox__list__item__txt {
    text-align: center;
  }

  /***** flowBox *****/
  .selling__flowBox__outlineList__item {
    width: 70px;
    text-align: center;
    font-size: var(--font-sub);
  }

  .selling__flowBox__outlineList__item:nth-child(-n+3)::after {
    border-width: 6px 0 6px 9px;
    right: -22%;
  }

  .selling__flowBox__detailList__item {
    width: calc(50% - var(--gutter-narrow) * 0.5);
  }

  .selling__flowBox__detailList__item:nth-child(odd)::after {
    border-width: 14px 0 14px 42px;
    right: -42px;
    z-index: 10;
  }

  .selling__flowBox__detailList__item:nth-child(even)::after {
    border-width: 14px 0 14px 42px;
    right: 95%;
    top: 100%;
    z-index: 10;
    transform: rotate(135deg);
  }

  .selling__flowBox__detailList__item__img {
    max-width: 18vw;
    max-height: 18vw;
  }


  /*==================================================
    STORAGE-BATTERY max767
  ==================================================*/
  /***** firstview *****/
  .storage__firstview__inner {
    padding-top: 1em;
  }

  /***** planBox *****/
  .storage__planBox__item__simulation__detail__income::before {
    font-size: var(--font-xxlarge);
    left: 50%;
    bottom: 93%;
    transform: translateX(-50%);
  }

  .storage__planBox__item__plan__list__cont {
    border-left: solid 2px var(--color-darkgray);
  }

  .storage__planBox__item__simulation__detail>* {
    width: 100%;
  }

  .storage__planBox__item__simulation__detail__costs__list {
    flex-direction: column;
    gap: 0.5em;
  }

  .storage__planBox__item__simulation__total__list {
    text-align: center;
  }

  #premium .storage__planBox__item__simulation__total__list {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: solid 1px var(--color-red);
  }

  .storage__planBox__item__simulation__total__0yen .font_num {
    font-size: 60px;
  }

  /***** lineupBox *****/
  .storage__lineupBox__list {
    flex-wrap: wrap;
  }


  /*==================================================
    OPTION max767
  ==================================================*/
  .option__firstview {
    background: url(../img/page/option/bg_fv_option.webp) repeat top left / 100% auto;
  }

  .option__catch {
    margin-top: var(--gutter-medium);
  }

  .option__catch__txt,
  .option__catch__sub {
    text-align: center;
  }

  .option__catch__sub {
    margin-bottom: 1em;
  }

  .option__catch__image {
    width: 50%;
    max-width: 400px;
    margin: 0 auto;
  }

  .option__otokuBox__inner {
    margin-top: var(--gutter-medium);
    margin-bottom: var(--gutter-medium);
  }

  .option__otokuBox__image {
    max-width: 400px;
    width: 60%;
    margin: 0 auto var(--gutter-narrow);
  }

  .option__planBox__ttl__txt .main {
    display: inline-block;
    margin-bottom: 0.25em;
  }


  /*==================================================
    SUPPORT max767
  ==================================================*/
  .support__firstview {
    background: url(../img/page/support/bg_fv_support-sp.webp) no-repeat top center / cover;
  }

  .support__firstview__txtBox {
    text-align: center;
    padding-top: var(--gutter-narrow);
  }

  .support__firstview__image {
    margin: var(--gutter-narrow) auto 0;
    width: 160px;
    height: 120px;
    overflow: hidden;
  }

  .support__beforeBox__image {
    max-width: 400px;
    margin: 0 auto var(--gutter-narrow);
  }

  .support__afterBox__list__item__ttl {
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
    padding-bottom: 0.5em;
  }

  .support__afterBox__list__item__ttl .font_num {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--rad-common);
    width: 30px;
    height: 30px;
    line-height: 1;
  }

  .support__afterBox__list__item__ttl .main {
    line-height: 1.2;
  }

  .support__afterBox__list__item__ttl .baloon {
    display: inline-block;
    font-size: var(--font-small);
    margin-right: 0;
    margin-bottom: 0.5em;
  }

  .support__afterBox__list__item__troublelist__item__image {
    width: 35%;
    flex-shrink: 0;
  }

  .support__afterBox__list__item__lifelist__item:nth-child(n+2) {
    margin-top: var(--gutter-narrow);
  }

  .support__afterBox__list__item__lifelist__item__image {
    width: 80px;
  }

  .support__afterBox__list__item__livinglist__item:nth-child(n+2) {
    margin-top: var(--gutter-narrow);
  }


  /*==================================================
	  PLAN max767
  ==================================================*/
  .plan__firstview__inner.wire {
    padding: var(--gutter-medium) 0 0 0 !important;
  }

  .plan__firstview__txtBox {
    padding-bottom: var(--gutter-narrow);
  }

  .plan__lineupBox__itemList__item:nth-of-type(n+2) {
    margin-top: var(--gutter-medium);
  }

  .plan__lineupBox__itemList__item__cont {
    max-width: 400px;
  }

  .plan__planBox__item {
    margin-top: -60px;
    padding-top: 65px;
  }

  .plan__planBox__item__ttl .small {
    display: block;
  }
  
  .plan__planBox__item__main__inner {
    margin-bottom: var(--gutter-narrow);
  }

  .plan__planBox__item__madori__list__item:nth-child(n+2) {
    margin-top: var(--gutter-supernarrow);
  }

  .plan__planBox__item__example__ttl {
    padding: 0.5em;
    font-size: var(--font-medium);
    text-align: center;
  }

  .plan__planBox__item__example__inbox {
    padding: 1em;
  }

  .plan__linkBox__list__item:nth-child(n+2) {
    margin-top: var(--gutter-narrow);
  }


  /*==================================================
	  BINO max767
  ==================================================*/
  .bino__specBox__meritlist__item:nth-of-type(n+2) {
    margin-top: var(--gutter-medium);
  }

  .bino__specBox__meritlist__item__img {
    width: 200px;
    margin: var(--gutter-narrow) auto 0;
  }

  .bino__lineupBox__list__item__cont__imgBox {
    aspect-ratio: 3 / 1;
  }


  /*==================================================
	  BINO-HIRAYA max767
  ==================================================*/
  .bino-hiraya__conceptBox__item__img {
    width: 160px;
    margin: var(--gutter-narrow) auto 0;
  }

  .bino-hiraya__lineupBox__list__item__cont__imgBox {
    max-width: 350px;
    margin: 0 auto;
  }


  /*==================================================
    OFFER max767
  ==================================================*/
  .offerPage .requestBox_wrap {
    padding-top: 0;
  }

  .offerPage .requestBox_baloon {
    margin: 0 auto var(--gutter-narrow);
  }

  .offerPage .requestBox_list {
    flex-direction: column;
    gap: var(--gutter-narrow);
  }

  .offerPage .requestBox_item {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: var(--gutter-narrow) 0;
  }

  .offerPage .requestBox_img {
    width: 80px;
  }


  /*
===== プライバシーポリシー:privacyPage ==========================================
*/
  .privacyPage .contents-inner {
    margin: 2.5%;
  }

  .privacyPage .contents-inner p,
  .privacyPage .contents-inner dd {
    line-height: 170%;
  }

  .privacyPage .contents-inner dl dt {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 5%;
  }

  .privacyPage .contents-inner dl dd {
    margin-top: 2.5%;
  }

  .privacyPage .contents-inner ul {
    margin: 5%;
  }

  .privacyPage .contents-inner ul li {
    margin-bottom: 5%;
    list-style: disc outside;
  }

  /*
===== サイトマップ:sitemapPage ==========================================
*/
  .sitemapPage .contents-inner {
    margin: 2.5%;
    flex-direction: column;
  }

  .sitemapPage .contents-inner ul {
    width: 100%;
  }

  .sitemapPage .contents-inner ul li+li,
  .sitemapPage .contents-inner ul+ul {
    margin-top: 2.5%;
  }

  .sitemapPage .contents-inner ul li a {
    padding: 5%;
  }

  /*
  ===== お問い合わせ:contactPage ==========================================
  */

  .contactPage .contact_note {
    margin: 10px;
  }


  /*
  ===== フォームパーツ ==========================================
  */

  .class-holiday span {
    color: var(--color-orange) !important;
  }

  .contactPage.rsvformPage .rsvLinkBox p {
    font-size: 1.3rem !important;
    font-weight: normal !important;
  }

  .contactPage.rsvformPage .rsvLinkBox .shopName {
    color: var(--color-orange);
    font-weight: bold;
    font-size: 1.6rem;
  }

  /*
  ===== image用 ==========================================
  */
  .attachmentPage p {
    margin-bottom: 20px;
  }

  .attachmentPage .content ul {
    margin: 20px;
    padding: 20px;
    background: #F4F4F4;
    border: 1px solid #E6E6E6;
  }

  .researchPage .researchBox .preparation {
    text-align: center;
  }

  /*==================================================
    CAREER UP min768
  ==================================================*/
  .careerUpPage .shop__ttl {
    background: url(../img/system/shops/bg_fv_shops.webp) center center / cover;
  }

  /***** careerUp__appealList *****/
  .careerUpPage .careerUp__appealItem,
  .careerUpPage .careerUp__appealItem:nth-child(2n) {
    flex-direction: column;
  }

  .careerUpPage .careerUp__appealImg {
    width: 100%;
    max-width: 100%;
  }

  .careerUpPage .careerUp__appealTtl {
    text-align: center;
    border: none;
    padding: 0;
  }

  .careerUpPage .careerUp__appealTxt {
    padding: 0 10px;
  }
  

  /***** careerUp__entryBox *****/
  .careerUpPage .careerUp__entryInner {
    margin-bottom: var(--gutter-medium);
  }

  .careerUpPage .careerUp__entryRow {
    flex-direction: column;
  }

  .careerUpPage .careerUp__entryRowTtl {
    margin: 0 0 10px;
    width: 9em;
    padding: 0;
  }

   /***** call-to-action *****/
  .careerUpPage .careerUp__call-to-actionBox {
    padding: 10px;
  }

  .careerUpPage .careerUp__call-to-actionBox__sub {
    font-size: 24px;
  }

  .careerUpPage .careerUp__call-to-actionBox__call {
    text-align: center;
  }

}