/* */
/* */
/* ホバー時に画像拡大 */
/* */
/* */
div {
 
  
}
img {
  transition: all 0.7s ease-in-out;
	
	
}
img:hover {
  transform: scale(1.02);

	opacity: 0.7;
  transition-duration: 0.3s;
	filter: brightness(1.4);
}
    
/* */
/* */
/* アニメーション */
/* */
/* */
/*** フェードインアニメーションを作って ***/
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/*** bodyやメインコンテンツの要素に反映させる ***/
body{
  animation: fadeIn 2.5s forwards;
}
// Basic Button Style

.btn {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: flex;
  align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  margin: 20px;
  padding: 1.2em 2.8em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.btn:hover, .btn:focus {
  color: #fff;
  outline: 0;
}


/*メインの左右マージン*/
#main{
	padding-left:10px;
	padding-right:10px;
}
/* 事業案内のブラウザーショットの画像 */
.box-shadow{
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
	
}
/* メイン画像の装飾 */
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
#mainBanner img{
	border-radius:5px;
	 border: 3px solid #c9beac;
	margin-left:-2px;
	margin-right:0px;
	max-width:99%;
	box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.8);
	animation-name:fadeInAnime;
animation-duration:5s;
animation-fill-mode:forwards;
opacity:0;
}
/* メイン画像のセンタリング */
#mainBanner{
	text-align:center;
	
}
/*postの左右マージン*/
.post{
	padding-left:10px;
	padding-right:10px;
}
/*ブラウザーショット*/
.browser-shot{
  text-align:center;
}
.browser-shot img{
  border-width:1px 1px 1px 1px;
	border-radius:5px;
  border-style:solid;
  border-color:#ccc;
	filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
  
}
/*PC必須の調整*/
.haveto{
 font-size:10px;
 padding:0px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:0px;
 background:#ff9393;
 color:#000;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:0px;
	
}
/*PC任意の調整*/
.any{
 font-size:10px;
 padding:0px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:1px;
	padding-top:0px;
 background:#93c9ff;
 color:#000;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:0px;
}
/* フォーカス */
input:focus,
textarea:focus,
select:focus{
outline: 2px #ff1493 groove;
-moz-outline-radius: 5px;
}
/* */
/* */
/* チェックボックス */
/* */
/* */
.wpcf7-form input[type=checkbox] {
-webkit-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: #fff;
border: 2px solid #e4e4e4;
width: 20px;
height: 20px;
vertical-align: bottom;

margin-right: .5em;
margin-top: 10px;
margin-bottom: 0px;
	margin-left:-5px;
	
}

.wpcf7-form input[type=checkbox]:checked::before {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url(/wp-content/uploads/check-pink.png);
background-size: 80%;
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
/* ボタン 設定(フッターのお問い合わせボタン)
------------------------------------------------------------*/
.footer-contact {
	font-family: 'M PLUS 1', sans-serif;
	font-size:120%;
	min-width:250px;
	max-width:100%;
	padding-top:10px;
	padding-bottom:15px;
	margin-top:-20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	border: 3px solid #c9beac;
  border-radius: 5px;
  color: #fff;
	background-color:#2a1d12;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 150ms ease-in-out;
	box-shadow: 0 0 8px #c9beac;
}
.footer-contact:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #c9beac;
  z-index: -1;
  transition: width 150ms ease-in-out;
	
}
.footer-contact:hover {
  color: #2a1d12;
	box-shadow: 0 0 8px #fff;
	border: 3px solid #2a1d12;
}
.footer-contact:hover:after {
  width: 110%;
}

/*h3の調整*/
.post h3 {
position: relative;
color: #fff;
	border:transparent;
	
}

