/* c-box */
.c-box__in {
    background-color: var(--primary-color-100);
  }
  .c-table-chart{
    background-color: var(--primary-color-100);
  }

@media all and (min-width: 768px), print {
  .c-column{
    width: fit-content;
    margin-inline: auto;
  }
  .registration-flow + .registration-flow{
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .registration-flow__head{
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .registration-flow-heading{
    padding: calc(16 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    border: calc(2 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-radius: calc(16 / var(--font-size) * 1rem);
    display: inline-block;
    width: calc(320 / var(--font-size) * 1rem);
  }
  .registration-flow-heading .c-txt{
    padding-left: calc(1em + calc(4 / var(--font-size) * 1rem));
    text-indent: calc(-1em - calc(4 / var(--font-size) * 1rem));
  }
  .registration-flow-heading span{
    margin-right: calc(4 / var(--font-size) * 1rem);
  }
  .registration-flow__body{
    position: relative;
    margin-left: calc(24 / var(--font-size) * 1rem);
    padding-left: calc(24 / var(--font-size) * 1rem);
  }
  
  /* side navi */
.c-side-nav__body {
    background-color: var(--primary-color-100);
  }
  

}

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


}

.c-tab-btn_disabled {
    filter: grayscale(1) contrast(0.85);
}
.c-tab-btn[disabled] {
    pointer-events: none;
    filter: grayscale(1) contrast(0.85);
}
.application .c-tab-btn.box-blue{
	background:var(--primary-color-100);
}
.application .c-tab__list-item--active {
  --tab-bg-color: var(--primary-color-500);
}
.u-mb-0{
  margin-bottom: 0!important;
}

.u-txt-blue{
  color: var(--primary-color-500);
}
  /*
.u-bg-green-500{
  background-color: var(--tertiary-color-500);
}
.u-bg-green-100,
.c-box--green{
    --box-bg-color: var(--tertiary-color-100);
  }
.c-box--green:has(.u-txt-blue){
    --box-border-color: var(--tertiary-color-500);
  }
.c-box--green .u-txt-blue{
    color: var(--primary-color-500);
  }
  */

.u-bg-white-100{
	 --box-bg-color: var(--white-color);
	background: #fff;
}


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

@media screen and (min-width: 768px) {
  .c-tab {
    --tab-bg-color: var(--tertiary-color-100);
  }
  .c-tab__list-item--active{
    --tab-bg-color: var(--tertiary-color-500);
  }
}
/* application0 */
.application .c-header-lv2{
	--header-deco-color: var(--primary-color-500);
}
.application #application0 .c-header-lv2{
	--header-deco-color: var(--tertiary-color-500);
}

.application .l-block__element.apply{
padding: 20px;
  border-radius: calc(16 / var(--font-size)* 1rem);
}

.application .l-sec__in__shead{
	display: flex;
  
	
	align-items: center;
}
.application .l-block__element.apply .l-sec__in__shead{
  flex-direction: column;
  margin-bottom: 2rem;
}
.application .l-sec__in__shead.purchaser{
	justify-content: center;
  margin-bottom: 3rem;
	gap:10px
}
.application .l-sec__in__shead pictue{
	--box-radius: 16;
	width: 60px;
		border:1px solid #ccc
}
.application .l-sec__in__shead h1{
	font-size: calc(32 / var(--font-size) * 1rem);
}

.application .l-sec__in__shead.agrigator h1{
	color: var(--tertiary-color-500)
}

.application .l-sec__in__shead.sellar h1{
	color: var(--primary-color-500)
}

.application .top-application-box-ico__label.large{
  padding-top: 0;
    margin-top: -15px;
}



/*
.application .c-tab__list-item--active {
  --tab-bg-color: var(--tertiary-color-500);
}*/

.application .mL30{
  margin-left: 30px;
}





/* purchaser*/
.title-bg-blue{
	font-size: calc(32 / var(--font-size) * 1rem);
	color: var(--primary-color-500);
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}
.m-relay {
	margin-top: 50px;
}
.p-relay{
	padding: 50px
}
.u-mt-15{
	margin-top:15px
}
.u-mt-30{
	margin-top: 30px
}
.u-mt-50{
	margin-top: 50px
}

.l-sec__in__shead.purchaser h1{
	color: var(--primary-color-500);
}
.l-sec__in__shead.purchaser picture{
	width: 60px;
}
.l-sec__in__shead.purchaser{
  position: relative;
  padding: 30px 0;
}
.l-sec__in__shead.purchaser::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  width: calc(160 / var(--font-size) * 1rem);
  height: calc(4 / var(--font-size) * 1rem);
  border-radius: calc(2 / var(--font-size) * 1rem);
  background-color: var(--primary-color-500);
  transform: translateX(-50%);
  }

.u-txt-blue{
	color: var(--primary-color-500);
}

.c-btn.box-blue .c-btn__in {
  background-color: var(--primary-color-500);
  border: calc(1 / var(--font-size) * 1rem) solid var(--primary-color-500);
}
.c-btn.box-blue:hover .c-btn__in {
  --btn-bg-color: var(--white-color);
  background-color: #fff;
  --btn-txt-color: var(--primary-color-500);
  --btn-arrow-color: var(--btn-bg-color);
  --btn-bg-arrow-color: var(--primary-color-500);
}

#application2 .u-flex-pc .l-sec__in__shead{  
  margin: 0 auto;
  padding: 10px;
  width: calc(300 / var(--font-size) * 1rem);
  gap: 1em;
}
#application2 .u-flex-pc .l-sec__in__shead h2{ 
  font-size: calc(18 / var(--font-size) * 1rem); 
}


@media all and (min-width: 768px), print {
  .u-flex-pc{
    display: flex;
    gap:1rem
  }
  .u-flex-pc > *{
    flex: 1;
  }
  .u-flex-pc .l-block__element + .l-block__element{
    margin-top: 0;
  }

  .application .l-sec + .l-sec {
    /*margin-top: calc(120 / var(--font-size) * 1rem);*/
  }
  #application2 .u-flex-pc .l-sec__in__shead picture{  
    width: 60px;
    aspect-ratio: 1/1;
  }
}

.application .c-box .l-box__head{
  background:  var(--primary-color-500);
  font-size: calc(32 / var(--font-size) * 1rem);
  color: #fff;
  border-radius: calc(var(--box-radius) / var(--font-size)* 1rem);
  padding: 10px;
  text-align: center;
  margin-top: -3rem;
  margin-bottom: 2rem;
  font-weight: bold;
}
#application0{
  margin-top: 1rem
}