@charset "UTF-8";
.-fadein {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s; }

/*------------------------------------------------------------
	basic
------------------------------------------------------------*/
html {
  font-size: 62.5%; }

body {
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans JP", sans-serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 150%;
  color: #131925; }
  @media screen and (max-width: 823px) {
    body {
      font-size: 1.6rem;
      line-height: 2.2;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1; } }

.-en {
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0.08em; }

.main {
  display: block; }

img {
  vertical-align: middle;
  border: none;
  width: 100%; }

a {
  color: #fff;
  text-decoration: none; }
  a u {
    text-decoration: underline; }

ul {
  margin: 0;
  padding: 0; }

li, ol {
  list-style: none;
  margin: 0;
  padding: 0; }

.pc_show {
  display: block; }
  @media screen and (max-width: 823px) {
    .pc_show {
      display: none; } }

.sp_show {
  display: none; }
  @media screen and (max-width: 823px) {
    .sp_show {
      display: block; } }

.sec_ttl {
  color: #e79521;
  font-size: 6.0rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px; }
  @media screen and (max-width: 823px) {
    .sec_ttl {
      font-size: 10.02604vw;
      margin-bottom: 4.42708vw; } }

.sec_con {
  max-width: 1044px;
  padding: 0 2% 0;
  margin: 0 auto; }

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  .header .nav {
    background-color: #131925;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    width: 100%;
    padding-right: 8.3333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 823px) {
      .header .nav {
        height: 14.0625vw;
        padding-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .header .nav .nav_item {
      position: relative;
      color: #e79521;
      font-size: 3.0rem;
      margin-right: 50px; }
      @media screen and (max-width: 823px) {
        .header .nav .nav_item {
          font-size: 3.90625vw;
          margin-right: 4.55729vw; } }
      .header .nav .nav_item:last-child {
        margin-right: 0; }
      .header .nav .nav_item:hover::after {
        content: "";
        position: absolute;
        display: block;
        bottom: -8px;
        width: 100%;
        height: 3px;
        background-color: #e79521; }
        @media screen and (max-width: 823px) {
          .header .nav .nav_item:hover::after {
            bottom: 2px;
            height: 2px; } }
      .header .nav .nav_item::after {
        content: "";
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s; }

.kv {
  position: relative;
  background-color: #131925;
  padding-top: 80px; }
  @media screen and (max-width: 823px) {
    .kv {
      padding-top: 14.0625vw; } }
  .kv .logo_txt {
    position: absolute;
    color: #1c2536;
    font-size: 12vh;
    left: -0.6vw;
    bottom: 10vh;
    line-height: 1; }
    @media screen and (max-width: 823px) {
      .kv .logo_txt {
        display: none; } }
  .kv .con {
    position: relative;
    max-width: 858px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(18vh - 80px) 0 36vh; }
    @media screen and (max-width: 823px) {
      .kv .con {
        padding: 7.8125vw 5.20833vw 13.02083vw;
        max-width: 640px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    .kv .con .kv_img {
      max-width: 372px;
      margin-right: 100px;
      display: block; }
      @media screen and (max-width: 823px) {
        .kv .con .kv_img {
          max-width: 31.25vw;
          margin-right: 5.20833vw; } }
    .kv .con .txt_area {
      color: #e79521; }
      .kv .con .txt_area .job {
        font-size: 2.8rem;
        padding-bottom: 0.5em;
        border-bottom: solid 3px #e79521;
        margin-bottom: 24px; }
        @media screen and (max-width: 823px) {
          .kv .con .txt_area .job {
            font-size: 3.64583vw;
            padding-bottom: 0.26042vw;
            margin-bottom: 2.60417vw;
            border-bottom: solid 2px #e79521; } }
      .kv .con .txt_area .name {
        font-size: 6.8rem;
        line-height: 1.1;
        margin-bottom: 8px;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 823px) {
          .kv .con .txt_area .name {
            font-size: 9.11458vw;
            margin-bottom: 1.04167vw; } }
      .kv .con .txt_area .btn {
        position: relative;
        display: block;
        text-align: center;
        padding: 0.45em 20px 0.4em;
        font-size: 3.8rem;
        color: #e79521;
        border: solid 3px #e79521; }
        @media screen and (max-width: 823px) {
          .kv .con .txt_area .btn {
            font-size: 4.94792vw;
            padding: 0.32em 2.60417vw 0.25em;
            border: solid 2px; } }
        .kv .con .txt_area .btn:hover::after {
          right: 2.5%; }
        .kv .con .txt_area .btn::after {
          content: "";
          position: absolute;
          top: 50%;
          right: 4%;
          margin-top: -12px;
          background: url("../image/btn_arrow.svg") no-repeat;
          background-size: cover;
          width: 14px;
          height: 22px;
          -webkit-transition: 0.2s;
          -o-transition: 0.2s;
          transition: 0.2s; }
          @media screen and (max-width: 823px) {
            .kv .con .txt_area .btn::after {
              margin-top: -1.43229vw;
              width: 1.5625vw;
              padding-top: 2.86458vw;
              height: auto;
              right: 6%; } }
  .kv .whale_img {
    position: absolute;
    bottom: -15px;
    right: 4%;
    -webkit-animation: fluffy1 3s ease infinite;
    animation: fluffy1 3s ease infinite; }
    @media screen and (max-width: 823px) {
      .kv .whale_img {
        display: none; } }
    .kv .whale_img img {
      max-width: 412px;
      width: 31.25vw; }

@-webkit-keyframes fluffy1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  5% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  25% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fluffy1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  5% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  25% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
  .kv .ptn {
    width: 100%;
    background: url("../image/mani_ptn.png") repeat-x;
    height: 23px;
    -webkit-animation: slide 300s linear infinite;
    animation: slide 300s linear infinite; }
    @media screen and (max-width: 823px) {
      .kv .ptn {
        padding-top: 5.20833vw;
        height: 1px;
        background-size: contain; } }

@-webkit-keyframes slide {
  0% {
    background-position: 0 0; }
  to {
    background-position: -3770px 0; } }

@keyframes slide {
  0% {
    background-position: 0 0; }
  to {
    background-position: -3770px 0; } }

#main_dedsign {
  position: relative;
  margin-top: -80px;
  padding-top: 80px; }
  @media screen and (max-width: 823px) {
    #main_dedsign {
      padding-top: 14.0625vw;
      margin-top: -14.0625vw; } }
  #main_dedsign .sec_bg {
    background-color: #1c2536;
    padding: 80px 0 190px; }
    @media screen and (max-width: 823px) {
      #main_dedsign .sec_bg {
        padding: 10.41667vw 0 15.625vw; } }
  #main_dedsign .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #main_dedsign .card.-col_3 .card__item {
      width: 30.7471%;
      margin-right: 3.831%; }
      @media screen and (max-width: 823px) {
        #main_dedsign .card.-col_3 .card__item {
          width: 41.01563vw;
          margin-right: 4.94792vw; } }
      #main_dedsign .card.-col_3 .card__item:nth-of-type(3n) {
        margin-right: 0; }
        @media screen and (max-width: 823px) {
          #main_dedsign .card.-col_3 .card__item:nth-of-type(3n) {
            margin-right: 4.94792vw; } }
      @media screen and (max-width: 823px) {
        #main_dedsign .card.-col_3 .card__item:nth-child(even) {
          margin-right: 0; } }
      #main_dedsign .card.-col_3 .card__item::before {
        content: "";
        display: block;
        padding-top: 133%; }
    @media screen and (max-width: 823px) {
      #main_dedsign .card {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    #main_dedsign .card__item {
      position: relative;
      border: 10px solid #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #f1f1f1;
      margin-bottom: 40px;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
      @media screen and (max-width: 823px) {
        #main_dedsign .card__item {
          margin-bottom: 5.20833vw;
          border: solid 5px #fff; } }
      #main_dedsign .card__item::after {
        content: "";
        position: absolute;
        right: 2.4%;
        bottom: 2%;
        display: block;
        background: url("../image/main_design_arrow.svg") no-repeat;
        background-size: cover;
        width: 51px;
        height: 51px;
        opacity: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s; }
        @media screen and (max-width: 823px) {
          #main_dedsign .card__item::after {
            width: 6.51042vw;
            height: 6.51042vw; } }
      #main_dedsign .card__item:hover {
        border-color: #e79521; }
        #main_dedsign .card__item:hover::after {
          opacity: 1; }
        #main_dedsign .card__item:hover img {
          -webkit-filter: sepia(70%);
          filter: sepia(70%); }
    #main_dedsign .card img {
      width: 100%;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -o-object-fit: cover;
      object-fit: cover; }
  #main_dedsign .ptn {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background: url("../image/main_design_bt_ptn.png") repeat-x;
    height: 100px; }
    @media screen and (max-width: 823px) {
      #main_dedsign .ptn {
        height: 1px;
        padding-top: 13.02083vw;
        background-size: contain; } }

