@charset "utf-8";

/*** setting css ***/

/*** all reset ***/
*   {
	margin:0;
	padding:0;
	list-style:none;
	text-indent:0;
}
img {border:none;vertical-align:bottom;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,address,em,strong,th,ins {font-size:100%;    font-style:normal;}
table {border-collapse:collapse;border:0;}
th {text-align:left;}
input,select,textarea {vertical-align:middle;}
img {border:0;vertical-align:middle;}
ins, a {text-decoration:none;}
ul {list-style:none;}
br {letter-spacing: 0;}

/***cleasrfix hack***/
.hack:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.hack      {display: inline-block;}
/*hide macie*/
*html .hack{height: 1%;}
.hack      {display: block;}
/*end hide*/

/*** font ***/
/*family*/

body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.fonG{font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.fonMin{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


/*size*/
.fs-s        {font-size:80%;}
* html .fs-s {/*IE用*/font-size:75%;}

/*** color ***/
.c555       {color: #555555;}
.cf00       {color: #ff0000;}
.c000       {color: #000000;}
.cfff       {color: #ffffff;}

/*style*/
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.d {text-decoration:line-through;}

/*** border ***/
.border1     {border:solid 1px #000000;}
.borderDot1  {border:dotted 2px #000000}
.border2     {border:solid 1px #000000;}
.borderDot2  {border:dotted 2px #000000}
.borderShadow{border:}

/*** link ***/
a:link    {color: #;text-decoration: none;}
a:visited {color: #;text-decoration: none;}
a:hover   {color: #;text-decoration: none;}
a:active  {color: #;text-decoration: none;}

.alphaOver a:hover img { opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; }

/*** float ***/
.left     {float:  left;}
.right    {float: right;}
.clear    {clear:  both;}
.allClear {clear: both;display: block;width: 100%;height: 1px;font-size: 1px;line-height: 1px;overflow: hidden;}

/*** margin ***/
/*left*/
.ml3  {margin-left:   3px;}
.ml5  {margin-left:   5px;}
.ml10 {margin-left:  10px;}
.ml15 {margin-left:  15px;}
.ml20 {margin-left:  20px;}
.ml25 {margin-left:  25px;}
.ml30 {margin-left:  30px;}
.ml35 {margin-left:  35px;}
.ml40 {margin-left:  40px;}
.ml45 {margin-left:  45px;}
.ml50 {margin-left:  50px;}
/*right*/
.mr3  {margin-right:  3px;}
.mr5  {margin-right:  5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
/*bottom*/
.mb3  {margin-bottom: 3px;}
.mb5  {margin-bottom: 5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
/*top*/
.mt2  {margin-top:    2px;}
.mt4  {margin-top:    4px;}
.mt6  {margin-top:    6px;}
.mt8  {margin-top:    8px;}
.mt10 {margin-top:   10px;}
.mt15 {margin-top:   15px;}
.mt20 {margin-top:   20px;}
.mt25 {margin-top:   25px;}
.mt30 {margin-top:   30px;}
.mt35 {margin-top:   35px;}
.mt40 {margin-top:   40px;}
.mt45 {margin-top:   45px;}
.mt50 {margin-top:   50px;}
.ma   {margin:0 auto;}

/*** padding ***/
/*left*/
.pl3  {padding-left:   3px;}
.pl5  {padding-left:   5px;}
.pl10 {padding-left:  10px;}
.pl20 {padding-left:  20px;}
.pl30 {padding-left:  30px;}
/*right*/
.pr5  {padding-right:  5px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr45 {padding-right: 45px;}
/*bottom*/
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb90 {padding-bottom:90px;}
.pb100{padding-bottom:100px;}
/*top*/
.pt2  {padding-top:    2px;}
.pt4  {padding-top:    4px;}
.pt6  {padding-top:    6px;}
.pt8  {padding-top:    8px;}
.pt10 {padding-top:   10px;}
.pt15 {padding-top:   15px;}
.pt20 {padding-top:   20px;}
.pt25 {padding-top:   25px;}
.pt30 {padding-top:   30px;}
.pt40 {padding-top:   40px;}
.pt50 {padding-top:   50px;}
.pt70 {padding-top:   70px;}
/* padding top0 right5-40 bottom0 left5-40 */
.plr5  {padding: 0 5px;}
.plr10 {padding: 0 10px;}
.plr15 {padding: 0 15px;}
.plr20 {padding: 0 20px;}
.plr25 {padding: 0 25px;}
.plr30 {padding: 0 30px;}
.plr35 {padding: 0 35px;}
.plr40 {padding: 0 40px;}

/*** text ***/
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}

/*** vertical-align ***/
.vat{ vertical-align:top;}
.vam{ vertical-align:middle;}

/*** box ***/
.w100{ width: 100px; }
.w150{ width: 150px; }
.w200{ width: 200px; }
.w250{ width: 250px; }
.w300{ width: 300px; }
.w400{ width: 400px; }
.w500{ width: 500px; }
.w550{ width: 550px; }


/* style */



/* 以下田中追記 */
li{
    margin-left: 20px;
    padding: 0px;
    list-style: outside;
    text-indent: 0;
}


button {
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  /* 整える */    
  min-width: auto;
  max-width: 400px;
  width: 88%;
  margin-right: auto;
  margin-left: auto;
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
  background-color: #1976d2; /* 背景色 */
  color: #FFF; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
  transition: 0.3s; /* ホバーの変化を滑らかに */
  border: #0030aa 1px solid;
}

/* ホバー時（カーソルをのせた時）の見た目 */
button:hover {
  background-color: #99CCFF; /* 背景色 */
}

.button_wrapper{
   text-align:center;
}


.moji04{
	font-size:22px;
}
.con_linet{
	height:7px;
	background:url(https://www.joint-chugai.co.jp/wp-content/themes/chugai/images/about/line_img.png);
}



/* 以下お問い合わせページのボタンをセンタリング */
.but_s {
    text-align: center;
}


/* 以下お問い合わせ確認ページ */
/* テーブル */
#wpcf7cpcnf table {
    border: none;
}
#wpcf7cpcnf table th {
    background-color: #f8faff;
    border: 1px solid #ccc;
    color: rgb(0, 0, 0);
    padding-left: 20px;
    padding-right: 20px;
}
#wpcf7cpcnf table td {
    border: 1px solid #ccc;    
    padding-left: 20px;
    padding-right: 20px;    
    width: 400px;
}

/* ボタン */
#wpcf7cpcnf button {
    width: 300px;
    height: 50px;
    font-weight: bold;
    color: #fff;
    background-color: #1976d2;
    border: #0030aa 1px solid;
}


/* 確認表の高さ */
#wpcf7cpcnf table {
    height: 600px;
}


/* 送信後フォームを消す */
form.sent table{
display:none;
}

form.sent p{
display:none;
}


form.sent div.but_s{
display:none;
}

/* プレビュー用contact.css再掲 */
@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 641px) {
.moji03{
	margin:30px 0;
	font-size:14px;
}



.kinyu_list{
	width:100%;
}

th{
	width:250px;
	padding-left:20px;
	color:#634a15;
	font-weight:bold;
}

.sel{
	background:#f8faff;
	border-bottom:#c7c7c7 1px solid;
	border-top:#c7c7c7 1px solid;
}

.sel2{
	background:#f8faff;
	border-top:#c7c7c7 1px solid;
}

.sel3{
	background:#f8faff;
	border-bottom:#c7c7c7 1px solid;
}


.td1{
	padding:20px;
}

.td2{
	padding:20px;
}


.fm1{
	width:450px;
	height:20px;
}

.fm2{
	width:280px;
	height:20px;
}

.fm3{
	width:20px;
	height:20px;
	background:#FFFFFF;
	color:#FFFFFF;
}

select{
	width:200px;
	height:20px;
}

.im{
	display:block;
	float:right;
	margin-left:20px;
	margin-right:20px;
	width:50px;
	line-height:25px;
	text-align:center;
	background:#ff6666;
	color:#fff;
	font-weight:bold;
}

.but_cont{
	width:300px;
	height:50px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	border-bottom:#0057ad 4px solid;
	background:#1976d2;	
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	cursor:pointer;
}

.but_check{
	display: block;
	width:300px;
	height:50px;
	font-size:18px;
	font-weight:bold;
	margin: 0 auto;
	color:#fff;
	border-bottom:#0057ad 4px solid;
	background:#1976d2;	
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	cursor:pointer;
}

.but_return{
	width:300px;
	height:50px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	border-bottom:#444 4px solid;
	background:#666;	
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	cursor:pointer;
}

.but_s{
	width:600px;
	height:50px;
    margin:40px auto 80px auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

textarea{
	width: 90%;
}

.but_s :hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


.sendmsg{
	border: 5px solid #ccc;
	padding: 10px;
	text-align: center;
	margin-top: 40px;
}


}

@media screen and (max-width: 640px) {
.moji03{
	margin:30px 15px;
	font-size:14px;
}


table, tbody, thead, tfoot, tr, th, td {
    display: block;
}

.kinyu_list{
	width:100%;
}

th{
	width:100%;
	padding-top:20px;
	padding-left:20px;
	color:#634a15;
	font-weight:bold;
}

.sel{
	background:#f8faff;
	border-bottom:#c7c7c7 1px solid;
	border-top:#c7c7c7 1px solid;
}

.sel2{
	background:#f8faff;
	border-top:#c7c7c7 1px solid;
}

.sel3{
	background:#f8faff;
	border-bottom:#c7c7c7 1px solid;
}


.td1{
	padding:20px;
}

.td2{
	padding:0 20px 20px 20px;
}


.fm1{
	width:95%;
	height:20px;
}

.fm2{
	width:95%;
	height:20px;
}

.fm4{
	width:40%;
	height:20px;
}


.fm3{
	width:20px;
	height:20px;
	background:#FFFFFF;
	color:#FFFFFF;
}

select{
	width:90%;
	height:20px;
}

.im{
	display:block;
	float:right;
	margin-left:20px;
	margin-right:60px;
	width:50px;
	line-height:25px;
	text-align:center;
	background:#ff6666;
	color:#fff;
	font-weight:bold;
}

.but_cont{
	-webkit-appearance: none;
	width:95%;
	height:50px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	border-bottom:#0057ad 4px solid;
	background:#1976d2;	
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	cursor:pointer;
}

.but_check{
	-webkit-appearance: none;
	display: block;
	width:95%;
	height:50px;
	font-size:18px;
	font-weight:bold;
	margin: 0 auto;
	color:#fff;
	border-bottom:#0057ad 4px solid;
	background:#1976d2;	
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	cursor:pointer;
}

.but_return{
	-webkit-appearance: none;
	width:95%;
	height:50px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	border-bottom:#444 4px solid;
	background:#666;	
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	cursor:pointer;
}

.but_s{
	-webkit-appearance: none;
	width:95%;
	height:50px;
    margin:10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

textarea{
	width: 90%;
}

.but_s :hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.sendmsg{
	border: 5px solid #ccc;
	padding: 10px;
	text-align: center;
	margin-top: 40px;
}
}


.c-header {
	display: flex;
	width:1000px;
	margin:0 auto;
	position: relative;
}
.c-header .logo_y {
	position: absolute;
	right: 10px;
	top: 5px;
}
.c-header .logo_y img {
	max-width: 200px;
}
@media screen and (max-width: 640px) {
	.c-header {
		display: none;
	}
}

.sp_menuWrap li {
	list-style: none;
	margin-left: 0;
}
.sp_menuWrap {
	display: flex;
	justify-content: space-between;
}
.sp_logo {
	position: absolute;
	padding: 5px 10px;
}
.sp_logo > div:first-child img {
	width: 200px;
}
.sp_logo > div:last-child img {
	width: 150px;
}
.sp_menuWrap #spmenu {
	text-align: right;
	width: 100%;
}
.sp_menuWrap #spmenu .toggle img {
	padding-bottom: 15px;
}

.recruit-link {
  font-size: 26px;
  border-bottom: 3px solid;
  padding-right: 12px;
  margin-bottom: 45px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.recruit-link::after {
  content: '';
  width: 30px;
  height: 10px;
  border-bottom: solid 1px;
  border-right: solid 1px;
  transform: skew(55deg);
}