@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　special

**********************************************************************************************/
/*---------------------------------------------
common
---------------------------------------------*/
.page_subTit {
  font-family: 'Noto Sans JP', sans-serif; }

@media (max-width: 767px) {
  .page_subTit + .page_subTit {
    font-size: 2.1rem; } }

.border_tit {
  text-align: center;
  font-size: 2rem;
  margin: 0 0 45px; }
  @media (max-width: 767px) {
    .border_tit {
      line-height: 1.6;
      margin: 0 0 8vw;
      font-size: 1.8rem; } }
  .border_tit span {
    display: inline-block;
    border-bottom: 4px solid #d3b78f;
    padding: 0 0 5px; }
    @media (max-width: 767px) {
      .border_tit span {
        padding: 0 0 1.3vw; } }

/* interview */
.spacial_interviewList {
  width: 100%; }
  .spacial_interviewList li {
    display: flex;
    align-items: flex-start; }
    .spacial_interviewList li:not(:last-child) {
      margin: 0 0 40px; }
      @media (max-width: 767px) {
        .spacial_interviewList li:not(:last-child) {
          margin: 0 0 10.6vw; } }
  .spacial_interviewList .center01 {
    align-items: center;
    padding: 0 0 40px; }
    @media (max-width: 767px) {
      .spacial_interviewList .center01 {
        padding: 0 0 10.6vw; } }
    .spacial_interviewList .center01 .spacial_interviewList_name {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%; }
  @media (min-width: 768px) {
    .spacial_interviewList .center02 {
      align-items: center; }
      .spacial_interviewList .center02:not(:last-child) {
        padding: 0 0 40px; }
      .spacial_interviewList .center02 .spacial_interviewList_name {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%; } }

.spacial_interviewList_imgArea {
  width: 100px;
  flex-shrink: 0;
  text-align: center;
  margin: 0 30px 0 0;
  position: relative; }
  @media (max-width: 767px) {
    .spacial_interviewList_imgArea {
      width: 16vw;
      margin: 0 5vw 0 0; } }

.spacial_interviewList_name {
  font-weight: 500;
  margin: 10px 0 0; }
  @media (max-width: 767px) {
    .spacial_interviewList_name {
      margin: 2.6vw 0 0; } }

.spacial_interviewList_txt {
  line-height: 1.75;
  text-align: justify; }

/* flex */
.special_flex {
  display: flex; }
  @media (max-width: 767px) {
    .special_flex {
      display: block; } }
  .special_flex.-reverse {
    flex-direction: row-reverse; }
    @media (min-width: 768px) {
      .special_flex.-reverse .special_flex_img {
        margin: 0 50px 0 0; } }

.special_flex_img {
  flex-shrink: 0;
  margin: 0 0 0 50px; }
  @media (max-width: 767px) {
    .special_flex_img {
      margin: 10vw 0 0; } }
  @media (min-width: 768px) {
    .special_flex_img.-special01 {
      width: 37%; } }
  @media (min-width: 768px) {
    .special_flex_img.-special02 {
      width: 44%; } }

.special_flex + .spacial_interviewList,
.spacial_interviewList + .special_flex {
  margin: 40px 0 0; }
  @media (max-width: 767px) {
    .special_flex + .spacial_interviewList,
    .spacial_interviewList + .special_flex {
      margin: 10.6vw 0 0; } }

/* link list */
.special_linkList {
  display: flex;
  justify-content: center;
  margin: 120px 0 0; }
  @media (max-width: 767px) {
    .special_linkList {
      display: block;
      margin: 10vw 0 0; } }
  .special_linkList li {
    width: 400px; }
    @media (max-width: 767px) {
      .special_linkList li {
        width: 100%; } }
    .special_linkList li:not(:last-child) {
      margin: 0 15px 0 0; }
      @media (max-width: 767px) {
        .special_linkList li:not(:last-child) {
          margin: 0 0 5vw; } }
  .special_linkList a {
    display: flex;
    align-items: center;
    background: url("../img/special/wood_bg02.jpg") no-repeat;
    background-size: cover;
    padding: 15px; }
    @media (max-width: 767px) {
      .special_linkList a {
        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1);
        padding: 4vw; } }
    @media (min-width: 768px) {
      .special_linkList a:hover .special_linkList_thum img {
        transform: scale(1.2, 1.2);
        transition: .4s all; }
      .special_linkList a:hover .special_linkList_num span {
        transform: translateX(10px);
        transition: .4s; } }

