/*
 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 */
.home-header {
	background-color: #fff;
	background-position: center;
	background-size: cover;
}
.home-header-overlay {
	background-color: rgba( 255, 255, 255 , 0.1 );
}

/* Main Navigation (Desktop) */
@media screen and (min-width: 980px) {
	.main-navigation a {
		color: inherit;
		display: block;
		padding-left: 10px;
		padding-right: 10px;
		text-decoration: none;
	}
	.no-sidebar .site-content {
		max-width: 1120px;
	}
	.container-content {
		max-width: 1120px;
	}
}

/* Container2（背景全幅に画像が出るコンテナ） */
.container-wrapper2 {
	background-color: none;
	width: 100vw;
	max-width: none;
	margin-left: calc( 50% - 50vw );
	margin-bottom: 6rem;
	margin-top: 6rem;
	padding-bottom: 20px;
	padding-top: 20px;
}

/* Button */
.wp-block-button a {
	background-color: #036eb8;
	border-radius: 0;
}

.wp-block-button a:hover {
	background-color: #0055aa;
}

/* Sub Header */
.subheader {
	color: #036eb8;
	font-size: 1.25rem;
	font-weight: 0;
	margin-bottom: 0.6em;
	margin-top: 5em;
	text-transform: uppercase;
}

/***** コンタクトフォーム関連のCSS *****/
.table-contactform7 {
  background: #ffffff;
  overflow: hidden;
  table-layout: fixed;
}
 
.required-contactform7 {
  font-size:10pt;
  padding: 5px;
  background: #036eb8;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.unrequired-contactform7 {
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th {
  font-weight:bold;
}

.table-contactform7 input {
  max-width: 80% !important;
  margin: 5px 10px 10px 5px;
}

.table-contactform7 textarea {
  max-width: 96% !important;
  margin: 5px 10px 10px 5px;
}

span.wpcf7-list-item {
display: block;
}

.wpcf7 select {
	margin: 5px;
}
     
/***** 送信ボタン *****/
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #036eb8;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffffff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/***** 送信ボタンホバー *****/
input.sub-btn:hover{
	background: #0055aa;
	color: #ffffff;  
	border: 1px solid #036eb8;
}

/***** 送信成功 *****/
div.wpcf7-mail-sent-ok {
background:#ffffff;
color:#185626;
border:1px solid #cccccc;
padding:10px
}

/***** 送信NG *****/
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px
}

/***** 送信失敗 *****/
div.wpcf7-mail-sent-ng {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px
}

/***** スパムなどでブロックされた時 *****/
div.wpcf7-spam-blocked {
background:#fff2cf;
color:#846314;
border:1px solid #feedbd;
padding:10px
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
/***** コンタクトフォーム レスポンシブ *****/
.table-contactform7{
  display:block;
}     
       
.table-contactform7 tbody,
.table-contactform7 tr{
  display: block;
  width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}