@charset "utf-8";

body,p,td,li, h5,h6 {
	font-family: 'IBM Plex Sans JP',"Hiragino Kaku Gothic ProN","BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
	/*font-size:1rem;*/
	line-height:1.8em;
}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: 'IBM Plex Sans JP',"Hiragino Kaku Gothic ProN","BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:800;
	line-height:1.5em;
}

.font-g {
	font-family: 'IBM Plex Sans JP',"Hiragino Kaku Gothic ProN","BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.font-m {
	font-family: "Hiragino Mincho ProN", "BIZ UDPMincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",source-han-serif-japanese,"游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.bold {
	font-weight:800;
}

.container {
	max-width: 1164px;
}


/* 文字サイズ
==================================================== */
h1 { font-size:1.5rem; }

@media (min-width: 576px) {
	h1 { font-size:1.8rem;letter-spacing:2px; }
}
@media (min-width: 768px) {
	h1 { font-size:1.8rem; }
}
@media (min-width: 1200px) {
	h1 { font-size:2rem;letter-spacing:2px; }
}
@media (min-width: 1400px) {
	h1 { font-size:2.2rem;letter-spacing:2px; }
}

@media (min-width: 768px) and (max-width: 1050.98px) {
	.top_square .top_text { font-size:0.8rem; }
}
@media (max-width: 767.98px) {
	.top_text { font-size:1rem; }
}



/* マージン、パディング
==================================================== */
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.ps-80 { padding-left:80px; }
.pe-80 { padding-right:80px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.ps-110 { padding-left: 110px; }

.my-80 { margin-top:80px; margin-bottom:80px; }
.my-110 { margin-top:110px; margin-bottom:110px; }
.py-80 { padding-top:80px; padding-bottom:80px; }
.px-80 { padding-left:80px; padding-right:80px; }
.py-110 { padding-top:110px; padding-bottom:110px; }

@media (max-width: 767.98px) {
	.mt-40, .mt-80, .mt-110 { margin-top:30px; }
	.mb-40, .mb-80, .mb-110 { margin-bottom:30px; }
	.pt-40, .pt-80, .pt-110 { padding-top:30px; }
	.pb-40, .pb-80, .pb-110 { padding-bottom:30px; }
	.ps-80, .ps-110 { padding-left:30px; }
	.pe-80, .pe-110 { padding-right:30px; }
	.my-80, .my-110 { margin-top:30px; margin-bottom:30px; }
	.py-80, .py-110 { padding-top:30px; padding-bottom:30px; }
	.mx-80 { margin-left:30px; margin-right:30px; }
}

.lh-1 { line-height: 1em; }
.lh-2 { line-height: 2em; }
.lh-3 { line-height: 3em; }




/* リンク
==================================================== */
footer a {
	color: #FFF !important;
}


/* ナビバー
==================================================== */
@media (min-width: 992px) {
    #navbarNavDropdown {
        box-sizing: content-box;
        padding: 0 9999px;
        margin: 0 -9999px;
    }
    #globalHeader .navbar-nav .nav-item {
        width: calc(100% / 8) !important;
    }
}
@media (max-width: 991.98px) {
    #globalHeader .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
#globalHeader .navbar-nav li:last-of-type .dropdown-menu[data-bs-popper] {
    left: inherit !important;
    right: 0;
}
.navbar-brand {
	padding:0;
	margin:0;
	padding-left: 15px;
}
@media (max-width: 575.98px) {
    .navbar-brand .fs-5 {
        font-size: 0.75rem !important;
    }
    .navbar-brand .fs-2 {
        font-size: 1rem !important;
    }
}
.navbar-toggler { 
	position:relative;
	border:none!important;
	padding-bottom:0;
}

.navbar-light .navbar-toggler .navbar-toggler-icon {
	position:relative;
	margin-top:-16px;
}

.navbar-nav .nav-link {
	padding-left: 15px;
}
.nav-link {
    color: #231815;
}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}

/* 文字サイズ変更 */
#fontSizeChange {
    min-width: calc(100% / 8);
}
#font-middle {
    padding-left: 0.63rem !important;
    padding-right: 0.63rem !important;
}
#font-large {
    padding-left: 0.83rem !important;
    padding-right: 0.83rem !important;
}

.icon-login {
    background: url("../img/common/login.svg") no-repeat center center/contain;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
}

/* コピーライト
==================================================== */
#copyright {
	font-size:.825rem;
}


/* トップへ戻る
==================================================== */
a.page-top {
	position:fixed;
	bottom:60px;
	right:10px;
	opacity:0.5;
	display:flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #FFF;
}
a.page-top:hover {
	opacity:0.7;
}


/* #firstview
==================================================== */
#firstview {}
#firstview__btn .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
}
#firstview__btn .nav-link:hover {
    color: #FFF !important;
    opacity: 0.6;
}
@media (max-width: 991.98px) {
    #firstview__btn {
        position: static !important;
    }
    #firstview__btn .nav {
        width: 100%;
    }
    #firstview__btn .nav-link {
        border-top-width: 0 !important;
        border-radius: 0 0 10px 10px !important;
        width: 100%;
        height: auto;
    }
}


/* Google map
==================================================== */
.ratio-290px {
    --bs-aspect-ratio: 290px;
}


/* #sidebar
==================================================== */
#sidebar {}
.sideMenu__section {}
.sideMenu__title {}

@media (max-width: 767.98px) {
    body.page-home #sideMenu01,
    body.page-home #sideMenu02,
    body.page-home #sideMenu03,
    body.page-home #sideMenu04,
    body.page-home #sideMenu05,
    body.page-home #memberMenu {
        display: none;
    }
}


/* メディアクエリ
==================================================== */
/*
// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) {}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {}


/*// X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}

/*// X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {}
