@charset "UTF-8";
/* Scss Document */
.header_box {
  transition: .3s;
  background-color: inherit !important; }
  .header_box.bg {
    background-color: #fff !important; }

body {
  position: relative;
  padding: 0 !important; }

.kuwasiku_link {
  width: fit-content;
  display: block;
  padding: 0 70px 0 0;
  position: relative;
  font: 2.0rem/50px 'Noto Sans JP', sans-serif;
  font-weight: 700;
  transition: .3s; }
  .kuwasiku_link:before {
    transition: .3s;
    position: absolute;
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fcc800;
    right: 0;
    top: 0; }
  .kuwasiku_link:after {
    transition: .3s;
    z-index: 1;
    position: absolute;
    content: "";
    top: 41%;
    left: auto;
    right: 22px;
    -webkit-transform: translate(0%, -50%);
    /* Safari用 */
    transform: translate(0%, -50%);
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

@media (hover: hover) {
  .kuwasiku_link:hover:before {
    right: -20px;
    top: 0; }
  .kuwasiku_link:hover:after {
    right: -0px; } }
/******************************************************/
.mv {
  height: 760px;
  background: url("../images/recruit/mv_bg.jpg") center center no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .mv:before {
    transition: .3s;
    position: absolute;
    content: "";
    display: block;
    right: 0;
    bottom: 0;
    background: url("../images/recruit/mv.png") center center no-repeat;
    width: 100%;
    max-width: 1144px;
    height: 760px; }
  .mv div {
    width: calc(100% - 140px);
    margin: 0 auto;
    max-width: 1280px;
    height: 760px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: flex-start; }
  .mv .big {
    background: url("../images/recruit/pc_mv_ttl.svg") center center no-repeat;
    background-size: contain;
    width: 528px;
    height: 322px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }

@media (max-width: 1280px) {
  .mv:before {
    background: url("../images/recruit/mv.jpg") right -150px center no-repeat; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .mv {
    height: 1100px;
    background: url("../images/recruit/mv_bg.jpg") center center no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .mv:before {
      transition: .3s;
      position: absolute;
      content: "";
      display: block;
      top: auto;
      bottom: 0;
      right: auto;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%);
      background: url("../images/recruit/mv.png") center bottom no-repeat;
      background-size: auto 760px;
      width: 100%;
      max-width: 1000px;
      height: 760px; }
    .mv div {
      width: 100%;
      margin: 0 auto;
      max-width: 1280px;
      padding: 150px 0 0;
      height: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      align-items: center; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .mv {
    height: 900px;
    background: url("../images/recruit/mv_bg.jpg") center center no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .mv:before {
      transition: .3s;
      position: absolute;
      content: "";
      display: block;
      top: auto;
      bottom: 0;
      right: auto;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%);
      background: url("../images/recruit/mv.png") right bottom no-repeat;
      background-size: contain;
      width: 768px;
      height: 540px; }
    .mv div {
      width: 100%;
      margin: 0 auto;
      max-width: 1280px;
      padding: 150px 0 0;
      height: 100%;
      position: relative;
      display: block; }
    .mv .big {
      position: relative;
      background: url("../images/recruit/sp_mv_ttl.svg") center center no-repeat;
      background-size: contain;
      max-width: 430px;
      margin: 0 auto;
      width: 100%;
      height: 295px;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .mv {
    height: calc(100vw + 300px);
    background: url("../images/recruit/mv_bg.jpg") center center no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .mv:before {
      transition: .3s;
      position: absolute;
      content: "";
      display: block;
      top: auto;
      bottom: 0;
      right: auto;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%);
      background: url("../images/recruit/sp_mv.jpg") right bottom no-repeat;
      background-size: contain;
      width: 100%;
      max-width: 480px;
      height: 0;
      padding: 126% 0 0; }
    .mv div {
      width: 100%;
      margin: 0 auto;
      max-width: 1280px;
      padding: 100px 0 0;
      height: 100%;
      position: relative;
      display: block; }
    .mv .big {
      max-width: 320px;
      width: 100%;
      height: 226px; } }
/*max-width:480px*/
/******************************************************/
.about h2 span,
.message h2 span {
  font: 2.2rem/1.0em 'Noto Sans JP', sans-serif;
  font-weight: 700;
  z-index: 1;
  color: #fcc800;
  display: block;
  margin: 0 0 20px; }

@media (max-width: 480px) {
  .about h2 span,
  .message h2 span {
    font: 2.0rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    z-index: 1;
    margin: 0 0 10px; } }
/*max-width:768px*/
/******************************************************/
.message {
  max-width: 1680px;
  width: calc(100% - 100px);
  padding: 200px 0 230px;
  margin: 0 auto;
  position: relative; }
  .message h2 {
    font: 4.4rem/1.5em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    z-index: 1;
    color: #595757;
    margin: 0 0 25px; }
    .message h2 br {
      display: none; }
  .message .absolute {
    position: absolute;
    left: -50px;
    bottom: 0;
    font: 20rem/1.0em 'Oswald', sans-serif;
    letter-spacing: 0.1em;
    -webkit-text-stroke: 1px #fee391;
    text-stroke: 1px #fee391;
    color: #fff;
    opacity: 0.8;
    z-index: 1; }
  .message:before {
    position: absolute;
    content: "";
    display: block;
    top: 90px;
    left: 50px;
    background: url("../images/recruit/ring01.svg") center center no-repeat;
    background-size: contain;
    width: 360px;
    height: 360px; }
  .message:after {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    right: -20px;
    background: url("../images/recruit/ring02.svg") center center no-repeat;
    background-size: contain;
    width: 280px;
    height: 280px; }

.message_flex {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center; }
  .message_flex .txt {
    width: 705px;
    z-index: 5;
    position: relative; }
    .message_flex .txt p {
      font: 2.0rem/2.4em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      margin: 0 auto 50px; }
  .message_flex .pic {
    z-index: 5;
    position: relative;
    max-width: 660px;
    width: calc(100% - 730px); }
    .message_flex .pic img {
      width: 100%; }

@media (max-width: 1280px) {
  .message {
    max-width: 1680px;
    width: calc(100% - 100px);
    padding: 200px 0 230px;
    margin: 0 auto;
    position: relative; }
    .message h2 br {
      display: block; }
    .message .absolute {
      position: absolute;
      left: -50px;
      bottom: 0;
      font: 20rem/1.0em 'Oswald', sans-serif;
      letter-spacing: 0.1em;
      -webkit-text-stroke: 1px #fee391;
      text-stroke: 1px #fee391;
      color: #fff;
      opacity: 0.8;
      z-index: 1; }
    .message:before {
      position: absolute;
      content: "";
      display: block;
      top: 90px;
      left: 50px;
      background: url("../images/recruit/ring01.svg") center center no-repeat;
      background-size: contain;
      width: 360px;
      height: 360px; }
    .message:after {
      position: absolute;
      content: "";
      display: block;
      bottom: 0;
      right: -20px;
      background: url("../images/recruit/ring02.svg") center center no-repeat;
      background-size: contain;
      width: 280px;
      height: 280px; }

  .message_flex {
    position: relative;
    z-index: 1;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center; }
    .message_flex .txt {
      width: 450px;
      z-index: 5;
      position: relative; }
      .message_flex .txt p {
        font: 2.0rem/2.4em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        margin: 0 auto 50px; }
    .message_flex .pic {
      z-index: 5;
      position: relative;
      max-width: 660px;
      width: calc(100% - 480px); }
      .message_flex .pic img {
        width: 100%; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .message {
    width: 100%;
    padding: 100px 0 0;
    margin: 0 auto 150px;
    position: relative;
    overflow: hidden; }
    .message .absolute {
      position: absolute;
      top: auto;
      bottom: 0;
      width: 90vw;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%);
      font: 20vw/1.0em 'Oswald', sans-serif;
      letter-spacing: 0.1em;
      -webkit-text-stroke: 1px #fee391;
      text-stroke: 1px #fee391;
      color: #fff;
      opacity: 0.8;
      text-align: center;
      z-index: 1; }
    .message:before, .message:after {
      display: none; }

  .message_flex {
    position: relative;
    z-index: 1;
    max-width: 705px;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center; }
    .message_flex .txt {
      order: 1;
      width: 100%;
      z-index: 5;
      position: relative;
      margin: 0 0 30px; }
      .message_flex .txt p {
        font: 2.0rem/2.4em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        margin: 0 auto 50px; }
    .message_flex .pic {
      order: 2;
      z-index: 5;
      position: relative;
      max-width: 550px;
      width: 100%; }
      .message_flex .pic img {
        width: 100%; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .message {
    width: 100%;
    padding: 80px 0 0;
    margin: 0 auto 100px; }
    .message h2 {
      font: 4.0rem/1.5em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      z-index: 1;
      color: #595757;
      margin: 0 0 25px; }
      .message h2 br {
        display: block; }
    .message .absolute {
      position: absolute;
      top: auto;
      bottom: 0;
      width: 95vw;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%);
      font: 22.5vw/1.0em 'Oswald', sans-serif;
      letter-spacing: 0.1em;
      -webkit-text-stroke: 1px #fee391;
      text-stroke: 1px #fee391;
      color: #fff;
      opacity: 0.8;
      text-align: center;
      z-index: 1; }

  .message_flex {
    position: relative;
    z-index: 1;
    max-width: 705px;
    width: calc(100% - 40px); }
    .message_flex .txt {
      margin: 0 0 30px; }
      .message_flex .txt p {
        text-align: justify;
        text-justify: inter-ideograph;
        font: 2.0rem/2.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        margin: 0 auto 50px; }
    .message_flex .pic {
      max-width: 480px;
      width: 90%; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .message {
    padding: 50px 0 0; }
    .message h2 {
      font: 2.8rem/1.5em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      z-index: 1;
      margin: 0 0 15px; }

  .message_flex .txt {
    margin: 0 0 30px; }
    .message_flex .txt p {
      text-align: justify;
      text-justify: inter-ideograph;
      font: 1.7rem/1.8em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      margin: 0 auto 50px; } }
/*max-width:480px*/
/******************************************************/
.about {
  max-width: 1280px;
  width: calc(100% - 200px);
  margin: 0 auto 170px; }

.about_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .about_flex .txt {
    width: 400px;
    color: #595757 !important; }
    .about_flex .txt h2 {
      font: 4.2rem/1.5em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      z-index: 1;
      color: #595757;
      margin: 0 0 20px; }
    .about_flex .txt p {
      font: 2.4rem/1.8em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      margin: 0 auto 70px; }
  .about_flex .pic {
    width: calc(100% - 420px);
    max-width: 760px;
    position: relative; }
    .about_flex .pic img {
      max-width: 100%; }
      .about_flex .pic img.small {
        position: absolute;
        right: 0;
        bottom: -50px; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .about {
    max-width: 768px;
    width: 100%;
    margin: 0 auto 170px; }

  .about_flex {
    display: block; }
    .about_flex .txt {
      width: calc(100% - 40px);
      max-width: 100%;
      margin: 0 auto 30px; }
      .about_flex .txt p {
        font: 2.0rem/2.4em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        margin: 0 auto 40px; }
    .about_flex .pic {
      width: 100%;
      max-width: 760px;
      position: relative; }
      .about_flex .pic img {
        max-width: 100%; }
        .about_flex .pic img.small {
          position: absolute;
          right: 0;
          bottom: -50px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .about {
    max-width: 768px;
    width: 100%;
    margin: 0 auto 170px; }

  .about_flex {
    display: block; }
    .about_flex .txt {
      width: calc(100% - 40px); }
      .about_flex .txt h2 {
        font: 4.0rem/1.5em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        z-index: 1;
        margin: 0 0 25px; }
      .about_flex .txt p {
        font: 2.0rem/2.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        margin: 0 auto 30px; }
    .about_flex .pic img.small {
      bottom: -100px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .about_flex .txt h2 {
    font: 2.8rem/1.5em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    z-index: 1;
    color: #595757;
    margin: 0 0 15px; }
  .about_flex .txt p {
    font: 1.8rem/1.8em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    margin: 0 auto 30px; }
  .about_flex .pic img.small {
    width: 70%;
    bottom: -100px; } }
/*max-width:480px*/
/******************************************************/
.business {
  padding: 0 0 190px; }
  .business h2 {
    position: relative;
    text-align: center;
    font: 12rem/1.0em 'Oswald', sans-serif;
    letter-spacing: 0.1em;
    color: #efefef;
    margin: 0 auto 40px; }
    .business h2 span {
      letter-spacing: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%);
      font: 2.2rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      z-index: 1;
      color: #fcc800; }
  .business p {
    font: 2.0rem/2.2em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    margin: 0 auto 40px;
    text-align: center; }
  .business a {
    margin: 0 auto; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .business {
    padding: 0 0 190px; }
    .business h2 {
      position: relative;
      text-align: center;
      font: 12rem/1.0em 'Oswald', sans-serif;
      letter-spacing: 0.1em;
      color: #efefef;
      margin: 0 auto 40px; }
      .business h2 span {
        letter-spacing: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        /* Safari用 */
        transform: translate(-50%, -50%);
        font: 2.2rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        z-index: 1;
        color: #fcc800; }
    .business p {
      max-width: 768px;
      width: calc(100% - 40px);
      font: 2.0rem/2.2em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      margin: 0 auto 40px;
      text-align: center; }
    .business a {
      margin: 0 auto; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .business {
    padding: 0 0 190px; }
    .business h2 {
      position: relative;
      text-align: center;
      font: 7rem/1.0em 'Oswald', sans-serif;
      letter-spacing: 0.1em;
      color: #efefef;
      margin: 0 auto 30px; }
      .business h2 span {
        letter-spacing: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        /* Safari用 */
        transform: translate(-50%, -50%);
        font: 2.2rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        z-index: 1;
        color: #fcc800; }
    .business p {
      max-width: 768px;
      width: calc(100% - 40px);
      font: 1.8rem/2.0em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      margin: 0 auto 40px;
      text-align: center; }
    .business a {
      margin: 0 auto; } }
/*max-width:768px*/
/*max-width:480px*/
/******************************************************/
.slider {
  margin: 0 auto 50px; }
  .slider li {
    margin: 0 20px;
    width: 400px; }
  .slider img {
    backface-visibility: hidden;
    width: 100%;
    height: auto;
    aspect-ratio: 8/7; }

.slider > li:not(:first-child) {
  display: none; }

@media (max-width: 768px) {
  .slider {
    margin: 0 auto 50px; }
    .slider li {
      margin: 0 10px;
      width: 250px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .slider {
    margin: 0 auto 50px; }
    .slider li {
      margin: 0 5px;
      width: 150px; } }
/*max-width:480px*/
/******************************************************/
.guideline {
  height: 430px;
  text-align: center;
  background: url("../images/recruit/guideline.jpg") center bottom -20px no-repeat;
  background-size: 1920px 600px;
  padding: 50px 0 0; }
  .guideline p {
    font: 7.0rem/1.4em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    margin: 0 0 20px;
    color: #fff; }
  .guideline a {
    display: block;
    margin: 0 auto;
    background-color: #fff;
    width: calc(100% - 40px);
    max-width: 500px;
    border-radius: 50px;
    text-align: center;
    height: 80px;
    font: 2.2rem/80px 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #113479; }

@media (max-width: 1024px) {
  .guideline {
    height: 430px;
    text-align: center;
    background: url("../images/recruit/guideline_tb.jpg") center bottom no-repeat;
    background-size: 1024px 430px;
    padding: 70px 0 0; } }
@media (max-width: 768px) {
  .guideline {
    height: 430px;
    text-align: center;
    background: url("../images/recruit/guideline_tb2.jpg") center bottom no-repeat;
    background-size: 768px 430px; }
    .guideline p {
      font: 4.5rem/1.4em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      margin: 0 0 20px;
      color: #fff; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .guideline {
    height: 310px;
    text-align: center;
    background: url("../images/recruit/guideline_sp.jpg") center bottom no-repeat;
    background-size: 480px 355px; }
    .guideline p {
      font: 3.3rem/1.4em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      margin: 0 0 20px;
      color: #fff; }
    .guideline a {
      max-width: 270px;
      border-radius: 50px;
      text-align: center;
      height: 60px;
      font: 1.8rem/59px 'Noto Sans JP', sans-serif;
      font-weight: 700;
      color: #113479; } }
/*max-width:480px*/
/******************************************************/
.corporate {
  padding: 50px 0; }
  .corporate a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    max-width: 940px;
    width: calc(100% - 40px);
    margin: 0 auto; }
  .corporate .top {
    color: #000;
    font: 3.0rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 700; }
  .corporate .mid {
    font: 4.0rem/1.4em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #fcc800;
    letter-spacing: 0.05em; }
    .corporate .mid span {
      color: #00b1ed;
      font: 5.0rem/1.4em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      padding: 0 10px 0 0; }
  .corporate .btm {
    letter-spacing: 0.05em;
    font: 2.7rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #113479;
    position: relative;
    width: fit-content; }
    .corporate .btm:before {
      right: -20px;
      top: 7px;
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 0 9px 14px;
      border-color: transparent transparent transparent #113479; }
  .corporate div {
    max-width: fit-content;
    width: calc(100% - 450px); }
  .corporate img {
    width: 450px; }

@media (min-width: 1024px) and (hover: hover) {
  .corporate a:hover {
    opacity: 0.5; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .corporate a {
    display: block; }
  .corporate div {
    max-width: fit-content;
    width: 100%;
    margin: 0 auto 25px; }
  .corporate img {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    display: block; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .corporate a {
    display: block;
    transform: scale(0.9); } }
/*max-width:768px*/
@media (max-width: 480px) {
  .corporate a {
    transform: scale(1);
    margin: 0 auto; }
  .corporate .top {
    font: 2.0rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 700; }
  .corporate .mid {
    font: 2.7rem/1.6em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    letter-spacing: 0em; }
    .corporate .mid span {
      font: 3.7rem/1.4em 'Noto Sans JP', sans-serif;
      font-weight: 700; }
  .corporate .btm {
    letter-spacing: 0.05em;
    font: 1.8rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #113479;
    position: relative;
    width: fit-content; }
    .corporate .btm:before {
      right: -25px;
      top: 4px;
      border-style: solid;
      border-width: 7px 0 7px 12px;
      border-color: transparent transparent transparent #113479; }
  .corporate img {
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
    display: block; } }
/*max-width:480px*/
/*****************************************************/
@media (max-width: 1024px) {
  .fixed_intern {
    position: absolute;
    top: 880px;
    right: auto;
    left: 30px;
    display: block !important; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .fixed_intern {
    top: 720px;
    right: auto;
    left: 20px;
    width: 140px; } }
/*max-width:1024px*/
@media (max-width: 488px) {
  .fixed_intern {
    top: 510px;
    right: auto;
    left: 20px;
    width: 130px; } }
/*max-width:1024px*/
/*****************************************************/
@media (max-width: 1024px) {
  .footer_intern {
    opacity: 0;
    z-index: -7777;
    transition: .3s; }
    .footer_intern.active {
      opacity: 1;
      z-index: 7777; } }
/*max-width:1024px*/