@charset "utf-8";
html {scroll-behavior: smooth;}
a:link {
    text-decoration: none;
}
.clearfix {
    zoom: 100%;
    overflow: hidden;
}
/*****************************
パンクズ
*********************************/
.breadcrumb {
    background: #fff;
}
.breadcrumb, .breadcrumb__item, .breadcrumb__item a {
    font-size: 11.2px!important;
}


/*-----------------------------------------
上部ページナビ
-----------------------------------------*/
#pageNavi {
	width: 100%;
	background-color: #eaf4ff;
	padding: 1vw 0 0;
	border-bottom: solid 1px #CBDAEA;
    & p {
        text-align: center;
        color: #0450b9;
        border-bottom: dotted 1px #86afe9;
        & span:nth-child(1) {
			font-size: 4.0vw;
			line-height: 1.5;
			font-weight: bold;
        }
		& span:nth-child(2) {
			font-size: 3.0vw;
			font-weight: normal;
			margin-left: 2vw;
        }
		& a {
			color: inherit;
			text-decoration: none;
		}
    }
}

#pageNavi ul {
	width: 100%;
	height: 13vw;
	display: flex;
	justify-content: center;
    position: relative;
    & li {
        width: 100%;
        height: 100%;
        text-align: center;
        border-right: dotted 1px #86afe9;
        &:last-child {
            border-right: none;
        }
        & a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            color: #333;
            font-size: 2.8vw;
            line-height: 1.1em;
            font-weight: bold;
            text-decoration: none;
            position: relative;
            padding: 4vw 0 1vw;
            &::before {
                position: absolute;
                top: 0.5vw;
                left: 0;
                right: 0;
                margin: auto;
                content: "";
                display: inline-block;
                width: 3.4vw;
                height: 3.4vw;
            }
            &::after {
                position: absolute;
                right: 0;
                margin: auto;
                font-family: FontAwesome;
                content: "\f105";
                color: #0450b9;
				top: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%); 
            }
        }
        &.nav-islands a:before {background: url("../../img/icon/navi-islands.svg") center center / contain no-repeat;}
        &.nav-theme a:before {background: url("../../img/icon/navi-special.svg") center center / contain no-repeat;}
        &.nav-branch a:before {background: url("../../img/icon/navi-branch.svg") center center / contain no-repeat;}
        &.nav-search a:before {background: url("../../img/icon/navi-search.svg") center center / contain no-repeat;}
		
		&:last-child > a:after {
			position: absolute;
			top: auto;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			font-family: FontAwesome;
			content: "\f107";
			color: #0450b9;
			transform: none;
			-webkit-transform: none;
		}
    }
	& .pc-none {
		display: block;
	}
}


/*copyright*/
.hawaii-copyright { 
    width: auto;
    padding: 2%;
    font-size: 12px;
    position: relative;
    bottom: auto;
    right: auto;
    margin-right: 0;
    text-align: right;
}