@charset "UTF-8";

.sp-catch {
   display: none;
}
.interview #container {
   top: 0;
}
.interview .h1-box {
   height: auto;
   position: relative;
   padding: 0;
}
.interview .h1-box .hw02 {
   position: absolute;
   top: 50%;
   left: 10%;
   width: 45%;
   max-width: 570px;
   transform: translate(0, -50%);
   z-index: 2;
   filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.36));
}
.interview .h1-box.hw-left .hw02 {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 45%;
   max-width: 570px;
   transform: translate(0, -50%);
   z-index: 2;
}
.interview .h1-box .profile {
   position: absolute;
   bottom: 50px;
   left: 50%;
   transform: translateX(-50%);
   display: inline-block;
   z-index: 2;
}
.interview .h1-box .profile p {
   text-align: center;
   font-size: 16px;
   font-family: 'Noto Serif JP', serif;
   color: #FFF;
}
.interview .h1-box .profile p span {
   font-size: 20px;
   display: block;
}
.interview .h1-box .bg-box {
   position: relative;
}
.interview main {
   position: relative;
   padding: 30px 0 0;
}
.interview #container:before {
   background-image: url("../img/interview_img/int-red-line.svg");
   background-position: center top;
   background-size: 1302px auto;
   width: 1302px;
   height: 3000px;
   top: 50vw;
   left: 50%;
   transform: translateX(-50%);
   z-index: -1;
}
.basic .int-article .h3-style01 {
   margin-bottom: 10px;
   padding-bottom: 10px;
   line-height: 1.8em;
}
.int-article {
   padding: 0 0 50px;
}
.int-article .content-box p {
   width: 100%;
   margin: 0 auto 50px;
}
.int-article .insert01 {
   padding: 50px 0;
}
.schedule .h3-style01 {
   position: absolute;
   top: 60px;
   left: 50%;
   transform: translateX(-50%);
}
.schedule {
   background-color: #EDF6F8;
   position: relative;
   padding: 80px 0;
}
.schedule:before {
   width: 100%;
   height: 189px;
   background-image: url("../img/interview_img/int-schedule-line.svg");
   background-repeat: no-repeat;
   background-size: 2300px auto;
   background-position: center center;
   top: 122px;
   left: 0;
}
.schedule-box {
   width: 100%;
   position: relative;
}
.schedule-box ul {
   width: 100%;
   max-width: 1000px;
   margin: 40px auto 50px;
   display: flex;
}
.schedule-box ul li {
   width: 100%;
   position: relative;
   min-height: 300px;
}
.schedule-box ul li:nth-child(1) {
   margin-top: 136px;
}
.schedule-box ul li:nth-child(2) {
   margin-top: 120px;
}
.schedule-box ul li:nth-child(3) {
   margin-top: 97px;
}
.schedule-box ul li:nth-child(4) {
   margin-top: 69px;
}
.schedule-box ul li:nth-child(5) {
   margin-top: 39px;
}
.schedule-box ul li:nth-child(6) {
   margin-top: 11px;
}
.schedule-box ul li:nth-child(7) {
   margin-top: -13px;
}
.schedule-box ul li:nth-child(8) {
   margin-top: -29px;
}
.schedule-box ul li:nth-child(1) {
   margin-top: 136px;
}
.int04 .schedule-box ul li:nth-child(1) {
   margin-top: 137px;
}
.int04 .schedule-box ul li:nth-child(2) {
   margin-top: 126px;
}
.int04 .schedule-box ul li:nth-child(3) {
   margin-top: 109px;
}
.int04 .schedule-box ul li:nth-child(4) {
   margin-top: 88px;
}
.int04 .schedule-box ul li:nth-child(5) {
   margin-top: 65px;
}
.int04 .schedule-box ul li:nth-child(6) {
   margin-top: 42px;
}
.int04 .schedule-box ul li:nth-child(7) {
   margin-top: 20px;
}
.int04 .schedule-box ul li:nth-child(8) {
   margin-top: -2px;
}
.int04 .schedule-box ul li:nth-child(9) {
   margin-top: -19px;
}
.int04 .schedule-box ul li:nth-child(10) {
   margin-top: -30px;
}
.schedule-box ul li .time {
   text-align: center;
   color: #EF796A;
   font-size: 14px;
   font-family: 'Noto Serif JP', serif;
   font-weight: 700;
   position: relative;
}
.schedule-box ul li .time:before {
   width: 20px;
   height: 20px;
   background-image: url("../img/common_img/red_icon.svg");
   bottom: -30px;
   left: calc(50% - 10px);
}
.schedule-box ul li .todo {
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
   font-family: 'Noto Serif JP', serif;
   display: block;
   width: 100%;
   position: absolute;
   left: 28%;
   top: 70px;
   transform: translate(-65%, 0);
   font-size: 16px;
   white-space: nowrap;
}
.int04 .schedule-box ul li .todo {
   left: 30%;
}
.schedule-box ul li .todo span {
   font-size: 12px;
}
.schedule-box ul li .todo span .ver-num {
   text-combine-upright: all;
}
.int-last-article > .txt-box {
   width: 90%;
   max-width: 1100px;
   margin: -100px auto 0;
   background: #FFF;
   position: relative;
   z-index: 2;
   box-sizing: border-box;
   padding: 60px;
}
.one-word-ttl {
   width: 240px;
}
.one-word-box {
   margin: 40px 0 0;
   padding-bottom: 60px;
   border-bottom: solid 1px #D3D3D3;
}
.one-word-box .hw-box {
   width: 45%;
   box-sizing: border-box;
   padding: 0 3% 0;
}
.one-word-box .txt-box {
   width: 50%;
   box-sizing: border-box;
   padding: 0 0 0;
}
.one-word-box .txt-box p {
   line-height: 2em;
}
@media screen and (max-width: 1023px) {
}


