@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/*ADD:contace, entryページ用のcss.tmp-user/head-insert.phpへの記述を忘れないこと！*/
:root{
	--color_input: #eff2f4;
}
body.page:not(.home):not(.add-parentid-jobs ) .entry-header h1 {letter-spacing:-0.1rem;}

/*form7*/
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
  outline: none!important;
  box-shadow: none!important;
}
input::placeholder, textarea::placeholder  {  color:#bbbbbb;}
.wpcf7{
	background-color:inherit;
	border:none;
}
.wpcf7 form {
margin:0;
}
.wpcf7 .select {
  width:100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.wpcf7 .select select {
  appearance: none;
	width:100%;
  padding: 11px 15px;
  padding-right: 1em;
  border: none;
  outline: 0;
  background-color:var(--color_input);
  background-image: none;
  box-shadow: none;
  cursor: pointer;
}
 
.wpcf7 .select::before {
  position: absolute;
  top: 16px;
  right: 16px;
font-family: var(--font_fa_name);
  content:'\f078';
  font-weight: 900;
  pointer-events: none;
	z-index:2;
}
.wpcf7 input:not([type="checkbox"]),.wpcf7 textarea{
    padding: 20px;
	background-color:var(--color_input);
	border-color:var(--color_input);
    border-radius: 4px;
    transition: border-color .25s cubic-bezier(.26,1,.48,1) 0s;
}
.wpcf7 textarea{height:200px;}
.wpcf7 input:focus,.wpcf7 textarea:focus{
	border: 1px solid #4bb2f2!important;
	background-color:#EBF6FC!important;
}
 .wpcf7 input[type=checkbox], .wpcf7 input[type=radio]{
  display:inline;
}
.wpcf7-list-item {margin: 0px 1em;}
.wpcf7 .wpcf7-list-item-label {
	font-size:1rem;
	padding-left:0.25rem;
}
.wpcf7-acceptance{
	border: 1px solid var(--bs-dark-border-subtle);
	padding:20px 20px 20px 10px;
}
.wpcf7 input.wpcf7-submit:disabled {
	background-color:var(--color_input);
	color:var(--bs-tertiary-color);
	opacity:0.6;
}
.wpcf7 input.wpcf7-submit{
	font-size: 16px;
   line-height:0.8;
	border-radius:0;
	background-color:var(--color_male);
	color:var(--bs-white);
}

.required{
	background-color:var(--color_red);
	display:inline-block;
	color:#ffffff;
	padding:0 10px;
	font-size:12px;
	border-radius:4px;
	margin-left:10px;
}
label{
	width:100%!important;
	padding-bottom:14px;
}
.iframe-container {
            width: 100%;
            height: 300px;
            border: 1px solid var(--bs-dark-border-subtle);
            overflow: auto;
}
form.sent article{display:none;}
.wpcf7 form .wpcf7-response-output{color:red;}

/*deco*/
.border_green{border:4px solid var(--color_green);

/************************************
** bootstrap:レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1200px){

}
@media screen and (max-width: 1199.98px) { /*xl（ここからmobile-menu表示）*/

}
@media screen and (max-width:991.9px){/*lg*/

}
@media screen and (max-width:767.9px) {/*md: sp*/

}

@media screen and (max-width:575.9px){/*sm*/

}

/************************************
** cocoon:レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下 humbergerMenuの表示*/
@media screen and (max-width: 1023px){

}

/*834px以下*/
@media screen and (max-width: 834px){

}

/*480px以下*/
@media screen and (max-width: 480px){
}