@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
* {
  box-sizing: border-box;
}

/* HTML5
-------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}

/* embed
-------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* all
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  width: 100%;
  overflow-x: hidden;
}
body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 2px;
  overflow-wrap: break-word;
  word-break: normal;
}
#content {
  overflow-x: hidden;
}
a {
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
}
a:focus, a:active, a:hover {
  outline: 0;
}
* {
  box-sizing: border-box;
}
.pc {
  display: inline-block;
}
.sp {
  display: none;
}
.stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.wrap {
  width: 100%;
  max-width: 1024px;
  box-sizing: border-box;
  margin: 0 auto;
  *zoom: 1;
}

@media screen and (max-width: 768px) {
  body {
    min-width: 320px;
    font-size: 14px;
  }
  .wrap {
    width: 100%;
    padding: 0 1vw;
  }
  .pc {
    display: none;
    }
  .sp {
    display: inline-block;
  }
}

/* clear
-------------------------------------------------- */
.clear {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before {
  display: inline-table;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

a {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}

/* animation
-------------------------------------------------- */
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* header
-------------------------------------------------- */
header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.03vw;
  padding: 15px;
  overflow: visible;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
}
header.is-fixed {
  background: url('../images/header-background.png') no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
header .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: unset;
}
header .logo {
  height: 100%;
  margin-right: 2vw;
}
header .logo img {
  height: 100%;
}
header .site_title {
  margin-right: 7vw;
  width: 12.65vw;
}
header .menu nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  text-align: center;
}
header .menu nav .nav_item {
  display: inline-block;
  margin: 0 2vw;
  font-size: 1.09vw;
}
header .menu nav .en,
header .menu nav .jp {
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
}
header .menu nav .en img {
  height: 0.62vw;
}
header .menu nav .jp {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0.93vw;
}
header .menu nav a {
  position: relative;
  -webkit-transition: none;
          transition: none
}
header .menu nav a.colorchange {
  color: #ffffff;
}
header .menu nav a:hover .en {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0;
  visibility: hidden;
}
header .menu nav a:hover .jp {
  -webkit-filter: blur(0);
  filter: blur(0);
  opacity: 1;
  visibility: visible;
}
.entry_item {
  position: fixed;
  z-index: 10;
  top: 1vw;
  right: 1vw;
}
.entry_item a {
  display: inline-block;
  border-radius: 100%;
}
.entry_item div {
  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;
  width: 5.15vw;
  height: 5.15vw;
  background: #ffffff;
  border: 0.1vw solid #ffffff;
  border-radius: 100%;
  font-size: 1.09vw;
  font-family: 'Balthazar', serif;
  box-shadow: 0.54vw 0.54vw 2.34vw 0 rgb(0 0 0 / 10%);
}
.entry_item div:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #000000;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  transition: transform ease 0.4s;
  border: 0.1vw solid #ffffff;
}
.entry_item div img {
  width: 3.59vw;
}
.entry_item div:hover img {
  position: relative;
  z-index: 1;
}
.entry_item div:hover:after {
  transform: translate(-50%, -50%) scale(1.2, 1.2);
}
.menu-trigger,
.menu-trigger span {
  display: none;
  vertical-align: middle;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.menu-trigger {
  position: fixed;
  top: 6vw;
  right: 3vw;
  width: 8.93vw;
  height: 4vw;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.5vw;
  background-color: #000000;
  border-radius: 1vw;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 1.7vw;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(2vw) rotate(-35deg);
  transform: translateY(2vw) rotate(-35deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-1.3vw) rotate(35deg);
  transform: translateY(-1.3vw) rotate(35deg);
}
#gnav-sp {
  display: none;
  position: fixed;
  z-index: 5;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 25vw 0 5vw;
  text-align: center;
  background: url('../images/sp_menu-background.jpg') no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
#gnav-sp .wrap {
  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;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}
