/*
 Theme Name: Lightning Child
 Template: lightning
*/

.site-header .site-header-logo{
margin-right: auto;
width: fit-content;
}

.header_scrolled .site-header .global-nav {
    margin-right: 0;
}

.site-header {
	background: none !important;
}
.global-nav-list>li>a {
	color: #22875E;
}

 .is-layout-constrained > :where(:not(.alignfull)) {
	max-width:100%;
}

.site-footer-title, .sub-section-title, h3:where(:not(.wp-block-post-title)){
	color:#22875E;
}

.breadcrumb div.container{
margin-left:0px;
}

.page-header-title, h1.page-header-title{
	font-size: 3rem;
	text-align: left;
}

.page-header-inner{
	margin-left: 15%;
}

/*ヘッダーの色の透過防止*/
.site-header {
  background-color: #ffffff !important; /* 必要なら色を変更 */
  opacity: 1 !important;
}

.footer{
	width:500px;
	margin-right:27px;
	margin-left:0;
}

.fixed-contact-btn {
	z-index: 10;
	align-items: center;
	right: 0;
	position: fixed;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	padding: 0px;
}
.vk_button .vk_button_link.btn, .editor-styles-wrapper .vk_button .vk_button_link.btn{
	min-width: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.vk_button_link:hover {
	background-color: #184734!important;
	text-decoration: none;
	filter: brightness(1.1) saturate(2);
}
.site-footer{
	border-top: 2px solid #22875E;
	background-color:#e9e9e9;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 80%;
		padding-left: 5%;
		padding-right: 5%;
	}
}
.header-top .container,
.site-header-container{
    width: 100%;
    max-width: 100%;
}
.site-footer-copyright p:nth-child(2) {
    display:none;
}

.page-header-inner {
	margin-left: 5px;
	margin-bottom: -2%;
	bottom: 0;
}
.header-txt {
  text-align: left;
  bottom: 0;
}
.header-title {
	font-size: 3.7rem;
	font-weight: bold;
}
.header-sub-test {
	font-size: 25px;
	font-weight: bold;
}
.page-header-title {
	display: none;
}
.news-homearea {
	background-color: #e9e9e9;
}
h4:where(:not(.wp-block-post-title)) {
    padding: .5em;
    background-color: #e9e9e9;
    border-radius: var(--vk-size-radius);
}

