/*
Theme Name:株式会社九自興
*/
/* HEADER NAVIGATION overwrite */
.tel {
    padding-left: 32px !important;
    box-sizing: border-box !important;
    width:auto !important;
	display:flex !important;
	justify-content:flex-start !important;
	align-items:center !important;
	gap:10px !important;
}
.header-tel {
    display: flex !important;
    flex-direction: column !important;
    align-items: start !important;
	width:150px !important;
    justify-content: flex-start !important;
	gap:3px !important;
}
.tel-number {
    width: auto !important;
}
.tel-hour {
    text-align:left !important;
}
.sns-icons {
    width:auto !important;
   padding-left:0px !important;
}
.sns-icons li {
	max-width: 100% !important;
}
.et-social-line {
    width: 60px !important;
	height: 60px;
}
.header-btn {
    width: auto !important;
	display: flex !important;
    align-items: center !important;
}
.header-btn.recruit-entry a {
    border-radius: 6px !important !important;
    font-size: 16px !important;
    background-color:#5591D6 !important;
    border: 2px solid #5591D6 !important;
    padding: 8px 12px 9px !important;
    display: inline-block !important;
    text-align: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-weight: bold !important;
    transition: .2s !important;
}
.header-btn.recruit-entry a:hover{
	background-color:#fff !important;
    border: 2px solid #ed1c24 !important;
	color: #ed1c24 !important;
}
@media screen and (min-width: 1024px) {
  .tel-number {
    pointer-events: none; /* クリックを無効化 */
    cursor: default;      /* カーソルを通常矢印にする */
    text-decoration: none; /* 下線を消す場合 */
    color: inherit;       /* 文字色を継承する場合 */
  }
}

@media screen and (max-width: 980px) {
	.header-btn a span,
	.header-btn.recruit-entry a span {
		font-size:10px !important;
	}
	
@media screen and (max-width: 980px) {
    .sns-icons {

        margin-top:0;
    }
}
}

/* Footer overwrite */
@media screen and (max-width: 980px) {
	 .footer3-left {
        text-align: left;
	}
    .footer3-left p {
        max-width: 100%;
    }
}