#gnav-sp .nav_item {
  display: inline-block;
  width: 100%;
  margin: 5vw 0;
  line-height: 1.5;
}
#gnav-sp .nav_item .en img {
  height: 3.33vw;
  margin-bottom: 2vw;
}
#gnav-sp .nav_item .jp {
  font-size: 3.46vw;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
}
#gnav-sp .entry-box {
  display: inline-block;
  margin: 7vw 0;
}
#gnav-sp .entry-box a {
  display: inline-block;
}
#gnav-sp .entry-box span {
  display: inline-block;
  border: 0.1vw solid #000000;
  text-align: center;
}
#gnav-sp .entry-box span img {
  display: inline-block;
  width: 21.46vw;
  margin: 3vw 7vw;
}
#gnav-sp .hp-box {
  display: inline-block;
  font-size: 3.46vw;
}
#gnav-sp .hp-box img {
  width: 3.33vw;
  margin-right: 2vw;
}

@media screen and (max-width: 768px) {
  header {
    height: 16.66vw;
    opacity: 1;
  }
  header.is-fixed {
    opacity: 1;
    background: none;
  }
  header .site_title {
    width: 29.33vw;
  }
  header .menu {
    display: none;
  }
  .entry_item {
    top: auto;
    bottom: 3vw;
    right: 3vw;
  }
  .entry_item div {
    width: 18.8vw;
    height: 18.8vw;
  }
  .entry_item div img {
    width: 13.33vw;
  }
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
  }
}


/* footer
-------------------------------------------------- */
#footer {
  width: 80vw;
  padding: 5vw 0;
  margin: 0 auto;
  border-top: 0.1vw solid #000000;
}
#footer .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-end;
  width: 100%;
}
#footer .logo {
  width: 11.71vw;
  margin-right: 2vw;
}
#footer .another-link {
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
}
#footer .another-link .hp-box {
  display: inline-block;
  margin: 2vw 0;
  font-size: 1.09vw;
}
#footer .another-link .hp-box a:hover span {
  border-bottom: 0.1vw solid #000000;
}
#footer .another-link .hp-box img {
  width: 1.09vw;
  margin-right: 1vw;
}
#footer .another-link .copyright-box {
  font-size: 1.09vw;
}

@media screen and (max-width: 768px) {
  #footer .wrap {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
  #footer .logo {
    width: 27.06vw;
    margin: 3vw 0 5vw 0;
  }
  #footer .another-link {
    text-align: center;
  }
  #footer .another-link .hp-box {
    margin: 5vw 0;
    font-size: 3.46vw;
  }
  #footer .another-link .hp-box img {
    width: 3.33vw;
  }
  #footer .another-link .copyright-box {
    font-size: 3.46vw;
  }
}


/* index
-------------------------------------------------- */
#content #area01 .wrap {
  width: 100%;
  max-width: unset;
}
#content #area01 .slick-dotted.slick-slider {
  margin-bottom: 0;
}
#content #area01 .slick-slide img.pc {
  display: block;
}
#content #area01 .slick-slide img.sp {
  display: none;
}
#content #area01 .main_slider .slick-dots {
  bottom: 3vw;
  right: 3vw;
  width: auto;
}
#content #area01 .main_slider .slick-dots li button:before {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  #content #area01 .wrap {
    padding: 0;
  }
  #content #area01 .slick-slide img.pc {
    display: none;
  }
  #content #area01 .slick-slide img.sp {
    display: block;
  }
  #content #area01 .main_slider .slick-dots {
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
#content #area02 {
  padding: 5vw 0 25vw;
  text-align: center;
  background: url('../images/message_background.jpg') no-repeat;
  background-size: 100% auto;
  background-position: center;
  font-size: 1.25vw;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
}
#content #area02 .wrap {
  width: 100%;
}
#content #area02 .area-title {
  margin-bottom: 5vw;
}
#content #area02 .area-title img {
  width: 23.43vw;
}
#content #area02 .area-contents {
  position: relative;
  overflow: overlay;
  height: 26.5vw;
  line-height: 2.5;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
