@charset "utf-8";

/* ---------------------------------------------
- 販売店様 募集 ( RESELLER RECRUITMENT ) 
- 会社案内 ( COMPANY INFORMATION ) 
--------------------------------------------- */
/* 共通 */
#information main.main-contents {
  background-color: var(--white);
}

#information #breadcrumbs {
  color: var(--black3);
}



/* ---------------------------------------------
- 販売店様 募集 ( RESELLER RECRUITMENT ) 
--------------------------------------------- */

.reseller {
  margin: auto;
  width: 100%;
  padding-bottom: 1px;
}

/* --- TOP --- */
.reseller_TOP {
  margin: auto;
  width: 100%;
  position: relative;
}

.reseller_TOP .text {
  width: fit-content;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.reseller_TOP .text p {
  font-family: "Geist", sans-serif;
  font-weight: 200;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.reseller_TOP .text h1 {
  margin-top: 0.8em;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_17);
}

/* letter-spacing 余白除去 */
.reseller_TOP .text p::after,
.reseller_TOP .text h1::after {
  content: "";
  display: inline-block;
  margin-right: -0.05em;
}

/* --- TEXT --- */
.reseller_TXT {
  margin: auto;
  padding-top: 20%;
  width: 88%;
  color: var(--black3);
}

.reseller_TXT h2 {
  margin-bottom: 16%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_16);
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
  
}

.reseller_TXT p {
  margin-bottom: 8%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_14);
  letter-spacing: 0.08em;
  line-height: 2.2;
  text-align: justify;
}

.reseller_TXT h2::after,
.reseller_TXT p::after {
  content: "";
  display: inline-block;
  margin-right: -0.08em;
}

/* --- BUTTON --- */
.reseller_BTN {
  margin: 15% auto 20%;
  width: fit-content;
}

.reseller_BTN a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.reseller_BTN a p {
  padding: 0.6em 0.5em 0.5em;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_15);
  line-height: 1;
  letter-spacing: 0.05em;
  border: solid 1px var(--black3);
  background-color: #ddd;
  color: var(--black3);
}

/* 準備中用 */
.reseller_BTN > p {
  padding: 0.6em 0.5em 0.5em;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_15);
  line-height: 1;
  letter-spacing: 0.05em;
  border: solid 1px var(--black3);
  background-color: #ddd;
  color: var(--black3);
  position: relative;
}

.reseller_BTN > p::before {
  content: "( 準備中 )";
  display: inline-block;
  font-size: var(--fs_12);
  line-height: 1;
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translate(-50%,0);
  z-index: 1;  
}

/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .reseller_BTN a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .reseller_BTN a:active {
    opacity: 0.6;
  }

}



/* ---------------------------------------------
- 会社案内 ( COMPANY INFORMATION ) 
--------------------------------------------- */

.company {
  margin: auto;
  padding-bottom: 20%;
  width: 100%;
}

/* --- TOP --- */
.company_TOP {
  margin: auto;
  width: 100%;
  position: relative;
}

.company_TOP .text {
  width: fit-content;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.company_TOP .text p {
  font-family: "Geist", sans-serif;
  font-weight: 200;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.company_TOP .text h1 {
  margin-top: 0.8em;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_17);
}

/* letter-spacing 余白除去 */
.company_TOP .text p::after,
.company_TOP .text h1::after {
  content: "";
  display: inline-block;
  margin-right: -0.05em;
}

/* --- TEXT --- */
.company_TXT {
  margin: auto;
  padding-top: 20%;
  width: 88%;
  color: var(--black3);
}

.company_TXT h2 {
  margin-bottom: 16%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_16);
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
  
}

.company_TXT p {
  margin-bottom: 8%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_14);
  letter-spacing: 0.08em;
  line-height: 2.2;
  text-align: justify;
}

.company_TXT h2::after,
.company_TXT p::after {
  content: "";
  display: inline-block;
  margin-right: -0.04em;
}

/* --- 区切り線 --- */
.company_DIV {
  margin: 25% auto 15%;
  width: 86%;
  height: 1px;
  background-color: var(--black3);
  transform: scale(1,1);
}

/* --- 会社概要 --- */
.company_overview {
  margin: auto auto 5%;
  width: 87%;
}

.company_overview h2,
.company_overview p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_12);
  line-height: 2.2;
  letter-spacing: 0.08em;
  color: var(--black3);
}

.company_overview h2 {
  text-indent: -0.5em;
}

/* --- 研究技術 --- */
.company_RandT {
  margin: auto auto 7%;
  width: 87%;
}

.company_RandT h2 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_12);
  line-height: 2.2;
  letter-spacing: 0.08em;
  color: var(--black3);
}

.company_RandT h2 {
  margin-bottom: 1%;
  text-indent: -0.5em;
}

/* Bnr */
.company_RandT .table1,
.company_RandT .table2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.company_RandT .table2 {
  margin-top: 1.8%;
}

.company_RandT .table_bnr {
  width: 49%;
  height: min(22vw,165px);
  border: solid 0.5px var(--black3);
  position: relative;
}

.company_RandT .table_bnr a {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

.company_RandT .table_bnr a img {
  height: auto;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%,0);  
}

.company_RandT .table_bnr.one a img {
  width: 64%;
  top: 24%;
}

.company_RandT .table_bnr.two a img {
  width: 90%;
  top: 24%;
}

.company_RandT .table_bnr.three a img {
  width: 60%;
  top: 22%;
}

.company_RandT .table_bnr.four a img {
  width: 70%;
  top: 8%;
}

.company_RandT .table_bnr a h3 {
  font-family: "GenjyuuGLP";
  font-weight: 200;
  font-size: var(--fs_11);
  line-height: 1;
  letter-spacing: 0.08em;
  white-space: nowrap;
  color: var(--black3);
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%,0);
}

/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .company_RandT .table_bnr a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .company_RandT .table_bnr a:active {
    opacity: 0.6;
  }

}

/* --- 自社製品ブランド --- */
.company_PB {
  margin: auto auto 7%;
  width: 87%;
}

.company_PB h2 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_12);
  line-height: 2.2;
  letter-spacing: 0.08em;
  color: var(--black3);
}

.company_PB h2 {
  margin-bottom: 1%;
  text-indent: -0.5em;
}

/* Bnr */
.company_PB .table1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.company_PB .table_bnr {
  width: 49%;
  height: min(22vw,165px);
  border: solid 0.5px var(--black3);
  position: relative;
}

.company_PB .table_bnr.one a {
  background-color: #0f233c;
}

.company_PB .table_bnr.two a {
  background-color: var(--black);
}

.company_PB .table_bnr a {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

.company_PB .table_bnr a img {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);  
}

/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .company_PB .table_bnr a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .company_PB .table_bnr a:active {
    opacity: 0.6;
  }

}

/* --- 自社紹介 --- */
.company_INTRO {
  margin: auto;
  width: 87%;
}

.company_INTRO h2,
.company_INTRO p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_12);
  line-height: 2.2;
  letter-spacing: 0.08em;
  color: var(--black3);
}