.special_linkList_thum {
  width: 128px;
  flex-shrink: 0;
  margin: 0 25px 0 0;
  overflow: hidden; }
  .special_linkList_thum img {
    transition: .4s all; }
  @media (max-width: 767px) {
    .special_linkList_thum {
      width: 29vw;
      margin: 0 5vw 0 0; } }

.special_linkList_num {
  font-family: 'Rajdhani', sans-serif;
  font-size: 3.6rem;
  line-height: 1; }
  @media (max-width: 900px) {
    .special_linkList_num {
      font-size: 3rem; } }
  .special_linkList_num span {
    transition: .4s;
    display: inline-block; }

.special_linkList_tit {
  font-weight: 500; }

/*---------------------------------------------
special01
---------------------------------------------*/
.special01_kv {
  position: relative;
  margin: 0 0 170px; }
  @media (max-width: 767px) {
    .special01_kv {
      margin: 0 0 300px; } }

@media (max-width: 767px) {
  .special01_kv_img {
    width: 100vw;
    margin-left: -5vw; } }

.person_txtList {
  display: flex;
  position: absolute;
  top: calc(100% - 60px);
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 767px) {
    .person_txtList {
      flex-wrap: wrap;
      top: calc(100% - 21vw);
      width: 100%;
      justify-content: space-between; } }
  .person_txtList li {
    width: 250px;
    background: url("../img/special/wood_bg01.jpg") no-repeat;
    background-size: cover;
    padding: 15px 0 15px 15px; }
    @media (max-width: 767px) {
      .person_txtList li {
        width: 49.6%;
        padding: 3vw; } }
    .person_txtList li:not(:last-child) {
      margin: 0 3px 0 0; }
      @media (max-width: 767px) {
        .person_txtList li:not(:last-child) {
          margin: 0 0 1%; } }

.person_txtList_position {
  font-size: 2rem;
  margin: 0 0 5px; }
  @media (max-width: 767px) {
    .person_txtList_position {
      margin: 0 0 1.3vw; } }

.person_txtList_name {
  margin: 0 0 10px;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 400; }
  @media (max-width: 767px) {
    .person_txtList_name {
      margin: 0 0 1vw; } }
  .person_txtList_name span {
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 1em;
    letter-spacing: normal; }
    @media (max-width: 767px) {
      .person_txtList_name span {
        display: block;
        margin: 0; } }

.person_txtList_school {
  line-height: 1.4;
  margin: 0 0 8px; }
  @media (max-width: 767px) {
    .person_txtList_school {
      margin: 0;
      font-size: 1.4rem; } }

@media (max-width: 767px) {
  .person_txtList_history {
    font-size: 1.4rem; } }

.special_numList > li:not(:last-child) {
  margin: 0 0 70px; }
  @media (max-width: 767px) {
    .special_numList > li:not(:last-child) {
      margin: 0 0 12vw; } }

.special_numList_num {
  text-align: center;
  font-family: 'Rajdhani', sans-serif;
  font-size: 7.2rem;
  line-height: 1; }
  @media (max-width: 767px) {
    .special_numList_num {
      font-size: 5rem; } }

.special_numList_tit {
  text-align: center;
  font-size: 2.8rem;
  margin: 0 0 70px;
  font-weight: 300; }
  @media (max-width: 767px) {
    .special_numList_tit {
      font-size: 2rem;
      margin: 0 0 12vw; } }

.special_qaList > li {
  position: relative; }
  .special_qaList > li:not(:last-child) {
    margin: 0 0 70px; }
    @media (max-width: 767px) {
      .special_qaList > li:not(:last-child) {
        margin: 0 0 10vw; } }