.page-header{
	/*min-height:16rem;*/
	height: 200px;
	width: auto;
	background-image:url(images/page_header.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
}

.image-size-top {
	padding:0 0 calc(652/1485*100%) !important;
	min-height: 0 !important;
}
.image-size-top .wp-block-cover__inner-container 
{
	position: absolute;
	padding: 0;
	top: 30%;
}

.image-top-head{
	position: relative;
	font-size: calc(1.5rem + 1.5vw)!important;
	font-weight: bold;
	max-width: 60%;
	margin-left: 0!important;
	margin-bottom: 20px!important;
	left: 40%;
}
.image-top-content{
	position: relative;
	font-size: calc(1rem + 0.5vw)!important;
	max-width: 60%;
	padding-left: 5px;
	margin-left: 0!important;
	margin-bottom: 10px!important;
	left: 45%;
}

@media (max-width: 1023px) {
	.header-title {
		font-size: 1.7rem;
		font-weight: bold;
	}
	.header-sub-test {
		font-size: 14px;
		font-weight: bold;
	}
	.page-header{
	height: 150px;
	}
	.global-nav {
        display: none;
    }
}

.col-lg-2,.col-md-6 {
	margin-bottom: 15px;
}

.page-404 > .page-header {
	display: none;
}
.wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
    border: none;
    bottom: 0;
    box-shadow: none;
    height: auto;
    left: 0;
    margin: 0;
    max-width: 100%;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.carrer {
	text-align: center;
	color: #ffffff;
}
.carrer p {
	color: #ffffff;
}
.vk-mobile-nav-menu-btn {
	margin-top: 10px!important;
}

.breadcrumb a:hover {
     color: #22875E;
}

/*採用情報キャリア支援ブロックのスタイル*/
.career-block {
	font-size:1rem;
	color: #ffffff;
	min-height:300px;
	padding-left:10px;
	padding-right:10px;
}
/*キャリア支援の見出しのスタイル*/
.career {
	font-size:1.5rem;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
}

body .container :is(.is-layout-flow,.is-layout-constrained) p:where(:not(:last-child)) {
	margin-block-end:0;
}

@media (max-width: 1366px) {
	.image-size-top .wp-block-cover__inner-container 
	{
		position: absolute;
		padding: 0;
		top: 30%;
	}

	.image-top-head{
		position: relative;
		font-size: calc(1.2rem + 1vw)!important;
		font-weight: bold;
		max-width: 60%;
		margin-left: 0!important;
		margin-bottom: 20px!important;
		left: 40%;
	}
	.image-top-content{
		position: relative;
		font-size: calc(1rem + 0.5vw)!important;
		max-width: 60%;
		padding-left: 5px;
		margin-left: 0!important;
		margin-bottom: 10px!important;
		left: 40%;
	}
}

@media (max-width: 1023px) {
    body:not(.header_scrolled) .global-nav--layout--float-right {
        display: none;
    }
}
@media (max-width: 1023px) {
	/*サイドバーを非表示*/
	.sub-section.sub-section--col--two {
    display: none!important;
    }
	/*カラム折り返し表示*/
	.wp-block-columns {
	flex-direction: column!important;
    }
    .wp-block-columns,.is-layout-flex,.wp-container-core-columns-is-layout-39c5938c,.wp-block-columns-is-layout-flex {
		display: flex;
        flex-direction: column;
    }
	.page-about .wp-block-columns {
		display:block;
    }
	.page-profile .wp-block-columns {
		display:block;
    }
	.page-educational .wp-block-columns {
		display:block;
    }
	.page-treatment .wp-block-columns {
		display:block;
    }
	/*ボディ部を縦並びに変更*/
	.row {
        flex-direction: column!important;
	}
	/*テキストなどの幅を画面いっぱいにする*/
    .main-section--col--two {
        width: 100%;
        float: left;
    }
	/* topページのお知らせ内容部分を非表示*/
	.list_content {
		display: none;
	}
	/*スマホ版でヘッダーを固定*/
	.site-header {
		position:fixed !important;
		top:0px;
	}
	.header_scrolled .site-header-logo{
		display:block;
	}
	body {
		/* モバイル時のヘッダーの高さ */
		 padding-top:64px;
	}
	/* ヘッダー透過の時 */
	.site-header--trans--true+div {
		/* モバイル時のヘッダー高さ分マイナスオフセット */
		margin-top:-64px;
	}
	/*1023px以下でもハンバーガーメニューが使用できるようにする*/
	body.device-pc .vk-mobile-nav-menu-btn {
        display: block!important;
    }
	body.device-pc .vk-mobile-nav {
        display: block!important;
    }

	/*フッターを画面幅最大で表示*/
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%!important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 0;
    margin-left: 0;
	}
	.col-lg-2 {
        max-width: 100%!important;
    }
	/*お知らせを縦並びに表示*/
	.entry-body>.vk_posts>.media.vk_post-col-lg-12, .main-section>.vk_posts>.media.vk_post-col-lg-12 {
        flex-direction: column!important;
    }
	/*画面幅いっぱいに表示*/
	.vk_post .media-body {
    	width: 100%;
	}
	.entry-body>.vk_posts>.media.vk_post-col-sm-12 .media-img, .main-section>.vk_posts>.media.vk_post-col-sm-12 .media-img {
        width: 100%;
    }
    .site-header-logo img {
        max-height: 50px;
    }
	.site-header-logo{
		padding-top: .5rem;
        margin-bottom: .5rem;
        white-space: normal
    }
	h5:where(:not(.wp-block-post-title)) {
		padding-top: .5em;
		padding-bottom: .5em;
		border-bottom: 1px solid var(--vk-color-border-hr);
	}
	.image-size-top .wp-block-cover__inner-container 
	{
		position: absolute;
		padding: 0;
		top: 30%;
	}

	.image-top-head{
		position: relative;
		font-size: calc(1.5rem + 1.5vw)!important;
		font-weight: bold;
		max-width: 60%;
		margin-left: 0!important;
		margin-bottom: 10px!important;
		left: 40%;
	}
	.image-top-content{
		position: relative;
		font-size: calc(1.2rem + 1.5vw)!important;
		max-width: 60%;
		padding-left: 5px;
		margin-left: 0!important;
		margin-bottom: 10px!important;
		left: 40%;
	}
	.wp-block-image.size-full.is-resized{
		justify-content:left!important;
	}
	.career-block {
		font-size:1rem;
		color: #ffffff;
		min-height:100px;
		padding-left:10px;
		padding-right:10px;
	}
	.career {
		text-align:left;
		margin-top:5px;
		margin-bottom:5px;
	}
}

