/* ============================================
// BASE
// ==========================================*/

/* ============================================
// common
// ==========================================*/
/* ============================================
// HEADER
// ==========================================*/
/*--------------------
  header
--------------------*/
.header__wrap {
  position : fixed;
  top : 0;
  z-index : 1000;
  width : 100%;
  height : 95px;
}

@media screen and (max-width: 540px) {
  .header__wrap {
    height : 65px;
  }
}

.header {
  position : relative;
}

@media screen and (max-width: 540px) {
  .header {
    height : 65px;
  }
}

.header__inner {
  display : flex;
  justify-content : space-between;
  align-items : center;
  width : 100%;
  padding : 20px 110px 21px 40px;
}

@media screen and (max-width: 540px) {
  .header__inner {
    padding : 8px 4px;
  }
}

.header__logo {
  width : 204px;
}
@media screen and (max-width: 540px) {
  .header__logo {
    width : 164px;
  }
}
.header__logo a {
  display : inline-block;
}

.header__logo__main img {
  width : 100%;
  height : auto;
  vertical-align : middle;
}

.header__btn{
  display: flex;
  justify-content: space-between;
}

.header__entry a {
  display : block;
  padding : 8px 20px;
  border-radius : 6px;
  background : #FFBF00;
  color : #103A58;
  font-weight : bold;
  text-align : center;
}

.header__entry a:hover {
  background : rgba(255,191,0,.8);
}

.header__orientation a {
  display : block;
  padding : 8px 20px;
  border-radius : 6px;
  background : #7ecef4;
  font-weight : bold;
  text-align : center;
  margin: 0 10px 0 0;
}

.header__orientation a:hover {
  background : rgba(126,206,244,.8);
}

.header__internship a {
  display : block;
  padding : 8px 20px;
  border-radius : 6px;
  background : #993955;
  color : #fff;
  font-weight : bold;
  text-align : center;
  margin: 0 10px 0 0;
}

.header__internship a:hover {
  background : rgba(153,57,85,.8);
}

.d_menu__entry,
.d_menu_internship {
  width : 100%;
}

.d_menu__entry a {
  display : block;
  width : 90%;
  margin : 0 auto;
  padding : 8px 0;
  border-radius : 10px;
  background : #FFBF00;
  color : #103A58;
  font-weight : bold;
  text-align : center;
}

.d_menu__internship a {
  display : block;
  width : 90%;
  margin : 0 auto;
  padding : 8px 0;
  border-radius : 10px;
  background : #993955;
  color : #FFF;
  font-weight : bold;
  text-align : center;
}

/* ============================================
// FOOTER
// ==========================================*/
.footer {
  position : relative;
  z-index : 100;
}

.footer-list-cont {
  width : 100%;
  padding : 12px 0;
  background : #EBECEE;
}

.footer-list {
  display : flex;
  justify-content : center;
}

@media screen and (max-width:768px) {
  .footer-list {
    display : block;
  }
}

.footer__nav__item {
  padding : 0 1rem;
  border-left : 1px solid #103A58;
}

.footer__nav__item:last-child {
  border-right : 1px solid #103A58;
}

.footer__nav__item a:hover {
  text-decoration : underline;
}

@media screen and (max-width:800px) {
  .footer__nav__item {
    font-size : 1.2rem;
  }
}

@media screen and (max-width:768px) {
  .footer__nav__item {
    margin-bottom : 8px;
    border : none;
  }

  .footer__nav__item::before {
    position : relative;
    top : -2px;
    margin-right : 6px;
    font-size : 8px;
    content : '・';
  }

  .footer__nav__item:last-child {
    margin-bottom : 0;
    border-right: 0;
  }
}

/* ============================================
// common__parts
// ==========================================*/
.subcont__sec {
  position : relative;
}

.subcont__header {
  position : relative;
}

/*矢印*/
/*右向き*/
.ico_arrow-right:after {
  display : inline-block;
  position : absolute;
  right : 4rem;
  transform : translateY(50%);
  width : 1em;
  height : 1em;
  content : '';
  transition : all .3s;
  pointer-events : none;
}