/*
Theme Name: astrild
Template: astra
Tags: child-koga
*/

/*検査体制ページ 表幅調整*/
@media (min-width: 768px) {
	.inspection-table{
		width:80% !important;
	}	
}
@media (max-width: 767px) {
	.inspection-table{
		width:100% !important;
	}
}

.vertical-columns {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/*TOP medical-sec hover*/
@media (hover: hover) and (pointer: fine) {
	.medical-sec_container > .e-child > .e-child > a img {
	  	transition: transform 0.5s ease;
	}
	.medical-sec_container > .e-child > .e-child > a:hover img {
		transform: scale(1.15);
	}

	.medical-sec_container > .e-child > .e-child > a h4{
	  	transition: color 0.3s ease;
	}
	.medical-sec_container > .e-child:nth-child(1) > .e-child > a:hover h4 {
		color:#4b8bcb;
	}
	.medical-sec_container > .e-child:nth-child(2) > .e-child > a:hover h4 {
    	color:#cd7d1e;
	}
	.medical-sec_container > .e-child:nth-child(3) > .e-child > a:hover h4 {
    	color:#559977;
	}
}

/*小児予防接種レスポンシブ調整*/
@media(max-width: 599px) {
	.child-vaccine_column{
		margin-bottom: 1.5em !important;
        margin-top: 1em !important;
		padding:0 !important;
	}
	.child-vaccine_column_none{
		display:none ;
	}
}
@media(max-width: 544px) {
	.child-vaccine_column > div{
		padding:1.2em 1em !important;
	}
	.child-vaccine_column{
		gap:1.2em !important;
	}


}



/*フォーム調整*/
.page-id-11785 .original-header .ttl-area h1,
.page-id-11812 .original-header .ttl-area h1{
	width:9em;
	height:1.5em;
	overflow: hidden;
}
.s-box,.m-box,.l-box,.xl-box,.xx-box{
	margin-top:1.5em;
}

.xx-box{
	margin-bottom:1em;
}
.required,.no-required {
    background-color: #4488CC;
    color: #ffffff;
    display: inline-block;
    padding: 0 0.5em 0 0.4em;
	margin:0 0.4em 0 0em !important;
    border-radius: 5px;
	font-size:0.9em
}
.no-required {
	color: #999999;
    background-color: #e5e5e5;
}

.button-back {
	color: #555555;
    background-color: #e8e8e8;
	margin-right: 0.6em;
}

.required_question,.no-required_question{
	display:flex;
}

.page-id-11785 .Form-Item{
	border-bottom: 1px solid #bfd5e5;
	width:65%!important;
	min-width:665px!important;
}
.page-id-11785 .Form-Item:last-of-type{
	border-bottom: none!important;
}
.Form-Item-Label{
	font-weight: 800 !important;
	color:#1365a3 !important;
}

@media (min-width: 768px) {

.s-box>div:first-of-type{
	width:300px!important;
}
.m-box>div:first-of-type{
	width:300px!important;
}
.l-box>div:first-of-type{
	width:300px!important;
	min-width:300px!important;
}
.s-box > div:nth-of-type(2) {
	width:200px!important;
}
.m-box > div:nth-of-type(2) {
	width:300px!important;
}
.l-box > div:nth-of-type(2) {
	width:1000px!important;
}

.s-box,.m-box,.l-box{
	display:flex;
}
.xl-box{
	width:65%!important;
	min-width:600px!important;
}

.Form-Item-Label,
.page-id-11785 .s-box>div:nth-child(2),
.page-id-11785 .m-box>div:nth-child(2){
	margin: 0.4em 0em 0.4em!important;
}
}

@media (max-width: 767px) {
.page-id-11785 .Form-Item{
	width:100%!important;
	min-width:200px!important;
}
}


/*投稿ページ・採用情報ページ調整*/

body.single-post,
body.single-job-info {
    background-color: #F1F9FF;
}

body.single-post img,
body.single-job-info img{
	box-shadow: none !important;
}

body.single-post .widget,
body.single-job-info .widget{
	background-color:#FFFFFF!important;
	border-radius: 16px;
    padding: 1em 1.6em 1.6em 2em !important;
}

body.single-post .widget-title,
body.single-job-info .widget-title{
	margin-bottom: 1rem;
}

body.single-post .widget li,
body.single-job-info .widget li {
  	list-style-type: disc!important; /* 黒丸 */
	margin-left:0.5rem;
}

body.single-post .widget li::marker,
body.single-job-info .widget li::marker {
  	color: #ace;
}

body.single-job-info .job-info{
	border-radius: 16px;
}

body.single-job-info .entry-header{
	display:none;
}

body.single-post h2.wp-block-heading::before,
body.single-job-info h2.wp-block-heading::before {
    top: 12px;
    left: -0.6em;
}

@media (max-width: 1199px) {
    body.single-post:not(.home) h2,
    body.single-job-info:not(.home) h2{
        font-size: calc(128% + 0.8vw);
	margin-left:0.5em;
    }
}

/*入院リハ*/
.inpatient-reha-spheading{
    font-size:clamp(0.93rem, 0.6rem + 1.2vw, 1.2rem)!important;
}

@media (min-width: 781px) {
    .tbbr {
        display: none;
    }
}

@media(max-width: 782px) {
	.tb-gap0{
		gap:0!important;
}
	.sp-mb0{
		margin-bottom:0!important;
		padding-top:0!important;
	}
	.inpatient-reha-spheading-container{
		margin-top:0.5rem!important;
	}
	.inpetient-reha-gallery{
		gap:0.7em;
	}
}
@media(max-width: 599px) {
	.sp-mb0{
		margin-bottom:0!important;
		padding-bottom:0!important;
	}
	.inpetient-reha-gallery >div,
	.inpetient-reha-gallery >div>div>div{
		margin-bottom:0!important;
	}
}