@media screen and (max-width: 767px) {
.interview #container {
   top: 50px;
}
.pc-catch {
   display: none;
}
.sp-catch {
   display: block;
}
.basic.interview .h1-box {
   padding-bottom: 0!important;
}
.interview .h1-box {
   margin-bottom: 0px;
   z-index: 3;
}
.int-article .hw02 {
   width: 90%;
   margin: 0 auto 20px;
   max-width: 450px;
}
.interview .h1-box .profile {
   bottom: 20px;
   z-index: 3;
}
.interview .h1-box .profile p {
   font-size: 14px;
}
.interview .h1-box .profile p span {
   font-size: 16px;
}
.interview .h1-box .bg-box {
   position: relative;
}
.interview main {
   position: relative;
   padding: 20px 0 0;
}
.interview #container:before {
   display: none;
}
.int-article .h3-style01 {
   margin-bottom: 40px;
}
.int-article {
   padding: 0 0 20px;
}
.int-article .content-box p {
   width: 86%;
   margin: 0 auto;
}
.int-article .insert01 {
   padding: 30px 0;
}
.schedule .h3-style01 {
   position: absolute;
   top: 60px;
   left: 50%;
   transform: translateX(-50%);
}
.schedule {
   background-color: #EDF6F8;
   position: relative;
   padding: 80px 0;
}
.schedule:before {
   width: 32px;
   height: 100%;
   background-image: url("../img/interview_img/int-schedule-line_sp.svg");
   background-repeat: no-repeat;
   background-size: 32px auto;
   background-position: center -210px;
   top: 0;
   left: calc(50% - 100px);
}
.schedule-box {
   width: 300px;
   margin: 0 auto;
   position: relative;
}
.schedule-box ul {
   width: 100%;
   margin: 40px auto 50px;
   display: block;
}
.schedule-box ul li {
   width: 100%;
   position: relative;
   min-height: auto;
   margin-top: 0!important;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 30px;
}
.schedule-box ul li:nth-child(1) {
   margin-left: 6px;
}
.schedule-box ul li:nth-child(2) {
   margin-left: 6px;
}
.schedule-box ul li:nth-child(3) {
   margin-left: 8px;
}
.schedule-box ul li:nth-child(4) {
   margin-left: 10px;
}
.schedule-box ul li:nth-child(5) {
   margin-left: 13px;
}   
.schedule-box ul li:nth-child(6) {
   margin-left: 16px;
}
.schedule-box ul li:nth-child(7) {
   margin-left: 20px;
}
.schedule-box ul li:nth-child(8) {
   margin-left: 24px;
}
.int04 .schedule-box ul li:nth-child(9) {
    margin-left: 24px;
}
.int04 .schedule-box ul li:nth-child(10) {
    margin-left: 24px;
}
.schedule-box ul li .time {
   text-align: right;
   color: #EF796A;
   font-size: 13px;
   font-family: 'Noto Serif JP', serif;
   font-weight: 700;
   position: relative;
   width: 25px;
   display: inline-block;
}
.schedule-box ul li .time:before {
   width: 20px;
   height: 20px;
   background-image: url("../img/common_img/red_icon.svg");
   bottom: auto;
   left: auto;
   top: 3px;
   right: -30px;
}
.schedule-box ul li .todo {
   -ms-writing-mode: lr-tb;
   writing-mode: horizontal-tb;
   font-family: 'Noto Serif JP', serif;
   display: block;
   width: calc(100% - 80px);
   position: relative;
   left: 35px;
   top: auto;
   transform: none;
   font-size: 13px;
   white-space: nowrap;
}
.int04 .schedule-box ul li .todo {
   left: 35px;
}
.schedule-box ul li .todo span {
   font-size: 10px;
}
.int-last-article > .txt-box {
   width: 90%;
   max-width: 1100px;
   margin: -50px auto 0;
   background: #FFF;
   position: relative;
   z-index: 2;
   box-sizing: border-box;
   padding: 30px 5%;
}
.one-word-ttl {
   width: 90%;
   margin: 0 auto;
}
.one-word-box {
   margin: 10px 0 0;
   padding-bottom: 50px;
}
.one-word-box .hw-box {
   width: 100%;
   box-sizing: border-box;
   padding: 0 3% 0;
}
.one-word-box .txt-box {
   width: 100%;
   box-sizing: border-box;
   padding: 0 0 0;
}
.one-word-box .txt-box p {
   line-height: 2em;
}
.int-article.block01 {
   position: relative;
   z-index: 2;
}
.int-article.block01:before {
   width: 100%;
   height: 100%;
   top: -10vw;
   left: 0;
   background: url("../img/interview_img/int-red-line01_sp.svg") no-repeat center top;
   background-size: 102% auto;
   z-index: 1;
}
.int03 .int-article.block01:before {
   width: 100%;
   height: 100%;
   top: -16vw;
   left: 0;
   background: url("../img/interview_img/int-red-line01_sp2.svg") no-repeat center top;
   background-size: 105% auto;
   z-index: 1;
}
.int-article.block02 {
   position: relative;
   z-index: 1;
}
.int-article.block02:before {
   width: 100%;
   height: 100%;
   top: -110vw;
   left: 0;
   background: url("../img/interview_img/int-red-line02_sp.svg") no-repeat center top;
   background-size: 102% auto;
   z-index: 0;
}
.int-article.block03 {
   position: relative;
}
.int-article.block03:before {
   width: 100%;
   height: 100%;
   top: -110vw;
   left: 0;
   background: url("../img/interview_img/int-red-line03_sp.svg") no-repeat center top;
   background-size: 102% auto;
   z-index: -1;
}
}