/* BLUE
-----------------------*/
/* GRAY
-----------------------*/
/* #section-feature
-----------------------*/
#section-feature {
  /* .item
  -----------------------*/ }
  #section-feature .list-wrap {
    overflow: hidden;
    padding-top: 30px; }
    #section-feature .list-wrap > ul {
      overflow: hidden;
      border-right: 1px solid #EEE;
      border-bottom: 1px solid #EEE; }
    #section-feature .list-wrap .item {
      float: left;
      width: 326px;
      box-sizing: border-box;
      padding: 30px;
      border-top: 1px solid #EEE;
      border-left: 1px solid #EEE; }
      #section-feature .list-wrap .item .title {
        font-size: 18px;
        font-weight: bold;
        color: #023462;
        text-align: center;
        line-height: 1.4; }
      #section-feature .list-wrap .item .img {
        padding-top: 27px;
        text-align: center; }
      #section-feature .list-wrap .item .text {
        padding-top: 30px; }

@media screen and (max-width: 740px) {
  #section-feature .list-wrap .item {
    width: 50%;
    padding: 10px; } }
@media screen and (max-width: 740px) {
  #section-feature .list-wrap .item .title {
    font-size: 12px; } }
@media screen and (max-width: 740px) {
  #section-feature .list-wrap .item .img {
    padding-top: 10px; }
    #section-feature .list-wrap .item .img img {
      width: auto;
      max-width: none;
      height: 57px; } }
#section-message .bottom-wrap {
  width: 420px;
  margin: 0 auto; }

@media screen and (max-width: 740px) {
  #section-message .bottom-wrap {
    width: 100%; } }
/* #section-curriculum
-----------------------*/
#section-curriculum {
  /* .sublist
      -----------------------*/ }
  #section-curriculum .linklist {
    background: url(/asset/education/faeco/img/section_curriculum_linklist_bg.png) no-repeat center center;
    width: 730px;
    height: 416px;
    position: relative;
    margin: 30px auto 0; }
    #section-curriculum .linklist .item {
      position: absolute;
      width: 310px;
      height: 112px;
      display: table; }
    #section-curriculum .linklist .item01 {
      top: 0;
      left: 209px; }
    #section-curriculum .linklist .item02 {
      top: 150px;
      left: 0; }
      #section-curriculum .linklist .item02 .sublist {
        position: absolute;
        top: 120px;
        left: 0; }
        #section-curriculum .linklist .item02 .sublist li {
          padding-top: 5px; }
        #section-curriculum .linklist .item02 .sublist a {
          font-size: 13px; }
    #section-curriculum .linklist .item03 {
      top: 150px;
      right: 0; }
    #section-curriculum .linklist .item04 {
      bottom: 0;
      left: 209px; }
    #section-curriculum .linklist .item > a {
      display: block;
      box-sizing: border-box;
      padding: 0 25px;
      border: 2px solid #023462;
      background: #E6EAEE url(/asset/education/faeco/img/section_curriculum_linklist_cursor.png) no-repeat 285px center;
      color: #023462;
      display: table-cell;
      vertical-align: middle; }
    #section-curriculum .linklist .item > span {
      display: block;
      box-sizing: border-box;
      padding: 0 25px;
      border: 2px solid #023462;
      background: #E6EAEE url(/asset/education/faeco/img/section_curriculum_linklist_cursor.png) no-repeat 285px center;
      color: #023462;
      display: table-cell;
      vertical-align: middle;
      background: #E6EAEE; }
    #section-curriculum .linklist .item .lead {
      line-height: 1; }
    #section-curriculum .linklist .item .title {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.3;
      padding-top: 5px; }

@media screen and (max-width: 740px) {
  #section-curriculum .linklist {
    background: none;
    width: auto;
    height: auto;
    margin: 0 auto 0; } }
@media screen and (max-width: 740px) {
  #section-curriculum .linklist .item {
    position: static;
    width: 100%;
    height: auto;
    padding-top: 20px; } }
@media screen and (max-width: 740px) {
  #section-curriculum .linklist .item02 .sublist {
    position: static;
    display: block;
    padding-top: 5px; } }
@media screen and (max-width: 740px) {
  #section-curriculum .linklist .item > a, #section-curriculum .linklist .item > span {
    display: block;
    background: #E6EAEE url(/asset/education/faeco/img/section_curriculum_linklist_cursor_sp.png) no-repeat right center;
    background-size: 16px auto;
    width: 100%;
    padding: 10px; } }
@media screen and (max-width: 740px) {
  #section-curriculum .linklist .item .lead {
    font-size: 12px; }
  #section-curriculum .linklist .item .title {
    font-size: 14px; } }