.special_qaList .border_tit b {
  font-family: 'Rajdhani', sans-serif;
  font-size: 3.2rem;
  font-weight: 500;
  display: inline-block;
  margin: 0 0.2em 0 0; }
  @media (max-width: 767px) {
    .special_qaList .border_tit b {
      font-size: 3rem; } }
@media (max-width: 767px) {
  .special_qaList .border_tit span {
    text-align: left;
    display: inline-flex;
    align-items: center; } }

@media (max-width: 767px) {
  .special_img {
    margin: 8vw 0 0; } }

.special_click_img {
  margin: 80px 0 0;
  position: relative; }
  @media (max-width: 767px) {
    .special_click_img {
      margin: 26vw 0 0 -5vw;
      width: 100vw; }
      .special_click_img.active .-close {
        display: block; }
      .special_click_img.active .-open {
        display: none; } }

.special_click_img_txt {
  color: #d3b78f;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  font-size: 2rem;
  position: absolute;
  bottom: calc(100% + 12vw);
  left: 50%;
  transform: translateX(-50%); }
  .special_click_img_txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.26vw 5.3vw 0 5.3vw;
    border-color: #d3b78f transparent transparent transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%; }
  .special_click_img_txt.-close {
    display: none;
    bottom: calc(100% + 9vw); }
    .special_click_img_txt.-close::after {
      border-width: 0 5.3vw 4.26vw 5.3vw;
      border-color: transparent transparent #d3b78f transparent;
      top: auto;
      bottom: 100%; }

@media (min-width: 768px) {
  .special_numList_content {
    display: block !important; } }
@media (max-width: 767px) {
  .special_numList_content {
    display: none;
    padding: 0 0 5.3vw; } }

/*---------------------------------------------
special02
---------------------------------------------*/
.special_kv {
  margin: 0 0 40px; }
  @media (max-width: 767px) {
    .special_kv {
      margin: 0 0 10vw; } }

.special_kv_tit {
  font-weight: 700;
  font-size: 2rem;
  margin: 0 0 10px; }
  @media (max-width: 767px) {
    .special_kv_tit {
      margin: 0 0 4vw; } }

.special_kv_txt {
  line-height: 2;
  max-width: 800px; }
  @media (max-width: 767px) {
    .special_kv_txt {
      line-height: 1.75; } }

.special_kv_img {
  margin: 40px 0 0; }
  @media (max-width: 767px) {
    .special_kv_img {
      width: 100vw;
      margin: 10vw 0 0 -5vw; } }

.special_person {
  margin: 0 0 80px; }
  @media (max-width: 767px) {
    .special_person {
      margin: 0 0 80px; } }

.special_person_tit {
  text-align: center;
  margin: 0 0 40px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 2.8rem; }
  @media (max-width: 767px) {
    .special_person_tit {
      margin: 0 0 4vw; } }

.special_person_list {
  display: flex;
  justify-content: center; }
  @media (max-width: 767px) {
    .special_person_list {
      justify-content: space-between; } }
  .special_person_list li {
    max-width: 260px; }
    @media (max-width: 767px) {
      .special_person_list li {
        max-width: 40vw; } }
    .special_person_list li:not(:last-child) {
      margin: 0 200px 0 0;
      position: relative; }
      @media (max-width: 767px) {
        .special_person_list li:not(:last-child) {
          margin: 0; } }
      .special_person_list li:not(:last-child)::after {
        content: "";
        display: block;
        width: 50px;
        height: 50px;
        background: url("../img/special/icon.svg") no-repeat;
        background-size: contain;
        position: absolute;
        top: 100px;
        left: calc(100% + 70px); }
        @media (max-width: 767px) {
          .special_person_list li:not(:last-child)::after {
            width: 5.3vw;
            height: 5.3vw;
            top: 16vw;
            left: calc(100% + 2vw); } }

.special_person_list_img {
  width: 240px;
  margin: 0 auto -30px; }
  @media (max-width: 767px) {
    .special_person_list_img {
      width: 100%;
      margin: 0 auto -5.3vw; } }

