@charset "utf-8";
/* CSS Document */

/* 汎用 */

.tableType1 td{
	display:table-cell;
	border-color:var(--color2);
}

.tableType1 tr>td:first-child{
	width:9em;
	border:solid 1px var(--color2);
}

/* テンプレート */


/* ヘッダ */

header{
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
}

body{
    position: relative;
}

.header__topLogo{
    width: min(23.4vw,450px);
    padding: 4rem;
    border-radius: 0 0 2rem 0;
    z-index: 120;
}

#TOP .header__topUnderLogo,
.header__topUnderLogo{
    display: flex;
    position: fixed;
    align-items: center;
    height: 10rem;
    left: 2.5rem;
    top: 0;
    z-index: 115;
    & img{
        height: 8rem;
        width: min(19vw,360px);
        object-fit: contain;
    }
}

.header__navBtn{
    display: none;
}

.header__nav{
    transform: translateX(0);
    background: none;
    height: 10rem;
    min-height: 1rem;
    right: 0;
    top: 0;
    left: auto;
    position: fixed;
    background-color: #FFF;
    width: 100%;
}

ul.header__nav__list{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

ul.header__nav__list li{
    padding: 0 min(1.8vw,4rem);
    border-left: solid 2px #ccc;
}

ul.header__nav__list li a{
    color: var(--color1);
    font-size: 2rem;
    padding-top:0.8rem;
    padding-bottom: 0.6rem;
    border-bottom: solid 0.3rem #FFF;
}

ul.header__nav__list li.active a{
    border-color: var(--color2);
}

ul.header__nav__list li a img.key{
    width: 1em;
    height: 1em;
    object-fit: contain;
    vertical-align: middle;
    transform: translateY(-0.1em);
    display: inline-block;
}


.navBtnClose{
    display: none;
}

/* コンテンツ領域コンテナ */
main{
    padding-bottom: 20rem;
}

.lowPageHeader{
    padding: 4rem 0 8rem;
}

.lowPageHeader__inner{
    font-size: 5rem;
}

.lowInner{
    max-width: 1100px;
    margin-inline: auto;
}

/* フッター */
.footer{
    padding: 5rem 0;
}

.footer__inner{
    max-width: 1400px;
    margin-inline: auto;
    padding-inline: var(--section-side);
}

.footer__logo{
    img{
        width: 63rem;
    }
}

.footer__address{
    margin-bottom: 5rem;
}