@charset "utf-8";

#culture{
	width:1280px;
	margin:0 auto;
	padding-top: 50px;
}
.accordion {
  width: 1096px;
  margin: 0 auto;
  background-color:#E9E9E9;
}

.ac_menu {
  background-color: #FC0726;
  color: #ffffff;
  font-size: 2.3rem;
  margin-top: 7px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  position:relative;
  box-shadow: #d2d2d2 0px 6px 8px;
}

.ac_menu .ac_icon {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 21px;
  height: 21px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: translateY(-73%) rotate(135deg);
}

.ac_menu.is-active .ac_icon {
  transform: translateY(-23%) rotate(315deg);
}

.ac_menu:active,
.ac_menu.is-active{
  background-color: #FC0726;
}
.ac_con {
	display:flex;
	position: relative;
  text-align: center;
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.4s;
  padding: 0 10px;
}
.ac_con div{
vertical-align: top;
text-align:left;
padding:0 35px;
}
.ac_con h3 {
	font-size: 28px;
	margin-bottom: 20px;
}
.ac_con p{
	font-weight:normal;
	line-height: 2em;
}
.ac_con.is-open {
  padding: 65px 10px;
  line-height: normal;
  height: auto;
  opacity: 1;
}
.ac_con::before{
	content:"";
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #FC0726;
}


/* 20231011 未経験者・経験者採用統合対応 Niimi */
.entry_circle a{
	line-height: 40px;
	font-size: 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 40px;
}
.entry_circle a span{
	color: #fff;
}


/* ------------------------------------
 smartphone 
 ------------------------------------ */
@media screen and (max-width: 640px) {

.ac_menu{
    font-weight: bold;
    padding: 5px 0;
}

#culture{
width:100%;
}
.accordion{
width:100%;
margin-bottom: 78px;
}
.ac_menu{
font-size: 5vw;
}
.ac_con{
display:block;
padding:0 7%;
}
.ac_con.is-open{
padding: 7%;
}
.ac_con div {
    padding: 0 3%;
}
.ac_con h3 {
    font-size: 5vw;
    margin: 4vw 0 !important;
}
.ac_con img{
width:100% !important;
}

/* 20231011 未経験者・経験者採用統合対応 Niimi */
.entry_circle a{
	margin: 0 40px 20px 40px;
	font-size: 1.5rem;
	line-height: 23px;
}

}