#gallery {
  position: relative;
  margin-top: -80px;
  padding-top: 80px; }
  @media screen and (max-width: 823px) {
    #gallery {
      padding-top: 14.0625vw;
      margin-top: -14.0625vw; } }
  #gallery .sec_bg {
    background-color: #131925;
    padding: 80px 0 190px; }
    @media screen and (max-width: 823px) {
      #gallery .sec_bg {
        padding: 10.41667vw 0 15.625vw; } }
  #gallery .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 823px) {
      #gallery .card {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    #gallery .card__item {
      position: relative;
      width: 22.1264%;
      border: 10px solid #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #f1f1f1;
      margin-right: 3.831%;
      margin-bottom: 30px;
      -webkit-transition: 0.34s;
      -o-transition: 0.34s;
      transition: 0.34s; }
      @media screen and (max-width: 823px) {
        #gallery .card__item {
          width: 41.01563vw;
          margin-right: 4.94792vw;
          margin-bottom: 4.94792vw;
          border: solid 5px #fff; } }
      #gallery .card__item:nth-of-type(4n) {
        margin-right: 0; }
        @media screen and (max-width: 823px) {
          #gallery .card__item:nth-of-type(4n) {
            margin-right: 4.94792vw; } }
      @media screen and (max-width: 823px) {
        #gallery .card__item:nth-child(even) {
          margin-right: 0; } }
      #gallery .card__item::before {
        content: "";
        display: block;
        padding-top: 100%; }
      #gallery .card__item::after {
        content: "";
        position: absolute;
        right: 4%;
        bottom: 4%;
        display: block;
        background: url("../image/open_in_icon.svg") no-repeat;
        background-size: cover;
        width: 37px;
        height: 37px;
        opacity: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s; }
        @media screen and (max-width: 823px) {
          #gallery .card__item::after {
            width: 4.81771vw;
            height: 4.81771vw; } }
      #gallery .card__item img {
        width: 100%;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        -o-object-fit: cover;
        object-fit: cover; }
      #gallery .card__item:hover {
        border-color: #e79521; }
        #gallery .card__item:hover::after {
          opacity: 1; }
        #gallery .card__item:hover img {
          -webkit-filter: sepia(70%);
          filter: sepia(70%); }
  #gallery .ptn {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background: url("../image/gallry_bt_ptn.png") repeat-x;
    height: 100px; }
    @media screen and (max-width: 823px) {
      #gallery .ptn {
        height: 1px;
        padding-top: 13.02083vw;
        background-size: contain; } }

