@charset "utf-8";

/* -----------------------------------------------------------------
 box_heading01
----------------------------------------------------------------- */
.box_heading {
  position: relative;
  background-image: url(/recruit/img/box_heading_bg_left.png), url(/recruit/img/box_heading_bg_right.png);
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  min-height: 536px;
}
.box_heading .box_ttl h1 {
	font-family: "Sorts Mill Goudy", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 2.5em;
	letter-spacing: 0.3em;
	text-align: center;
	padding: 112px 0 24px 0;
	line-height: 1;
}
.box_heading .box_ttl h1 span {
  color: #45afe5;
}
.box_heading .box_ttl .text {
  text-align: center;
  font-family: "Sorts Mill Goudy", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  letter-spacing: 0.22em;
  line-height: 2;
  font-size: 0.9em;
}

.box_heading .box_pagebtn  {
  margin: 72px 0 0 0;
  text-align: center;
}
.box_heading .box_pagebtn li {
  display: inline-block;
  width: 350px;
  text-align: center;
  margin: 0 5px 10px 5px;
}
.box_heading .box_pagebtn li a {
  text-align: center;
  display: block;
	padding:21px 23px;
	background:#76c6d5;
  border: 1px solid #76c6d5;
  box-shadow: 0 3px 0 rgba(93,161,174,1);
	color:#fff;
  font-size: 1.1em;
  line-height: 1;
  font-weight: bold;
  position: relative;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.box_heading .box_pagebtn li.pg02 a {
	background:#76b5d5;
  border: 1px solid #76b5d5;
  box-shadow: 0 3px 0 rgba(93,144,170,1);
}
.box_heading .box_pagebtn li.pg03 a {
	background:#ffbf25;
  border: 1px solid #ffbf25;
  box-shadow: 0 3px 0 rgba(211,158,29,1);
}
.box_heading .box_pagebtn li a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - .35em);
  right: 1em;
  width: .7em;
  height: .7em;
  background:url(/common/img/arrow_standard_white.svg) no-repeat center center;
	background-size:contain;
  transform: rotate(90deg);
}
@media screen and (min-width : 769px){
  .box_heading .box_pagebtn li a:hover {
    opacity: .6;
    text-decoration: none;
  }
}

@media screen and (max-width : 1500px){
  .box_heading {
    background-size: 650px auto , 650px auto;
  }
}
@media screen and (max-width : 1280px){
  .box_heading {
    background-size: 500px auto , 500px auto;
  }
  .box_heading .box_pagebtn  {
    margin: 30px 0 0 0;
  }
  .box_heading .box_pagebtn li {
    display: block;
    width: 350px;
    text-align: center;
    margin: 0 auto 20px auto;
  }  
}
@media screen and (max-width : 1000px){
  .box_heading {
    min-height:inherit;
    background:none;
  }
  .box_heading .box_ttl {
    position: relative;
    width: 100%;
    height: auto;
    background:url(/recruit/img/box_heading_bg_sp.jpg) no-repeat top center;
    background-size: cover;
  }
  .box_heading .box_ttl:before {
    content: "";
    display: block;
    padding-top: 108.2%;
}
  .box_heading .box_ttl .ttl_cont {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
  }
  .box_heading .box_ttl h1 {
    padding: 30.3% 0 10px 0;
	  font-size: 2.8em;    
  }
  .box_heading .box_ttl .text {
    font-size: 1.07em;
    letter-spacing: 0.06em;
    line-height: 1.5;
  }
  .box_heading .box_pagebtn {
    margin: 20px 0 0 0;
  }
  .box_heading .box_pagebtn li {
    display: block;
    width: 320px;
    text-align: center;
    margin: 0 auto 10px auto;
  }    
  .box_heading .box_pagebtn li a {
    font-size: 1.4em;
  }  
}


/* -----------------------------------------------------------------
 Voice
----------------------------------------------------------------- */
.area_voice {
  max-width: 1600px;
  padding: 0 2%;
  margin: 0 auto 83px auto;
}
.area_voice .ttl_voice {
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.44em;
  font-size: 1.16em;
  line-height: 1;
  margin: 19px 0 18px 0;
}
.area_voice .intro {
  text-align: center;
  font-size: 0.833em;
  margin: 0  0 41px 0;
}
.area_voice .ttl_voice span {
  font-family: "Sorts Mill Goudy", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;  
  display: block;
  letter-spacing: 0.12em;
  font-size: 2.14em; 
  color: #0583bb;
}