#content #area02 .area-contents::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}
@media screen and (max-width: 768px) {
  #content #area02 {
    padding: 20vw 0 40vw;
    font-size: 4vw;
    background-position: bottom;
  }
  #content #area02 .area-title img {
    width: 59.6vw;
    margin-bottom: 5vw;
  }
  #content #area02 .area-contents {
    height: 95vw;
  }
}
#content #area03 {
  position: relative;
  margin-top: -25vw;
  padding: 13vw 0;
  background: url('../images/job_background.png') no-repeat;
  background-size: 100% auto;
  background-position: top;
  text-align: center;
  overflow: hidden;
}
#content #area03 .wrap {
  width: 60vw;
}
#content #area03 .area-title img {
  width: 29.68vw;
  margin: 3vw 0;
}
#content #area03 .area-title .jp {
  font-size: 1.56vw;
  color: #001c8c;
}
#content #area03 .area-contents {
  display: inline-block;
  width: 100%;
  margin: 7vw 0;
  text-align: center;
}
#content #area03 .area-contents span {
  display: inline-block;
  margin-bottom: 5vw;
  font-size: min(2.57vw, 42px);
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
}
#content #area03 .area-contents p {
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  font-size: min(1.25vw, 18px);
  line-height: 2;
}
#content #area03 .area-picture {
  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;
}
#content #area03 .area-picture div {
  display: inline-block;
  width: 25.07vw;
  margin: 0 1vw;
}
@media screen and (max-width: 768px) {
  #content #area03 {
    padding: 20vw 0;
  }
  #content #area03 .wrap {
    width: 78.66vw;
  }
  #content #area03 .area-title img {
    width: 50.53vw;
  }
  #content #area03 .area-title .jp {
    font-size: 4vw;
  }
  #content #area03 .area-contents span {
    font-size: 5.46vw;
  }
  #content #area03 .area-contents p {
    font-size: 3.73vw;
  }
  #content #area03 .area-picture div {
    width: auto;
  }
}
#content #area04 {
  padding-bottom: 15vw;
  text-align: center;
}
#content #area04 .area-title {
  position: relative;
  padding: 3vw 0;
  background: #6375b9;
  color: #ffffff;
}
#content #area04 .area-title:before,
#content #area04 .area-title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.2vw;
  background-color: #ffffff;
}
#content #area04 .area-title:before {
  top: 1vw;
}
#content #area04 .area-title:after {
  bottom: 1vw;
}
#content #area04 .area-title img {
  width: 43.98vw;
  margin: 1vw 0;
}
#content #area04 .area-title .jp {
  font-size: 1.56vw;
}
#content #area04 .area-contents p {
  display: inline-block;
  width: 100%;
  margin: 3vw 0;
  font-size: 1.09vw;
  color: #6375b9;
}
#content #area04 .area-contents .area-images {
  position: relative;
  display: inline-block;
}
#content #area04 .area-contents .area-images .base-img img {
  width: 44.14vw;
}
#content #area04 .area-contents .area-images .explain-img img {
  position: absolute;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain01 {
  width: 28.90vw;
  top: -1.25vw;
  left: 25vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain02 {
  width: 28.86vw;
  top: 3.7vw;
  right: 25vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain03 {
  width: 28.90vw;
  top: 13.3vw;
  left: 25vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain04 {
  width: 28.86vw;
  top: 18vw;
  right: 25vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain05 {
  width: 28.90vw;
  top: 27.8vw;
  left: 25vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain06 {
  width: 23.35vw;
  top: 39vw;
  right: 30vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain07 {
  width: 23.35vw;
  top: 48vw;
  left: 30vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain08 {
  width: 23.35vw;
  top: 58vw;
  right: 30vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain09 {
  width: 23.35vw;
  top: 76vw;
  left: 30vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain10 {
  width: 23.35vw;
  top: 81vw;
  right: 30vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain11 {
  width: 28.86vw;
  top: 106vw;
  right: 25vw;
}
#content #area04 .area-contents .area-images .explain-img .ship_explain12 {
  width: 28.90vw;
  top: 110.5vw;
  left: 25vw;
}
@media screen and (max-width: 768px) {
  #content #area04 .area-title {
    padding: 7vw 0;
  }
  #content #area04 .area-title:before {
    top: 3vw;
  }
  #content #area04 .area-title:after {
    bottom: 3vw;
  }
  #content #area04 .area-title img {
    width: 81.06vw;
    margin: 2vw 0 3vw;
  }
  #content #area04 .area-title .jp {
    font-size: 4vw;
  }
  #content #area04 .area-contents p {
    font-size: 3.46vw;
  }
  #content #area04 .area-contents .area-images {
    margin: 10vw 0;
  }
  #content #area04 .area-contents .area-images .base-img {
    position: relative;
    left: -9vw;
  }
  #content #area04 .area-contents .area-images .base-img img {
    width: 92.13vw;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain01 {
    width: 61.33vw;
    top: -3vw;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain02 {
    width: 61.33vw;
    top: 37.5vw;
    left: 25vw;
    right: auto;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain03 {
    width: 61.33vw;
    top: 85vw;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain04 {
    width: 61.33vw;
    top: 126vw;
    left: 25vw;
    right: auto;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain05 {
    width: 61.33vw;
    top: 175vw;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain06 {
    width: 71.33vw;
    top: 215vw;
    right: -8vw;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain07 {
    width: 71.33vw;
    top: 265vw;
    right: -8vw;
    left: auto;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain08 {
    width: 71.33vw;
    top: 315vw;
    right: -8vw;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain09 {
    width: 71.33vw;
    top: 410vw;
    right: -8vw;
    left: auto;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain10 {
    width: 71.33vw;
    top: 469vw;
    right: -8vw;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain11 {
    width: 61.33vw;
    top: 555vw;
    left: 25vw;
    right: auto;
  }
  #content #area04 .area-contents .area-images .explain-img .ship_explain12 {
    width: 61.33vw;
    top: 603vw;
  }
}
#content #area05 {
  background: url('../images/interview_background.png') no-repeat;
  background-size: 100% 100%;
  background-position: top;
  text-align: center;
}
#content #area05 .area-title {
  padding-left: 10vw;
  text-align: left;
  color: #001c8c;
}
#content #area05 .area-title img {
  display: inline-block;
  vertical-align: middle;
  width: 51.56vw;
  margin: 0 2vw 5vw 0;
}
#content #area05 .area-title .jp {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.40vw;
}
#content #area05 .area-main-img {
  position: relative;
  margin-bottom: 10vw;
  text-align: left;
}
#content #area05 .area-main-img img {
  width: 71.64vw;
}
#content #area05 .area-main-img .main-copy {
  position: absolute;
  left: 40vw;
  bottom: -6vw;
  padding: 2vw 3vw;
  background: #001c8c;
  color: #ffffff;
  font-size: 2.81vw;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
}
#content #area05 .area-contents {
  position: relative;
  font-size: min(1.25vw, 18px);
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
#content #area05 .area-contents .interview-info {
  display: inline-block;
  padding: 0 10vw 1vw 18vw;
  margin-bottom: 7vw;
  border-bottom: 0.1vw solid #001c8c;
}
#content #area05 .area-contents .interview-info .name img {
  width: 5.62vw;
  margin-bottom: 1vw;
}
#content #area05 .area-contents .interview-contents {
  width: 42vw;
  margin-left: 18vw;
  line-height: 2;
}
#content #area05 .area-contents .interview-sub-img {
  position: absolute;
  top: 1vw;
  right: 0;
  width: 35.40vw;
}
#content #area05 .area-contents .interview-sub-img img {
  width: 100%;
  margin: 4vw 0;
}
#content #area05 .area-entry {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 15vw 0;
  margin: 5vw 0 20vw;
  background: url('../images/entry-background.svg') no-repeat;
  background-size: 110% auto;
  background-position: center;
}
#content #area05 .area-entry a {
  display: inline-block;
}
#content #area05 .area-entry .entry-box {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: auto;
  padding: 2vw 7vw;
  color: #001c8c;
  background: #ffffff;
  border: 0.1vw solid #001c8c;
  -webkit-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
}
#content #area05 .area-entry a:hover .entry-box {
  color: #ffffff;
  background: #001c8c;
  border: 0.1vw solid #ffffff;
}
#content #area05 .area-entry .entry-box .en img {
  width: 20.07vw;
  margin: 1vw 0;
}
#content #area05 .area-entry .entry-box .jp {
  font-size: 1.25vw;
}
#content #area05 .area-entry .entry-box .jp {
  font-size: 1.25vw;
}
#content #area05 .area-entry .entry-flash {
  display: inline-block;
  width: 115%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: flash 3s linear infinite;
}
@media screen and (max-width: 768px) {
  #content #area05 .area-title {
    margin-bottom: 8vw;
  }
  #content #area05 .area-title img {
    width: 78.66vw;
  }
  #content #area05 .area-title .jp {
    font-size: 4vw;
  }
  #content #area05 .area-main-img {
    margin-bottom: 30vw;
  }
  #content #area05 .area-main-img img {
    width: 89.33vw;
  }
  #content #area05 .area-main-img .main-copy {
    bottom: -20vw;
    left: auto;
    right: 5vw;
    padding: 3vw 5vw;
    line-height: 2;
    font-size: 4.8vw;
  }
  #content #area05 .area-contents {
    font-size: 3.46vw;
  }
  #content #area05 .area-contents .interview-info {
    width: 89.46vw;
    padding-left: 10vw;
    padding-bottom: 3vw;
  }
  #content #area05 .area-contents .interview-info .name img {
    width: 15.73vw;
    margin-bottom: 3vw;
  }
  #content #area05 .area-contents .interview-contents {
    width: 78.53vw;
    margin-left: 10vw;
  }
  #content #area05 .area-contents .interview-sub-img {
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    margin-top: 5vw;
    text-align: center;
  }
  #content #area05 .area-contents .interview-sub-img img {
    width: 62.13vw;
  }
  #content #area05 .area-contents .interview-sub-img #interview_img_sub01 {
    margin-right: 37.87vw;
  }
  #content #area05 .area-contents .interview-sub-img #interview_img_sub02 {
    margin-left: 37.87vw;
  }
  #content #area05 .area-entry {
    padding: 40vw 0;
    background: url(../images/entry-background_sp.svg) no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  #content #area05 .area-entry .entry-box {
    padding: 5vw 10vw;
  }
  #content #area05 .area-entry .entry-box .en img {
    width: 34.26vw;
    margin-bottom: 3vw;
  }
  #content #area05 .area-entry .entry-box .jp {
    font-size: 3.46vw;
  }
}
#content #area06 {
  margin-top: -20vw;
  padding-top: 10vw;
  background: url('../images/about_background.png') no-repeat;
  background-size: 100% auto;
  background-position: top;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
