/* ◇◆全体設定◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* スマホの横揺れを防ぐ */
@media screen and (max-width : 767px){
 html,
 body {
 overflow-x: hidden!important;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 }
}
/* 見出しデザイン */
.pervalheading{
	padding: 1rem 2rem;
	color: #fff;border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
	background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
	background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
	color:white!important;
}


/* ◇◆TOP◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* TOPページボックスデザインPERVALが選ばれる理由 */
.flex_test-box {
    display: flex; 
	justify-content: space-around;
}

.title-box1{
  margin: 1em 1em;
  padding: 1em;
  position: relative;
  border: 1px solid #555;
	width:30%;
}

.title-box1-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  padding: 0 0.5em;
}

.title-box1 p{
  margin: 0;
  padding: 0;
}

/* レスポンシブ */
@media screen and (max-width: 767px) {
.flex_test-box {
  flex-direction: column;
  align-content:space-around;
}
	.title-box1{
 width:90%;
	margin:0 auto;
}
}

/* 「株式会社PERVALへの登録はお済みですか？」エリア */
.webentrybanar{
	text-align:center;
}
.webentrybanar h2{
	color:white !important;
}
/* ボタンデザイン */
.btn-gradient-radius {
  display: inline-block;
	font-size:1.5rem;
  padding: 1rem 2rem;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}
.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}
/* 囲み枠 */
.box18{
    margin:2em 0;
    position: relative;
    padding: 1em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}
/* ◇◆投稿画面◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* コメント数を非表示にする */
.post-option .post-comment{
	display:none;
}


/* ◇◆採用担当の方◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* フローの間隔調整 */
.cs-heading h1{
	margin-top:20px;
}


/* ◇◆求人ページ（お仕事投稿シングルページ）◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
.oubobtn{
	text-align:center;
	margin-top:2rem;
	margin-bottom:2rem;
}
.btn-gradient-3d-orange {
  display: inline-block;
  padding: 1rem 2rem;
  text-decoration: none;
  border-radius: 4px;
  color: #ffffff !important;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
}
.rich-editor-text .oubobtn a{
	color:#ffffff !important;
	font-size:2rem;
}

.btn-gradient-3d-orange:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
/* 募集要項テーブルデザイン */
.boshuyoko-table{
	width:100%;
	margin:0 auto;
}
.boshuyoko-table table,.boshuyoko-table  td,.boshuyoko-table  th {
    border: none;
    border-bottom: 1px solid black;
}
.boshuyoko-table td{
	width:80%;
}
.boshuyoko-table hr{
	margin-top:0;
	margin-bottom:0;
}





/* ◇◆WEBエントリー◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* お問い合わせWEBエントリー */
/*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 {	
font-size:10px;
}}

/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*個人情報保護デザイン*/
.webentryprivacy{
	text-align:center;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}



/* ◇◆会社概要◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* 事業内容 */
.kaisha-flex{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	background-color:#f2f2f2;
	width:70%;
	margin:0 auto;
}
	.kaisha-img{
	width:30%;
}
.kaisha-flex img{
	width:100%;
}
  .kaisha-item+.kaisha-item{
    margin-left:1.0em;
  }
.kaisha-txt{
	width:70%;
	padding:2rem;
}
.kaisha-table-text > p{
	font-size:12px;
}

@media screen and (max-width:810px) { 
  .kaisha-flex{
		display:block;
  margin: 0 auto;
		width:100%;
}
.kaisha-img{
	width:100%;
}
	.kaisha-txt{
	width:100%;
}
}



/*  会社概要のページのテーブルデザイン*/
.kaisha-table{
	width:60%;
	margin:0 auto;
}
.kaisha-table table,.kaisha-table  td,.kaisha-table  th {
    border: none;
    border-bottom: 1px solid black;
}

@media screen and (max-width: 767px) {
.kaisha-table{
	width:100%;
}
}


/* 会社概要のアクセスマップ*/
.access-table{
	width:90%;
}
.access-table table,.access-table  td,.access-table  th {
    border: none;
    border-bottom: 1px solid black;
}
.tensen-ul{
/* 	border:none!important; */
}
@media screen and (max-width: 767px) {
.access-table{
	width:100%;
}
}




/* ◇◆採用担当紗様ページ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* 採用担当者様ページ */
/* ボタンデザイン */
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}

a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn-c {
  font-size: 1.8rem;
  position: relative;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 100vh;
}

a.btn-c i.fa {
  margin-right: 1rem;
}