#contact.sec_bg {
  background-color: #0b0e14;
  padding: 80px 0 120px; }
  @media screen and (max-width: 823px) {
    #contact.sec_bg {
      padding: 10.41667vw 0 15.625vw; } }

#contact .link_area {
  text-align: center; }
  #contact .link_area .link {
    margin: 0 auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: inline-block; }
    #contact .link_area .link img {
      width: 184px;
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 823px) {
        #contact .link_area .link img {
          max-width: 39.0625vw; } }
    #contact .link_area .link:hover {
      -webkit-filter: invert(100%);
      filter: invert(100%); }

.top_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: fixed;
  right: 3%;
  bottom: 4%; }
  @media screen and (max-width: 823px) {
    .top_btn_area {
      right: 0vw;
      display: block;
      bottom: 6.51042vw; } }
  .top_btn_area #home_top {
    display: block;
    margin-right: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .top_btn_area #home_top img {
      width: 82px; }
      @media screen and (max-width: 823px) {
        .top_btn_area #home_top img {
          max-width: 82px;
          width: 15.625vw;
          margin-right: 0;
          margin-bottom: 3.90625vw; } }
    .top_btn_area #home_top:hover {
      -webkit-filter: invert(100%);
      filter: invert(100%); }
  .top_btn_area #page_top {
    display: block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .top_btn_area #page_top img {
      width: 82px; }
      @media screen and (max-width: 823px) {
        .top_btn_area #page_top img {
          max-width: 82px;
          width: 15.625vw; } }
    .top_btn_area #page_top:hover {
      -webkit-filter: invert(100%);
      filter: invert(100%); }

