
.rct-sec-terms {
    width: 80%;
    max-width: 1200px;
    margin: -50px auto 20px;
    padding: 0 20px;
}
.ac-menu { margin-bottom: 40px;}

.sekokanri.ac-menu{margin-bottom:0; }
.ac-menu input { display: none;}
.ac-menu label {
    color: #17bdf1;
    line-height: 2; /* 行間 */
    font-weight: bold;
    background: #f5f5f5;
    padding: 20px 40px; 
    cursor: pointer;
    position: relative;
    display: block;
    border-radius: 10px;
}
.ac-menu p {
    color: #000;
    line-height: 2; /* 行間 */
    font-weight: bold;
    background: #e5e5e5;
    padding: 20px 40px; 
    cursor: pointer;
    position: relative;
    display: block;
    border-radius: 10px;
}
.ac-menu label:after {
    position: absolute;
    right: 20px; /* 左からの距離 */
    top: 50%; /* 上下中央配置 */
    -webkit-transform : translateY(-50%);
    transform : translateY(-50%);
    content: "▼"; /* アイコン */
    color: #f5f5f5;
    font-size: 10px;
}
.ac-menu p:after {
    position: absolute;
    right: 23px;
    top: 50%;
    -webkit-transform : translateY(-50%);
    transform : translateY(-50%);
    content: "▼";
    color: #f5f5f5;
    font-size: 10px;
}
.ac-menu label:before {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  right: 12px;
  width: 35px;
  height: 35px;
  margin-top: -15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #17bdf1;
}
.ac-menu p:before {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  right: 12px;
  width: 35px;
  height: 35px;
  margin-top: -15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #7445AA;
}
.ac-menu input:checked ~ label {
    color: #f5f5f5;
    background: #17bdf1;
}
.active_main p {
    color: #f5f5f5;
    background: #7445AA;
}

/* クリック後のアイコン */
.ac-menu input:checked ~ label::after {
    content: "▲"; 
    color: #17bdf1;
}
/* クリック後のアイコン 新 */
.active_main p::after {
    content: "▲"; 
    color: #7445AA;
}
/*白い丸 */ 
.ac-menu input:checked ~ label:before {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  right: 12px;
  width: 35px;
  height: 35px;
  margin-top: -15px;
  border-radius: 50%;        /* CSS3草案 */
  -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;   /* Firefox用 */
  background: #f5f5f5;
}
/*白い丸 新 */ 
.active_main p:before {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  right: 12px;
  width: 35px;
  height: 35px;
  margin-top: -15px;
  border-radius: 50%;        /* CSS3草案 */
  -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;   /* Firefox用 */
  background: #f5f5f5;
}
.wp-container-2{
   margin-top: 9%;
}

.ac-menu div {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s; /* 開閉スピード */
}

.ac-menu-inside.active {
    height: auto;
    opacity: 1;
    padding: 70px 0px;
}

.ac-menu input:checked ~ div {
    height: auto;
    opacity: 1;
    padding: 70px 0px; /* 中身の枠内の余白 */
}

.ac-menu-inside {
    color: #333;
    line-height: 2;
}

.ac-menu-inside ul li {
    list-style: none;
    line-height: 1.4;
    padding: 30px 0;
    border-bottom: 1px #a0a0a0 solid;
}
.ac-menu-inside ul li dl {
    display: flex;
    align-items: center;
}
.ac-menu-inside ul dl dt {
    width: 20%;
    color: #7445AA;
    font-weight: bold;
}
.ac-menu-inside ul dl dd {
    width: 80%;
    letter-spacing: 0.1em;
}
.cta .btn_container{display: none;}
.cta .btn_container_recruit{
	display: block;
  max-width: 1200px;
  margin: 100px auto;
}
.cta .btn_container_recruit .btn a{
  width: 100%;
  align-items: center;
  justify-content: center;
  font-weight:bold;
  letter-spacing: 3px;
}
.cta .btn_container_recruit .btn a img{
	width: 100%;
	display: block;
}


@media screen and (max-width: 1024px) {

  .cta .btn_container_recruit{margin: 30px auto;}
  .cta .btn_container_recruit .btn{width: 100%;}
.wp-container-2{
   margin-top: 6%;
	padding-top: 7px;
}
}
@media screen and (max-width: 833px) {
	.cta .btn_container_recruit{margin: 50px auto;}
}
@media screen and (max-width:500px) {
	.rct-sec-terms {
	  margin-top:-30px;
	  width:100%;
	}
	.ac-menu {
		margin-bottom:10px;
	}
	.ac-menu input:checked ~ div {
		padding-top:20px;
	}
	.ac-menu-inside ul li {
		padding:15px 0px;
	}
	.ac-menu-inside ul li dl {
		flex-direction:column;
	}
	.ac-menu-inside ul dl dt {
		width:100%;
		margin-bottom:10px;
	}
	.ac-menu-inside ul dl dd {
		width:100%;
	}
	.cta .btn_container_recruit{
		margin: 20px auto;
	}
}