/* #section-field
-----------------------*/
#section-field .pic {
  margin-top: 20px;
  display: block;
  padding: 40px 0;
  text-align: center;
  border: 1px solid #EEE; }
#section-field .tpl-imglist-wrap {
  padding-top: 30px; }
#section-field .item .title {
  color: #023462;
  font-weight: bold;
  font-size: 25px;
  line-height: 1; }
#section-field .item .inner-wrap {
  margin-top: 30px;
  padding: 20px;
  text-align: left;
  border: 1px solid #EEE;
  box-sizing: border-box;
  width: 480px; }

@media screen and (max-width: 740px) {
  #section-field .pic {
    padding: 20px; } }
@media screen and (max-width: 740px) {
  #section-field .item .title {
    font-size: 18px; } }
@media screen and (max-width: 740px) {
  #section-field .item .inner-wrap {
    margin-top: 15px;
    padding: 15px;
    height: auto !important;
    width: 100%; } }
#tpl-contents.faeco * {
  box-sizing: border-box; }
#tpl-contents.faeco .sec-title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #163462;
  margin-bottom: .7em; }
  @media screen and (max-width: 740px) {
    #tpl-contents.faeco .sec-title {
      font-size: 20px; } }
#tpl-contents.faeco .sec-sub-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #163462;
  margin-bottom: .7em; }
  @media screen and (max-width: 740px) {
    #tpl-contents.faeco .sec-sub-title {
      font-size: 15px;
      text-align: left; } }

