@charset "utf-8";
/* CSS Document */
.cate1 .imgbox{
    max-width: 800px;
    margin-bottom: 80px;
}
.morebox{
    gap:30px;
}

body.on .pagetitle_e .box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.6) 0%,
    rgba(0,0,0,0.3) 40%,
    rgba(0,0,0,0.5) 60%,
    rgba(0,0,0,0.8) 100%
  );
  z-index: 1;
  pointer-events: none;
}
.company_c1 .companywrap {
    width: 100%;
}

.company_c1 .companywrap .boxwrap {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
}
.company_c1 .companywrap .boxwrap .box {
    justify-content: flex-start;
    align-items: stretch;
    
}
.company_c1 .companywrap .boxwrap .box > div {
    justify-content: flex-start;
    align-items: center;
    padding: 40px 0;
}
.company_c1 .companywrap .boxwrap .box .title1 {
    width: 250px;
    border-bottom: 1px solid #999;
}
.company_c1 .companywrap .boxwrap .box .title1 .title_txt {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
}
.company_c1 .companywrap .boxwrap .box .txtbox {
    width: calc(100% - 250px);
    padding-left: 10px;
    border-bottom: 1px solid #555;
}
.company_c1 .companywrap .boxwrap .box .txtbox p {
    letter-spacing: 0;
	font-family: "Noto Sans", sans-serif;
}
@media screen and (max-width: 576px) {
    .company_c1 .companywrap .boxwrap .box {
        padding-bottom: 20px;
    }
    .company_c1 .companywrap .boxwrap .box > div {
        padding: 20px 0;
    }
    .company_c1 .companywrap .boxwrap .box .title1 {
        width: 100%;
    }
    .company_c1 .companywrap .boxwrap .box .txtbox {
        width: 100%;
        padding-left: 0px;
    }
    .company_c1 .companywrap .boxwrap .box .title1 {
    border-bottom: 1px solid #777;
}
    
}
.access_a1 .txtbox {
    align-items: flex-start;
    flex-direction: column;
}
.access_a1 .txtbox p{
    font-family: "Noto Sans", sans-serif;}

.access_a1 .map-card {
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
        max-width: 800px;
}

/* 地図フレーム（角丸＋ブルーの線） */
.access_a1 .map-frame {
    position: relative;
    width: 100%;

}

/* 画像でもiframeでもOK */
.access_a1 .map-frame iframe,
.access_a1 .map-frame img {
    display: block;
    width: 100%;
    height: clamp(300px, 50vw, 500px);
    border: 0;
}


@media screen and (max-width: 576px) {
    .access_a1 .company-info-wrap {
        width: 90%;
    }
    .access_a1 .history-item::before {
        width: 10px;
        height: 10px;
        left: -2.25em;
    }
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}