@media (max-width: 768px) {
		.image-size-top .wp-block-cover__inner-container 
	{
		position: absolute;
		padding: 0;
		top: 20%;
	}

	.image-top-head{
		position: relative;
		font-size: calc(1.4rem + 1.25vw)!important;
		font-weight: bold;
		max-width: 60%;
		margin-left: 0!important;
		margin-bottom: 10px!important;
		left: 40%;
	}
	.image-top-content{
		position: relative;
		font-size: calc(1.2rem + 1.25vw)!important;
		max-width: 60%;
		padding-left: 5px;
		margin-left: 0!important;
		margin-bottom: 10px!important;
		left: 40%;
	}
}
@media (max-width: 480px) {
	.image-size-top .wp-block-cover__inner-container 
	{
		position: absolute;
		padding: 0;
		top: 15%;
	}

	.image-top-head{
		position: relative;
		font-size: calc(1rem + 0.75vw)!important;
		font-weight: bold;
		max-width: 60%;
		margin-left: 0!important;
		margin-bottom: 10px!important;
		left: 40%;
	}
	.image-top-content{
		position: relative;
		font-size: calc(1rem + 0.5vw)!important;
		max-width: 60%;
		padding-left: 5px;
		margin-left: 0!important;
		margin-bottom: 10px!important;
		left: 40%;
	}
}

/*20250723追加CSS分*/
.fixed-bottom-menu-container{
    display: none !important;
}
@media(min-width:1024px){
.container,.container-lg,.container-md,.container-sm,.container-xl{
	padding-left:10%;
	padding-right: 0;
	/*padding-right:10%;*/
}
}
.site-body-container
{
    max-width:100%!important;
}
@media(min-width:1024px){
.main-section--col--two
{
	/*width:calc(95% - 1040px * 0.27);*/
	width:90%;
	float:left;
}
.sub-section--col--two{
	width: 7vw;
	left: initial !important;
	right: 1vw;
}

.site-footer .container {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 10% !important;
  padding-right:10% !important;
}
}
/* お知らせの不要な要素を非表示 */
.entry-meta .updated {
  display: none;
}

.fa-history{
	display: none;
}
.fn{
	display: none;
}
.vcard{
	display: none;
}


/* フッター内のリンクホバー時の色変更 */
.site-footer a:hover {
  background-color: #f0f0f0;
  color: #22875E;
}

/* フッター内のリンククリック（アクティブ）時の色変更 */
.site-footer a:active {
	background-color:#CAE2D8;
  color: #22875E;
}
a {
  -webkit-tap-highlight-color: transparent;
}

/*クリックしたときの背景色*/
.widget.widget_nav_menu a:active {
  background-color: #CAE2D8;
}

/* サイドバー内の.リンクホバー時のテキスト色変更 */
.widget a:hover {
  color:#22875E;
}

/* サイドバー内のリンクホバー時の背景色変更 */
.widget a:hover {
  background-color: #CAE2D8;
}

/*ニュースラベルをホバーしたときの色指定*/
.wp-block-columns.news-homearea.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex:hover .news_label,
.wp-block-columns.news-homearea.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex:hover p {
  color:  #22875E; 
}

@media (max-width: 1023px) {
/*サイドバーを非表示*/	
	.sub-section.sub-section--col--two {
    display: none!important;
  }
/*カラム折り返し表示*/
	  .wp-block-columns {
 flex-direction: column!important;
  }
	.mobile_TECB_NEWS {
		font-size: 1.7rem !important;
	}
.mobile_NoticeFromTECB {
		font-size: 1rem !important;
	}
}

/*スマホ横向き用CSS*/
@media (orientation: landscape) {
/*トップページボタン*/
	.wp-block-image.size-full {
    display: flex;
    justify-content: center;
  }
}	
/*お知らせの前後記事の非表示*/
 .next-prev{
	display: none;
}
	
/*モバイルメニュー*/
.vk-mobile-nav .acc-btn {
  border: none;
}
.vk-mobile-nav-menu-btn {
	left:89%
}

.vk-mobile-nav-menu-btn {
  border: none !important;
  background-color: transparent !important;
	margin-top: 5px;
}

.acc-btn.acc-btn-open {
  padding: 17px;
	margin-left: 20px;
}

.vk-menu-acc .acc-btn-close{
	padding: 17px;
}

.vk-mobile-nav-menu-btn.menu-open {
  background-color: transparent !important;
}


@media (orientation: landscape) {
.vk-mobile-nav-menu-btn{
	left: 93%  ;
}
}

.fa-history{
	display:none!important;
}

/*20250725追加対応*/
.title_logo {
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.9));
}

@media (min-width: 1024px) {
.wp-block-group.alignwide.is-layout-constrained {
	display: flex;
	justify-content: center;
}
	#site-header-container {
		padding-left: 10%;
		padding-right: 10%;
		height: 80px;
	}
}

/* ▼マークを小さく表示する */
.menu-item-has-children > a > strong.global-nav-name::after {
	content: "";
	display: inline-block; 
	width: 20px; 
	height: 20px; 
	background-image: url('/wp-content/themes/lightning-child/images/vk-menu-acc-icon-open-green.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 8px;
	vertical-align: middle;
}

@media (max-width: 1023px) {
	.newsarea-top > .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
		max-height: 156px;
	}
}
@media(max-width: 1023px){
.MessageColumn {
flex-direction: column-reverse!important;
 }
}