@charset "utf-8";

/* 1. 全体のデフォルトをゴシック体に設定（!importantを外します） */
*, *::before, *::after {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
body {
  margin: 0px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

header {
background-color: #000;
}
.inner {
max-width: 780px;
margin: 0 auto;
padding: 1rem;
}
.hd_box {
padding: 1rem 1rem 8px 1rem ;
display: flex;
justify-content: space-between;
}

/* 2. ★ヘッダーのsinceを「絶対明朝体」にするために !important をつける */
.txt-hd-since {
color: #fff;
font-family: "Noto Serif JP", serif !important;
margin-bottom: 3px;
}

.hd-esco_logo {
margin-right: 1rem;
display: flex;
gap:12px;
color: #fff;
align-items: end;
font-weight: bold;
text-align: end;
}
.hd-esco_logo_jp {
margin-right: 1rem;
display: flex;
gap:12px;
color: #fff;
align-items: end;
font-weight: bold;
text-align: end;
}
.txt-hd-tel a {
color: #fff;
}
.txt-hd-tel a:hover {
background-color: none;
border-color: none;
text-decoration: none;
}
/* ------------------------------------------------------ */

.txt-main {
font-size: 14pt;
text-align: center;
margin-bottom: 2rem;
}
.main-container {
display: flex;
gap:2rem
}
.txt-copy {
font-size: 12px;
line-height: 2rem;
max-width: 340px;
margin: 0 auto;
text-align: justify;
margin-bottom: 4rem;
}
.business-box {
background-color: #f5f3f2;
padding: 2rem;
min-width: 240px;
margin: 0 auto;
margin-bottom: 4rem;
}

.txt-business {
text-align: center;
margin-bottom: 1.5rem;
font-size: 16px ;
}
.txt-name {
margin-bottom: 4px;
}
.txt-mail {
font-size: 12px;
margin-bottom: 4px;
}
.txt-phone {
font-size: 12px;
margin-bottom: 4px;
}
a {
border-bottom: none;
text-decoration: none;
color: #000 ;
}
.txt-hpaddress {
margin-bottom: 40px;
text-align: center;
font-size: 10px;
}
.main-box {
background-color: #fff;
max-width: 825px;
margin: 0 auto;
padding-top: 20px;
}
.hp:hover {
background-color: #efefef ;
border-color: none;
text-decoration: none;
padding: 2px;
}
.window-container {
margin: 0 auto;
justify-content: center;
}
.txt-name {
font-size: 14px;
}
.box-company {
border-top: solid #505050 1px;
padding: 1rem;
text-align: center;
}
.txt_company {
font-size: 14px;
margin-bottom: 4px;
}
.txt-address {
font-size: 8pt;
}
.txt-hpaddress {
font-size: 12px;
}
footer {
background-color: #000;
width: 100%;
height: 60px;
}

/* 3. ★フッターの文字も「絶対明朝体」にするために !important をつける */
.txt-ft {
color: #666;
font-size: 8px;
text-align: end;
font-family: "Noto Serif JP", serif !important;
}

.br-sp {
  display: none; 
}
.bt1rem {
margin-bottom: 1.5rem;
}

/* -------------スマホ------------------- */

@media (max-width: 634px) {
    .hd_box {
    display: block;
    }
    .hd-esco_logo_jp {
    margin-right: 0;
    text-align: end;
    }
    .main-container {
    display: block;
    }
}
@media (max-width: 424px) {
    .hd-esco_logo_jp {
    margin-right: 0;
    display: block;
    gap:12px;
    color: #fff;
    align-items: end;
    font-weight: bold;
    text-align: end;
    }
}
@media (max-width: 484px) {
    .window-container {
    display: block;
    }
  .br-sp {
    display: block; 
  }
}