#content #area06 .wrap {
  width: 60.93vw;
  margin: 0 auto 10vw;
}
#content #area06 .area-title {
  margin-bottom: 5vw;
  color: #001c8c;
}
#content #area06 .area-title .en img {
  width: 21.64vw;
  margin-bottom: 1.5vw;
}
#content #area06 .area-title .jp {
  font-size: 1.25vw;
}
#content #area06 .area-contents {
  font-size: min(1.25vw, 18px);
  line-height: 2;
}
#content #area06 .area-contents span {
  display: inline-block;
  margin-bottom: 2vw;
  font-size: 2.65vw;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
}
#content #area06 .area-logo {
  width: 23.43vw;
  margin: 2vw 0 2vw auto;
  font-size: 1.09vw;
  letter-spacing: 0;
  text-align: center;
}
#content #area06 .area-logo a {
  display: inline-block;
}
#content #area06 .area-logo a:hover span {
  border-bottom: 0.1vw solid #000000;
}

@media screen and (max-width: 768px) {
  #content #area06 .wrap {
    width: 78.53vw;
    padding: 15vw 0 0;
  }
  #content #area06 .area-title {
    margin-bottom: 10vw;
  }
  #content #area06 .area-title .en img {
    width: 64.26vw;
    margin-bottom: 3vw;
  }
  #content #area06 .area-title .jp {
    font-size: 3.73vw;
    letter-spacing: 0;
  }
  #content #area06 .area-contents {
    font-size: 3.73vw;
  }
  #content #area06 .area-contents span {
    margin-bottom: 5vw;
    font-size: 5.6vw;
    line-height: 1.5;
  }
  #content #area06 .area-logo {
    width: 69.06vw;
    margin: 5vw auto;
    font-size: 3.46vw;
  }
}