@charset "UTF-8";
/* CSS 初期化 */
html {
  background-color: #fbfbfb;
}
/*//////////PCサイズ footer///////////*/
@media screen and (min-width: 481px) {
  .interview {
    width: calc(100vw);
  }
  .img_sps {
    position: relative;
    width: calc(100vw);
    padding-top: calc(100vw/1.7778/10*9.5);
    margin-bottom: calc(100vw/10/2);
    background-position: center top;
  }
  .txt1 {
    top: calc(20%);
    left: calc(60%);
  }
  .txt2 {
    top: calc(20%);
    left: calc(55%);
  }
  .txt3 {
    top: calc(20%);
    left: calc(50%);
  }
  .txt4 {
    top: calc(20%);
    left: calc(40%);
  }
  .txt5 {
    top: calc(20%);
    left: calc(35%);
  }
  .txt6 {
    top: calc(20%);
    left: calc(40%);
  }
  .txt7 {
    top: calc(20%);
    left: calc(35%);
  }
  .txt8 {
    top: calc(20%);
    left: calc(30%);
  }
  .busyo1 {
    bottom: calc(-0.5em);
    right: 10%;
  }
  .name1 {
    bottom: 20%;
    left: 41.5%;
  }
  .busyo2 {
    bottom: calc(10%);
    left: calc(60%);
  }
  .name2 {
    bottom: calc(10%);
    left: calc(46.5%);
  }
  .busyo3 {
    bottom: calc(0%);
    left: calc(24%);
  }
  .name3 {
    bottom: calc(0%);
    left: calc(20%);
  }
  .ch_size1 {
    font-size: calc(100vw/100*1.8);
  }
  .ch_size2 {
    font-size: calc(100vw/100*1.4);
  }
  .chatch_copy {
    position: absolute;
    letter-spacing: calc(0.22em);
    line-height: calc(2em);
    text-align: left;
    display: inline-block;
    padding-top: calc(0.5em);
    padding-bottom: calc(0.3em);
    background-color: #FFFFFF;
    font-family: a-otf-ryumin-pr6n, serif;
    text-orientation: upright;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-variant-east-asian: full-width;
    -moz-font-feature-settings: "fwid";
    -webkit-font-feature-settings: "fwid";
    font-feature-settings: "fwid";
  }
  .chatch_name {
    position: absolute;
    letter-spacing: calc(0.1em);
    line-height: calc(2em);
    text-align: left;
    display: inline-block;
    padding-left: calc(2em);
    padding-right: calc(1em);
    background-color: #FBFBFB;
    font-family: a-otf-ryumin-pr6n, serif;
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .interview_sps {
    width: calc(100vw);
  }
  .box {
    width: calc(100vw/10*6.5);
    margin: auto;
  }
  .big_tit {
    position: absolute;
    width: calc(100vw/10/2.2);
    height: auto;
    display: inline-block;
    top: calc(100vw/1.7778/10*10.5);
    left: calc(5%);
  }
  .title {
    width: auto;
    font-size: calc(3.5rem);
    line-height: calc(100%);
    padding-left: calc(50px);
    padding-right: calc(70px);
    padding-top: calc(0.3em);
    padding-bottom: calc(0.3em);
    letter-spacing: calc(0.1em);
    color: #fff;
    display: inline-block;
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -moz-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -o-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: linear-gradient(90deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
  }
  .text {
    width: calc(100vw/10*6.5 - 50px);
    font-size: calc(2.2rem);
    line-height: calc(2.6em);
    padding-top: calc(100vw/1.7778/100*6);
    padding-left: calc(50px);
    padding-bottom: calc(100vw/1.7778/100*6);
    font-variant-east-asian: full-width;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: justify;
  }
  .photo_box1, .photo_box2 {
    width: calc(100%);
    height: auto;
    display: inline-block;
    padding-bottom: calc(100vw/10);
  }
  .photo {
    position: relative;
    top: calc(0%);
    right: calc(0%);
    float: right;
  }
  .photo img {
    position: absolute;
    z-index: 2;
  }
  .gra {
    position: absolute;
    bottom: calc(-2em);
    left: calc(-2em);
    background-image: -webkit-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -moz-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -o-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: linear-gradient(90deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    z-index: 1;
  }
  .photo_box1 .photo {
    width: calc(100vw/10*4.25);
    height: calc(100vw/1.7778/10*4.5);
  }
  .photo_box1 .photo img {
    width: calc(100vw/10*4.25);
    height: calc(100vw/1.7778/10*4.5);
  }
  .photo_box1 .photo .gra {
    width: calc(100vw/10*4.25/3);
    height: calc(100vw/10*4.25/4);
  }
  .photo_box2 .photo {
    width: calc(100vw/10*4.25);
    height: calc(100vw/1.7778/10*9);
  }
  .photo_box2 .photo img {
    width: calc(100vw/10*4.25);
    height: calc(100vw/1.7778/10*9);
  }
  .photo_box2 .photo .gra {
    width: calc(100vw/10*4.25/3);
    height: calc(100vw/10*4.25/4);
  }
  .oneday {
    opacity: 0;
    width: calc(100vw);
    padding-top: calc(100vw/10);
    padding-bottom: calc(100vw/10/2);
    margin-top: calc(100vw/10/2);
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 0 0);
    background-image: -webkit-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -moz-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -o-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: linear-gradient(90deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    z-index: 1;
  }
  .oneday.scrollin {
    opacity: 1.0;
    transition: ease-in-out 2s;
    clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);
  }
  .oneday_tit {
    width: calc(100vw);
    font-size: calc(4rem);
    line-height: calc(100%);
    padding-top: calc(0.3em);
    padding-bottom: calc(1.5em);
    letter-spacing: calc(0.1em);
    color: #fff;
    display: block;
    text-align: center;
  }
  .oneday div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    color: #fff;
  }
  .oneday div ul li {
    max-width: calc(100vw/10*5);
    line-height: calc(100%);
    margin-bottom: calc(1.5em);
  }
  .oneday span {
    font-size: calc(2.2rem);
    letter-spacing: calc(0.1em);
    line-height: calc(2.6rem);
  }
  .oneday span:nth-child(1) {
    width: calc(100vw/100*5);
    text-align: right;
    display: inline-block;
    margin-right: calc(3rem);
    vertical-align: top;
  }
  .oneday span:nth-child(2) {
    display: inline-block;
    margin-right: calc(3rem);
    position: relative;
    vertical-align: top;
  }
  .scrolldown2 {
    position: absolute;
    margin-top: calc(0.5em);
  }
  .scrolldown2:before {
    content: "";
    /*描画位置*/
    position: absolute;
    top: calc(0%);
    left: -4px;
    /*丸の形状*/
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #eee
  }
  .scrolldown2:after {
    content: "";
    /*描画位置*/
    position: absolute;
    top: calc(0%);
    left: 0;
    /*線の形状*/
    width: 1px;
    height: calc(2em);
    background: #eee;
  }
  .scrolldown3 {
    position: absolute;
    margin-top: calc(0.5em);
  }
  .scrolldown3:before {
    content: "";
    /*描画位置*/
    position: absolute;
    top: calc(0%);
    left: -4px;
    /*丸の形状*/
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #eee
  }
  .oneday span:nth-child(3) {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100vw/10*5 - 100vw/100*5 - 5em);
  }
  .scrolldown4 {
    position: absolute;
    margin-top: calc(0.5em);
  }
  .scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    top: calc(0%);
    left: -4px;
    /*丸の形状*/
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #eee
  }
  .scrolldown4:after {
    content: "";
    /*描画位置*/
    position: absolute;
    top: calc(0%);
    left: 0;
    /*線の形状*/
    width: 1px;
    height: calc(4.8em);
    background: #eee;
  }
  .iv_tit_en {
    width: auto;
    font-size: calc(3.5rem);
    letter-spacing: calc(0.1em);
    text-align: center;
    line-height: calc(100%);
    padding-top: calc(100vw/1.7778/10);
    background: -webkit-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 160, 202, 1.00) 100%);
    background: -moz-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 160, 202, 1.00) 100%);
    background: -o-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 160, 202, 1.00) 100%);
    background: linear-gradient(90deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 160, 202, 1.00) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .iv_tit_jp {
    margin-top: calc(1em/2);
    margin-bottom: calc(100vw/10/2);
    width: auto;
    font-size: calc(4rem);
    letter-spacing: calc(0.05em);
    text-align: center;
    line-height: calc(100%);
    font-weight: bold;
  }
  .other_sps {
    width: 85vw;
    margin: auto;
    padding-bottom: calc(100vw/10/2);
  }
 .widebox {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1vw;
  margin: 0 auto;
}

