@charset "utf-8";

/* -----------------------------------------------------------
    more.js
-------------------------------------------------------------- */

.more_btn {
  display: none;
}

.more-btn02 {
	display: none;
	position: relative;
}

/* -----------------------------------------------------------
    SP
-------------------------------------------------------------- */
@media screen and (max-width: 769px) {
	
	.more-btn02 {
	display: block;
	}
	
	.more-btn02{
		box-shadow:0 0 11px -2px rgba(0,0,0,0.1);
		background-color: #FFF0F1;
		background-color: #fff;
		color: #F96E6B;
		padding: 17px 20px;
		display: block;
		width: 100%;
		cursor: pointer;

		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 2rem;
	}

	/*
  .more-btn02::after ,
	#recruit .recruit-midcareer-area .contents-left section h4::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/icon_plus.png) no-repeat 0 0;
    background-size: 24px 24px;
    top: auto;
    right: 15px;
  }

	#recruit .recruit-midcareer-area .contents-left section h4::after {
		top: 15px;
	}
	*/
	
	.more-btn02::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/icon_plus.png) no-repeat 0 0;
    background-size: 24px 24px;
    top: auto;
    right: 15px;
  }
	
  .more-btn02.open::after ,
  #recruit .recruit-midcareer-area .contents-left section h4.open::after {
    background: url(../img/icon_minus.png) no-repeat 0 0;
    background-size: 24px 24px;
  }

  .more-btn02.black::after {
    background: url(../img/icon_plus.png) no-repeat 0 0;
    background-size: 24px 24px;
  }

  .more-btn02.black.open::after {
    background: url(../img/icon_minus.png) no-repeat 0 0;
    background-size: 24px 24px;
  }

  .sp_more_area02.movie {
    margin: 20px 0 0;
    height: 225px;
    overflow-y: scroll;
  }
}