/*
Theme Name: Kongo Corporate Theme
Theme URI: http://localhost
Author: Your Name
Description: オリジナルテーマ
Version: 1.0
*/


html {
  margin: 0 !important;
}

html {
  scroll-behavior: smooth;
}


.custom-menu li + li::before {
    content: "|";
    margin: 0 1em;
    color: #ffffff; /* 色を調整 */
}
.small{
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
  letter-spacing: 0.7px;
} 
.medium{
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 225% */
  letter-spacing: 0.8px;
}
.medium-mobile {  
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  letter-spacing: 0.8px;
}
.title-S {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 175% */
  letter-spacing: 0.8px;
}
.title-S-mobile {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 200% */
  letter-spacing: 0.7px;
}
.title-XL-mobile {
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.2px;
}
.title-M{
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
  letter-spacing: 1px;
}
.title-M-mobile {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 175% */
  letter-spacing: 0.8px;
}
.navi_M_B{
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
  letter-spacing: 0.8px;
}
.navi_M{
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: 0.8px;
}
.semiL{
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  letter-spacing: 1.2px;
}
.small_B{
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 200% */
  letter-spacing: 0.7px;
}
.semiL{
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  letter-spacing: 1.2px;
}
.title-XL {
  font-family: "Noto Sans JP";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 155.556% */
  letter-spacing: 1.8px;
}
.title-XL-mobile {
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.2px;
}
.title-semiL {
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: 1.2px;
}
.medium-dec {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.8px;
}
.large {
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 1px;
}
.large_B {
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: bold;
  font-weight: 700;
  line-height: 36px; /* 180% */
  letter-spacing: 1px;
}
.title-S {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 175% */
  letter-spacing: 0.8px;
}
.title-S-mobile {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 200% */
  letter-spacing: 0.7px;
}
.medium_B {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 225% */
  letter-spacing: 0.8px;
}
.medium_B-mobile {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 175% */
  letter-spacing: 0.8px;
}
.title-L {
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 175% */
  letter-spacing: 1.6px;
}
.title-L-mobile {
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 160% */
  letter-spacing: 1px;
}
.small-incr {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.7px;
}
.title-XL {
  font-family: "Noto Sans JP";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 155.556% */
  letter-spacing: 1.8px;
}
.title-XL-mobile {
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: 1.2px;
}
.large-incr {
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px; /* 300% */
  letter-spacing: 1px;
}
.semibold-24{
  font-family: "Noto Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.96px;
}
.semibold-14{
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.56px;
}
.navi_M_B {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
  letter-spacing: 0.8px;
}
.navi_M_B-mobile {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.7px;
}
.medium-mobile {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
  letter-spacing: 0.8px;
}
.serif_History {
  font-family: "Times New Roman";
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.88px;
}
.serif_History-mobile {
  font-family: "Times New Roman";
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 100% */
  letter-spacing: 2.24px;
}
.small-mobile {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.7px;
}
.x-small {
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  letter-spacing: 0.6px;
}
.form-input{
  background-color: white;
  border-bottom: 1px solid var(--color-secondary); /* border-secondary */
  height: 3.5rem; /* h-14 = 56px */
  display: flex;
  align-items: center;
  padding-left: 0.5rem; /* px-2 = padding-left/right: 0.5rem */
  padding-right: 0.5rem;
  width: 100% !important;
  flex-grow: 1;
  
}
.form-contact{
  border-bottom: 1px solid var(--color-secondary); /* border-secondary */
  height: 3.5rem; /* h-14 = 56px */
  display: flex;
  align-items: center;
  padding-left: 0.5rem; /* px-2 = padding-left/right: 0.5rem */
  padding-right: 0.5rem;
  width: 100%;
  flex-grow: 1;
}
.form-detail{
  background-color: white;
  border-bottom: 1px solid var(--color-secondary); /* border-secondary */
  height: 3.5rem; /* h-14 = 56px */
  display: flex;
  align-items: center;
  padding-left: 0.5rem; /* px-2 = padding-left/right: 0.5rem */
  padding-right: 0.5rem;
  width: 100%;
  height: 248px;
  flex-grow: 1;
}
.form-acceptance {
  height: 40px;                          /* h-[40px] */
  background-color: #D9D9D9;             /* bg-[#D9D9D9] */
  display: flex;                         /* flex */
  align-items: center;                   /* items-center */
  justify-content: center;               /* justify-center */
  color: var(--color-primary);           /* text-primary */
  font-weight: 500;                      /* medium -> font-weight:500 */
}
.form-submit-button {
  height: 3.5rem;               /* h-14 = 56px */
  width: 224px;                 /* w-[224px] */
  background-color: var(--color-primary);  /* bg-primary */
  color: white;                 /* text-white */
  display: flex;                /* flex */
  align-items: center;          /* items-center */
  justify-content: center;      /* justify-center */
  border-bottom: 4px solid var(--color-secondary); /* border-b-4 border-secondary */
  margin-left: auto;            /* mx-auto: left auto */
  margin-right: auto;           /* mx-auto: right auto */
  margin-top: 2rem;             /* mt-8 = 32px */
}
@media (min-width: 768px) {
  .form-input {
    width: auto;
  }
}