.special_person_list_nameArea {
  background: url("../img/special/wood_bg01.jpg") no-repeat;
  background-size: cover;
  padding: 20px 0 20px 15px;
  position: relative;
  z-index: 10;
  margin: 0 0 20px; }
  @media (max-width: 767px) {
    .special_person_list_nameArea {
      padding: 2.6vw;
      margin: 0 0 3vw; } }

.special_person_list_position {
  font-size: 1.8rem;
  margin: 0 0 8px; }
  @media (max-width: 767px) {
    .special_person_list_position {
      margin: 0; } }

.special_person_list_name {
  margin: 0 0 8px; }
  @media (max-width: 767px) {
    .special_person_list_name {
      margin: 0; } }
  .special_person_list_name span {
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 1em;
    font-family: 'Rajdhani', sans-serif; }
    @media (max-width: 767px) {
      .special_person_list_name span {
        display: block;
        font-size: 1.2rem;
        margin: 0; } }

@media (max-width: 767px) {
  .special_person_list_history {
    font-size: 1.4rem; } }

.special_person_list_txt {
  line-height: 2;
  text-align: justify; }
  @media (max-width: 767px) {
    .special_person_list_txt {
      line-height: 1.75; } }

.special_copy {
  padding: 80px 0;
  text-align: center;
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 1.75;
  position: relative;
  margin: 0 0 80px; }
  @media (max-width: 767px) {
    .special_copy {
      padding: 30px 0;
      font-size: 2rem;
      margin: 0 0 45px;
      min-height: 160px;
      display: flex;
      justify-content: center;
      align-items: center; } }
  .special_copy::after {
    content: "";
    display: block;
    width: 240px;
    height: 240px;
    background: url("../img/special/copy_bg.svg") no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
    @media (max-width: 767px) {
      .special_copy::after {
        width: 160px;
        height: 160px; } }

.special_box:not(:last-child) {
  margin: 0 0 80px; }
  @media (max-width: 767px) {
    .special_box:not(:last-child) {
      margin: 0 0 45px; } }

.specialList > li:not(:last-child) {
  margin: 0 0 100px; }
  @media (max-width: 767px) {
    .specialList > li:not(:last-child) {
      margin: 0 0 10vw; } }

.special_bigImg {
  width: calc(100% + 200px);
  position: relative;
  left: -100px;
  margin: 100px 0 0; }
  @media (max-width: 767px) {
    .special_bigImg {
      margin: 10vw 0 0;
      width: 100vw;
      left: -5vw; } }

.bgItem {
  position: absolute;
  z-index: -1; }

.bgItem01 {
  right: calc( -5vw - 50px );
  top: calc(100% + 130px);
  width: 150px; }

.bgItem02 {
  width: 316px;
  right: -190px;
  bottom: 0; }
  @media (max-width: 767px) {
    .bgItem02 {
      bottom: -130px;
      right: calc( -5vw - 50px );
      width: 206px; } }

.bgItem03 {
  width: 412px;
  left: -180px;
  top: calc(100% - 120px); }
  @media (max-width: 767px) {
    .bgItem03 {
      left: -30px;
      width: 124px;
      top: calc(100% - 20px); } }

.bgItem04 {
  width: 394px;
  right: -190px;
  bottom: 0; }
  @media (max-width: 767px) {
    .bgItem04 {
      bottom: 352px;
      right: calc( -5vw - 50px );
      width: 262px; } }

.bgItem05 {
  width: 316px;
  left: -120px;
  top: calc(100% - 160px); }
  @media (max-width: 767px) {
    .bgItem05 {
      left: -5px;
      width: 106px;
      top: calc(100% - 30px); } }

.bgItem06 {
  width: 414px;
  right: -190px;
  bottom: -100px; }
  @media (max-width: 767px) {
    .bgItem06 {
      bottom: 350px;
      right: calc( -5vw - 50px );
      width: 262px; } }

.bgItem07 {
  width: 502px;
  left: -260px;
  top: calc(100% - 250px); }
  @media (max-width: 767px) {
    .bgItem07 {
      left: -90px;
      width: 266px;
      top: calc(100% - 120px); } }