@charset "utf-8";
/* CSS Document */

h3.mincho { font-family: 'Noto Serif JP', serif !important;
font-size:30px!important;margin-bottom:50px;line-height:1.5;letter-spacing:2px; }
ul.tab-three { margin:0 auto; width:100%;}
ul.tab-three li a {font-size:14px;color:#fff;float:left;width:30%;margin:0 1.6% 30px;padding:10px 15px;background:#19a4fa;border:2px solid #19a4fa;/*border-top-left-radius:6px;border-top-right-radius:6px;*/display:block;}


/*採用情報 タブは2026から4つになりました*/
ul.tab-three { margin:0 auto; width:100%;}
ul.tab-three li a { 
font-size:14px;
color:#fff;
float:left;
width:calc(100%/4 - 2%);
margin:0 1% 30px;
padding:10px 15px;
background:#19a4fa;
border:2px solid #19a4fa;
display:block;
}

ul.tab-three li.current a { color:#19a4fa;border:2px solid #19a4fa;background:#fff; }
ul.tab-three li a:hover { color:#19a4fa;border:2px solid #19a4fa;background:#fafafa }
ul.tab-three li.current a:hover { background:#fafafa; }

@media screen and (max-width:767px) {
ul.tab-three li a { 
width:calc(100%/2 - 2%);
margin:0 1% 10px;
}	
}


/*------------------------------

ここからアコーディオンのCSS

------------------------------*/
.accordion {
  width:100%;
  max-width: 100%;
  text-align:left;
}


/* チェックボックスは非表示 */
.accordion-hidden{
  display: none;
}

input[type="checkbox"] + label, input[type="radio"] + label { margin-left:0 !important;}

/* Question部分 */
.accordion-open {
	  font-size:18px;
  display: block;
  padding: 15px 40px 15px 70px;
  background: #19a4fa;
  cursor: pointer;
  margin:15px 0 30px -40px;
  width:100%;
  color:#fff;
  position: relative;/* 変更部分 */
}

/* 開閉状態を示すアイコン+の作成 */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  right:20px;
  transform: translateY(-50%);
}

/* 一本は縦にして+を作る */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* QとAのデザイン */
.accordion-open span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;font-size:18px;
  height: 100%;
  color:#fff;
  background:#19a4fa;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
}

.accordion-close span {
color:#19a4fa;
display:block;
text-align:left;
font-size:30px;
}

/* アコーディオンが開いたら縦棒を横棒にして-にする */
.accordion-hidden:checked + .accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* Answer部分 */
.accordion-close {
  display: block;
  height: 0;/* 要素の高さは0 */
  overflow: hidden;/* 非表示 */
  padding: 0 0 0 0;
  margin-top:10px;
  opacity: 0;
  transition: 0.5s;/* 表示速度の設定 */
  position: relative;
}

/* チェックボックスにチェックが入ったらAnswer部分を表示する */
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  padding:20px 30px 30px 30px;
  background:#fafafa;
  line-height:1.8;
  font-size:15px;
}


.flow {
  width:80%;
  margin:0 auto;
}
.flow > li {
  padding:10px 0 12px;
  margin:0 0 0 0;
  color:#fff;
  background:#19a4fa;
  border-radius:30px;
  font-size:18px;
  text-align:center;
}
.flow > li:not(:last-child) {
  /*border-bottom:15px solid #fff;*/
  margin-bottom:40px;
  position: relative;
}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  bottom:-48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*.flow > li:not(:last-child)::before {
  border-width: 22px;
  border-top-color:#fff;
}*/
.flow > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color:#ddd;
}

.photo { 
width:90% !important;
margin:10px auto!important;}

.photo img {
padding:10px;
margin:20px 5%;
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.flow {
  width:80%;
  margin:0 auto;
}
.flow > li {
  padding:10px 0 12px;
  margin:0 0 0 0;
  border:3px solid #19a4fa;
  color:#19a4fa;
  background:#eee;
  border-radius:30px;
  font-size:18px;
  text-align:center;
}
.flow > li:not(:last-child) {
  margin-bottom:40px;
  position: relative;
}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  bottom:-48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color:#ddd;
}


ul#recruit-List{
	margin:0 0 15px;
	padding:0;
	letter-spacing:0.5px;
	border-top:1px dotted #ccc;
}
ul#recruit-List li {
	font-size:100%;
	margin:0;
	list-style-type:none;
}

ul#recruit-List li a {
	width:calc(100%);
	padding:17px 20px 15px;
	text-align:left;
	border-bottom:1px dotted #ccc;
	line-height:1.5;
	display:block;
	/*display:-webkit-flex;
    display:flex;*/
	transition: 0.5s;
}
ul#recruit-List li a p {
display:inline-block;
margin:0;
padding:0;
}

ul#recruit-List li a:hover {
color:#39F;
background:#fafafa;
cursor:pointer
}

p.up_ymd {width:7em;color:#777;}
p.title {width:calc(100% - 8em);}

ul#recruit-List li a i {
	font-size:19px;
	color:red;
	margin-left:3px;
}

@media screen and (max-width: 736px) {
ul#recruit-List li{
	line-height:140%;
}

ul#recruit-List li a:hover {
color:#39F;
}
}