.post h3:after {
display: block;
content: "";
height: 15px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
background: -moz-linear-gradient(to right, rgb(201, 190, 172), transparent);
background: -webkit-linear-gradient(to right, rgb(201, 190, 172), transparent);
background: linear-gradient(to right, rgb(201, 190, 172), transparent);
}
/*背景画像*/
body{
  background-image: url(/wp-content/uploads/debut-light.png);
}
/*フッターのボーダー*/
#footer {
	border-top:8px solid #c9beac;
	background-image: url(/wp-content/uploads/dark-tire.png);
	
	
}
/*ヘッダーのボーダー*/
#slogan {
	border-bottom:3px solid #c9beac;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
	
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
	
}
/* スマホの必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any,.inquiry.option {	
font-size:10px;
}}
/*見出し欄*/
.post table th {
 text-align:left;
 font-size:12px;
 color:#fff;
 padding-right:5px;
 width:30%;
 background-color:#2a1d12;
	border:1px solid #d7d7d7;
 
	vertical-align: middle;
	padding-bottom:0px;
	padding-top:15px;
}
/*通常欄*/
.post table td {
 font-size:12px;
border:1px solid #d7d7d7;
padding-top: 0px;
	
	
}
/*エラー表示*/
.wpcf7-not-valid-tip{
	    box-sizing: border-box;
	    border-radius: 5px;
	    background-color: #c9beac;
	    color: #fff;
	    display: block;
	    font-size: 14px;
	    font-weight: bold;
	    margin-top: 30px;
	    padding: 5px 10px;
	    position: relative;
	}
	.wpcf7-not-valid-tip::before{
	    content: "";
	    border: 10px solid transparent;
	    border-bottom: 15px solid #c9beac;
	    position: absolute;
	    top: -25px;
	    left: 5%;
	}
/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 select
{
	 width: 100%;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	 padding: 0px 0px 0px 5px; 
	 margin-left: 0px;
	 margin-right: 0px;
	 margin-top: 0px;
	margin-bottom:-8px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
	 height: 40px;
	background-color: #f8f8f8;
			font-size: 100%;
	

}

.wpcf7 textarea  {
	 width: 100%;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	
	 padding: 4px 5px 2px 5px;
	 margin-left: 0px;
	 margin-right: 0px;
	 margin-top: 0px;
	margin-bottom:-8px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
	font-size: 100%;
	background-color: #f8f8f8;
	
}
/*横の行とテーブル全体*/
.wpcf7 table{table-layout:auto;
border:1px solid #d7d7d7;
	width:100%;
	
	
}
/*td*/
table.inquiry td{
	padding-bottom:0px;
	padding-top:10px;
}
/*送信ボタンのデザイン変更*/
div.button_wrap{
	font: 90%/2.4 'M PLUS 1', sans-serif;
	min-width:250px;
	max-width:250px;
	padding-top:0px;
	padding-bottom:0px;
	height:35px;
	margin-top:15px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	border: 3px solid #c9beac;
  border-radius: 5px;
  color: #c9beac;
	background-color:#2a1d12;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 150ms ease-in-out;
	box-shadow: 0 0 8px #000;
	text-align:center;
	
	
}
div.button_wrap:after{
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #c9beac;
  z-index: -1;
  transition: width 150ms ease-in-out;
	
}
div.button_wrap:hover{
	border: 3px solid #2a1d12;
  
	
}
div.button_wrap:hover:after{
  width: 110%;
}
#formbtn{
	color:#fff;
	background:transparent;
	width:100%;
width:100%;
	height:100%;
}
#formbtn:hover{
	color:#2a1d12;
}
#formbtn:focus{
	outline: 0px #fff groove;
-moz-outline-radius: 0px;
}

/* フォーム(テンプレートの指定でinputの横幅が90%になっていたので修正)
------------------------------------------------------------*/
input, textarea{
vertical-align:middle;
max-width:100%;
line-height:24px;
height:24px;
padding:0px 0px;
border:1px solid #ccc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
	
}

textarea{
height:auto;
line-height:1.5;
}
/*ヘッダーロゴ画像*/
.site-title-header a img{
  width:100%; 
	filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.9));
	border-radius:0px;
}
.site-title-header a img:hover{
  width:100%; 
	filter: drop-shadow(0px 0px 5px #c9beac);;
	border-radius:0px;
	filter: brightness(1.3);
}
/*フッターロゴ画像*/
#footer h1.site-title-footer a img{
   width:100%;  
	border:none;
	border-style:none;
	filter: drop-shadow(px 1px 1px rgba(201,190,172,1.9)) drop-shadow(3px 3px 2px rgba(0,0,0,0.1));;
	border-radius:0px;
}
#footer h1.site-title-footer a img:hover{
   width:100%;  
	border:none;
	border-style:none;
	filter: drop-shadow(0px 0px 5px #c9beac);;
	border-radius:0px;
	filter: brightness(1.3);
}
/*お問い合わせありがとうございますの画像*/
.thankyou{
	text-align:center;
}
/*お問い合わせありがとうございますのテキスト*/
.thankyou-text{
	text-align:left;
	
}
/*画像の装飾*/
section.content img{
	border-radius:5px;
	filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
	
}
section.content img:hover{
	filter: brightness(1.1);
	
}
/*グーグルマップの装飾*/
.googlemap {
border-radius: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
}
/*メイン画像のスローガン*/
.slogan h2{
padding-bottom:0px;
	padding-left:5px;
color:#fff;
font-size:20px;
	text-shadow: 2px 2px 2px #000;
	
}
/*コメントフォーム*/
textarea#comment,
input#author,
input#email,
input#url{
	max-width:90%;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}