.area_voice .box_voice {
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; 
}
.area_voice .box_voice_cont {
  width: 49%;
  margin-right: 2%;
}
.area_voice .box_voice_cont:nth-child(2n) {
  margin-right:0;
}
.area_voice .box_voice_cont .box_photo {
  position: relative;
  padding: 0 0 40px 0;
}
.area_voice .box_voice_cont .box_photo img {
  border-radius: 5px;
}
.area_voice .box_voice_cont .box_photo .box_name {
  position: absolute;
  left: 30px;
  bottom: 20px;
}
.area_voice .box_voice_cont .box_photo .box_name .name {
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.area_voice .box_voice_cont .box_photo .box_name .subname {
  font-size: 0.72em;
  margin: 0 0 5px 0;
  letter-spacing: 0.1em;
}
.area_voice .box_voice_cont .box_photo .box_name .dep {
  font-size: 0.83em;
  background: #fff;
  color: #45afe5;
  display: inline-block !important;
  padding: 0 10px;
  letter-spacing: 0.18em;
}
.area_voice .box_voice_cont .box_photo .box_name .year {
  font-size: 0.83em;
  letter-spacing: 0.06em;
}
.area_voice .box_voice_cont .box_photo .circle {
  position: relative;
  animation: circle01 5s linear infinite; /* 5秒アニメーションをループ */
  width: 200px;
  height: 200px;
  background:#45afe5;
  color: #fff;
  text-align: center;
}
.area_voice .box_voice_cont:nth-child(2) .box_photo .circle {
  animation: circle02 5s linear infinite; /* 5秒アニメーションをループ */
}
.area_voice .box_voice_cont .box_photo .circle .circle_cont {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 200px;
  text-align:center;
}
.area_voice .box_voice_cont .box_photo .circle .circle_cont span {
  display: block;
}
@keyframes circle01 {
  0% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
  }
  25% {
    border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%; 
  }
  50% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%; 
  }
  75% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%; 
  }
  100% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
  }
}
@keyframes circle02 {
  0% {
    border-radius: 75% 65% 65% 95% / 75% 85% 45% 95%; 
  }
  25% {
    border-radius: 65% 45% 75% 65% / 45% 65% 55% 65%; 
  }
  50% {
    border-radius: 95% 65% 45% 75% / 75% 55% 85% 45%; 
  }
  75% {
    border-radius: 65% 55% 75% 85% / 55% 65% 55% 75%; 
  }
  100% {
    border-radius: 75% 65% 65% 95% / 75% 85% 45% 95%; 
  }
}
.area_voice .box_voice_cont .ttl {
  font-family: "Sorts Mill Goudy", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 1.72em;
  letter-spacing: 0.04em;
  line-height: 1.45;
  text-align: center;
  color: #1776a4;
}
.area_voice .box_voice_cont .btn {
  text-align: center;
}
.area_voice .box_voice_cont .btn a {
  font-size: 0.83em;
  letter-spacing: 0.12em;
  border: 1px solid #1776a4;
  padding: 13px 43px 13px 57px;
  display: inline-block;
  margin: 15px 0 0 0;
  color: #1776a4;
  vertical-align: middle;
  transition:all .3s ease;
}
.area_voice .box_voice_cont .btn a::after {
  content: "";
  display: inline-block;
  margin: 0  0 0 10px;
  width: 6px;
  height: 11px;
  background: url(/common/img/arrow_standard_navy_large.svg) no-repeat center center;
  background-size: cover;
}
.area_voice .box_voice_cont .btn a:hover {
	background:#89bfdb;
	border:#89bfdb 1px solid;
	color:#fff;
}
.area_voice .box_voice_cont .btn a:hover::after {
  background: url(/common/img/arrow_standard_white_large.svg) no-repeat center center;
  background-size: cover;  
}
@media screen and (max-width : 1400px){
  .area_voice .box_voice_cont .box_photo .box_name {
    left: 10px;
    bottom: 20px;
  }  
  .area_voice .box_voice_cont .box_photo .circle {
    width: 170px;
    height: 170px;
  }
  .area_voice .box_voice_cont .box_photo .circle .circle_cont {
    width: 170px;
  }  
}
@media screen and (max-width : 1150px){
  .area_voice .box_voice {
    display: block;
  }
  .area_voice .box_voice_cont {
    width: 100%;
    margin:0 0 25px 0;
  }
  .area_voice .box_voice_cont .box_photo {
    padding: 0 0 20px 0;
  }  
  .area_voice .box_voice_cont .box_photo .box_name {
    left: -5px;
    bottom: 5px;
  }  
}
@media screen and (max-width : 768px){
  .area_voice {
    margin: 0 auto 40px auto;
  }  
  .area_voice .ttl_voice {
      margin: 45px 0 18px 0;
  }  
  .area_voice .ttl_voice {
    font-size: 1.5em;
  }  
  .area_voice .intro {
    text-align: left;
    margin: 0  0 25px 0;
    font-size: 1em;
  }  
  .area_voice .box_voice_cont .box_photo .circle {
    width: 140px;
    height: 140px;
  }
  .area_voice .box_voice_cont .box_photo .circle .circle_cont {
    width: 140px;
  }
  .area_voice .box_voice_cont .ttl {
    font-size: 1.5em;
  }  
}

/* -----------------------------------------------------------------
 募集要項
----------------------------------------------------------------- */
.area_recruit .accordion_ttl {
    margin-top: 30px;
}
.area_recruit .cmn_contact_bdr {
  margin-top: 20px;
  margin-bottom: 80px;
}
.area_recruit .accordion_body table a {
	border-bottom:#9ec9e0 1px solid;
	color:#9ec9e0;
	transition:all .3s ease;
}
.area_recruit .cmn_contact_bdr a:not(.tellink) {
	border-bottom:#9ec9e0 1px solid;
	color:#9ec9e0;
	transition:all .3s ease;
}

@media screen and (max-width : 768px){
  .area_recruit .accordion_ttl {
      margin-top: 20px;
  }
}