.main-kv {
  display: flex;
  align-items: center;
  margin-top: 50px; }
  @media screen and (max-width: 740px) {
    .main-kv {
      display: block; } }
  .main-kv .text-box {
    position: relative;
    z-index: 2;
    width: 370px;
    margin-right: -45px;
    background-color: #ecf0f4;
    border-top: 5px solid #e74473;
    padding: 50px 0;
    text-align: center; }
    @media screen and (max-width: 740px) {
      .main-kv .text-box {
        width: 80%;
        border-width: 3px;
        margin: 0 auto -5%;
        padding: 28px 0; } }
  .main-kv .ph-box {
    position: relative;
    z-index: 1; }
  .main-kv .title {
    color: #e74473;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: .6em; }
    @media screen and (max-width: 740px) {
      .main-kv .title {
        font-size: 25px;
        margin-bottom: .4em; } }
  .main-kv .en-title {
    color: #a0a0a0;
    position: relative;
    margin-bottom: 4em; }
    @media screen and (max-width: 740px) {
      .main-kv .en-title {
        font-size: 11px; } }
    .main-kv .en-title:after {
      content: '';
      width: 40px;
      height: 1px;
      background-color: #e74473;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -1.5em; }
      @media screen and (max-width: 740px) {
        .main-kv .en-title:after {
          width: 20px; } }
  .main-kv .detail {
    font-size: 18px; }
    @media screen and (max-width: 740px) {
      .main-kv .detail {
        font-size: 13px; } }

.sec-department {
  margin-top: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #163462; }
  @media screen and (max-width: 740px) {
    .sec-department {
      margin-top: 40px;
      padding-bottom: 40px; } }
  .sec-department .department-lists {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 740px) {
      .sec-department .department-lists {
        display: block; } }
    .sec-department .department-lists .item {
      width: 480px;
      height: 400px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #FFF; }
      @media screen and (max-width: 740px) {
        .sec-department .department-lists .item {
          width: 100%;
          height: 56.757vw; } }
      .sec-department .department-lists .item:nth-child(1) {
        background: url(/asset/education/faeco/img/ph-economics-pc.jpg) 0 0 no-repeat; }
        @media screen and (max-width: 740px) {
          .sec-department .department-lists .item:nth-child(1) {
            background: url(/asset/education/faeco/img/ph-economics-sp.jpg) 0 0 no-repeat;
            background-size: cover; } }
      .sec-department .department-lists .item:nth-child(2) {
        background: url(/asset/education/faeco/img/ph-management-pc.jpg) 0 0 no-repeat; }
        @media screen and (max-width: 740px) {
          .sec-department .department-lists .item:nth-child(2) {
            background: url(/asset/education/faeco/img/ph-management-sp.jpg) 0 0 no-repeat;
            background-size: cover;
            margin-top: 10px; } }
      .sec-department .department-lists .item p {
        font-size: 15px; }
        @media screen and (max-width: 740px) {
          .sec-department .department-lists .item p {
            font-size: 14px; } }
    .sec-department .department-lists .label {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: .5em; }
      @media screen and (max-width: 740px) {
        .sec-department .department-lists .label {
          font-size: 21px; } }
    .sec-department .department-lists .more {
      color: #FFF;
      font-size: 15px;
      line-height: 1;
      border: 2px solid #FFF;
      display: block;
      width: 272px;
      text-align: center;
      padding: 18px;
      margin-top: 2em; }
      @media screen and (max-width: 740px) {
        .sec-department .department-lists .more {
          width: 70%;
          font-size: 13px;
          padding: 16px;
          border-width: 1px; } }
      .sec-department .department-lists .more:hover {
        text-decoration: none; }

.sec-overview {
  margin-top: 55px;
  padding-bottom: 78px;
  border-bottom: 1px solid #163462; }
  @media screen and (max-width: 740px) {
    .sec-overview {
      margin-top: 32px;
      padding-bottom: 40px; } }
  .sec-overview .overview-lists {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 80px; }
    @media screen and (max-width: 740px) {
      .sec-overview .overview-lists {
        margin-top: 70px; } }
    .sec-overview .overview-lists a {
      display: block;
      padding: 90px 48px 50px;
      text-align: center;
      position: relative;
      height: 100%; }
      @media screen and (max-width: 740px) {
        .sec-overview .overview-lists a {
          padding: 64px 10px 38px; } }
      .sec-overview .overview-lists a:hover {
        text-decoration: none; }
      .sec-overview .overview-lists a:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 8px 8px;
        border-color: transparent transparent #163462 transparent;
        position: absolute;
        right: 0;
        bottom: 0; }
        @media screen and (max-width: 740px) {
          .sec-overview .overview-lists a:after {
            border-width: 0 0 7px 7px; } }
      .sec-overview .overview-lists a p {
        font-size: 26px;
        font-weight: bold;
        color: #163462;
        line-height: 1.4 !important; }
        @media screen and (max-width: 740px) {
          .sec-overview .overview-lists a p {
            font-size: 19px; } }
    .sec-overview .overview-lists li {
      width: 230px;
      background-color: #ecedf1;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 740px) {
        .sec-overview .overview-lists li {
          width: calc(50% - 5px); }
          .sec-overview .overview-lists li:nth-child(n + 3) {
            margin-top: 53px; } }
    .sec-overview .overview-lists .icon {
      width: 93px;
      position: absolute;
      top: -45px;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 740px) {
        .sec-overview .overview-lists .icon {
          width: 75px;
          top: -35px; } }
      .sec-overview .overview-lists .icon img {
        width: 100%;
        height: auto; }

.sec-curriculum {
  margin-top: 55px;
  padding-bottom: 60px; }
  @media screen and (max-width: 740px) {
    .sec-curriculum {
      margin-top: 32px;
      padding-bottom: 40px; } }
  .sec-curriculum .link-box {
    margin-top: 80px;
    width: 100%;
    height: 643px;
    position: relative;
    background: url(/asset/education/faeco/img/bg-curriculum-pc.jpg) 0 0 no-repeat; }
    @media screen and (max-width: 740px) {
      .sec-curriculum .link-box {
        width: calc(100% + 20px);
        margin-left: -10px;
        background: url(/asset/education/faeco/img/bg-curriculum-sp.jpg) 0 0 no-repeat;
        background-size: contain;
        height: 141.081vw;
        margin-top: 45px; }
        .sec-curriculum .link-box:before {
          content: '';
          display: block;
          border: 1px solid #163462;
          width: 49.865vw;
          height: 49.865vw;
          min-width: 160px;
          min-height: 160px;
          position: absolute;
          left: 50%;
          top: 19%;
          z-index: 1;
          transform: translateX(-50%); } }
    .sec-curriculum .link-box .item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 310px;
      height: 115px;
      border: 2px solid #163462;
      background-color: #e6eaee;
      color: #163462;
      padding: 0 25px;
      padding-right: 60px;
      position: absolute;
      z-index: 2; }
      @media screen and (max-width: 740px) {
        .sec-curriculum .link-box .item {
          min-width: 146px;
          min-height: 120px;
          width: calc(50% - 15px);
          height: 35.135vw;
          padding: 10px;
          padding-right: 25px;
          border-width: 1px; } }
      .sec-curriculum .link-box .item:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6.5px 0 6.5px 7px;
        border-color: transparent transparent transparent #163462;
        position: absolute;
        right: 21px;
        top: 50%;
        transform: translateY(-50%); }
        @media screen and (max-width: 740px) {
          .sec-curriculum .link-box .item:after {
            right: 10px; } }
      .sec-curriculum .link-box .item:hover {
        text-decoration: none;
        background-color: #eef2f5; }
        .sec-curriculum .link-box .item:hover p {
          opacity: .75; }
      .sec-curriculum .link-box .item p {
        line-height: 1.4 !important; }
      .sec-curriculum .link-box .item .sub {
        font-size: 14px;
        margin-bottom: .5em; }
        @media screen and (max-width: 740px) {
          .sec-curriculum .link-box .item .sub {
            font-size: 12px; } }
      .sec-curriculum .link-box .item .main {
        font-size: 18px;
        font-weight: bold; }
        @media screen and (max-width: 740px) {
          .sec-curriculum .link-box .item .main {
            font-size: 14px; } }
    .sec-curriculum .link-box .link01 {
      top: -50px;
      left: 328px; }
      @media screen and (max-width: 740px) {
        .sec-curriculum .link-box .link01 {
          top: 0;
          left: 10px; } }
    .sec-curriculum .link-box .link02 {
      top: 125px;
      right: 85px; }
      @media screen and (max-width: 740px) {
        .sec-curriculum .link-box .link02 {
          top: 0;
          right: 10px; } }
    .sec-curriculum .link-box .link03 {
      top: 125px;
      left: 85px; }
      @media screen and (max-width: 740px) {
        .sec-curriculum .link-box .link03 {
          top: 48%;
          left: 10px; } }
    .sec-curriculum .link-box .link04 {
      top: 300px;
      left: 328px; }
      @media screen and (max-width: 740px) {
        .sec-curriculum .link-box .link04 {
          top: 48%;
          left: auto;
          right: 10px; } }
    .sec-curriculum .link-box .no-link {
      pointer-events: none; }
      .sec-curriculum .link-box .no-link:after {
        display: none; }
  .sec-curriculum .icon {
    width: 93px;
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 740px) {
      .sec-curriculum .icon {
        width: 21.13%;
        top: 30%; } }
    .sec-curriculum .icon img {
      max-width: 100%;
      height: auto; }
  .sec-curriculum .text-link {
    position: absolute;
    left: 85px;
    top: 260px; }
    @media screen and (max-width: 740px) {
      .sec-curriculum .text-link {
        left: 10px;
        top: 106vw; } }
    .sec-curriculum .text-link a {
      font-size: 13px;
      color: #0063bf; }
      @media screen and (max-width: 740px) {
        .sec-curriculum .text-link a {
          font-size: 14px; } }
      .sec-curriculum .text-link a:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 2px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        border-color: transparent transparent transparent #163462;
        margin-right: 6px; }
    .sec-curriculum .text-link li + li {
      margin-top: .3em; }

.sec-foot-links {
  margin-top: 60px; }
  .sec-foot-links ul {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 740px) {
      .sec-foot-links ul {
        width: 90%;
        margin: auto; } }
    @media screen and (max-width: 740px) {
      .sec-foot-links ul li {
        width: 50%; } }
    .sec-foot-links ul li a {
      display: block;
      text-align: center;
      width: 196px;
      padding: 32px;
      color: #000;
      position: relative;
      font-size: 13px;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc; }
      @media screen and (max-width: 740px) {
        .sec-foot-links ul li a {
          width: 100%;
          padding: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
          font-size: 12px; } }
      .sec-foot-links ul li a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent #163462;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 17px; }
        @media screen and (max-width: 740px) {
          .sec-foot-links ul li a:after {
            border-width: 6px 0 6px 6px;
            right: 10px; } }
      .sec-foot-links ul li a:hover {
        text-decoration: none; }
    @media screen and (min-width: 741px) {
      .sec-foot-links ul li:nth-child(1) a, .sec-foot-links ul li:nth-child(2) a, .sec-foot-links ul li:nth-child(3) a, .sec-foot-links ul li:nth-child(4) a, .sec-foot-links ul li:nth-child(5) a {
        border-top: 1px solid #cccccc; }
      .sec-foot-links ul li:nth-child(1) a, .sec-foot-links ul li:nth-child(6) a {
        border-left: 1px solid #cccccc; } }
    @media screen and (max-width: 740px) {
      .sec-foot-links ul li:nth-child(1) a, .sec-foot-links ul li:nth-child(2) a {
        border-top: 1px solid #cccccc; }
      .sec-foot-links ul li:nth-child(1) a, .sec-foot-links ul li:nth-child(3) a, .sec-foot-links ul li:nth-child(5) a, .sec-foot-links ul li:nth-child(7) a, .sec-foot-links ul li:nth-child(9) a {
        border-left: 1px solid #cccccc; } }

/*# sourceMappingURL=style.css.map */