@charset "UTF-8";

html {
	scroll-padding-top: 80px!important;
}

.sp__block {
  display: block;
}

.popup {
  display: none;
  position: relative;
}

body.on {
  overflow: hidden !important;
  overflow-x: scroll !important;
}
@media screen and (min-width:1200px){
	body.on {
  overflow: hidden !important;
  overflow-x: auto !important;
}
}
.popup.on {
  background-color: rgba(0, 0, 0, .4);
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 101;
/*   padding-top: 20%; */
}

.popupclose {
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
}

@media screen and (min-width:769px) {
  .sp__block {
    display: none;
  }

  .popup.on {
    padding: 0;
    min-width: 1200px;
    overflow-y: scroll;
  }
}
  .popup.on {
    overflow-y: scroll;
  }
.close__btn {
	display: block;
	position: absolute;
	top: auto;
	right: 0;
	width: 1.75em;
	height: 1.75em;
	margin: 0;
	border-radius: 50%;
	background-color: #666666;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	transform: translate(50%,-50%);
}

.close__btn::before {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.close__btn::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}

.popup.on .popupblock {
	width: min(90%,1000px);
	max-height: 90vh;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
}

/* .lower__listitem.lower__on {
  background: linear-gradient(45deg, rgba(24, 93, 175, .6), rgba(52, 146, 206, .6));
} */
.diamond2 .nav__diamond2,
.crystal .nav__crystal,
.fresh .nav__fresh,
.exterior .nav__exterior {
  background: linear-gradient(45deg, rgba(24, 93, 175, .6), rgba(52, 146, 206, .6));

}
.keeper_pc_none {
  display: block;
}

.lower__keeper__position {
  position: relative;
}

.lower__keeper__wrapper {
  max-width: 670px;
  width: 89.33333%;
  margin: auto;
}

.lower__keeper__bgcolor {
  background-color: #F1F1F3;
}