/*コメントフォームの送信ボタン*/


input#submit.submit {
	min-width:250px;
	max-width:100%;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:15px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	border: 3px solid #c9beac;
  border-radius: 5px;
  color: #fff;
	background-color:#2a1d12;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 150ms ease-in-out;
	box-shadow: 0 0 8px #000;
}
input#submit.submit:after{
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #2a1d12;
  z-index: -1;
  transition: width 150ms ease-in-out;
	
}
input#submit.submit:hover{
  color: #2a1d12;
	background: #c9beac;
	border: 3px solid #2a1d12;
}
input#submit.submit:hover:after{
  width: 110%;
}

/*コメントフォームの送信ボタン中央寄せ*/
.form-submit{
	text-align:center;
}
/* h2,h3のCSSアニメーションの指定 */
/* CSSアニメーションの指定 */
h3{
	
  animation: SlideIn 2.5s;
	
}

/* CSSアニメーションの設定 */
@keyframes SlideIn {
  0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(8000px);
		
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* フッターのメニュー設定 */
ol.footer-url{
  counter-reset:list;
  list-style-type:none;
  font: 110%/2.4 'M PLUS 1', sans-serif;
	margin-bottom:30px;
  
	
}
.footer-url-display-block a{
	display:block;
	padding-bottom:2px;
	
}
ol.footer-url li{
  position:relative;
  padding: 0 0 0 30px;
  margin: 7px 10px 10px 10px;
	vertical-align:middle;
	max-width:218px;
	text-align:left;
  font-size: 110%;
  line-height: 30px;
  background: #2a1d12;
  border-radius: 50px;
	border:3px solid #c9beac;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
	box-shadow: 0 0 4px #c9beac;
}
ol.footer-url li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color:#fff;
  top: 47.7%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	
}

ol.footer-url li:hover{
  background: #c9beac;
	border:3px solid #2a1d12;
	
	
}
ol.footer-url li:hover:before{
	background: #2a1d12;
}
#footer a:hover{
	color:#2a1d12;
	
}

/* よくあるご質問 */
.su-spoiler.my-custom-spoiler > .su-spoiler-title {

	/* Text Size */
	font-size: 100%;
  font-weight: 400;
	/* Background Color */
	background:transparent;

	/* Text Color */
	color: #fff;
margin-bottom:-10px;
}
.su-spoiler.my-custom-spoiler > .su-spoiler-title:hover {

	/* Text Color */
	color: #c9beac;

}
.su-spoiler.my-custom-spoiler > .su-spoiler-content {

	/* Text Size */
	font-size: 100%;
margin-bottom:-5px;
	margin-left:20px;
}
/* フッターの電話番号 */
div#fa-mobile-alt{
	display: inline-block; _display: inline;
	font-size: 20px;
	font-weight: bold;
  
}
/* page topボタン */
div#wpfront-scroll-top-container{
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.9));
	
}
/* フッターのテキスト */
#footer-text{
	text-align:left;
	max-width:280px;
	margin-top:0px;
	margin-bottom:20px;
	font-size:100%;
}
/* フッターのSSLのテキスト */
#footer-ssl-text{
	text-align:left;
	max-width:280px;
	margin-top:0px;
	margin-bottom:-10px;
	font-size:100%;
}
/* ヘッダーロゴ位置調整 */
.site-title-header{
	margin-top:-4px;
}
/* コンセプト部分の位置調整 */
.concept-image{
	max-width:100%;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
}
/* トップページ投稿一覧の画像調整 */
img{
	border-radius:10px;
}
.gridWrapper img, img.frame{
	border:3px solid #c9beac;
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.9));
}

/* トップページ投稿一覧のグリッド調整 */
.box{
	border:3px solid #c9beac;
	border-radius:5px;
	background-image: url(/wp-content/uploads/dark-tire.png);
}
.box img:hover{
	transform: rotate(360deg);
	filter: brightness(1.08);
}
.grid {
	border-radius:5px;
	box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.8);
}
.gridWrapper img{
	width:%;
	min-width:80%;
	height:100%;
	margin-top:0px;
	margin-bottom:-1px;
}

