/*
Template: businesspress
Theme Name: BusinessPress Child
*/

/*全体設定*/
/*ヘッダー*/
/*フッター*/

/*メディアクエリ・ブレイクポイント*/


/*-----------------------------------------------全体設定-----------------------------------------------*/
/*全体幅*/
*, *:before, *:after { box-sizing: border-box;}

body {
  position: relative;
}
body.home:before {
  background: url(/wp-content/uploads/2024/06/bg.png);
  background-size: cover;
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

#content {
  max-width: 60vw;
  padding: 0;
}
.page h2 {
  width: 64vw;
  margin: 2vw auto 2vw;
}

/*-----------------------------------------------ヘッダー-----------------------------------------------*/
#masthead {
  margin-bottom: 0;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 999;
}
.main-header {
  padding: 0.4vw;
}
.main-header-content {
  max-width: 100%;
}

/*-----------------------------------------------フッター-----------------------------------------------*/
.footer_contents {
  background: #eee;
  padding: 2vw 0;
  box-sizing: border-box;
}
.footer_copyright {
  text-align: center;
}

/*-----------------------------------------------トップページ-----------------------------------------------*/
.sec4 {
  position: relative;
}
.sec4 a {
  position: absolute;
  bottom: 6vw;
  left: 50%;
  transform: translateX(-50%);
  width: 45vw;
}

.sec_cta {
  padding: 6vw 0 4vw;
}
.sec_cta a {
  display: block;
  margin: auto;
  text-align: center;
  width: 45vw;
}

/*-----------------------------------------------会社概要-----------------------------------------------*/
.about #content {
  height: 100vh;
  padding-top: 6vw;
  margin: auto;
  max-width: 70vw;
}
.about img {
  width: 100%;
}

/*-------------------------------------問い合わせcontact form7-------------------------------------*/
.contact #content {
  max-width: 100%;
}

.wpcf7-form {
    width: 65%;
    margin: auto;
}
.wpcf7-form .alt.typesquare_option {
    background: #fff !important;
}
.wpcf7-form th, .wpcf7-form td {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
    border: none;
}
.wpcf7-form th {
    text-align: left !important;
    padding-left: 2em !important;
}
.wpcf7-form table td {
    border: none;
	text-align: left;
}
.wpcf7-form tr {
    border-top: 2px solid #ececec !important;
}
.wpcf7-form tr:last-child {
    border-bottom: 2px solid #ececec;
}
.wpcf7-text {
    border-radius: 5px !important;
    border: 1px solid #ececec !important;
    background-color: #ecedf2 !important;
	line-height: 2;
}
.wpcf7-textarea {
    background-color: #ecedf2 !important;
    border-radius: 5px;
}
.wpcf7-form .required {
    font-size: 0.8em;
    background-color: #59d0b2;
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    margin-right: 8px;
    letter-spacing: 3px;
}
.acceptance {
    color: #569cc6 !important;
    text-decoration: underline;
}
.acceptance:hover {
    opacity: 0.6;
}

.contact_submit {
  text-align: center;
}


/*-------------------------------------メディアクエリ750以下【SPのみ】-------------------------------------*/
@media only screen and (max-width: 750px) {
	.pc_only {
		display: none !important;
	}
	/*ヘッダー*/
	.main-header {
		padding: 3vw 2vw;
	}
	/*トップページ*/
	.fv {
		padding-top: 8vw;
	}
	#content {
		max-width: 100%;
	}
	.sec_cta {
		padding: 12vw 0 8vw;
	}
	.sec_cta a {
		width: 80vw;
	}
	.sec4 a {
		width: 80vw;
	}
	/*会社概要*/
	.about #content {
		max-width: 100%;
		padding: 8vw 4vw 0;
	}
	/*お問い合わせ*/
	.wpcf7-form {
		width: 90vw;
		margin: auto;
	}
	.wpcf7-form th,
	.wpcf7-form td {
		display: block;
	}
	.wpcf7-form table input {
		width: 100%;
	}
	.wpcf7-form th {
		padding: 3vw 2vw !important;
	}
	.wpcf7-form td {
		padding: 2vw 0 6vw !important;
	}
	.wpcf7-acceptance label {
		display: flex;
		align-items: center;
	}
	.wpcf7-form table .wpcf7-acceptance input {
		width: auto;
		flex-shrink: ;
		margin-right: 2vw;
	}
	.wpcf7-spinner {
		display: none;
	}
	.contact_submit input {
		font-weight: bold;
		width: 30vw;
	}
	.contact_submit {
		margin-bottom: 16vw;
	}
	.page h2 {
		width: 90vw;
		margin: 4vw auto 4vw;
	}
}
/*--------------------------------メディアクエリ750以上【タブレット以上】---------------------------------*/
@media only screen and (min-width: 751px) {
	.sp_only {
		display: none !important;
	}
	/*ドロワーメニュー非表示*/
	.drawer-hamburger, .drawer-overlay, .drawer-navigation {
		display: none;
	}
}