.hamburger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  z-index: 998;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.hamburger__icon {
  position: relative;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
  display: block;
  height: 2px;
  background-color: var(--MAIN_WHITE);
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.hamburger .hamburger__icon:before{
	width: 35px !important;
}
.hamburger .hamburger__icon{
	width: 28px !important;
}
.hamburger .hamburger__icon:after {
	width: 21px !important;
}

@media screen and (min-width:768px) { 
	.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after{left:0%;}
}
@media screen and (max-width:767px) { 
	.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after{left:0%;}
}

.hamburger.active .hamburger__icon{
	width: 36px !important;
}
.hamburger.active .hamburger__icon:before{
	width: 36px !important;
}
.hamburger.active .hamburger__icon:after {
	width: 36px !important;
}
.hamburger__icon:before, .hamburger__icon:after {
  position: absolute;
  content: "";
}
.hamburger__icon:before {
  top: -9px;
}
.hamburger__icon:after {
  top: 9px;
}
.hamburger.active .hamburger__icon {
  background-color: transparent;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  background-color: var(--MAIN_WHITE);
}
.hamburger.active .hamburger__icon:before {
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -webkit-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
  background-color: var(--MAIN_WHITE);
}
.hamburger.active .hamburger__icon:after {
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -webkit-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
  background-color: var(--MAIN_WHITE);
}
.fat-nav {
  top: 0;
  left: 0;
  z-index: 999999;
  position: fixed;
  display: none;  
  width: 100%;
  height: 100%;
  background: var(--MAIN_WHITE);   
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.fat-nav a:not(:root){
  color: inherit;
}
.fat-nav__wrapper {
  /* width: 80%; */
  margin:0 auto;
  height: 100%;
  /* padding: 5% 0%; */
  max-width:1100px;
  -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
           -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
              box-sizing: border-box;
}
.fat-nav.active {
  display: block;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* ■■■■■■■■■■アコーディオン■■■■■■■■■■ */
.fat-acodion a{
  display: block;
}
.fat-acodion dt{
	font-weight: bold;
	cursor: pointer;
	position: relative;
  background-color: var(--MAIN_BLACK);
  color: var(--MAIN_WHITE);
  padding-block: .8em;
}
.fat-acodion dt::before{
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: .6px;
  background-color: var(--MAIN_WHITE);
}
.fat-acodion dt > span{
  display: block;
}
.fat-acodion dd{
	display: none;
	line-height: 2;
	position: relative;
}
.fat-acodion dt::before,
.fat-acodion dd::before{
	font-weight: bold;
	position: absolute;
}

.fat-acodion dt::after,
[class*="fat-accordion__list__ttl"]  > span:after,
.fat-accordion__list__contents > li > a:after,
[class*="fat-accordion__list__link"] > a:after{
	content: "";
	position: absolute; 
	transition: 0.3s;
  aspect-ratio: 1;
  width: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.fat-acodion dt::after{
  background: url(https://kagi.itembox.design/item/asset2023/images/common/icon_arrow_white.svg) no-repeat center / contain;
}
.fat-acodion dt.gray::after{
  background: url(https://kagi.itembox.design/item/asset2023/images/common/icon_arrow_red_gray.svg) no-repeat center / contain;
}

[class*="fat-accordion__list__ttl"]  > span:after{
  right: 5px;
  background: url(https://kagi.itembox.design/item/asset2023/images/common/icon_arrow_red.svg) no-repeat center / contain;
}
.fat-accordion__list__contents > li > a:after,
[class*="fat-accordion__list__link"] > a:after{
  right: 5px;
  background: url(https://kagi.itembox.design/item/asset2023/images/common/icon_arrow_red_gray.svg) no-repeat center / contain;
}
.fat-acodion dt.active::after,
[class*="fat-accordion__list__ttl"].active  > span:after {
	transform:translateY(-50%) rotate(90deg);
}

.js-accordion__contents{
  display: none;
}

[class*="fat-accordion__list__ttl"]{
  padding-left: 5%;
  background-color: var(--FAT_NAV_GRAY);
}
.fat-accordion__list > li > [class*="fat-accordion__list__link"],
.fat-accordion__list > li:not(:last-child) > [class*="fat-accordion__list__ttl"]{
  border-bottom: 1px solid var(--FAT_NAV_BORDER_GRAY);
}
[class*="fat-accordion__list__ttl"] > span,
[class*="fat-accordion__list__link"] > a{
  position: relative;
  display: block;
  padding-left: calc(1em + 10px);
  padding-block: .8em;
  background: var(--url) no-repeat center left / var(--size);
}
[class*="fat-accordion__list__link"]{
  padding-left: 5%;
}

.fat-accordion__list__ttl--key > span{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_key_red.svg);
  --size:1.2em;
}
.fat-accordion__list__ttl--door > span{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_door.svg);
  --size:1.2em;
}
.fat-accordion__list__ttl--handle > span{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_handle.png);
  --size:1.4em;
}
.fat-accordion__list__ttl--calculator > span{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_calculator.svg);
  --size:1em;
}
.fat-accordion__list__ttl--prevention > span{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_prevention.svg);
  --size:1.2em;
}
.fat-accordion__list__ttl--padlock > span{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_padlock.svg);
  --size:1.2em;
}
.fat-accordion__list__ttl--dementia > span{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_dementia.svg);
  --size:1.2em;
}
.fat-accordion__list__link--book > a{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_book.svg);
  --size:1.2em;
}
.fat-accordion__list__link--track > a{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_track_red.svg);
  --size:1.2em;
}
.fat-accordion__list__link--box > a{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_box_red.svg);
  --size:1.2em;
}
.fat-accordion__list__link--question > a{
  --url:url(https://kagi.itembox.design/item/asset2023/images/common/icon_question.svg);
  --size:1.2em;
}
.fat-accordion__list__link--company > a > span{
	border: 1px solid var(--MAIN_RED);
	border-radius: 40px;
	padding: 4px 20px;
	color: var(--MAIN_WHITE) !important;
	background-color: var(--MAIN_RED);
}
.fat-accordion__list__contents > li.miwa img{
  max-width: 85px;
}
.fat-accordion__list__contents > li.goal img{
  max-width: 85px;
}
.fat-accordion__list__contents > li.kawaguchi img{
  max-width: 100px;
}
.fat-accordion__list__contents > li.west img{
  max-width: 100px;
}

.fat-accordion__list__contents > li > a{
  padding:10px 0 10px calc(1em + 26px);
  display: block;
  position: relative;
}

.fat-accordion__list__contents > li{
  border-bottom: 1px solid var(--FAT_NAV_BORDER_GRAY);
}
.fat-footer{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-block: 60px;
}
.fat-footer__thumb{
  width: 165px;
  margin-inline:auto;
  margin-bottom: 20px;
}
.fat-contents__guide__phone{
  font-size: 23px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.fat-contents__guide__phone__mail{
  font-size: .75em;
}

.fat-contents__guide__phone__mail:before,
.fat-contents__guide__phone__num:before
{
  display: inline-block;
  content: '';
  aspect-ratio: 1;
}
.fat-contents__guide__phone__mail:before{
  width: 1.25em;
  background: url(https://kagi.itembox.design/item/asset2023/images/common/icon_mail_black.svg) no-repeat center / contain;
  vertical-align: middle;
  margin-right: 10px;
}
.fat-contents__guide__phone__num:before{
  width: .9em;
  background: url(https://kagi.itembox.design/item/asset2023/images/common/icon_phone.png) no-repeat center / contain;
  margin-right: 5px;
}
.fat-contents__guide__tags ul{
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  column-gap: 10px;
  row-gap: 5px;
  max-width: 330px;
  margin-inline:auto;
  font-size: 11px;
}
.fat-contents__guide__tags li{
  border: 1px solid var(--MAIN_BLACK);
  padding: 0px 1em;
  border-radius: 1.5em;
  text-align: center;
}
.fat-nav .hd-contents__top{
  padding:12px 10px 10px;
}
.fat-container__btm{
  height: calc(100vh - 215px);
  overflow: scroll;
}

@media screen and (min-width: 768px){
	.fat-nav{
    display: none !important;
  }
}
@media screen and (max-width: 767px){
  .fat-nav.active ~ .g-fixed__account{
    display: none;
  }
	.fat-acodion dt{
		font-size: 17px;
	}
	.fat-acodion dd{
    font-size: 16px;
	}
	.fat-acodion dd::before{
		font-size: 20px;
		left: 5px;
	}

	.fat-acodion dd::before{
		top: 6px;
	}
	.fat-acodion dt::after{
		font-size: 16px;
		right: 5px;
	}
}