/* Scss Document profile*/
/* mixin
*********************************************************************/
/* media query */
.area_header {
  background-image: url("../images/main.jpg"); }

h2 {
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.2em;
  padding: 20px 0 20px 0; }
  @media all and (max-width: 494px) {
    h2 {
      font-size: 3rem; } }

.box_intro {
  padding: 30px;
  margin: 50px auto;
  background-image: url("../images/bg_intro.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  min-height: 220px;
  display: flex; }
  @media all and (max-width: 494px) {
    .box_intro {
      padding: 5px;
      margin: 20px auto 40px;
      background-image: none;
      min-height: auto;
      display: block; } }
  .box_intro .box {
    width: 60%; }
    @media all and (max-width: 494px) {
      .box_intro .box {
        width: 100%; } }
    .box_intro .box h2 {
      text-align: left !important; }
    .box_intro .box p {
      text-align: left;
      font-size: 1.6rem;
      line-height: 1.8em;
      text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }

.box_link {
  padding: 30px;
  background-color: #f7f7f7;
  margin-bottom: 50px; }
  .box_link h3 {
    font-size: 2rem;
    border-bottom: 1px solid #6f6f6f;
    padding-bottom: 10px;
    margin-bottom: 20px; }
  .box_link ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media all and (max-width: 494px) {
      .box_link ul {
        display: block; } }
    .box_link ul li {
      width: calc(100% / 3 - 30px);
      font-size: 1.6rem; }
      @media all and (max-width: 494px) {
        .box_link ul li {
          width: 100%;
          border-bottom: 1px dotted #6f6f6f;
          margin: 0 auto 10px; } }
      .box_link ul li a {
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        padding: 20px;
        color: #313131;
        transition: 0.3s ease-in-out;
        font-weight: 500; }
        @media all and (max-width: 494px) {
          .box_link ul li a {
            padding: 10px; } }
        .box_link ul li a:after {
          content: "";
          position: absolute;
          top: 40%;
          bottom: 0;
          right: 2rem;
          font-size: 90%;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: right 0.3s;
          width: 6px;
          height: 6px;
          border-top: solid 2px currentColor;
          border-right: solid 2px currentColor;
          transform: translateX(-50%) rotate(135deg); }
        .box_link ul li a:hover {
          background: #ff1212;
          color: #FFF; }
          .box_link ul li a:hover:after {
            right: 1.4rem; }

.head-border {
  display: flex;
  align-items: center; }
  .head-border:before, .head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666; }
  .head-border:before {
    margin-right: 1rem; }
  .head-border:after {
    margin-left: 1rem; }

.box_profile {
  margin-bottom: 80px; }
  .box_profile h2 {
    width: 100%;
    margin-bottom: 40px; }
  .box_profile h3 {
    font-size: 2rem;
    border-bottom: 1px solid #939393;
    padding-bottom: 10px;
    margin-bottom: 30px; }
  .box_profile .box_rec {
    display: flex;
    justify-content: space-between;
    align-items: top;
    margin-bottom: 40px; }
    @media all and (max-width: 494px) {
      .box_profile .box_rec {
        display: block; } }
    .box_profile .box_rec .box {
      width: calc(100% / 2 - 10px); }
      @media all and (max-width: 494px) {
        .box_profile .box_rec .box {
          width: 100%;
          margin: 0 auto 20px; } }
      .box_profile .box_rec .box img {
        max-width: 100%; }
  .box_profile table {
    width: 100%;
    border: #e7e7e7 solid 1px; }
    .box_profile table th, .box_profile table td {
      border-bottom: #e7e7e7 solid 1px;
      padding: 12px;
      font-size: 1.4rem;
      line-height: 1.4em;
      font-weight: 400; }
    .box_profile table th {
      white-space: nowrap;
      background-color: #f5f5f5; }
    .box_profile table td ul {
      counter-reset: number; }
      .box_profile table td ul li {
        padding: 2px 0 2px 1.6em;
        text-indent: -1.6em; }
        .box_profile table td ul li::before {
          counter-increment: number;
          content: "(" counter(number) ")";
          padding: 0 3px 0 0; }
  .box_profile .sekobi {
    text-align: right; }
  .box_profile .box_philosophy {
    text-align: center; }
    .box_profile .box_philosophy ul {
      text-align: left;
      display: inline-block; }
      .box_profile .box_philosophy ul li {
        font-size: 1.8rem;
        line-height: 1.3em;
        padding: 3px 0; }
        .box_profile .box_philosophy ul li .sage {
          padding: 0 0 0 7em; }

.Btn {
  position: relative;
  border: 1px solid #e7e7e7;
  background-color: #f5f5f5;
  display: block;
  margin: 30px auto 0;
  width: 240px;
  padding: 20px 0;
  text-align: center;
  color: #000;
  font-size: 1.4rem;
  transition: 0.3s ease-in-out; }
  .Btn:hover {
    background: #ff1212;
    color: #FFF; }

.Btn-Icon {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 13px;
  transform: translateY(-50%); }

.box_int {
  padding: 30px;
  margin: 0 auto 40px;
  background-repeat: no-repeat;
  background-position: right bottom, left center;
  background-size: 36px 36px, cover;
  height: 340px;
  display: flex;
  justify-content: flex-end;
  align-content: flex-end;
  flex-wrap: wrap; }
  @media all and (max-width: 494px) {
    .box_int {
      padding: 10px;
      height: 260px;
      background-position: right top, left center;
      margin: 0 auto 50px; } }
  .box_int.bg01 {
    background-image: url("../images/arrow.svg"), url("../images/bg_int01.jpg"); }
  .box_int.bg02 {
    background-image: url("../images/arrow.svg"), url("../images/bg_int02.jpg"); }
  .box_int .box {
    width: 54%; }
    @media all and (max-width: 494px) {
      .box_int .box {
        width: 100%;
        padding: 10px;
        margin-bottom: -30px;
        background-color: rgba(255, 255, 255, 0.7); } }
    .box_int .box h3 {
      text-align: left !important;
      background-color: #256fad;
      color: #fff;
      padding: 10px;
      display: inline-block;
      margin-bottom: 20px; }
      @media all and (max-width: 494px) {
        .box_int .box h3 {
          font-size: 1.6rem;
          margin-bottom: 10px; } }
    .box_int .box p {
      text-align: left;
      font-size: 1.6rem;
      line-height: 1.8em;
      text-shadow: 0px 0px 8px white; }
      @media all and (max-width: 494px) {
        .box_int .box p {
          font-size: 1.4rem;
          line-height: 1.4em; } }
      .box_int .box p.txt {
        margin-bottom: 10px; }
      .box_int .box p.small {
        font-size: 1.4rem; }

/*** Interview ***/
.box_intro_int {
  padding: 30px;
  margin: 50px auto;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  min-height: 340px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media all and (max-width: 494px) {
    .box_intro_int {
      padding: 5px;
      margin: 20px auto 40px;
      background-image: none;
      min-height: auto;
      display: block; } }
  .box_intro_int.bg01 {
    background-image: url("../images/bg_int01.jpg"); }
    @media all and (max-width: 494px) {
      .box_intro_int.bg01 {
        background-image: none; } }
  .box_intro_int.bg02 {
    background-image: url("../images/bg_int02.jpg"); }
    @media all and (max-width: 494px) {
      .box_intro_int.bg02 {
        background-image: none; } }
  .box_intro_int .box {
    width: 300px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start; }
    @media all and (max-width: 494px) {
      .box_intro_int .box {
        width: 100%;
        align-items: center; } }
    .box_intro_int .box h2 {
      text-align: left !important;
      font-size: 2rem;
      background-color: #256fad;
      color: #fff;
      padding: 10px;
      display: inline-block;
      margin-bottom: 25px; }
    .box_intro_int .box h3 {
      text-align: left !important;
      font-size: 2.8rem;
      border-bottom: 1px solid #6f6f6f;
      padding-bottom: 15px;
      display: block;
      margin-bottom: 20px; }
      .box_intro_int .box h3 ruby rt {
        font-size: 1rem; }
    .box_intro_int .box p {
      text-align: left;
      font-size: 1.6rem;
      line-height: 1.6em;
      text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8); }
      .box_intro_int .box p.txt {
        margin-bottom: 10px; }
      .box_intro_int .box p.small {
        font-size: 1.6rem; }

.box_question {
  margin-bottom: 40px; }
  .box_question h3 {
    font-size: 2rem;
    color: #848484;
    border-bottom: 1px solid #939393;
    padding-bottom: 10px;
    margin-bottom: 40px; }
    .box_question h3 span {
      margin-right: 10px; }
  .box_question .box_q {
    display: flex;
    justify-content: space-between;
    align-items: top;
    margin-bottom: 60px; }
    @media all and (max-width: 494px) {
      .box_question .box_q {
        display: block; } }
    .box_question .box_q.mb30 {
      margin-bottom: 30px; }
    .box_question .box_q .box {
      width: calc(100% / 2 - 10px);
      display: flex;
      align-items: center; }
      @media all and (max-width: 494px) {
        .box_question .box_q .box {
          width: 100%;
          margin: 0 auto 20px; } }
      .box_question .box_q .box p {
        font-size: 1.6rem;
        line-height: 1.6em; }
      .box_question .box_q .box img {
        max-width: 100%; }
    .box_question .box_q.row {
      flex-direction: row-reverse; }
      @media all and (max-width: 494px) {
        .box_question .box_q.row {
          flex-direction: row; } }
  .box_question .box_txt {
    width: 100%;
    display: flex;
    margin: 0 auto 60px; }
    .box_question .box_txt p {
      font-size: 1.6rem;
      line-height: 1.6em; }

.box_btn_linl {
  width: 80%;
  display: flex;
  margin: 0 auto 80px; }
  @media all and (max-width: 494px) {
    .box_btn_linl {
      display: block; } }

.box_int_link {
  margin-bottom: 30px; }
  .box_int_link ul {
    display: flex;
    justify-content: center; }
    @media all and (max-width: 494px) {
      .box_int_link ul {
        display: block; } }
    .box_int_link ul li {
      width: calc(100%  / 3 - 30px);
      margin: 15px;
      text-align: center; }
      @media all and (max-width: 494px) {
        .box_int_link ul li {
          width: 100%;
          margin: 0 auto 20px; } }
      .box_int_link ul li img {
        max-width: 100%; }
      .box_int_link ul li p {
        margin-top: 10px; }