.lower__keeper__box01 {
  font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.lower__keeper__herobox {
  position: relative;
    
/*   max-height: 450px; */
}


.lower__keeper__heroimg img {
    max-height: 450px;
    overflow: hidden;
}
.lower__keeper__heroimg img {
    object-fit: cover;
}
.keeper__mv__text.lower_keeper {
  top: 5.48%;
}
@media screen and (max-width:768px) {
	.lower__keeper__heroimg {
		padding-top: 10%;
	}
	.keeper__mv__text.lower_keeper {
		top: calc( 20% + 5.48% );
	}
}

.lower__keeper__listbox {
	position: absolute;
	z-index: 2;
	bottom: 4.830917874396135%;
	right: 0;
	left: 0;
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	width: 89.33333%;
	height: auto;
	margin: auto;
}

.lower__listitem {
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
/*   min-height: 2.9377em; */
  min-height: 2.2em;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fff;
  margin-bottom: 0px;
  box-sizing: border-box;
  padding: 0 4.491017964071856%;
  position: relative;
}
@media screen and (max-width:640px) {
	.lower__listitem {
	  min-height: 2.6em;
	}
}
.lower__keeper__listbox li:nth-child(5) .lower__listitem {
  border: none;
}

.lower__listitem::before {
  position: absolute;
  display: block;
  content: '';
  border-bottom: 0.0714285714285714rem solid #fff;
  border-right: 0.0714285714285714rem solid #fff;
  transform: rotate(-45deg);
  width: 0.25rem;
  height: 0.25rem;
  right: 7%;
}
.accordion .lower__listitem::before {
	right: 6.7%;
	transform: translateY(-.1em) rotate(45deg);
}
.lower__listitem{
	z-index:40;
}
@media screen and (min-width:769px) {
.accordion .lower__listitem::before {
	right: 1.52em;
}
}


.lower__listitem::after {
  position: absolute;
  display: block;
  content: '';
  border: 0.0714285714285714rem solid #fff;
  width: 1.277777777777778rem;
  height: 1.277777777777778rem;
  right: 4%;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.exterior .lower__keeper__listbox .accordion summary {
	background: linear-gradient(45deg, rgba(24, 93, 175, .6), rgba(52, 146, 206, .6));
}

.lower__keeper__title {
  font-size: 1.5rem;
  position: relative;
  margin-top: 8.955223880597015%;
  margin-bottom: 3.7%;
  font-weight: bold;
}

.lower__keeper__title::before {
  content: '';
  display: block;
  background-image: url(../img/keeper/keeper_lower_daiatext_sp.png);
  width: 42%;
  height: 1rem;
  background-repeat: no-repeat;
  margin-bottom: 2%;
  background-size: contain;
}

.lower__keeper__title.w-diamond::before {
  background-image: url(../img/keeper/keeper_lower_w-daiatext.png);
  width: 48.06%;
}

.lower__keeper__title.crystal::before {
  background-image: url(../img/keeper/keeper_lower_crystaltext.png);
  width: 35.673%;
}

.lower__keeper__title.fresh::before {
  background-image: url(../img/keeper/keeper_lower_freshtext.png);
  width: 33.584%;
}

.lower__keeper__title.eco-plus::before {
  background-image: url(../img/keeper/keeper_lower_ecotext.png);
}
.lower__keeper__title.diamondII::before {
  background-image: url(../img/keeper/keeper_lower_keeper_lower_DiamondIItext.png.png);
  width: 48.06%;
}
.lower__keeper__title.exterior::before {
  background-image: url(../img/keeper/keeper_lower_extetext.png);
}
.lower__keeper__title.diamondII::before {
  background-image: url(../img/keeper/keeper_lower_DiamondIItext.png);
}

.lower__keeper__title02 {
	position: relative;
	margin-top: 8.955223880597015%;
	margin-bottom: .8em;
	padding-bottom: .3em;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
	border-bottom: 1px solid #000;
}
.lower__keeper__title02 span {
	display: inline-block;
}

.lower__keeper__text {
  line-height: 1.6;
  letter-spacing: -.04em;
  margin-bottom: 3.73134328358209%;
}

.lower__keeper__item {
  padding: 8.2% 5.970149253731343%;
  position: relative;
  margin-bottom: 3.2%;
  border-radius: 0.09375em;
}

.lower__keeper__item:nth-child(2) {
  padding: 6% 5.970149253731343% 8.5%;
  margin-bottom: 0;
}

.lower__keeper__item img {
  width: 81%;
  margin: auto;
  margin-top: 11%;
  margin-bottom: 4%;
}

.lower__keeper__item:nth-child(2) img {
  width: 77.6%;
  margin-top: 9.8%;
  margin-bottom: 5.9%;
}

.lower__keeper__subtitel {
  color: #1858A0;
  line-height: 1.5;
  margin-bottom: 2.7%;
  font-size: 1.125rem;
  font-feature-settings: "palt";
  letter-spacing: .1em;
  font-weight: bold;
}

.lower__keeper__item:nth-child(2) .lower__keeper__subtitel {
  width: 100%;
  margin-bottom: 3.6%;
}

.lower__keeper__item:nth-child(2) .lower__keeper__subtitel.keeper__no {
  width: 100%;
}

.lower__keeper__caption {
  line-height: 1.7;
}

.lower__fontcolor {
  color: #e60012;
}

.lower__keeper__item:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../img/keeper/number_01_sp.png);
  width: 30%;
  height: 4.469em;
  background-repeat: no-repeat;
  background-size: contain;
}
.exterior .lower__keeper__item:before {
	display: none;
}
.lower__keeper__item:nth-child(2):before {
  background-image: url(../img/keeper/number_02_sp.png);
}
.lower__keeper__btn {
  color: #fff;
  background-image: linear-gradient(142deg, rgba(42, 69, 129, 1) 49%, rgba(58, 93, 171, 1) 49%);
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  display: flex;
  justify-content: center;
  min-height: 3.06rem;
  margin-top: 3%;
  align-items: center;
  border-radius: 3px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
}

.lower__keeper__btn::before {
  position: absolute;
  display: block;
  content: '';
  border-bottom: 0.0714285714285714rem solid #fff;
  border-right: 0.0714285714285714rem solid #fff;
  transform: rotate(-45deg);
  width: 0.3rem;
  height: 0.3rem;
  top: 0;
  right: 7%;
  bottom: 0;
  margin: auto;
}

