/*
 Theme Name: BusinessPress Child
 Template:businesspress
 Description: BusinessPress Child Theme
 Theme URI: https://businesspress.jp/theme/
 Author: BusinessPress
 Author URI: https://businesspress.jp/
 Version: 1.0.0
*/

.home-header-overlay {
	background-color: transparent;
}

.home-header-content {
	padding-bottom: 105px;
	padding-top: 105px;
}
@media screen and (min-width: 480px) {
.home-header-content {
	padding-bottom: 205px;
	padding-top: 205px;
}
}
@media screen and (min-width: 769px) {
.home-header-content {
	padding-bottom: 405px;
	padding-top: 405px;
}
}
/*---------------------------------

index

---------------------------------*/
.index-table .wp-block-columns {
	justify-content: space-between;
}
@media screen and (min-width: 769px) {
	.index-table {
		max-width: 950px;
		margin: auto; 
	}
}

.index-table .wp-block-column {
	flex: 0 0 calc(50% - 1em) !important;
	text-align: center;
}
@media screen and (min-width: 480px) {
.index-table .wp-block-column {
	flex: 0 0 calc(25% - 1em) !important;
}
}

.index-table .wp-block-column a {
	display: block;
	background: #fff;
	margin-bottom: 5px;
	height: 150px;
}
@media screen and (min-width: 769px) {
	.index-table .wp-block-column a {
		height: 20vh;
		overflow: hidden;
	}
	.index-table .wp-block-column a:hover img {
		transition: .25s;
		transform: scale(1.15);
	}
}
.index-table .wp-block-column a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: .25s;
}

.index-column-3 .wp-block-columns, .index-column-4 .wp-block-columns {
	justify-content: space-between;
}

.index-column-3 .wp-block-column .wp-block-column {
	flex: 0 0 calc(33% - 1em) !important;
}

.index-column-4 .wp-block-column {
	flex: 0 0 calc(25% - 1em) !important;
}

/*---------------------------------

form

---------------------------------*/
input, button, select {
	-webkit-appearance: auto !important;
    appearance: auto !important;
}

.form-list {
	margin: auto;
}

@media screen and (min-width: 480px) {
	.form-list {
		max-width: 600px;
	}
}

.form-list input, textarea {
	width: 100%;
}

.form-list select {
	cursor: pointer;
}

.form-list-item {
	margin-bottom: 20px;
}

.form-list-item .title {
	margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
	.form-list-item {
		display: flex;
		align-items: center;
	}
	
	.form-list-item .title {
		flex: 0 0 30%;
	}
}

.form-button {
	text-align: center;
}