.footer {
  background-color: #0b0e14;
  padding: 50px 0 80px; }
  @media screen and (max-width: 823px) {
    .footer {
      padding: 7.8125vw 0 7.8125vw; } }
  .footer .txt {
    color: #fff;
    font-weight: bold;
    font-size: 2.0rem;
    text-align: center; }
    @media screen and (max-width: 823px) {
      .footer .txt {
        font-size: 3.90625vw; } }

.container {
  position: relative;
  margin-top: -80px;
  padding-top: 80px; }
  @media screen and (max-width: 823px) {
    .container {
      padding-top: 14.0625vw;
      margin-top: 0; } }
  .container .sec_bg {
    background-color: #1c2536;
    padding: 160px 0 190px; }
    @media screen and (max-width: 823px) {
      .container .sec_bg {
        padding: 10.41667vw 5.20833vw 15.625vw; } }
    .container .sec_bg .sub_ttl {
      font-size: 3.2rem;
      text-align: center;
      margin-bottom: 34px;
      color: #e79521;
      font-weight: bold; }
      @media screen and (max-width: 823px) {
        .container .sec_bg .sub_ttl {
          font-size: 4.55729vw;
          margin-bottom: 4.42708vw; } }
    .container .sec_bg .name {
      font-weight: 900;
      color: #e79521;
      text-align: center;
      margin-bottom: 90px;
      font-size: 4.4rem;
      line-height: 1.55;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 823px) {
        .container .sec_bg .name {
          font-size: 6.11979vw;
          margin-bottom: 11.71875vw; } }
    .container .sec_bg .flex_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 823px) {
        .container .sec_bg .flex_box {
          display: block; } }
      .container .sec_bg .flex_box .left {
        max-width: 625px;
        width: 50%;
        margin-right: 4%; }
        @media screen and (max-width: 823px) {
          .container .sec_bg .flex_box .left {
            max-width: none;
            width: 100%;
            margin-right: 0; } }
        .container .sec_bg .flex_box .left .select_btn_area {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .container .sec_bg .flex_box .left .select_btn_area .select_btn {
            width: 96px;
            height: 52px;
            border: solid 2px #e79521;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 18px;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            max-width: 120px; }
            @media screen and (max-width: 823px) {
              .container .sec_bg .flex_box .left .select_btn_area .select_btn {
                width: 23.95833vw;
                height: 13.02083vw; } }
            .container .sec_bg .flex_box .left .select_btn_area .select_btn:hover {
              -webkit-filter: invert(100%);
              filter: invert(100%); }
            .container .sec_bg .flex_box .left .select_btn_area .select_btn.-active {
              background-color: #e79521; }
            .container .sec_bg .flex_box .left .select_btn_area .select_btn.window_icon {
              margin-right: 20px; }
              @media screen and (max-width: 823px) {
                .container .sec_bg .flex_box .left .select_btn_area .select_btn.window_icon {
                  margin-right: 4.55729vw; } }
              .container .sec_bg .flex_box .left .select_btn_area .select_btn.window_icon img {
                height: 36px; }
                @media screen and (max-width: 823px) {
                  .container .sec_bg .flex_box .left .select_btn_area .select_btn.window_icon img {
                    height: 8.98438vw; } }
            .container .sec_bg .flex_box .left .select_btn_area .select_btn.smart_icon {
              margin-right: 30px; }
              @media screen and (max-width: 823px) {
                .container .sec_bg .flex_box .left .select_btn_area .select_btn.smart_icon {
                  margin-right: 6.51042vw; } }
              .container .sec_bg .flex_box .left .select_btn_area .select_btn.smart_icon img {
                height: 36px; }
                @media screen and (max-width: 823px) {
                  .container .sec_bg .flex_box .left .select_btn_area .select_btn.smart_icon img {
                    height: 8.98438vw; } }
            .container .sec_bg .flex_box .left .select_btn_area .select_btn.search_btn {
              border: none;
              background-color: #e79521;
              width: 52px;
              border-radius: 50%; }
              @media screen and (max-width: 823px) {
                .container .sec_bg .flex_box .left .select_btn_area .select_btn.search_btn {
                  width: 12.89063vw; } }
              .container .sec_bg .flex_box .left .select_btn_area .select_btn.search_btn img {
                width: 29px; }
                @media screen and (max-width: 823px) {
                  .container .sec_bg .flex_box .left .select_btn_area .select_btn.search_btn img {
                    width: 7.03125vw;
                    height: 6.77083vw; } }
        .container .sec_bg .flex_box .left .img_area {
          width: 100%;
          max-width: 625px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border: solid 12px #fff;
          background-color: #f1f1f1;
          height: 770px;
          overflow-y: scroll; }
          .container .sec_bg .flex_box .left .img_area.-height_min {
            height: auto; }
          @media screen and (max-width: 823px) {
            .container .sec_bg .flex_box .left .img_area {
              height: 123.69792vw; } }
      .container .sec_bg .flex_box .right {
        max-width: 462px;
        width: 46%;
        margin-top: 80px; }
        @media screen and (max-width: 823px) {
          .container .sec_bg .flex_box .right {
            max-width: none;
            width: 100%;
            margin-top: 8.33333vw; } }
        .container .sec_bg .flex_box .right .txt_box {
          font-weight: 700;
          margin-bottom: 28px; }
          @media screen and (max-width: 823px) {
            .container .sec_bg .flex_box .right .txt_box {
              margin-bottom: 3.64583vw; } }
          .container .sec_bg .flex_box .right .txt_box .ttl {
            color: #e79521;
            font-size: 2.4rem;
            padding-bottom: 0.4em;
            border-bottom: solid 2px #e79521;
            margin-bottom: 20px; }
            @media screen and (max-width: 823px) {
              .container .sec_bg .flex_box .right .txt_box .ttl {
                font-size: 4.55729vw;
                padding-bottom: 0.78125vw;
                margin-bottom: 1.82292vw; } }
          .container .sec_bg .flex_box .right .txt_box .txt {
            color: #fff;
            line-height: 1.7; }
            @media screen and (max-width: 823px) {
              .container .sec_bg .flex_box .right .txt_box .txt {
                font-size: 3.90625vw; } }

.footer.-single_page {
  padding: 50px 0; }
  @media screen and (max-width: 823px) {
    .footer.-single_page {
      padding: 7.8125vw 0 7.8125vw; } }

.left.profile_img_area {
  max-width: 625px;
  width: 50%;
  margin-right: 4%;
  background-color: #e79521;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 800px; }
  @media screen and (max-width: 823px) {
    .left.profile_img_area {
      max-width: none;
      width: 100%;
      margin-right: 0;
      padding: 2.60417vw;
      height: auto; } }
  .left.profile_img_area .history .ttl {
    font-weight: 900;
    background-color: #131925;
    color: #e79521;
    font-size: 4.0rem;
    padding: 16px 0 18px;
    text-align: center;
    margin-bottom: 28px;
    letter-spacing: 0.08em; }
    @media screen and (max-width: 823px) {
      .left.profile_img_area .history .ttl {
        font-size: 7.29167vw;
        padding: 2.60417vw 0 2.86458vw;
        line-height: 1.2;
        margin-bottom: 3.125vw; } }
  .left.profile_img_area .history .history_con {
    padding: 0px 20px 20px; }
    @media screen and (max-width: 823px) {
      .left.profile_img_area .history .history_con {
        padding: 0 2.60417vw 2.60417vw; } }
    .left.profile_img_area .history .history_con .occupation_ttl {
      position: relative;
      text-align: center;
      font-weight: 900;
      margin-bottom: 26px; }
      @media screen and (max-width: 823px) {
        .left.profile_img_area .history .history_con .occupation_ttl {
          margin-bottom: 4.6875vw; } }
      .left.profile_img_area .history .history_con .occupation_ttl::before {
        content: "";
        width: 100%;
        height: 2px;
        display: block;
        background-color: #131925;
        position: absolute;
        top: 50%;
        left: 0; }
        @media screen and (max-width: 823px) {
          .left.profile_img_area .history .history_con .occupation_ttl::before {
            height: 0.39063vw; } }
      .left.profile_img_area .history .history_con .occupation_ttl span {
        font-size: 2.4rem;
        display: inline-block;
        background-color: #e79521;
        padding: 0 0.6em;
        position: relative;
        letter-spacing: 0.08em; }
        @media screen and (max-width: 823px) {
          .left.profile_img_area .history .history_con .occupation_ttl span {
            font-size: 4.42708vw;
            padding: 0 0.4em; } }
    .left.profile_img_area .history .history_con .box {
      margin-bottom: 30px; }
      @media screen and (max-width: 823px) {
        .left.profile_img_area .history .history_con .box {
          margin-bottom: 4.6875vw; } }
      .left.profile_img_area .history .history_con .box :last-child {
        margin-bottom: 0px; }
      .left.profile_img_area .history .history_con .box .list_year {
        font-weight: 900;
        font-size: 3.0rem;
        margin-bottom: 10px; }
        @media screen and (max-width: 823px) {
          .left.profile_img_area .history .history_con .box .list_year {
            line-height: 1; } }
        .left.profile_img_area .history .history_con .box .list_year span {
          font-size: 80%; }
      .left.profile_img_area .history .history_con .box .list_ttl {
        font-weight: 900;
        font-size: 3.0rem;
        margin-bottom: 10px; }
        @media screen and (max-width: 823px) {
          .left.profile_img_area .history .history_con .box .list_ttl {
            font-size: 5.20833vw;
            line-height: 1;
            margin-bottom: 1.30208vw; } }
        .left.profile_img_area .history .history_con .box .list_ttl span {
          font-size: 60%;
          line-height: 0.5; }
        .left.profile_img_area .history .history_con .box .list_ttl a {
          color: #131925;
          position: relative; }
          .left.profile_img_area .history .history_con .box .list_ttl a::after {
            content: "";
            position: absolute;
            background: url("../image/profile_link_icon.svg") no-repeat;
            right: -24px;
            bottom: 6px;
            width: 17px;
            height: 1px;
            padding-top: 16px;
            background-size: cover; }
            @media screen and (max-width: 823px) {
              .left.profile_img_area .history .history_con .box .list_ttl a::after {
                width: 16px;
                height: 1;
                padding-top: 15px;
                background-size: cover; } }
      .left.profile_img_area .history .history_con .box .list_txt {
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 1.4; }
        @media screen and (max-width: 823px) {
          .left.profile_img_area .history .history_con .box .list_txt {
            font-size: 2.86458vw; } }

.container .sec_bg .flex_box
.right.profile_message {
  margin-top: 20px; }
  @media screen and (max-width: 823px) {
    .container .sec_bg .flex_box
.right.profile_message {
      max-width: none;
      width: 100%;
      margin-top: 8.33333vw; } }