/* フッターのグリッド調整 */
#footer article.grid {
	border:transparent;
	box-shadow:none;
	
}
/* カテゴリー、アーカイブ部分のグリッド調整 */
section.grid{
	border:3px solid #c9beac;
	border-radius:5px;
	box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.8);
	background-image: url(/wp-content/uploads/dark-tire.png);
}
/* コンセプト部分の最初の文字の大きさと色の調整 */
.mzf::first-letter {	color: #00ffff;	font-size: 120%;
}
/* コンセプト部分の画像 */
.concept-image{
	border-radius:5px;
}
/* 投稿の画像位置調整 */
.post-image{
	text-align:center;
	border-radius:5px;
}

/* フッターのロゴ調整 */
.site-title-footer{
	max-width:250px;
	
}

/* フッターのロゴ位置調整 */
p.logo{
	margin-top:10px;
	
}
/* ip表示の位置調整 */
.ip{
	text-align:center;
}
/* メタスライダー */
.metaslider{
	border-radius:12px;
	 border: 3px solid #c9beac;
	margin-left:-2px;
	margin-right:0px;
	max-width:99%;
	box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.8);
	display:none;
}
/* SSL サイトシール */
.ssl img{
	border:none;
	filter: drop-shadow(1px 1px 4px #000);
	display:none;
}
.ssl img:hover{
	border:none;
	filter: drop-shadow(1px 1px 5px #c9beac);
}
.ssl{
	max-width:170px;
	margin : 0 auto
	}
/* jobsページ */
.search_jobs,
.job_types{
	display:none;
}

li.date time,
div.location{
	display:none;
}
.rp4wp-related-job_listing>ul li.job_listing a div.position .company, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position .company, ul.job_listings li.job_listing a div.position .company, 
ul.job_listings li.no_job_listings_found a 
div.position .company{
	color:#c9beac;
}
div.position h3:hover{
	color:#c9beac;
}
.rp4wp-related-job_listing>ul li.job_listing a:hover, .rp4wp-related-job_listing>ul li.job_listing a:focus, .rp4wp-related-job_listing>ul li.no_job_listings_found a:hover, .rp4wp-related-job_listing>ul li.no_job_listings_found a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.job_listing a:focus, ul.job_listings li.no_job_listings_found a:hover, ul.job_listings li.no_job_listings_found a:focus{
	background-color:transparent;
}
/* jobsの個別ページの応募するボタン */
input.application_button{
	border: 3px solid #c9beac;
  border-radius: 5px;
  color: #fff;
	background-color:#2a1d12;
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.9));
	
}
input.application_button:hover{
	border: 3px solid #2a1d12;
  border-radius: 5px;
	background-color:#c9beac;
  color: #2a1d12;
	
}
.single_job_listing .application .application_button, .job-manager-application-wrapper .application .application_button {
	margin:5px;
}
div.job_application.application{
	text-align:center;
}
/* footerを固定 */
body{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer{
  margin-top:auto;
}
/* コメントは受け付けていませんを非表示 */
p.nocomments{
	display:none;
}
H4{
	font-size:120%;
	
}
/* アーカイブ */
.archive{
	margin-left:10px;
	margin-bottom:10px;
	color:#c9beac;
	padding-top:10px;
}
#sub .jaw_widget ul{
	margin-bottom:-20px;
}


/* ボタン 設定(事業者情報の地図を見るボタン)
------------------------------------------------------------*/
.map {
	font: 110%/2.4 'M PLUS 1', sans-serif;
	font-size:110%;
	min-width:250px;
	max-width:100%;
	padding-top:3px;
	padding-bottom:7px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	border: 3px solid #c9beac;
  border-radius: 5px;
  color: #fff;
	background-color:#2a1d12;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 150ms ease-in-out;
	box-shadow: 0 0 8px #c9beac;
}
.map:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #c9beac;
  z-index: -1;
  transition: width 150ms ease-in-out;
	
}
.map:hover {
  color: #2a1d12;
	box-shadow: 0 0 8px #fff;
	border: 3px solid #2a1d12;
}
.map:hover:after {
  width: 110%;
}
/* 事業者情報の地図を見るボタンのマージン調整
------------------------------------------------------------*/
section.content p.address{
	margin-bottom:-25px;
}
/* フォント */
body{
	font-family: 'M PLUS 1', sans-serif;
}
/* 投稿日を非表示 */	
.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	display:none;
}
/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{left:6px!important;width:70px!important;
visibility: hidden;}
.grecaptcha-badge:hover{left:6px!important;width:256px!important;
}