.lower__keeper__btn::after {
  position: absolute;
  display: block;
  content: '';
  border: 0.0714285714285714rem solid #fff;
  width: 1.7rem;
  height: 1.7rem;
  right: 2.8%;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.keeper__main__block {
  margin-bottom: 11.8%;
}

.lower__keeper__titleblock {
  font-size: 1.5rem;
  position: relative;
  font-weight: bold;
}

.lower__keeper__item01 {
  padding-top: 12.7%;
  padding-bottom: 11.4%;
}

.lower__keeper__item01 .lower__keeper__titleblock {
  color: #4569BA;
  margin-bottom: 13%;
  position: relative;
}

.lower__keeper__item01 .lower__keeper__titleblock::after {
  position: absolute;
  content: '';
  display: block;
  width: 15%;
  height: .125rem;
  background-color: #4569BA;
  bottom: -59%;
}

.lower__keeper__item01 .lower__keeper__text {
  margin-bottom: 7%;
}

.keeper__size__btn {
  background-color: #fff;
  border: 0.0714285714285714rem solid #000;
  border-radius: 3px;
  text-align: center;
  width: 68.7%;
  padding: 4.7% 0;
  margin-bottom: 1%;
  margin-left: 1px;
  color: #000;
  position: relative;
  font-size: 0.875em;
  cursor: pointer;
}

.keeper__size__btn::after {
  position: absolute;
  content: '';
  display: block;
  width: 9.2%;
  height: 46%;
  background-image: url(../img/keeper/icon_popup.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0.7rem;
  margin: auto;
  right: 0.6rem;
}

.keeper__note {
  font-size: 0.75rem;
}

.lower__keeper__box {
  margin-bottom: 9.4%;
}

.keeper__table {
  border-collapse: collapse;
  width: 100%;
}

.keeper__table th, .keeper__table td {
  border: 0.0714285714285714rem solid #000;
  padding: 3.4% 0;
  text-align: center;
  box-sizing: border-box;
  /* height: 80px; */
  background-color: #fff;
  display: block;
  color: #000;
}

.keeper__table th {
  border-bottom: none;
  padding: 3.808% 0;
}

.keeper__table td {
  border-bottom: none;
}

.keeper__table td:nth-child(1), .keeper__table td:nth-child(2) {
  border-right: none;
}

.keeper__table tr:nth-child(5) td {
  border-bottom: 0.0714285714285714rem solid #000;
}

.keeper__table th:nth-child(2), .keeper__table th:nth-child(3), .keeper__table td:nth-child(2), .keeper__table td:nth-child(3) {
  width: 37.37%;
}
.exterior .keeper__table th:nth-child(2),
.exterior .keeper__table th:nth-child(3),
.exterior .keeper__table td:nth-child(2),
.exterior .keeper__table td:nth-child(3) {
  width: 32%;
}
.keeper__table td:nth-child(2), .keeper__table td:nth-child(3) {
	font-size: 1.25em;
  font-weight: bold;
}

.exterior_price{
	 border-right:1px solid #000;

}
.exterior_price thead th:nth-child(2) {
   border-right:1px solid #000;
}

.exterior_price__bottom td {
  border-bottom: 1px solid #000;
}


.keeper__table tr {
  display: flex;
  justify-content: flex-end;
}

.keeper__table thead th:nth-child(2) {
  border-radius: 3px 0 0 0;
  border-right: none;
}

.keeper__table tbody tr:nth-child(5) td:nth-child(1) {
  border-radius: 0 0 0 3px;
}

.keeper__table tbody tr:nth-child(5) td:nth-child(3) {
  border-radius: 0 0 3px 0;
}

.keeper__table td:nth-child(1) {
  width: 25.412%;
}

.keeper__table thead th:nth-child(1) {
  border: none;
  background-color: transparent;
}

.keeper__table .keeper__api__price {
  background-color: #B9272D;
  color: #fff;
}

.keeper__table .keeper__table__size {
  background-color: #2A4580;
  color: #fff;
}

.keeper__table th, .keeper__table td:nth-child(1) {
  font-size: 0.875rem;
}

.keeper__table tr:nth-child(1) td:nth-child(1) {
  border-radius: 3px 0 0 0;
}

.keeper__table+p {
  font-size: 0.875rem;
  text-align: right;
  margin-top: 1.5%;
}

.keeper__premiume__bk {
  color: #fff;
  background-image: url(../img/keeper/keeper_premiue__bk_sp.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.keeper__premiume__title {
  padding-top: 20.2%;
  margin-bottom: 11.4%;
  position: relative;
}

.keeper__premiume__title::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../img/keeper/keeper_lower_pretext_sp.png);
  width: 42%;
  height: 1rem;
  background-repeat: no-repeat;
  top: 49%;
  background-size: contain;
}

.keeper__premiume__subtitle {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: .1em;
  margin-bottom: 10%;
}

.keeper__premiume__subtitle+.lower__keeper__text {
  letter-spacing: .1em;
  line-height: 1.7;
  margin-bottom: 4.5%;
}

.keeper__premium_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 12.5%;
}

.kepper__premium_li {
  background-color: #fff;
  color: #2A4580;
  font-size: .6rem;
  width: 24.17910447761194%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.125rem;
  margin-bottom: 1.2%;
  border-radius: 3px;
  font-weight: bold;
  line-height: 1.2;
}

.keeper__premiume__title02 {
  margin-bottom: 11.7%;
}

.keeper__premiume__title02::after {
  position: absolute;
  content: '';
  display: block;
  width: 15%;
  height: .125rem;
  background-color: #fff;
  bottom: -59%;
}

.keeper__premiume__title02+.lower__keeper__text {
  line-height: 1.7;
  margin-bottom: 6.7%;
  letter-spacing: .01em;
}

.keeper__premiume__price {
  margin-bottom: 8.7%;
  position: relative;
}

.keeper__price__list {
  padding-bottom: 13%;
}

.keeper__maintenance .lower__keeper__titleblock {
  padding-top: 13%;
  position: relative;
  color: #2A4581;
}

.keeper__maintenance .lower__keeper__titleblock::after {
  content: '';
  display: block;
  position: relative;
  width: 15%;
  height: 0.125rem;
  background-color: #3A5DAB;
  margin-top: 3.4%;
  margin-bottom: 8%;
}

.keeper__maintenance .lower__keeper__text {
  line-height: 1.7;
  margin-bottom: 7.8%;
}

.keeper__maintenance__box {
  border: 0.0714285714285714rem solid #000;
  background-color: #fff;
  box-sizing: border-box;
}

.keeper__type {
  color: #3A5DAB;
  margin-right: 0.2em;
}

.keeper__maintenance__title {
  font-size: 1.375rem;
  margin-bottom: 6%;
  border-bottom: 0.0714285714285714rem solid #000;
  font-weight: bold;
  padding-bottom: 2%;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.keeper__maintenance__item {
  padding: 5.955223880597015% 5.708% 3%;
}

.keeper__maintenance__text {
  font-size: 0.9375rem;
  margin-bottom: 3.8%;
  line-height: 1.813333333333333;
}

.keeper__maintenance__img {
  margin-bottom: 6%;
}

.keeper__maintenance__box .keeper__table th, .keeper__maintenance__box .keeper__table td:nth-child(1) {
  width: 26.9%;
}

.keeper__maintenance__box .keeper__table th:nth-child(2), .keeper__maintenance__box .keeper__table th:nth-child(3), .keeper__maintenance__box .keeper__table td:nth-child(2), .keeper__maintenance__box .keeper__table td:nth-child(3) {
  width: 36.595%;
}

.keeper__maintenance__box .keeper__table th {
  padding: 4% 0;
}

.keeper__maintenance__box .keeper__table td {
  padding: 3.9% 0px;
}

.keeper__maintenance__item:nth-child(2) {
  padding-bottom: 6%;
  margin-bottom: 0%;
}

.keeper__maintenance__bg {
  padding-bottom: 11.7%;
}

.keeper_pc_block {
  display: none;
}

@media screen and (min-width:769px) {
  .close__btn {
    width: 3em;
    height: 3em;
  }

  .close__btn::before {
    content: '';
    display: block;
    width: 1em;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .close__btn::after {
    content: '';
    display: block;
    width: 1em;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
  }



  .popupblock img {
    padding: 0;
  }

  .keeper_pc_none {
    display: none;
  }

  .keeper_pc_block {
    display: block;
  }

  .lower__keeper__herobox {
    margin-top: 0;
    background-color: #000;
    min-width: 1200px;
  }

  .lower__keeper__wrapper {
    max-width: 1000px;
  }

  .lower__keeper__box01 {
    min-width: 1200px;
  }

  .lower__keeper__bgcolor {}

  .keeper__mv__text.lower_keeper {
    top: 20.48%;
  }

  .lower__keeper__listbox {
    width: 35.834%;
    top: 20%;
    right: 8.4%;
    left: auto;
  }

  .lower__listitem {
    min-height: 3.278em;
    font-size: 1.125em;
    padding: 0 5.8%;
    margin-bottom: 0;
    transition: background 1s;
    border-bottom: 1px solid #fff;
  }
	.lower__listitem:hover {
		background: linear-gradient(45deg, rgba(24, 93, 175, .6), rgba(52, 146, 206, .6));
		transition: background .5s;
	}

  .lower__keeper__title::before {
    width: 14%;
    height: 0.4em;
    margin-bottom: 1.3%;
  }

  .lower__keeper__title.w-diamond::before {
    width: 16.3%;
  }

  .lower__keeper__title.crystal::before {
    width: 11.9%;
    height: 0.5em;
    margin-bottom: 0.9%;
  }

  .lower__keeper__title.fresh::before {
    width: 11.2%;
  }

  .lower__keeper__title.eco-plus::before {
    width: 20.9%;
  }
  .lower__keeper__title.exterior::before {
    width: 20.9%;
  }

  .lower__keeper__title {
    margin-top: 5.6%;
    font-size: 2.25em;
    margin-bottom: 2.9%;
  }
  .lower__keeper__title02 {
	  margin-top: 5.6%;
	  font-size: 2em;
  }

  .lower__keeper__text {
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: 3.77%;
    width: 98%;
  }

  .lower__keeper__item {
    padding: 0;
    margin-bottom: 2.4%;
    min-height: 17em;
    max-height: 17em;
    border-radius: 2px;
  }
	
  .lower__keeper__item:nth-child(2) {
    margin-bottom: 5.6%;
    padding: 0;
  }

  .lower__keeper__item img {
    margin: 0;
    width: 79.12%;
    margin-top: 12%;
    margin-left: 18.3%;
    height: auto;
  }
	.exterior .lower__keeper__item img {
		margin-top: 0;
	}
	.exterior .lower__keeper__ul {
		margin-bottom: 3em;
	}
	
	
  .lower__keeper__item:before {
    position: absolute;
    width: 9.5%;
    height: 4.5em;
    top: 8.6%;
    left: 2.5%;
  }
  .keeper__servic {
    display: flex;
    min-height: 17em;
    max-height: 17em;
    align-items: center;
  }

  .keeper__servic picture {
    width: 34%;
  }

  .lower__keeper__subtitel {
    font-size: 1.5em;
    line-height: 1.416666666666667;
    font-weight: bold;
  }

  .lower__keeper__item:nth-child(2) .lower__keeper__subtitel {
    margin-bottom: 2%;
    margin-top: 1.7%;
  }

  .keeper__servic__caption {
    width: 60%;
    margin: 0% 3% 0% auto;
  }

  .lower__keeper__caption {
    line-height: 1.5;
  }

  .lower__keeper__caption>p {
    width: 50%;
    margin-top: 3.5%;
  }

  .lower__keeper__item:nth-child(2) img {
    width: 74%;
    margin-top: 19.5%;
    margin-bottom: 11.3%;
    margin-left: 18.4%;
  }

  .lower__keeper__btn {
    color: #fff;
    width: 98.67%;
    height: auto;
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
    min-height: 3.06em;
    margin-top: 0;
    align-items: center;
    border-radius: 3px;
    position: relative;
    margin-left: 1.3%;
    background-size: cover;
    box-sizing: border-box;
    background-image: linear-gradient(142deg, rgba(42, 69, 129, 1) 49%, rgba(58, 93, 171, 1) 49%);
    background-color: #2a4581;
    border: 1px solid rgba(58, 93, 171, 1);
    transition: background-image 1s, background-color 1s, border 1s;
  }

  .lower__keeper__btn:hover {
    background-image: linear-gradient(142deg, rgba(42, 69, 129, 0) 49%, rgba(58, 93, 171, 0) 49%);
    background-color: #F1F1F3;
    border: 1px solid #2A4581;
    color: #2a4581;
    transition: background-image .5s, background-color .5s, border .5s, color .5s;
  }

  .lower__keeper__btn::before {
    width: 0.3em;
    height: 0.3em;
    right: 1.45em;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: border-bottom 1s, border-right 1s;
  }

  .lower__keeper__btn:hover::before {
    border-right: 1px solid #2a4581;
    border-bottom: 1px solid #2a4581;
    transition: border-bottom .5s, border-right .5s;
  }

  .lower__keeper__btn::after {
    border: 1px solid #fff;
    right: 0.6em;
    width: 1.75em;
    height: 1.688em;
    transition: border 1s;
  }

  .lower__keeper__btn:hover::after {
    border: 1px solid #2a4581;
    transition: border .5s;
  }

  .keeper__main__block {
    margin-bottom: 0;
  }

  .lower__keeper__item01 {
    display: flex;
    width: 100%;
    /* max-width: 1200px; */
    padding: 0;
  }

  .lower__keeper__item01 .lower__keeper__titleblock {
    font-size: 2.25em;
    padding-top: 0;
    margin-bottom: 12.3%;
  }

  .lower__keeper__item01 .lower__keeper__titleblock::after {
    width: 17%;
    height: 2px;
    bottom: -33%;
    left: 2px;
  }

  .lower__keeper__item01 .lower__keeper__text {
    margin-bottom: 8.3%;
    line-height: 1.7;
  }

  .keeper__size__btn {
    width: 65.8%;
    padding: 4.5% 0;
    margin-left: 0;
    font-size: 0.875em;
    position: relative;
    border: 1px solid #000;
    transition: background-color 1s, color 1s, border 1s;
  }

  .keeper__size__btn:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
    transition: background-color .5s, color .5s, border .5s;
  }

  .keeper__size__btn::after {
    position: absolute;
    content: '';
    display: block;
    width: 9.2%;
    height: 46%;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0.9em;
    margin: auto;
    right: 0.6em;
    transition: background-image 1s;
  }

  .keeper__size__btn:hover::after {
    background-image: url(../img/keeper/icon_popup_hover.png);
    transition: background-image .5s;
  }

  .lower__price__box, .keeper__premiume__price {
    width: 35%;
  }

  .lower__price__box {
    padding: 5.7% 0 5.4%;
    margin: 0;
  }

  .table__box, .keeper__price__list {
    width: 65%;
  }

  .table__box {
    padding: 5.9% 0 5.3%;
  }

  .keeper__table th:nth-child(2), .keeper__table td:nth-child(2) {
    width: 38.872%;
  }

  .keeper__table th:nth-child(3), .keeper__table td:nth-child(3) {
    width: 38.103%;
  }

  .keeper__table td:nth-child(2), .keeper__table td:nth-child(3) {
    font-size: 1.25em;
    font-weight: bold;
  }

  .keeper__table tr:nth-child(5) td {
    border-bottom: 1px solid #000;
  }

  .keeper__table td:nth-child(1) {
    font-size: 1em;
    width: 22.564%;
    padding: 1.2em 0;
  }

  .keeper__table th, .keeper__table td {
    padding: 1.19em 0;
  }

  .keeper__table th, .keeper__table td {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
  }

  .keeper__table th {
    padding: 3.456% 0 2.5%;
    font-size: 1em;
  }

  .keeper__table td {
    padding: 2.6707% 0;
  }

  .lower__keeper__titleblock {
    font-size: 2.25em;
    padding-top: 8.4%;
    margin-bottom: 3.4%;
  }

  .keeper__premiume__title::before {
    width: 14%;
    top: 52%;
  }

  .keeper__premiume__subtitle {
    font-size: 1.5em;
    line-height: 1.5;
    letter-spacing: .1em;
    margin-bottom: 1.2em;
  }

  .keeper__premiume__subtitle+.lower__keeper__text {
    letter-spacing: .1em;
    width: 49%;
    line-height: 1.5;
    margin-bottom: 3.3%;
  }

  .kepper__premium_li {
    width: 16.33333%;
    font-size: 0.9em;
    padding: 0;
    margin-bottom: 0.3em;
    min-height: 3.681em;
  }

  .keeper__premiume__box {
    display: flex;
  }

  .keeper__premium_ul {
    margin-bottom: 2.2em;
  }

  .keeper__premiume__price .lower__keeper__titleblock {
    margin-bottom: 14%;
    padding: 0;
  }

  .keeper__premiume__title02::after {
    width: 17%;
    height: 2px;
    bottom: -33%;
    left: 2px;
  }

  .keeper__premiume__title02+.lower__keeper__text {
    line-height: 1.7;
    margin-bottom: 8.4%;
    letter-spacing: .01em;
  }

  .keeper__price__list {
    padding-bottom: 4.5%;
  }

  .keeper__maintenance .lower__keeper__titleblock {
    padding-top: 5.7%;
    margin-bottom: 1.8%;
  }

  .keeper__maintenance .lower__keeper__titleblock::after {
    width: 6%;
    height: 2px;
    margin-top: 1.5%;
    margin-bottom: 0%;
    left: 2px;
  }

  .keeper__maintenance .lower__keeper__text {
    margin-bottom: 2%;
    width: 69%;
  }

  .keeper__maintenance__box {
    display: flex;
    border: 1px solid #000;
    position: relative;
  }

  .keeper__maintenance__box::before {
    content: '';
    display: block;
    width: 1px;
    height: 31.8em;
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
  }

  .keeper__maintenance__item {
    padding: 3.955224% 4% 3%;
  }

  .keeper__maintenance__item .keeper__table tr {
    justify-content: flex-start;
  }

  .keeper__maintenance__title {
    padding-bottom: 2.4%;
    margin-bottom: 2.6%;
    border-bottom: 1px solid #000;
  }

  .keeper__maintenance__text {
    margin-bottom: 1.4%;
    font-size: 0.9375em;
  }

  .keeper__maintenance__box .keeper__table th:nth-child(2), .keeper__maintenance__box .keeper__table td:nth-child(2) {
    width: 37.934%;
  }

  .keeper__maintenance__box .keeper__table td:nth-child(2), .keeper__maintenance__box .keeper__table td:nth-child(3) {
    padding: 3.3% 0;
    font-size: 1.125em;
  }

  .keeper__maintenance__box .keeper__table th:nth-child(3), .keeper__maintenance__box .keeper__table td:nth-child(3) {
    width: 38.17%;
  }

  .keeper__maintenance__img {
    margin-bottom: 3.3%;
  }

  .keeper__maintenance__box .keeper__table th {
    padding: 3.58% 0;
  }

  .keeper__maintenance__box .keeper__table td {
    padding: 3.58% 0;
  }

  .keeper__maintenance__box .keeper__table th, .keeper__maintenance__box .keeper__table td:nth-child(1) {
    width: 22.905%;
  }

  .keeper_maintenance_item:nth-child(2) {
    padding-bottom: 3.8%;
    margin-bottom: 0%;
  }

  .keeper__maintenance__item:nth-child(2) {
    padding-bottom: 3.8%;
    margin-bottom: 0%;
  }

  .keeper__maintenance__bg {
    padding-bottom: 3.5em;
  }

  .lower__listitem::after {
    width: 1.556em;
    height: 1.556em;
    right: 0.88em;
    border: 0.0625em solid #fff;
  }

  .lower__listitem::before {
    width: 0.25em;
    height: 0.25em;
    right: 1.63em;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .lower__keeper__item:nth-child(2)::before {
    width: 10.3%;
    top: 8%;
  }

  .keeper__table+p {
    font-size: 0.875em;
    margin-top: 1.3%;
  }

  .keeper__note {
    font-size: 0.75em;
  }

  .keeper__premiume__bk {
    background-image: url(../img/keeper/keeper_premiue__bk.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2F4D8F;
    background-size: cover;
  }

  .eco__title {
    padding-bottom: 1%;
    margin-bottom: 3%;
    border-bottom: 1px solid #000;
  }

  .eco__flexbox {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 1%;
  }

  .eco__flexbox img {
    position: absolute;
    width: 48%;
    bottom: 26.7%;
    margin-bottom: 0%;
    left: 0;
  }

  .eco__flexbox .keeper__maintenance__text {
    margin-bottom: 1.4%;
    font-size: 0.9375em;
    width: 45%;
  }

  .eco__flexbox .keeper__maintenance__text+figure {
    width: 50%;
  }

  .eco__flexbox .keeper__table {
    margin-top: 1.2%;
  }

  .keeper__maintenance__box .eco__flexbox .keeper__table th:nth-child(2), .keeper__maintenance__box .eco__flexbox .keeper__table td:nth-child(2) {
    width: 38.564%;
  }

  .keeper__maintenance__box .eco__flexbox .keeper__table th:nth-child(3), .keeper__maintenance__box .eco__flexbox .keeper__table td:nth-child(3) {
    width: 38.564%;
  }

  .eco__box::before {
    display: none;
  }
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1200px) {
  .lower__keeper__wrapper {
    max-width: 1000px;
    width: 84%;
  }

  .lower__keeper__item01 {
    max-width: 1000px;
    width: 84%;
  }

  .lower__keeper__herobox {
    min-width: auto;
  }

  .lower__keeper__box01 {
    min-width: auto;
  }

  .popup.on {
    min-width: auto;
  }
}

.keeper__bklist::before {
	height: 80%;
	margin-right: -11px;
}

.keeper__bklist {
	display: flex;
	justify-content: center;
}

.keeper__bklist a {
	
	font-size: 3.5rem;
 color: #fff;
}


/*
.keeper__days {
	font-size: 1.3125em;
	padding: 0;
	width: 100%;
}
*/
@media screen and (max-width:768px) {
.keeper__bklist a {
font-size: 2.25rem;
}

.keeper__days {
	font-size: .8em;
	margin-left: 3.25em;
}	
}

@media screen and (max-width:768px) 
{
	.keeper__bklist {
		display: block;
	}
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1200px){
.keeper__bklist a {
font-size: 2.5rem;
}
}

/*260318追加*/
details summary { 
	cursor: pointer; list-style: none; 
} details[open] summary { 
	font-weight: bold; 
} .accordion-content {
	/*padding-left: 15px;*/
	position: relative;
} 
.accordion-content li:nth-child(odd) {
	background-color:#e6e6e6;
} 
.accordion-content li:nth-child(even) { 
	background-color:  #f5f5f5; 
} 
.accordion-content li a 
{
	display: block; 
	padding: 10px; 
	color: #000; 
	text-decoration: none; 
}
@media screen and (max-width:768px) {
  .accordion-content{
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
	position: absolute;
    z-index: 2;
	border-bottom: 1px solid #666666;
  }
.accordion-content li{
    border-bottom: 1px solid #666666;
   }	
}
  .lower__keeper__wrapper1l {
    max-width: 800px;
  }
   .exterior_tbl td:nth-child(2), .keeper__table td:nth-child(3) {
    font-size: 1.25em;
    font-weight: bold;
     border-right:1px solid #000;
  }

.exterior_tbl thead th:nth-child(2) {
  border-radius: 3px 0 0 0;
}


summary::after {
  content: "▼";
  float: right;
  transition: transform 0.3s;
}

details[open] summary::after {
  transform: rotate(180deg);
}
.lower__keeper__item_00 { 
	padding: 8.2% 5.970149253731343%; 
	position: relative; 
	margin-bottom: 3.2%; 
	border-radius: 0.09375em; } 
.lower__keeper__item_00 { padding: 0; 
	margin-bottom: 2.4%;
	min-height: 17em; 
	max-height: 17em; 
	border-radius: 2px;
} 
.lower__keeper__item_00 img 
{
	margin: 0; 
	width: 79.12%;
	margin-top: 12%; margin-left: 18.3%; 
	height: auto; 
}
.lower__keeper__item_00:before 
{ 
	position: absolute; 
	width: 9.5%;
	height: 4.5em;
	top: 8.6%; 
	left: 2.5%; 
}

/* exterior
 * -------------------- */

/* exterior menu */
.exterior__menu {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: .5em;
	margin: 2em auto;
}
.exterior__menu a {
	display: grid;
	grid-template-columns: 1fr 1em;
	grid-gap: 1em;
	align-items: center;
	padding: .5em .7em .5em 1em;
	box-sizing: border-box;

	color: #1858A0;
	border: 1px solid currentColor;
}
.exterior__menu a::after {
	content: '';
	width: .4em;
	height: .4em;
	margin: auto;
	border: 0;
	border-bottom: solid 1px currentColor;
	border-right: solid 1px currentColor;
	transform: translateY(-.05em) rotate(45deg);
}
@media screen and (max-width:768px) {
	.exterior__menu {
		grid-template-columns: 1fr;
	}
}
/* exterior */
.lower__keeper__text {
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}
/* exterior Fee */
.exterior .keeper__table th:nth-child(1),
.exterior .keeper__table td:nth-child(1) {
	width: 38%;
}
.exterior .keeper__table td {
	display: grid;
	place-content: center;
	line-height: 1.4;
}
.exterior .keeper__table__size {
	padding-inline: .5em;
}

.exterior .keeper__table td span {
	display: inline-block;
}



@media (hover: hover) {
	.exterior__menu a {
		transition: background .2s;
	}
	.exterior__menu a:hover {
		color: #fff;
		background-color: #1858A0;
	}
}