.staff_block {
  text-align: center;
  /* 明示幅を持たせず列幅に追随 */
}

.staff_block a {
  display: block;
}

.other_img {
  width: 100%;
  aspect-ratio: 1 / 1;   /* 正方形 */
  border-radius: 1%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.other_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* 中央トリミングで安定表示 */
  transition: transform 1s ease;
}

.staff_block a:hover .other_img img {
  transition: transform 0.2s ease;
  transform: scale(1.1);
}

.other_busho,
.other_name,
.other_icon {
  width: 100%;
}

.other_busho {
  margin-top: 0.5em;
  font-size: 1.8rem;   /* 既存踏襲（rem使用） */
  color: #00a0ca;
}

.other_name {
  font-size: 2.2rem;     /* 既存踏襲 */
  letter-spacing: 0.1em;
  line-height: 1;
}

.other_icon img {
  margin-top: 1em;
  width: 2em;
  height: auto;
}
}
/*//////////スマホサイズ footer///////////*/
/*//////////スマホサイズ footer///////////*/
/*//////////スマホサイズ footer///////////*/
/*//////////スマホサイズ footer///////////*/
@media screen and (max-width:480px) {
  .interview {
    width: calc(100vw);
  }
  .img_sps {
    position: relative;
    width: calc(100vw);
    padding-top: calc(90vh);
    margin-bottom: calc(100vw/10/2);
  }
  .backposition1 {
    background-position: 40% 0%;
    z-index: 0;
  }
  .backposition2 {
    background-position: 55% 0%;
    z-index: 0;
  }
  .txt1 {
    top: calc(20%);
    left: calc(80%);
  }
  .txt2 {
    top: calc(20%);
    left: calc(68%);
  }
  .txt3 {
    top: calc(20%);
    left: calc(56%);
  }
  .txt4 {
    top: calc(20%);
    left: calc(20%);
  }
  .txt5 {
    top: calc(20%);
    left: calc(8%);
  }
  .txt6 {
    top: calc(20%);
    left: calc(30%);
  }
  .txt7 {
    top: calc(20%);
    left: calc(19%);
  }
  .txt8 {
    top: calc(20%);
    left: calc(8%);
  }
  .busyo1 {
    bottom: calc(-0.5em);
    right: 0%;
  }
  .name1 {
    bottom: 5%;
    left: 10%;
  }
  .busyo2 {
    bottom: 5%;
    left: 21%;
  }
  .name2 {
    bottom: 5%;
    left: 10%;
  }
  .chatch_copy {
    position: absolute;
    font-size: calc(1.8rem);
    letter-spacing: calc(0.22em);
    line-height: calc(2em);
    text-align: left;
    display: inline-block;
    padding-top: calc(0.5em);
    padding-bottom: calc(0.3em);
    background-color: #FFFFFF;
    font-family: a-otf-ryumin-pr6n, serif;
    text-orientation: upright;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-variant-east-asian: full-width;
    -moz-font-feature-settings: "fwid";
    -webkit-font-feature-settings: "fwid";
    font-feature-settings: "fwid";
    z-index: 200;
  }
  .chatch_name {
    position: absolute;
    font-size: calc(1.8rem);
    letter-spacing: calc(0.1em);
    line-height: calc(1.5em);
    text-align: right;
    display: inline-block;
    padding-top: calc(0.5em);
    padding-left: calc(2em);
    padding-right: calc(1em);
    background-color: #FBFBFB;
    font-family: a-otf-ryumin-pr6n, serif;
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .interview_sps {
    width: calc(100vw);
  }
  .box {
    width: calc(100vw);
    margin-left: calc(0);
  }
  .big_tit {
    position: absolute;
    width: calc(100vw/10);
    height: auto;
    display: inline-block;
    top: calc(95vh);
    left: calc(4%);
  }
  .title {
    width: calc(100vw/10*8.5);
    font-size: calc(2.4rem);
    line-height: calc(140%);
    margin-top: calc(2em);
    padding-left: calc(100vw/10/2);
    padding-right: calc(20px);
    padding-top: calc(0.3em);
    padding-bottom: calc(0.3em);
    letter-spacing: calc(0.1rem);
    color: #fff;
    display: inline-block;
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -moz-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -o-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: linear-gradient(90deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
  }
  .text {
    width: calc(100vw/10*9);
    font-size: calc(1.6rem);
    line-height: calc(2.3em);
    padding-top: calc(5vh);
    padding-left: calc(100vw/10/2);
    padding-bottom: calc(5vh);
    font-variant-east-asian: full-width;
    -moz-font-feature-settings: "fwid";
    -webkit-font-feature-settings: "fwid";
    font-feature-settings: "fwid";
    text-align: justify;
  }
  .photo_box1, .photo_box2 {
    width: calc(100%);
    height: auto;
    display: inline-block;
    padding-bottom: calc(100vw/10);
  }
  .photo {
    position: relative;
    top: calc(0%);
    right: calc(5%);
    float: right;
  }
  .photo img {
    position: absolute;
    z-index: 2;
    top: calc(0%);
    left: calc(0%);
  }
  .gra {
    position: absolute;
    bottom: calc(-2em);
    left: calc(-2em);
    background-image: -webkit-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -moz-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -o-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: linear-gradient(90deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    z-index: 1;
  }
  .photo_box1 .photo {
    width: calc(100vw/10*8);
    height: calc(100vw/10*8/1.618);
  }
  .photo_box1 .photo img {
    width: calc(100vw/10*8);
    height: calc(100vw/10*8/1.618);
  }
  .photo_box1 .photo .gra {
    width: calc(100vw/10*8/3);
    height: calc(100vw/10*8/1.618/2);
  }
  .photo_box2 .photo {
    width: calc(100vw/10*9/1.618);
    height: calc(100vw/10*8.5);
  }
  .photo_box2 .photo img {
    width: calc(100vw/10*9/1.618);
    height: calc(100vw/10*8.5);
  }
  .photo_box2 .photo .gra {
    width: calc(100vw/10*9/1.618/2);
    height: calc(100vw/10*8.5/2);
  }
  .oneday {
    width: calc(100vw);
    padding-top: calc(100vh/10*1.5);
    padding-bottom: calc(100vh/10);
    margin-top: calc(100vh/10);
    clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
    background-image: -webkit-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -moz-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: -o-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    background-image: linear-gradient(90deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 98, 146, 1.00) 100%);
    z-index: 1;
  }
  .oneday_tit {
    width: calc(100vw);
    font-size: calc(3rem);
    line-height: calc(100%);
    padding-top: calc(0.3em);
    padding-bottom: calc(0.5em);
    letter-spacing: calc(0.1em);
    color: #fff;
    display: block;
    text-align: center;
  }
  .oneday div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    color: #fff;
  }
  .oneday span {
    width: calc(100vw);
    font-size: calc(1.6em);
    letter-spacing: calc(0.1em);
    line-height: calc(2rem);
  }
  .oneday span:nth-child(1) {
    width: calc(100vw/10*8);
    text-align: left;
    display: block;
  }
  .oneday span:nth-child(2) {
    width: calc(100vw/10*8);
    text-align: left;
    display: block;
  }
  .scrolldown2 {
    position: absolute;
  }
  .scrolldown2:before {
    content: "";
  }
  .scrolldown2:after {
    content: "";
  }
  .scrolldown3 {}
  .scrolldown3:before {
    content: "";
  }
  .oneday span:nth-child(3) {
    width: calc(100vw/10*8);
    margin-bottom: calc(1em);
    text-align: left;
    display: block;
  }
  .iv_tit_en {
    width: auto;
    font-size: calc(2rem);
    letter-spacing: calc(0.1em);
    text-align: center;
    line-height: calc(100%);
    padding-top: calc(100vh/10/2);
    background: -webkit-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 160, 202, 1.00) 100%);
    background: -moz-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 160, 202, 1.00) 100%);
    background: -o-linear-gradient(0deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 160, 202, 1.00) 100%);
    background: linear-gradient(90deg, rgba(47, 160, 202, 1.00) 0%, rgba(0, 160, 202, 1.00) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .iv_tit_jp {
    margin-top: calc(1em/2);
    margin-bottom: calc(100vh/10/2);
    width: auto;
    font-size: calc(2.8rem);
    letter-spacing: calc(0.05em);
    text-align: center;
    line-height: calc(100%);
    font-weight: bold;
  }
  .other_sps {
    width: calc(100vw/10*9);
    margin: auto;
    padding-bottom: calc(100vw/10/2);
  }
  .widebox {
    width: calc(100vw/10*9);
    /*justify-content: space-between;
    display: inline-flex;*/
  }
  .staff_block {
    width: calc(100vw/10*9);
    height: calc(100vw/10*1.5);
    padding-bottom: calc(1.5em);
    text-align: left;
    display: block;
  }
  .other_img {
    width: calc(100vw/10*1.5);
    height: calc(100vw/10*1.5);
    border-radius: 50%;
    background: rgba(121, 56, 57, 1.00);
    overflow: hidden;
    line-height: calc(100vw/10*1.5);
    margin-right: calc(1em);
    vertical-align: middle;
    display: inline-block;
    position: relative;
    z-index: 10;
  }
  .other_img img {
    width: calc(100vw/10*1.5);
    height: calc(100vw/10*1.5);
    transition: transform 1s ease;
  }
  .staff_block a:hover .other_img img {
    transition: transform 0.2s ease;
    transform: scale(1.1);
  }
  .other_busho {
    width: auto;
    font-size: calc(1.6rem);
    color: #00a0ca;
    line-height: calc(110%);
    margin-right: calc(1em/2);
    vertical-align: middle;
    display: inline-block;
  }
  .other_name {
    width: auto;
    font-size: calc(2rem);
    letter-spacing: calc(0.1em);
    line-height: calc(100vw/10*1.5);
    vertical-align: middle;
    display: inline-block;
  }
  .other_icon {
    width: auto;
    ;
    vertical-align: middle;
    display: inline-block;
  }
  .other_icon img {
    width: 1.8em;
    height: auto;
  }
}