@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", serif;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #053DA3;
}
@media (max-width: 480px) {
  body {
    font-size: 1.4rem;
  }
}

img {
  max-width: 100%;
}

::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article, aside, details, figcaption, figure, footer,
header, main, menu, nav, section, summary {
  display: block;
}

small {
  font-size: 60%; /* Set font-size to 80% in `small` elements */
}

ul {
  list-style: none;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
  transition: 0.5s;
  word-break: break-all;
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

a:hover img {
  opacity: 0.8;
}

em {
  font-style: normal;
}

.only-pc {
  display: none;
}
@media (min-width: 1025px) {
  .only-pc {
    display: block;
  }
}

.only-exsp {
  display: none;
}
@media (max-width: 768px) {
  .only-exsp {
    display: block;
  }
}

.only-sp {
  display: none;
}
@media (max-width: 480px) {
  .only-sp {
    display: block !important;
  }
}

@media (max-width: 1024px) {
  .item1 {
    order: 1;
  }
}

@media (max-width: 1024px) {
  .item2 {
    order: 2;
  }
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.bordernone {
  border: none !important;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

section {
  overflow: hidden;
}

.ctsArticle {
  margin: 0 auto;
  padding: 8% 0;
}

.ctsContainer {
  max-width: 1000px;
  width: 90%;
  padding: 0 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (min-width: 1025px) {
  .f-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .f-container {
    display: flex;
    flex-direction: column;
  }
}

.en {
  font-family: "DIN Alternate", sans-serif;
}

.sclead p {
  line-height: 2.4;
}
@media (max-width: 480px) {
  .sclead p {
    line-height: 2;
  }
}

section.topMv {
  padding: 40px 30px 160px;
  background: url(../img/mv.jpg) no-repeat center center #efefef;
  background-size: cover;
  position: relative;
}
@media (max-width: 480px) {
  section.topMv {
    padding: 20px 20px 160px;
  }
}
section.topMv .logo {
  text-align: left;
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  section.topMv .logo {
    margin-left: 40px;
  }
}
section.topMv .logo a img {
  width: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  section.topMv .logo a img {
    width: 100px;
  }
}
@media (max-width: 480px) {
  section.topMv .logo a img {
    width: 90px;
  }
}
section.topMv .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  border-bottom: 2px solid #fff;
  padding-bottom: 3rem;
}
section.topMv .container .ttl {
  font-family: "DIN Alternate", sans-serif;
  color: #fff;
  font-size: 5rem;
  font-weight: bold;
  letter-spacing: 0.4rem;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  section.topMv .container .ttl {
    font-size: 3rem;
    letter-spacing: 0.1rem;
  }
}
@media (max-width: 480px) {
  section.topMv .container .ttl {
    font-size: 2.2rem;
  }
}
section.topMv .container .ttl::before, section.topMv .container .ttl::after {
  content: "";
  height: 2px;
  flex-grow: 1;
  background-color: #fff;
}
section.topMv .container .ttl::before {
  margin-right: 1em;
}
section.topMv .container .ttl::after {
  margin-left: 1em;
}
section.topMv .container .f-container.logoBox {
  margin: 0em auto 3em;
}
@media (max-width: 768px) {
  section.topMv .container .f-container.logoBox {
    margin: 3em auto;
    gap: 2em;
  }
}
@media (max-width: 480px) {
  section.topMv .container .f-container.logoBox {
    margin: 2em auto;
    gap: 1em;
  }
}
section.topMv .container .f-container.logoBox .logo1 {
  flex: 2;
}
@media (max-width: 768px) {
  section.topMv .container .f-container.logoBox .logo1 img {
    width: 50vw;
  }
}
@media (max-width: 480px) {
  section.topMv .container .f-container.logoBox .logo1 img {
    width: 70%;
  }
}
section.topMv .container .f-container.logoBox .logo2 {
  flex: 2;
}
@media (max-width: 768px) {
  section.topMv .container .f-container.logoBox .logo2 img {
    width: 50vw;
  }
}
@media (max-width: 480px) {
  section.topMv .container .f-container.logoBox .logo2 img {
    width: 80%;
  }
}
section.topMv .container .f-container.logoBox .icon {
  flex: 1;
}
@media (max-width: 768px) {
  section.topMv .container .f-container.logoBox .icon img {
    width: 8vw;
  }
}
@media (max-width: 480px) {
  section.topMv .container .f-container.logoBox .icon img {
    width: 12%;
  }
}
section.topMv .container .mainTitle {
  text-align: left;
}
@media (max-width: 768px) {
  section.topMv .container .mainTitle {
    text-align: center;
  }
}
section.topMv .container .mainTitle span {
  font-size: 6.5rem;
  line-height: 1.2;
  color: #fff;
  background: rgba(5, 61, 163, 0.72);
  display: inline-block;
  margin-bottom: 0.2em;
}
@media (max-width: 768px) {
  section.topMv .container .mainTitle span {
    font-size: 6vw;
  }
}
@media (max-width: 480px) {
  section.topMv .container .mainTitle span {
    font-size: 8vw;
  }
}
section.topMv .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
section.topMv .btn a {
  position: relative;
  background-color: #053DA3;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  text-align: left;
  display: inline-block;
  padding: 2.5rem 3rem 2rem 8rem;
  border-radius: 50px 0 0 0;
  text-decoration: none;
}
@media (max-width: 480px) {
  section.topMv .btn a {
    font-size: 1.6rem;
  }
}
section.topMv .btn a::before {
  content: "";
  background: url(../img/arrow-bottom-white.png) no-repeat center center;
  background-size: contain;
  width: 2.4rem;
  height: 5.5rem;
  display: inline-block;
  position: absolute;
  left: 0;
  left: 40px;
  top: 32px;
  transition: 0.3s ease;
}
@media (max-width: 480px) {
  section.topMv .btn a::before {
    height: 4rem;
  }
}
section.topMv .btn a:hover {
  background-color: #FFDF32;
  color: #222;
}
section.topMv .btn a:hover::before {
  background: url(../img/arrow-bottom-black.png) no-repeat center center;
  background-size: contain;
}

section.introduction {
  padding: 6em 0;
}
@media (max-width: 480px) {
  section.introduction {
    padding: 3em 0 4em;
  }
}
section.introduction .f-container {
  gap: 6em;
}
@media (max-width: 480px) {
  section.introduction .f-container {
    gap: 3em;
  }
}
section.introduction .f-container .f-item.txtBox {
  flex: 2;
  text-align: left;
}
section.introduction .f-container .f-item.txtBox .title {
  font-family: "DIN Alternate", sans-serif;
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media (max-width: 480px) {
  section.introduction .f-container .f-item.txtBox .title {
    font-size: 3rem;
  }
}
section.introduction .f-container .f-item.txtBox .sclead p {
  font-family: "DIN Alternate", sans-serif;
  font-weight: 700;
}
section.introduction .f-container .f-item.imgBox {
  flex: 1;
}
section.introduction .f-container .f-item.imgBox img {
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.16);
}
@media (max-width: 480px) {
  section.introduction .f-container .f-item.imgBox img {
    width: 60%;
  }
}

section.interview-movie .title {
  font-size: 13.2vw;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  margin-bottom: -2vw;
  margin-left: -1vw;
}
@media (max-width: 768px) {
  section.interview-movie .title {
    text-align: left;
    font-size: 21.4vw;
    margin-bottom: -4vw;
    margin-left: -2vw;
  }
}
section.interview-movie .title img {
  width: 100vw;
}
section.interview-movie .f-container {
  gap: 3em;
  align-items: start;
}
@media (max-width: 480px) {
  section.interview-movie .f-container {
    gap: 1.5em;
  }
}
section.interview-movie .f-container .f-item.txtBox {
  text-align: left;
}
@media (min-width: 1025px) {
  section.interview-movie .f-container .f-item.txtBox {
    flex: 2;
  }
}
section.interview-movie .f-container .f-item.txtBox .subTitle {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  margin: -0.4em auto 0.8em;
}
@media (max-width: 768px) {
  section.interview-movie .f-container .f-item.txtBox .subTitle {
    margin: 0 auto 0.8em;
  }
}
@media (max-width: 480px) {
  section.interview-movie .f-container .f-item.txtBox .subTitle {
    font-size: 3rem;
    line-height: 1.6;
  }
}
section.interview-movie .f-container .f-item.txtBox .sclead p {
  color: #fff;
  font-family: "DIN Alternate", sans-serif;
  font-weight: 700;
}
@media (min-width: 1025px) {
  section.interview-movie .f-container .f-item.movieBox {
    flex: 3;
  }
}
@media (max-width: 1024px) {
  section.interview-movie .f-container .f-item.movieBox {
    width: 100%;
  }
}
section.interview-movie .f-container .f-item.movieBox .iframe-wrapper {
  cursor: pointer;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
section.interview-movie .f-container .f-item.movieBox .iframe-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
section.interview-movie .f-container .f-item.movieBox .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
section.interview-movie .movie1 {
  background-color: #053DA3;
}
section.interview-movie .movie2 {
  background-color: #3F6BB7;
}
section.interview-movie .ctsContainer {
  padding: 8em 0;
}
@media (max-width: 768px) {
  section.interview-movie .ctsContainer {
    padding: 6em 0;
  }
}
@media (max-width: 480px) {
  section.interview-movie .ctsContainer {
    padding: 4em 0;
  }
}

section.interviewees-profile {
  padding: 8em 0;
  position: relative;
}
@media (max-width: 480px) {
  section.interviewees-profile {
    padding: 4em 0;
  }
}
section.interviewees-profile .title {
  font-size: 13.5rem;
  line-height: 1;
  display: inline-block;
}
@media (min-width: 1025px) {
  section.interviewees-profile .title {
    writing-mode: vertical-rl;
    white-space: nowrap;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1024px) {
  section.interviewees-profile .title {
    text-align: left;
    font-size: 14vw;
    margin-bottom: 0.4em;
  }
}
section.interviewees-profile .txt1 {
  font-size: 3.6rem;
  font-weight: 700;
  color: #222;
  text-align: left;
  margin-bottom: 2em;
}
@media (max-width: 768px) {
  section.interviewees-profile .txt1 {
    font-size: 3rem;
  }
}
@media (max-width: 480px) {
  section.interviewees-profile .txt1 {
    font-size: 2.4rem;
    margin-bottom: 1.4em;
  }
}
section.interviewees-profile .f-container {
  background: #F5F8FC;
  align-items: stretch;
}
@media (max-width: 1024px) {
  section.interviewees-profile .f-container {
    position: relative;
  }
}
section.interviewees-profile .f-container .f-item.txtBox {
  text-align: left;
  padding: 3em 4em;
  flex: 3;
}
@media (max-width: 768px) {
  section.interviewees-profile .f-container .f-item.txtBox {
    padding: 2em 2em;
  }
}
section.interviewees-profile .f-container .f-item.txtBox .name {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  section.interviewees-profile .f-container .f-item.txtBox .name {
    font-size: 2.6rem;
  }
}
@media (max-width: 480px) {
  section.interviewees-profile .f-container .f-item.txtBox .name {
    font-size: 2rem;
  }
}
section.interviewees-profile .f-container .f-item.txtBox .post {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1em;
  line-height: 1.8;
}
@media (max-width: 1024px) {
  section.interviewees-profile .f-container .f-item.txtBox .post {
    width: 70%;
  }
}
@media (max-width: 480px) {
  section.interviewees-profile .f-container .f-item.txtBox .post {
    width: 60%;
    font-size: 1.3rem;
  }
}
section.interviewees-profile .f-container .f-item.txtBox .profile p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2;
}
@media (max-width: 480px) {
  section.interviewees-profile .f-container .f-item.txtBox .profile p {
    font-size: 1.3rem;
  }
}
section.interviewees-profile .f-container .f-item.imgBox {
  flex: 2;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  section.interviewees-profile .f-container .f-item.imgBox {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
  }
}
@media (max-width: 480px) {
  section.interviewees-profile .f-container .f-item.imgBox {
    width: 38%;
  }
}
section.interviewees-profile .f-container .f-item.imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.interviewees-profile .f-container:not(:last-child) {
  margin-bottom: 2em;
}

section.point.point-3 {
  padding-bottom: 8em;
}
@media (max-width: 480px) {
  section.point.point-3 {
    padding-bottom: 4em;
  }
}
section.point .viewContainer {
  position: relative;
  padding-bottom: 10em;
}
@media (max-width: 768px) {
  section.point .viewContainer {
    padding-bottom: 6em;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer {
    padding-bottom: 4em;
  }
}
section.point .viewContainer img {
  width: 100vw;
}
section.point .viewContainer .titleBox {
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  background: #fff;
  padding: 2em 0;
  z-index: 10;
  max-width: 800px;
  width: 80%;
}
@media (max-width: 768px) {
  section.point .viewContainer .titleBox {
    bottom: 34px;
    padding: 1.5em 0;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer .titleBox {
    width: 85%;
    bottom: 19px;
    padding: 1em 0;
  }
}
section.point .viewContainer .titleBox .title {
  font-size: 4rem;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
@media (max-width: 768px) {
  section.point .viewContainer .titleBox .title {
    font-size: 3.8vw;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer .titleBox .title {
    font-size: 1.7rem;
  }
}
section.point .viewContainer .titleBox .triangle_left {
  position: absolute;
  left: -120px;
  top: 100px;
  width: 0;
  height: 0;
}
@media (max-width: 768px) {
  section.point .viewContainer .titleBox .triangle_left {
    top: 72px;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer .titleBox .triangle_left {
    left: -50px;
    top: 40px;
  }
}
section.point .viewContainer .titleBox .triangle_left::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 0 0 100px 120px;
  border-color: transparent transparent #3F6DBB transparent;
  z-index: 1;
}
@media (max-width: 768px) {
  section.point .viewContainer .titleBox .triangle_left::before {
    border-width: 0 0 72px 120px;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer .titleBox .triangle_left::before {
    border-width: 0 0 40px 50px;
  }
}
section.point .viewContainer .titleBox .triangle_left::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 65px;
  border-style: solid;
  border-width: 0px 0px 100px 55px;
  border-color: transparent transparent #053DA3 transparent;
  z-index: 2;
}
@media (max-width: 768px) {
  section.point .viewContainer .titleBox .triangle_left::after {
    border-width: 0px 0px 72px 55px;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer .titleBox .triangle_left::after {
    left: 25px;
    border-width: 0px 0px 40px 25px;
  }
}
section.point .viewContainer .titleBox .triangle_right {
  position: absolute;
  right: 0;
  top: 100px;
  width: 0;
  height: 0;
}
@media (max-width: 768px) {
  section.point .viewContainer .titleBox .triangle_right {
    top: 72px;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer .titleBox .triangle_right {
    top: 40px;
  }
}
section.point .viewContainer .titleBox .triangle_right::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 0 120px 100px 0;
  border-color: transparent transparent #3F6DBB transparent;
  z-index: 1;
}
@media (max-width: 768px) {
  section.point .viewContainer .titleBox .triangle_right::before {
    border-width: 0 120px 72px 0;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer .titleBox .triangle_right::before {
    border-width: 0 50px 40px 0;
  }
}
section.point .viewContainer .titleBox .triangle_right::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -55px;
  border-style: solid;
  border-width: 0px 55px 100px 0;
  border-color: transparent transparent #053DA3 transparent;
  z-index: 2;
}
@media (max-width: 768px) {
  section.point .viewContainer .titleBox .triangle_right::after {
    border-width: 0px 55px 72px 0;
  }
}
@media (max-width: 480px) {
  section.point .viewContainer .titleBox .triangle_right::after {
    right: -25px;
    border-width: 0px 25px 40px 0;
  }
}
section.point .questions {
  font-size: 2.4rem;
  font-weight: 700;
  color: #222;
  text-align: left;
  margin-bottom: 2em;
}
@media (max-width: 480px) {
  section.point .questions {
    font-size: 1.5rem;
  }
}
section.point .f-container.answer {
  align-items: start;
}
@media (max-width: 1024px) {
  section.point .f-container.answer {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  section.point .f-container.answer {
    position: relative;
    margin-top: 4em;
  }
}
section.point .f-container.answer .f-item.imgBox {
  flex: 1;
}
@media (max-width: 768px) {
  section.point .f-container.answer .f-item.imgBox {
    position: absolute;
    top: -35px;
    left: 0;
  }
}
@media (max-width: 480px) {
  section.point .f-container.answer .f-item.imgBox {
    top: -30px;
  }
}
section.point .f-container.answer .f-item.imgBox img {
  width: 100px;
}
@media (min-width: 769px) {
  section.point .f-container.answer .f-item.imgBox img {
    margin-bottom: 0.5em;
  }
}
@media (max-width: 768px) {
  section.point .f-container.answer .f-item.imgBox img {
    width: 70px;
    margin-right: 1em;
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 480px) {
  section.point .f-container.answer .f-item.imgBox img {
    width: 60px;
  }
}
section.point .f-container.answer .f-item.imgBox p.name {
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  section.point .f-container.answer .f-item.imgBox p.name {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 480px) {
  section.point .f-container.answer .f-item.imgBox p.name {
    font-size: 1.2rem;
  }
}
section.point .f-container.answer .f-item.txtBox {
  flex: 5;
}
section.point .f-container.answer .f-item.txtBox .sclead {
  background: #F6F8FC;
  padding: 2em;
}
@media (max-width: 768px) {
  section.point .f-container.answer .f-item.txtBox .sclead {
    width: 85.5%;
    margin-left: auto;
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  section.point .f-container.answer .f-item.txtBox .sclead {
    width: 74.5%;
  }
}
section.point .f-container.answer .f-item.txtBox .sclead p {
  line-height: 2.2;
  text-align: left;
  color: #222;
}
@media (max-width: 480px) {
  section.point .f-container.answer .f-item.txtBox .sclead p {
    line-height: 2;
  }
}
section.point .f-container.answer .f-item.txtBox .sclead p em {
  color: #053DA3;
  font-weight: 700;
  font-style: normal;
}
section.point .f-container.answer:not(:last-child) {
  margin-bottom: 2em;
}
section.point .f-container.pic {
  gap: 1.5em;
  margin: 5em auto 6em;
}
@media (max-width: 1024px) {
  section.point .f-container.pic {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  section.point .f-container.pic {
    flex-direction: column;
    width: 94%;
    margin: 3em 0 4em auto;
  }
}
@media (max-width: 480px) {
  section.point .f-container.pic {
    width: 92%;
    gap: 0.5em;
    margin: 2em 0 3em auto;
  }
}
@media (max-width: 768px) {
  section.point .f-container.pic .f-item:nth-child(odd) {
    text-align: left;
  }
}
@media (max-width: 768px) {
  section.point .f-container.pic .f-item:nth-child(odd) img {
    width: 70%;
  }
}
@media (max-width: 768px) {
  section.point .f-container.pic .f-item:nth-child(even) {
    text-align: right;
  }
}
@media (max-width: 768px) {
  section.point .f-container.pic .f-item:nth-child(even) img {
    width: 70%;
  }
}

section.ceo-interview {
  padding-bottom: 8em;
}
@media (max-width: 480px) {
  section.ceo-interview {
    padding-bottom: 5em;
  }
}
@media (max-width: 480px) {
  section.ceo-interview .ctsContainer {
    width: 100%;
  }
}
section.ceo-interview .ceoBox {
  background: #053DA3;
  border-radius: 35px;
  padding: 4em 0 5em;
}
@media (max-width: 480px) {
  section.ceo-interview .ceoBox {
    padding: 2em 0 3em;
  }
}
section.ceo-interview .ceoBox .title {
  color: #fff;
  font-size: 13rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: -0.15em;
}
@media (max-width: 768px) {
  section.ceo-interview .ceoBox .title {
    font-size: 11vw;
    text-align: left;
    margin-left: 0.5em;
  }
}
@media (max-width: 480px) {
  section.ceo-interview .ceoBox .title {
    font-size: 13vw;
  }
}
section.ceo-interview .ceoBox .detail {
  padding: 0 4em;
}
@media (max-width: 480px) {
  section.ceo-interview .ceoBox .detail {
    padding: 0 2em;
  }
}
section.ceo-interview .ceoBox .detail .subTitle {
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  text-align: left;
  margin: 1.5em auto;
}
@media (max-width: 480px) {
  section.ceo-interview .ceoBox .detail .subTitle {
    font-size: 1.8rem;
  }
}
section.ceo-interview .ceoBox .detail .sclead p {
  text-align: left;
  color: #fff;
}
section.ceo-interview .ceoBox .detail .sclead p em {
  color: #FAE25A;
  font-weight: 700;
}

section.about {
  padding-bottom: 8em;
}
@media (max-width: 480px) {
  section.about {
    padding-bottom: 4em;
  }
}
section.about .about-img {
  width: 100vw;
}
section.about .title {
  font-size: 13vw;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  margin: 0.5em auto;
}
@media (max-width: 480px) {
  section.about .title {
    width: 90%;
    line-height: 1.2;
    text-align: left;
    margin: 0.4em auto;
  }
}
section.about .banner img {
  max-width: 800px;
  width: 85%;
  border-radius: 15px;
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.11);
  transition: 0.3s ease;
}
@media (max-width: 480px) {
  section.about .banner img {
    width: 90%;
  }
}

section.contact {
  padding: 8em 0;
  background: #053DA3;
  position: relative;
}
@media (max-width: 480px) {
  section.contact {
    padding: 3em 0;
  }
}
section.contact .title {
  color: #fff;
  font-size: 18rem;
  line-height: 1;
  display: inline-block;
}
@media (min-width: 1025px) {
  section.contact .title {
    margin-top: -4px;
    writing-mode: vertical-rl;
    white-space: nowrap;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1024px) {
  section.contact .title {
    text-align: center;
    font-size: 6rem;
    margin-bottom: 0.5em;
  }
}
@media (max-width: 480px) {
  section.contact .title {
    font-size: 4rem;
  }
}
section.contact .subTitle {
  color: #fff;
  font-size: 4.2rem;
  margin-bottom: 0.5em;
}
@media (max-width: 1024px) {
  section.contact .subTitle {
    font-size: 3rem;
    margin-bottom: 1em;
  }
}
@media (max-width: 768px) {
  section.contact .subTitle {
    font-size: 2.2rem;
  }
}
@media (max-width: 480px) {
  section.contact .subTitle {
    font-size: 1.8rem;
  }
}
section.contact .sclead {
  margin-bottom: 4em;
}
section.contact .sclead p {
  color: #fff;
}
section.contact .f-container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 769px) {
  section.contact .f-container {
    background: #fff;
  }
}
@media (max-width: 1024px) {
  section.contact .f-container {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  section.contact .f-container {
    flex-direction: column;
    gap: 1em;
  }
}
section.contact .f-container .f-item {
  padding: 2em;
}
@media (min-width: 769px) {
  section.contact .f-container .f-item {
    width: 50%;
  }
}
@media (max-width: 768px) {
  section.contact .f-container .f-item {
    background: #fff;
  }
}
@media (max-width: 480px) {
  section.contact .f-container .f-item {
    padding: 1.5em 1em;
  }
}
section.contact .f-container .f-item .tag {
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
}
@media (max-width: 480px) {
  section.contact .f-container .f-item .tag {
    font-size: 1.6rem;
    margin-bottom: 0.5em;
  }
}
section.contact .f-container .f-item .txt {
  text-align: left;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  section.contact .f-container .f-item .txt {
    text-align: center;
  }
}
@media (max-width: 480px) {
  section.contact .f-container .f-item .txt {
    font-size: 1.6rem;
  }
}
section.contact .f-container .f-item .btnA01 {
  margin-top: 0.8em;
}
@media (max-width: 480px) {
  section.contact .f-container .f-item .btnA01 {
    margin-top: 0.5em;
  }
}
section.contact .f-container .f-item .btnA01 i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 25px;
  margin-right: 0.8em;
  margin-top: -4px;
}
@media (max-width: 480px) {
  section.contact .f-container .f-item .btnA01 i {
    width: 35px;
  }
}
section.contact .f-container .f-item.mailform {
  position: relative;
}
section.contact .f-container .f-item.mailform .btnA01 {
  background: #FAE25A;
}
section.contact .f-container .f-item.mailform .btnA01 i::before {
  content: "";
  background: url(../img/icon-mail.svg) no-repeat center center;
  background-size: contain;
  width: 37px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transition: 0.3s ease;
}
@media (max-width: 480px) {
  section.contact .f-container .f-item.mailform .btnA01 i::before {
    width: 35px;
  }
}
section.contact .f-container .f-item.mailform .btnA01:hover {
  background: #053DA3;
  color: #fff;
}
section.contact .f-container .f-item.mailform .btnA01:hover i::before {
  background: url(../img/icon-mail-white.svg) no-repeat center center;
  background-size: contain;
}
@media (min-width: 769px) {
  section.contact .f-container .f-item.mailform::after {
    content: "";
    display: inline-block;
    height: 100px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #053DA3;
  }
}
section.contact .f-container .f-item.phone .btnA01 {
  background: #F0F0F0;
  font-size: 2.4rem;
}
section.contact .f-container .f-item.phone .btnA01 i::before {
  content: "";
  background: url(../img/icon-phone.svg) no-repeat center center;
  background-size: contain;
  width: 25px;
  height: 37px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transition: 0.3s ease;
}
section.contact .f-container .f-item.phone .btnA01:hover {
  background: #053DA3;
  color: #fff;
}
section.contact .f-container .f-item.phone .btnA01:hover i::before {
  background: url(../img/icon-phone-white.svg) no-repeat center center;
  background-size: contain;
}

section.team {
  padding: 8em 0;
}
@media (max-width: 480px) {
  section.team {
    padding: 4em 0;
  }
}
section.team .title {
  font-size: 4rem;
  margin-bottom: 0.8em;
}
@media (max-width: 768px) {
  section.team .title {
    font-size: 6rem;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  section.team .title {
    font-size: 4rem;
  }
}
section.team .teamName {
  font-size: 6rem;
  line-height: 1;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  section.team .teamName {
    font-size: 3rem;
    margin-bottom: 2em;
  }
}
@media (max-width: 480px) {
  section.team .teamName {
    font-size: 2rem;
    margin-bottom: 1.5em;
  }
}
section.team img {
  width: 100%;
  margin-bottom: 4em;
}
@media (min-width: 769px) {
  section.team img {
    max-width: 640px;
  }
}
@media (max-width: 768px) {
  section.team img {
    margin-bottom: 2em;
  }
}
@media (max-width: 480px) {
  section.team img {
    margin-bottom: 1em;
  }
}
section.team .sclead {
  margin-bottom: 5em;
}
@media (max-width: 480px) {
  section.team .sclead {
    margin-bottom: 3em;
  }
}
section.team .sclead p {
  text-align: left;
  color: #222;
}
section.team .btn {
  background: #053DA3;
  color: #fff;
  padding: 0.5em 0 0.6em;
  text-decoration: none;
  border-radius: 50px;
  font-size: 2.4rem;
  font-weight: 700;
}
@media (min-width: 769px) {
  section.team .btn {
    padding: 0.5em 2em 0.6em;
  }
}
@media (max-width: 768px) {
  section.team .btn {
    width: 100%;
    display: inline-block;
  }
}
@media (max-width: 480px) {
  section.team .btn {
    font-size: 1.7rem;
  }
}
section.team .btn:hover {
  background: #FAE25A;
  color: #222;
}

.bgImg01 {
  height: 300px;
  position: relative;
  clip-path: inset(0);
}
@media (max-width: 480px) {
  .bgImg01 {
    height: 150px;
  }
}
.bgImg01 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 481px) {
  .bgImg01 img {
    position: fixed;
    left: 0;
    top: 0;
  }
}

.btnA01 {
  border-radius: 50px;
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #222;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 700;
  height: 64px;
  position: relative;
}
@media (max-width: 480px) {
  .btnA01 {
    font-size: 1.8rem;
  }
}
.btnA01 span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}

.btnA01:hover {
  background: #053DA3;
}

footer {
  margin-top: 4em;
  background: #363636;
  padding: 1em 0 0.5em;
}
@media (max-width: 480px) {
  footer {
    padding: 0.5em 0;
  }
}
footer img {
  width: 256px;
  max-width: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 480px) {
  footer img {
    width: 180px;
  }
}/*# sourceMappingURL=style.css.map */