/* NORMAL (regular/bold) */
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/static/fonts/NotoSans/NotoSans-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Thin - 100 */
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/static/fonts/NotoSans/static/NotoSans-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Regular - 400 */
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/static/fonts/NotoSans/static/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* SemiBold - 600 */
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/static/fonts/NotoSans/static/NotoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ExtraBold - 800 */
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/static/fonts/NotoSans/static/NotoSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Black - 900 */
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/static/fonts/NotoSans/static/NotoSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* ITALIC */
@font-face {
  font-family: 'Noto Sans';
  src: url('/assets/static/fonts/NotoSans/NotoSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    src: url('/assets/static/fonts/NotoSanJp/noto_sans_jp_normal.ttf')  format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/assets/static/fonts/Roboto/roboto_normal.ttf')  format('truetype');
    font-weight: normal;
}

html {
    font-size: 16px;
}
.pc {
    display: block !important;
}
.sp, .description {
    display: none !important;
}
.hidden {
    display: none !important;
}

.blue-color-top {
    color: #038fdd;
}

.violet-color-top {
    color: #5D5099;
}

.white {
    color: white;
}

.cursor-pointer {
    cursor: pointer;
}
.pl-40 {
    padding-left: 40px !important;
}
.fz-100 {
    font-size: 6.25rem;
}
.des h1.long-title {
    font-size: 2.8rem !important;
    line-height: 3.25rem;
}
.fz-62 {
    font-size: 3.875rem;
}
.fz-48 {
    font-size: 3rem;
}
.fz-44 {
    font-size: 2.7rem;
}
.fz-40 {
    font-size: 2.5rem;
}
.fz-38 {
    font-size: 2.375rem;
}
.fz-36 {
    font-size: 2.25rem;
}
.fz-34 {
    font-size: 2.125rem;
}

.fz-32 {
    font-size: 2rem;
}
.fz-30 {
    font-size: 1.875rem;
}
.fz-28 {
    font-size: 1.75rem;
}
.fz-26 {
    font-size: 1.625rem;
}
.fz-24 {
    font-size: 1.5rem;
}
.fz-22 {
    font-size: 1.375rem;
}
.fz-20 {
    font-size: 1.25rem;
}
.fz-19 {
    font-size: 1.1875rem;
}
.fz-18 {
    font-size: 1.125rem;
}
.fz-17 {
    font-size: 1.0625rem;
}
.fz-16 {
    font-size: 1rem;
}
.fz-15 {
    font-size: 0.9375rem;
}
.fz-14 {
    font-size: 0.875rem;
}
.fz-12 {
    font-size: 0.75rem;
}
.fz-11 {
    font-size: 0.6875rem;
}
.fz-10 {
    font-size: 0.625rem;
}
.mt-05 {
    margin-top: 5px;
}
.left {
    text-align: left;
}
.break {
    flex-basis: 100%;
    height: 0;
}

.ln-02 {
    line-height: 2 !important;
}
.ln-01 {
    line-height: 1 !important;
}

.ff-yu {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}

.ff-ns {
    font-family: "Noto Sans";
}

h1 span.fz-44 {
    top: 0.1em;
}

input[type='radio']:checked:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #038FDD !important;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.flex-direction-column {
    flex-direction: column;
}
.jc-space-between {
    justify-content: space-between;
}

.jc-space-between-content {
    justify-content: flex-start;
}

.jc-space-between-content > div {
    margin-right: 100px;
}

input[type=checkbox] {
    width: 10px;
}

/* Landing Page */

.main-content .image-crystal {
    margin-bottom: 0.8rem;
}

.page-container > .header {
    position: relative;
}
.page-container > .header-container {
    position: absolute;
}
/* .header-container .logo {
    position: absolute;
    left: 50px;
    top: 30px;
    z-index: 1;
    cursor: pointer;
} */

.header-container .pop-img {
    position: absolute;
    left: 50px;
    bottom: 32px;
    z-index: 1;
    height: 123px;
    width: 335px;
}

.header.navbar.w-100 {
    height: calc((100vw - 294px) / 1.8125);
    width: calc(100vw - 294px) !important;
    z-index: 1;
}

.header-container div.carousel {
    height: calc((100vw - 294px) / 1.8125);
    width: calc(100vw - 294px);
    margin: 0;
    padding: 0;
}

.nav-title {
    margin-bottom: 0;
    line-height: 4.65rem;
}

.nav-des {
    line-height: 2.375rem;
    letter-spacing: 1px;
}

/* Carousel Transition */

.header .carousel .slick-slide {
    transition: opacity 1000ms ease 0s !important;
}

/* Carousel Transition End */

.slick-list {
    padding: 0 !important;
}

.slick-dots {
    position: absolute;
    bottom: 20px;
}
.slick-dots li.slick-active button:before {
    color: #E0E0E0;
}
.carousel img {
    height: calc((100vw - 294px) / 1.8125);
    width: 100%;
}

.des {
    position: absolute;
    text-align: center;
    width: calc(100vw - 288px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.des label {
    color: white;
    font-size: 20px;
    font-weight: bold;
}

.des .fz-15 {
    font-size: 0.9375rem;
}

.des h1 {
    font-size: 3.875rem;
    color: white !important;
}

.right-box {
    width: 288px;
    box-shadow: 1px 1px 18px #0000001A;
    top: 0;
    right: 0;
    position: fixed;
    z-index: 3;
    background: #fff;
}

.header .header-container ul.nav-right {
    position: fixed;
    top: 0;
    right: 288px;
}

.header .header-container ul.nav-right li {
    display: inline-flex;
    height: 30px;
    padding-top: 15px;
    align-items: center;
}

.header .header-container ul.nav-right li > a:hover {
    color: #f1f1f1;
}

.header .header-container ul.nav-right li > a {
    min-height: 15px;
    font-size: 13px;
    color: white;
    line-height: 1rem;
    padding: 0 20px 0 10px;
}

.header .header-container ul.nav-right li > img {
    height: 15px;
    margin-top: -1px;
}

.content-container {
    padding: 60px 0;
}

.register-form .container {
    padding: 40px;
}

.register-form textarea.form-control {
    height: 60px;
}
.register-form .form-group label, .modal .form-group label {
    display: flex;
    align-items: center;
}

.register-form .form-group span, .modal .form-group span {
    margin-left: 2px;
    color: #D90505;
    font-size: 0.725rem;
}
.register-form .form-group .form-check span {
    bottom: 0;
}

.register-form .privacy-block .form-check, .register-form .privacy-block-agent,
.modal .privacy-block .form-check, .modal .privacy-block-agent
{
    display: flex;
    width: max-content;
}

.btn-star {
    top: 2px;
    position: absolute;
    margin-left: 2px;
    color: #D90505;
    font-size: 0.725rem;
}

#register-tabs {
    display: flex;
    font-size: 0.8rem;
    font-weight: bold;
}

#register-tabs > div {
    height: 78px;
    text-align: center;
    padding: 10px 0 5px 0;
}
.modal .contact-type-block {
    margin-left: 15px;
}
.privacy-block-agent .col, .privacy-block .col {
    width: 240px;
    padding: 0;
}
#register-tabs img {
    margin-bottom: 6px;
    height: 16px;
}
#register-tabs > div:hover {
    cursor: pointer;
}
#register-tabs > div:nth-child(2), #register-tabs > div:nth-child(4) {
    width: 155px;
    position: relative;
    background: #FEC11A;
    color: white;
}

.contact-type-block {
    margin: 8px 0 0 20px;
}

.lozenge {
    position: absolute;
    top: 73px;
    left: calc(50% - 8px);
    background: inherit;
    width: 10px;
    height: 10px;
    rotate: 45deg;
    z-index: 2;
}

.privacy-block .form-check-label {
    font-size: 12px;
    padding: 0 0 0 3px;
}

.label-input[for^="contactType"] {
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: bold !important;
    padding-right: 9px;
}

.form-row > .col, .form-row > [class*=col-] {
    padding: 0;
    max-width: unset;
}

.contact-form, .request-form {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    background: #fff;
}

.contact-form .container, .request-form .container {
    padding: 0 35px;
}
.request-form h6.title-request {
    margin: 8px 15px 0 15px;
}
.submit-button {
    width: 218px;
    margin: auto;
}
.submit-button .btn {
    border-radius: unset;
}
.submit-button svg {
    margin: 0 0 2px 20px;
}
.main-content {
    padding: 0 0 0 0 !important;
    z-index: 2;
    position: sticky;
}

/* #main {
    width: calc(100vw - 294px);
} */

#main-media-detail {
    width: 100vw;
}

#slogans {
    height: 80px;
    padding: 20px 0;
    align-items: center;
}

#slogans .slogan_image{
    margin-left: 2em;
    margin-right: 2em;
}

#slogan_01_110_51 {
    width: calc(((100% - 420px) / 1029) * 110);
    height: calc(((100% - 420px) / 1029) * 51);
}

#slogan_02_121_39 {
    width: calc(((100% - 420px) / 1029) * 121);
    height: calc(((100% - 420px) / 1029) * 39);
}

#slogan_03_186_24 {
    width: calc(((100% - 420px) / 1029) * 186);
    height: calc(((100% - 420px) / 1029) * 24);
}

#slogan_04_138_43 {
    width: calc(((100% - 420px) / 1029) * 138);
    height: calc(((100% - 420px) / 1029) * 43);
}

#slogan_05_128_44 {
    width: calc(((100% - 420px) / 1029) * 128);
    height: calc(((100% - 420px) / 1029) * 44);
}

#slogan_06_106_48 {
    width: calc(((100% - 420px) / 1029) * 106);
    height: calc(((100% - 420px) / 1029) * 48);
}

#slogan_07_130_44 {
    width: calc(((100% - 420px) / 1029) * 130);
    height: calc(((100% - 420px) / 1029) * 44);
}

#slogan_08_110_51 {
    width: calc(((100% - 420px) / 1029) * 110);
    height: calc(((100% - 420px) / 1029) * 51);
}

#top-content-01 {
    background-image: url("../assets/static/images/top_company/background_top_01.png");
    margin: auto;
    text-align: center;
    background-repeat: round;
}

#top-content-01 > img {
    width: 159px;
    height: 80px;
}

#top-content-01 .top-01-title {
    margin-top: 40px;
}

.interview-flow {
    width: 100%;
    margin: 20px auto;
    position: relative;
}

.interview-flow img {
    height: calc((100% - 20px)/3);
    position: relative;
    width: 100%;
}

.job-data img {
    width: 35.3%;
    height: 22.6%;
}
#top-content-02 {
    background-image: url("../assets/static/images/agent_company/bg-agent.png");
    margin: auto;
    text-align: center;
    background-repeat: round;
    position: relative;
    padding-bottom: 30px;
}


#top-content-02 .row {
    text-align: left;
}

#top-content-02 > div > .d-flex {
    margin: 15px 0;
    text-align: left;
}

#top-content-02 .before {
    position: relative;
    width: 46.66%;
    min-height: 330px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 18px #0000001A;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.title-left {
    font-size: 19px;
    position: relative;
    color: white;
    width: 115px;
    height: 33px;
    background: #038FDD 0% 0% no-repeat;
    padding: 3px 13px;
    font-weight: bold;
}

.bg-violet {
    background: #5D5099 0% 0% no-repeat !important;
}

.bg-answer {
    background: #F3FFFF !important;
}

.bg-violet:after {
    content: "";
    border-top: 33px solid #5D5099 !important;
}


.title-left:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-top: 33px solid #038FDD;
    border-right: 12px solid #fff;
    height: 0;
    right: 0;
}
#top-content-02 .before img, #top-content-02 .after img {
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 74px;
    height: 104px;
}
#top-content-02 .after img {
    bottom: -8px;
}

#top-content-02 .arrow {
    background-image: url("../assets/static/images/icon/arrow_left_right_large.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: contain;
    width: 5%;
    height: 27px;
    align-self: center;
}

#top-content-02 .after {
    position: relative;
    width: 46.66%;
    min-height: 300px;
    background: #07BEC0 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 18px #0000001A;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.title-right {
    font-size: 19px;
    position: relative;
    color: #07BEC0;
    width: 103px;
    height: 33px;
    background: #FFFFFF 0% 0% no-repeat;
    padding: 3px 13px;
    font-weight: bold;
}
.question-right {
    padding: 1em;
    line-height: 1.3;
    min-height: 112px;
    align-items: center;
    letter-spacing: -1px;
}
.title-right:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-top: 33px solid #FFFFFF;
    border-right: 12px solid #07BEC0;
    height: 0;
    right: 0;
}

.after-box {
    min-height: calc(100% - 33px);
    padding-bottom: 18px;
    text-align: left;
}
#top-content-02 .before .question-title {
    margin-top: 50px;
    margin-bottom: 16px;
}

#top-content-02 .before .content {
    padding: 10px 82px 10px 15px;
}

#top-content-02 .after .content {
    width: calc(100% - 65px);
    margin-left: 20px;
    background: white;
    border-radius: 10px;
    padding: 10px 40px 10px 10px;
    /* letter-spacing: -1px; */
    line-height: 1.4;
    min-height: 135px;
    vertical-align: middle;
}

#top-content-02 .content.content-with-icon {
    line-height: 1.7;
    padding-right: 44px;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
}

#top-content-02 .before .icon {
    background-image: url("../assets/static/images/icon/before_block_icon.svg");
    position: absolute;
    width: 68px;
    height: 104px;
    right: 30px;
    bottom: 25px;
}

#top-content-02 .after .icon {
    background-image: url("../assets/static/images/icon/after_block_icon.svg");
    position: absolute;
    width: 97px;
    height: 104px;
    right: 30px;
    bottom: 25px;
}

#top-content-02 .after label {
    margin-top: 60px;
}

#top-content-02 .col-title {
    padding: 40px 0 0 0;
    width: 50%;
    text-align: left;
}

#top-content-02 .col-title:nth-child(2) {
    padding-left: 42px;
}

#top-content-02 .col-title div:first-child {
    background-color: #07BEC0;
    width: 6px;
    height: 100%;
    margin-right: 10px;
}

#top-content-05 .content {
    background: white;
    border-radius: 10px;
    min-height: 225px;
}

#top-content-05 .content p {
    margin-bottom: 0;
    line-height: 1.625rem;
    letter-spacing: 0px;
}

#top-content-05 > label {
    padding-top: 90px;
}
#top-content-05 .banner-img {
    width: 664px;
}

#top-content-05 > img {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*opacity: 0.7;*/
    /*width: 100%;*/
    /*height: 1012px;*/
    /*z-index: 1;*/
}

#top-content-05 .jc-space-between {
    margin-top: 30px;
    padding-bottom: 30px;
}

#top-content-04 {
    background: #EDF9F9;
    margin: auto;
    text-align: center;
}

#top-content-04 > label:first-child {
    margin-top: 115px;
}

#top-content-04 .jc-center {
    margin-top: 37px;
    display: grid;
    gap: 37px;
    grid-template-columns: 33% 33% 33%;
}

#top-content-04 .jc-center .box-content-04 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 18px #0000001A;
    border-radius: 10px;
    padding: 34px;

}

#top-content-04 .jc-center .box-content-04 img {
    width: 303px;
}

#top-content-04 .jc-center .box-content-04 .detail-04 {
    margin-top: 20px;
}

.align-left {
    text-align: initial !important;
}

.align-center {
    text-align: center !important;
}

.left_ribbon {
    margin-left: -45px;
    margin-top: -34px;
    float: left;
}
.ribbon {
    position: relative;
    text-transform: uppercase;
    background: #FF6D74 0% 0% no-repeat padding-box;
    box-shadow: 0.5px 0.87px 5px #2727274D;
    padding: 6px 13px 4px 11px;
    clear: both;
}
.left_ribbon:before {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    bottom: -10px;
    left: 0px;
    content: "";
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FF6D74;
}

top-content-7 {
    padding-bottom: 40px;
}

.jc-center-07 .number {
    color: #DD3C44;
    letter-spacing: 2px;
}
#top-content-04 .d-flex .content-04 {
    width: 261px;
    height: 325px;
    margin: 0 20px;
    position: relative;
    box-shadow: 1px 1px 18px #0000001a;
    border-radius: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

#top-content-04 .title {
    display: block;
    width: 100%;
    letter-spacing: 0px;
    margin-bottom: 13px;
}

#top-content-04 .line {
    width: 26px;
    height: 3px;
    background: #07BEC0;
    margin-left: calc(50% - 13px);
}

.line-color {
    background-image: linear-gradient(to right, #5D5099 30%, #07BEC0) !important;
}

#top-content-04 .d-flex span {
    /*color: #DD3C44;*/
}

#top-content-05 {
    position: relative;
    text-align: center;
    background-image: url("../assets/static/images/top_company/background_top_03.png");
    background-repeat: round;
    margin: auto;
    background-repeat: round;
    background-size: 100% auto;
}

#top-content-05 .content {
    margin-top: 40px;
    height: 470px;
}

#top-content-05 .content > div {
    padding: 32px 30px 0px 30px;
    background: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
}

#top-content-05 .content > .content-left {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#top-content-05 .content > div h4 {
    padding: 32px 0 16px 0;
    letter-spacing: 0;
    line-height: 2.25rem;
    margin-bottom: 0px;
}

#top-content-05 .title-01 {
    padding: 6px;
    color: #FFFFFF;
    background: #07BEC0 0% 0% no-repeat padding-box;
    letter-spacing: 0px;
    line-height: 1.25rem;
}

#top-content-05 .title-02 {
    padding: 6px;
    color: #FFFFFF;
    margin-left: -4px;
    background: #073763 0% 0% no-repeat padding-box;
}

#top-content-05 .content img {
    width: 50%;
    height: 100%;
}

.btn-more {
    background: #073763;
    width: 16.4%;
    min-width: 150px;
    height: 47px;
    margin: 40px auto 0 auto;
    display: flex;
    align-items: center;
    line-height: 1.75rem;
}

.btn-more .d-flex {
    width: 100%;
    align-items: center;
    margin: auto 10% auto 25.4%;
}

.btn-more a:hover {
    color: #d7d5d5;
}

.btn-more .d-flex img {
    width: 0.5rem;
    margin: -1px 0 0 0;
}

#top-content-10 {
    background: #F4F4F4;
    margin: auto;
    text-align: center;
    padding-bottom: 45px;
}

#top-content-10 > label:first-child {
    margin-top: 115px;
}
#top-content-10 .question {
    letter-spacing: 0px;
    border-radius: 10px;
    background: white;
    padding: 32px 27px;
    margin-top: 30px;
    text-align: left;
    position: relative;
    box-shadow: 1px 1px 18px #0000001A;
}

#top-content-10 .question > p {
    position: absolute;
    top: 35px;
    right: 30px;
}

#top-content-10 .answer {
    padding: 20px 30px;
    background: #F2F2F2;
    margin-top: 20px;
}

#top-content-10 .question .d-flex > div {
    padding: 10px 30px 0 10px;
}

.top-content-3 {
    background-image: url("../assets/static/images/agent_company/background_top_06.png");
    background-repeat: round;
}

.top-content-3 .title-01 {
    font-family: 'Noto Serif JP';
}

.top-content-3 .content-box{
    text-align: center;
}

.top-content-3 .banner-img-3 {
    width: 100%;
}
.top-content-3 .banner-img-3-sp {
    display: none;
}

.top-content-6 .content-06 {
    margin: auto;
    max-width: 850px;
    display: flex;
    justify-content: left;
    gap: 1.3rem;
    align-items: center;
    margin-top: 1.5rem;
}
.top-content-6 .content-06 img{
    width: 12.65%;
    margin-left: 50px;
}
.top-content-6 .process {
    height: 31px;
    background: #07BEC0 0% 0% no-repeat padding-box;
    border-radius: 16px;
}

.top-content-6 .process-bar {
    margin-bottom: -20px;
}
.top-content-6 .reward-des {
    margin-top: 3rem;
}

.top-content-8 {
    background: #F5F5F5 0% 0% no-repeat padding-box !important;
}
.top-content-8 .content-8 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-content-8 .img-flow{
    width: 633px;
    height: 199px;
}
.top-content-8 .img-flow-sp{
    display: none;
}
#top-content-11 {
    text-align: center;
}
#top-content-11 > div.d-flex {
    margin-top: 45px;
}

#top-content-11 .d-flex > div {
    width: calc((100% - 74px) / 3);
    text-align: left;
}

.section-title {
    letter-spacing: 1px;
    margin-bottom: 0;
    font-family: 'Noto Sans';
}

.section-title .blue-color-top {
    letter-spacing: -2px;
}
.section-des-jp {
    letter-spacing: 1px;
    line-height: 1.375rem;

    color: #333333;
    font-weight: 400 !important;
}
.section-des {
    letter-spacing: 0px;
    line-height: 1.375rem;
}

.box-title {
    letter-spacing: 0px;
    line-height: 2rem;
}

.top-title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    line-break: anywhere;
}

.display-title {
    word-break: break-word;
    white-space: pre-wrap;
}

.box-des {
    letter-spacing: 0px;
    line-height: 1.75rem;
}

.display-text {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    word-break: break-all;
    word-wrap: break-word;
}

.custom-text {
    font-size: 16px;
    font-weight: normal;
}

#top-content-11 .container-content img {
    width: 100%;
    margin-bottom: 15px;
}

#top-content-11 .d-flex span {
    letter-spacing: 0px;
    line-height: 1.75rem;
}

/* #footer {
    width: calc(100vw - 293px);
} */
.for-footer {
    font-size: 0.8125rem;
    letter-spacing: 0px;
    color: #333333;
    line-height: 1.5625rem;
    font-weight: normal;
}

#footer img {
    width: 136px;
    height: 68px;
    margin-top: 44px;
}

#footer > div:nth-child(2) {
    background: unset;
    padding: 37px 0;
    letter-spacing: 0.12px;
    line-height: 1.5rem;
    color: #434343;
    font-size: 12px;
}
#footer > div {
    width: 100%;
    text-align: center;
    margin: auto;
    background: #EDF9F9 0% 0% no-repeat padding-box;
}

#footer p {
    margin: 20px 0;
    line-height: 1.5rem;
}

#footer hr {
    border: none;
    height: 1px;
    background: #D3E7E7;
}

#footer .link {
    padding: 20px 0 30px;
    letter-spacing: 0px;
    color: #666666;
    line-height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

#footer a {
    color: #666666;
    display: contents;
}

#top-content-05 .jc-space-between img {
    margin-left: 65px;
    width: 175px;
}

#top-content-05 .jc-space-between .content > div:first-child {
    min-width: 55%;
    text-align: left;
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("../assets/static/images/icon/arrow_select_box.svg");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
}

.slick-dots li {
    margin: 0;
}

.slick-dots li button:before {
    font-size: 12px;
}

#top-content-10 .question .answer .text-answer {
    padding: 3px 30px 0 10px;
    line-height: 2rem;
}
.hr {
    width: 67.3%;
}

#top-content-05 .jc-space-between > div {
    width: 48%;
}

.text-title {
    font-size: 22px;
    font-size: 22px;
    line-height: 1.3;
}
.text-des {
    display: inline-block;
    font-size: 16px;
    line-height: 1.7;

}
.text-date {
    color: #4D4D4D;;
}

.vertical-line {
    border-left: 1px solid #666666;
    height: 15px;
}

.arrow-down {
    position: relative;
    bottom: -100px;
    width: 300px;
}

.section-content {
    max-width: 100%;
    /* padding: 0 35px; */
    margin: auto;
}

.sub-title {
    font-size: 14px;
    line-height: 24px;
}

.title-form {
    z-index: 3;
    position: relative;
}

label.form-check-input {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-top: 2px !important;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.form-check-input input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: solid #cccccc 1px;
    border-radius: 2px;
}

/* When the checkbox is checked, add a blue background */
.form-check-input input:checked ~ .checkmark {
    background-color: #2196F3;
    border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.form-check-input input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.form-check-input .checkmark:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Interview Flow PC*/

.interview-text {
    position:absolute ;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
}

.interview-text p{
    margin-bottom: 0;
    font-weight: 900;
}

.text-column-1 {
    width: 10.9%;
}
.text-column-1 .box{
    display: flex;
    height: 100%;
    align-items: center;
}

.text-column-1 .box-ses{
    display: flex;
    height: 70%;
    align-items: center;
}

.text-column-1 h2{
    position: relative;
    width: 50%;
    font-size: 1.6rem;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 12px;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.interview-text-title {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.222;
    position: relative;
}

.interview-text-note {
    font-size: 0.75rem;
}

.interview-direction-left img{
    margin-bottom: 0;
    width: 92%;
    height: 5%;
}

.interview-direction-right img{
    margin-bottom: 0;
    width: 92%;
    height: 5%;
}

.text-column-2,
.text-column-4,
.text-column-5{
    display: flex;
    flex-direction: column;
    position: relative;
}

.text-column-2 {
    top: 4%;
    gap: 16%;
    flex-basis: 19.1%;
}
.text-column-2 .text-ses{
    letter-spacing: 1.5px;
    line-height: 1.8em;
}

.text-column-2 .note-ses{
    margin-top: -7px;
}

.text-column-3 {
    display: flex;
    flex-direction: column;
    gap: 46%;
    position: relative;
    top: 4%;
    flex-basis: 25.9%;
}

.text-column-title-up h2 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #FFFFFF;
}

.text-column-title-down h2 {
    font-size: 1.2rem;
    font-weight: 400;
    color: #FFFFFF;
}

.text-column-4 {
    top: 9%;
    gap: 21%;
    flex-basis: 17.3%;
}

.text-column-title-last h2 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.1rem;
}

.text-column-5 {
    top: 35.5%;
    gap: 43%;
    flex-basis: 27%;
}

.text-column-title {
    display: flex;
    flex-direction: column;
}
/*Interview Flow Company SP*/

.interview-flow-sp {
    position: relative;
}

.interview-text-sp {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.text-row-1 {
    flex-basis: 12.1%;
}

.text-row-2 {
    flex-basis: 20.3%;
    height: 22.3%;
}

.text-row-3 {
    flex-basis: 29.3%
}

.text-row-5 {
    display: flex;
    flex-basis: 22.2%;
    align-items: center;
    gap: 4%;
}

.text-row-1 h2 {
    position: relative;
    font-size: 3.2rem;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 8px;
    top: 24%;
}

.interview-flow-detail-sp,
.interview-flow-detail-left,
.interview-flow-detail-right{
    display: flex;
    height: 100%;
    align-items: center;
}

.interview-flow-detail-sp {
    height: 100%;
    align-items: center;
    gap: 5%;
}

.interview-flow-detail-sp .logo-recruting{
    height: 25%;
    line-height: normal;
    position: relative;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 3px;
    display: block;
    opacity: 0.7;
}

.interview-sp-direction-left {
    height: 100%;
}
.interview-flow-detail-title {
    font-size: 1.4rem;
    font-weight: 600;
}

.interview-flow-detail-note {
    font-size: 1.2rem;
    font-weight: 500;
}
.interview-flow-detail-right-1 {
    display: flex;
    flex-direction: column;
    flex-basis: 43%;
}

.interview-flow-detail-right-2 {
    display: flex;
    flex-direction: column;
    flex-basis: 57%;
}
.interview-flow-direction {
    height: 90%;
}

.text-row-title-up h2 {
    font-size: 1.7rem;
    font-weight: 600;
    color: #FFFFFF;
}

.text-row-title-down h2 {
    line-height: 1.7rem;
    font-size: 1.7rem;
    font-weight: 500;
    color: #FFFFFF;
}

.text-row-title-up {
    top: 6%;
    position: relative;
}

.text-row-title-down {
    top: 72%;
    position: relative;
}

.text-row-4 {
    flex-basis: 10.7%;
    height: 10.7%;
}

.interview-flow-direction-down {
    height: 80%;
}

.text-row-title-last-left ,
.text-row-title-last-right {
    flex-basis: 50%;
    top: 25%;
    position: relative;
}

.text-row-title-last-left h2,
.text-row-title-last-right h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #FFFFFF;
}


/*Start: Interview Flow PC agent*/
.position-left {
    left: 12%;
    position: relative;
}
.interview-flow-agent .text-column-1 h2 {

}
.interview-flow-agent .text-column-2 {
    top: 29%;
    gap: 13%;
}

.interview-flow-agent .text-column-3 {
    top: 26%;
    gap: 0;
}

.interview-flow-agent .text-column-5 {
    gap: 0;
    top: 23%;
}

.interview-flow-agent .text-column-3 .text-column-title-mid {
    position: relative;
    top: 21%;
}

.interview-flow-agent .text-column-3 .text-column-title-down {
    position: relative;
    top: 30%;
}

.interview-flow-agent .text-column-4 {
    top: 35%;
    gap: 14%;
}

.interview-flow-agent .text-column-title-mid h2 {
    font-weight: bold;
    color: #FFFFFF;
}

.interview-flow-agent .text-column-3 .text-column-title-mid h2 {
    font-size: 1rem;
}

.interview-flow-agent .text-column-5 .text-column-title-mid h2 {
    font-size: 1.1rem;
    font-weight: 900;
}

.interview-flow-agent .text-column-5 .text-column-title-mid {
    position: relative;
    top: 15%;
}

.interview-flow-agent .text-column-5 .text-column-title-down {
    position: relative;
    top: 21%;
}

.interview-flow-agent .text-column-5 .employment-agency {
    color: #038FDD;
    position: relative;
    right: -17%;
    font-size: 0.7rem;
}

.interview-flow-agent .text-column-5 .employment-agency p, .interview-flow-agent .text-column-5 .company p {
    line-height: 1.4;
    font-weight: 900;
}

.interview-flow-agent .text-column-5 .company {
    font-weight: bold;
    font-size: 0.7rem;
    width: auto;
    display: inherit;
    position: absolute;
    right: 13%;
    top: 10%;
}
.interview-flow-agent .text-column-5 .note-agent{
    bottom: -140%;
}

.interview-flow-agent .text-column-5 .text-column-title-up {
    display: flex;
    flex-direction: column;
}

.text-top {
    position: absolute;
    top: 3%;
    left: 26%;
    z-index: 3;
}

.text-bottom {
    position: absolute;
    left: 9%;
    bottom: 2%;
    z-index: 2;
}

.text-top h2 {
    font-size: 1rem;
}

.text-bottom h2 {
    font-size: 0.9rem;
}

/*End: Interview Flow PC agent*/
@media (max-width: 1279px) and (min-width: 769px) {
   html {
       font-size: 14px;
   }
    .privacy-block-agent .col, .privacy-block .col {
        width: unset;
        padding: 0;
    }
}

@media (max-width: 1490px) and (min-width: 1290px) {
    .text-column-1 h2{
        font-size: 1.4rem;
    }
    .text-column-title-last{
        margin-bottom: -8px;
    }
    .text-column-title-last h2 {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 0.9rem;
    }
    .text-column-title-down h2 {
        font-size: 1rem;
    }
    .text-column-title-up h2 {
        font-size: 1rem;
    }
    .interview-text-title {
        font-size: 0.9rem;
    }

    .interview-text-note {
        font-size: 0.6rem;
    }

    /* start: interview flow agent*/
    .text-bottom h2 {
        font-size: 0.8rem;
    }

    .interview-flow-agent .text-column-5 .text-column-title-mid h2 {
        font-size: 1rem;
    }

    /* end: interview flow agent*/
}

@media (max-width: 1290px) and (min-width: 1082px) {
    .text-column-1 h2{
        font-size: 1.5rem;
    }
    .text-column-title-last{
        margin-bottom: 0%;
    }
    .text-column-title-last h2 {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1rem;
    }
    .text-column-title-down h2 {
        font-size: 1.1rem;
    }
    .text-column-title-up h2 {
        font-size: 1.1rem;
    }
    .interview-text-title {
        font-size: 1rem;
    }

    .interview-text-note {
        font-size: 0.6rem;
    }
}

@media (max-width: 1081px) and (min-width: 890px) {
    .text-column-1 h2{
        font-size: 1.4rem;
    }
    .text-column-title-last{
        margin-bottom: 3%;
    }

    .text-column-title-last h2 {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 0.9rem;
    }

    .text-column-title-down h2 {
        font-size: 1rem;
    }

    .text-column-title-up h2 {
        font-size: 1rem;
    }

    .interview-text-title {
        font-size: 0.9rem;
    }

    .interview-text-note {
        font-size: 0.6rem;
    }

    .text-column-5 {
        gap: 40%;
    }

    /* start: interview flow agent*/
    .interview-flow-agent .text-column-5 .text-column-title-mid h2 {
        font-size: 1rem;
    }

    .text-bottom h2 {
        font-size: 0.8rem;
    }
    /* end: interview flow agent*/

}

@media (max-width: 890px) and (min-width: 660px) {
    .text-column-1 h2{
        font-size: 1.3rem;
        font-weight: 600;
    }
    .text-column-title-last{
        margin-bottom: 3px;
    }
    .text-column-title-last h2 {
        font-size: 0.8rem;
        font-weight: 600;
        line-height: 0.8rem;
    }
    .text-column-title-down h2 {
        font-size: 0.9rem;
    }
    .text-column-title-up h2 {
        font-size: 0.9rem;
    }
    .interview-text-title {
        font-size: 0.7rem;
    }

    .interview-text-note {
        font-size: 0.5rem;
    }

    .text-column-5 {
        gap: 38%;
    }

    /* start: interview flow agent*/
    .interview-flow-agent .text-column-5 .text-column-title-mid h2 {
        font-size: 0.7rem;
    }

    .text-top {
        top: 4%;
        left: 26%;
    }

    .text-top h2 {
        font-size: 0.9rem;
    }

    .text-bottom h2 {
        font-size: 0.7rem;
    }

    .interview-flow-agent .text-column-5 .employment-agency p, .interview-flow-agent .text-column-5 .company p {
        font-size: 0.6rem;
    }
    /* end: interview flow agent*/
}

@media (max-width: 700px) {
    /* start: interview flow agent*/
    .interview-flow-agent .text-column-5 .text-column-title-mid h2 {
        font-size: 0.8rem;
    }
    .text-column-title-last{
        margin-bottom: -6px;
    }

    .interview-flow-agent .text-column-5 .text-column-title-down p {
        font-size: 0.7rem;
    }

    .interview-flow-agent .text-column-title-up h2, .text-column-title-down h2{
        font-size: 0.8rem;
    }

    .interview-flow-agent .text-column-1 h2 {
        font-size: 0.9rem;
    }

    .text-top {
        top: 3%;
        left: 13%;
    }

    .text-top h2 {
        font-size: 0.8rem;
    }

    .interview-flow-agent .interview-text-title {
        font-size: 0.8rem;
    }

    .text-bottom h2 {
        font-size: 0.6rem;
    }

    .interview-flow-agent .text-column-5 .employment-agency p, .interview-flow-agent .text-column-5 .company p {
        font-size: 0.6rem;
    }
    /* end: interview flow agent*/
}

@media (max-width: 768px) {
    html {
        font-size: 12px;
    }
    .privacy-block-agent .col, .privacy-block .col {
        width: unset;
        padding: 0;
    }
}
@media (max-width: 660px) {
    .text-row-1 h2 {
        width: 100%;
        top:0%;
    }
    .before-mark, .after-mark {
        max-height: 2em;
    }
    .sp ,.description {
        display: block !important;
    }
    .pc {
        display: none !important;
    }
}

@media (max-width: 570px) and (min-width: 414px) {
    html {
        font-size: 10px;
    }

    .text-row-1 h2 {
        font-size: 3.1rem;
    }

    .interview-flow-detail-title {
        font-size: 1.3rem;
    }

    .interview-flow-detail-note {
        font-size: 1.1rem;
    }

    .text-row-title-up h2 {
        font-size: 1.6rem;
    }

    .text-row-title-down h2 {
        line-height: 1.6rem;
        font-size: 1.6rem;
    }
    .text-row-title-last-left h2,
    .text-row-title-last-right h2 {
        font-size: 1.5rem;
    }

}
@media (max-width: 415px) {
    html {
        font-size: 10px;
    }
    .text-row-1 h2 {
        color: #ffffff;
        font-size: 2.8rem;
    }

    .interview-flow-detail-title {
        font-size: 1rem;
    }

    .interview-flow-detail-note {
        font-size: 0.8rem;
    }

    .text-row-title-up h2 {
        font-size: 1.3rem;
    }

    .text-row-title-down h2 {
        line-height: 1.3rem;
        font-size: 1.3rem;
    }
    .text-row-title-last-left h2,
    .text-row-title-last-right h2 {
        font-size: 1.2rem;
    }
}

/*Interview Flow PC SES*/
.interview-flow-ses .text-column-1 h2 {
    top: 22%;
    letter-spacing: 5px;
}
.interview-flow-ses .text-column-2 {
    top: 25%;
    gap: 13%;
}

.interview-flow-ses .text-column-3 {
    top: 20%;
    gap: 0;
}

.interview-flow-ses .text-column-5 {
    gap: 0;
    top: 28%;
}

.interview-flow-ses .text-column-3 .text-column-title-mid {
    position: relative;
    top: 21%;
}

.interview-flow-ses .text-column-3 .text-column-title-down {
    position: relative;
    top: 30%;
}

.interview-flow-ses .text-column-4 {
    top: 35%;
    gap: 14%;
}

.interview-flow-ses .text-column-title-mid h2 {
    font-weight: bold;
    color: #FFFFFF;
}

.interview-flow-ses .text-column-3 .text-column-title-mid h2 {
    font-size: 1rem;
}

.interview-flow-ses .text-column-5 .text-column-title-mid h2 {
    font-size: 1rem;
    font-weight: 900;
}

.interview-flow-ses .text-column-5 .text-column-title-mid {
    position: relative;
    top: 10%;
}

.interview-flow-ses .text-column-5 .text-column-title-down {
    position: relative;
    top: 20%;
}

.interview-flow-ses .text-column-5 .employment-agency {
    color: #038FDD;
    position: relative;
    right: -17%;
    font-size: 0.7rem;
    top:-77%;
}

.interview-flow-ses .text-column-5 .employment-agency p, .interview-flow-ses .text-column-5 .company p {
    line-height: 1.4;
    font-weight: 900;
}

.interview-flow-ses .text-column-5 .company {
    font-weight: bold;
    font-size: 0.7rem;
    width: auto;
    display: inherit;
    position: absolute;
    right: 13%;
    top: 7%;
    /* position: relative;
    right: -29%;
    font-weight: bold;
    font-size: 0.7rem;
    top: 51%; */
}

.interview-flow-ses .text-column-5 .text-column-title-up {
    display: flex;
    flex-direction: column;
}

.text-top h2 {
    font-size: 1rem;
    right: 17%;
}

.text-bottom h2 {
    font-size: 0.9rem;
    margin-bottom: 0%;
    font-weight: 900;
}

/*SES-SP*/
.ses-text-row-1 {
    flex-basis: 9.2%;
}

.ses-text-row-1 h2 {
    position: relative;
    font-size: 2.6rem;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 3px;
    top: 30%;
    font-size: 2.2rem;
    line-height: 2.8rem;
}

.agent-text-row-1 p {
    display: none;
}

.ses-text-row-1 p {
    display: none;
}

.ses-text-row-2 {
    display: flex;
    flex-basis: 13%;
    max-height: 12.9%;
    align-items: center;
    left: 8%;
    position: relative;
}

.ses-text-content {
    display: flex;
    align-items: center;
    height: 100%;
}
.ses-text-row-2 img {
    height: 90%;
}

.ses-text-row-title {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 3%;
    line-height: 1.6rem;
}

.ses-text-row-note {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.ses-text-row-right {
    text-align: left;
}

.ses-text-row-3 {
    color: #FFFFFF;
    flex-basis: 8.6%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ses-text-row-3 h2 {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 2.8rem;
}

.ses-text-row-4 {
    flex-basis: 14.8%;
}

.ses-text-row-4 h2 {
    font-weight: 600;
    top: 68%;
    position: relative;
    font-size: 2.2rem;
    line-height: 2.8rem;
}

.ses-text-row-5 {
    flex-basis: 7.7%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}

.ses-text-row-6 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 8%;
    height: 8%;
}

.ses-text-row-6 img{
    height: 87%;
}

.ses-text-row-7 {
    flex-basis: 12.8%;
}

.ses-text-row-7 h2 {
    font-size: 1.9rem;
    font-weight: 600;
    top: 43%;
    position: relative;
    font-size: 2.2rem;
    line-height: 2.8rem;
}

.ses-text-row-8 {
    flex-basis: 10.5%;
}

.ses-text-row-8 h2 {
    color: #FFFFFF;
    font-weight: 600;
    top: 7%;
    position: relative;
    font-size: 2.2rem;
    line-height: 3rem;
}

.ses-text-row-9 {
    flex-basis: 5.9%;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
    left: 7%;
    position: relative;
}

.ses-text-row-9 h2 {
    position: relative;
    left: 57%;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
}

.ses-text-row-9 h2:nth-child(2) {
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: 0px;
}

.ses-text-row-10 {
    flex-basis: 4.5%;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
    align-items: center;
    color: #07bec0;
}

.ses-text-row-10 h2 {
    position: relative;
    left: 30%;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 700;
}

.ses-text-row-10 h2:nth-child(2) {
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: 0px;
}

.text-column-left {
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: left;
    top: 7%;
    z-index: 2;
    left: 3%;
}

.text-column-right {
    position: absolute;
    left: 87%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: left;
    top: 27%;
    height: 100%;
    z-index: 2;
}

.text-column-left-title {
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 3%;
    line-height: 2.2rem;
}

.text-column-left-note {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

/*start: agent-mobile */
.agent-text-row-1 {
    flex-basis: 9.2%;
}

.agent-text-row-1 h2 {
    position: relative;
    font-size: 3.1rem;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 8px;
    top: 22%;
}

.agent-text-row-1 p {
    margin-bottom: 0px;
    height: 25%;
    line-height: normal;
    position: relative;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 3px;
    display: block;
    opacity: 0.7;
}

.agent-text-row-2 {
    display: flex;
    flex-basis: 13%;
    height: 13%;
    align-items: center;
    position: relative;
}

.agent-text-row-2 .agent-left-11 {
    margin-left: 11%;
}

.agent-text-content {
    display: flex;
    align-items: center;
    height: 100%;
}
.agent-text-row-2 img {
    height: 90%;
}

.agent-text-row-title {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 3%;
    line-height: 1.6rem;
}

.agent-text-row-note {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.agent-text-row-right {
    text-align: left;
}

.agent-text-row-3 {
    color: #FFFFFF;
    flex-basis: 8.7%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.agent-text-row-3 h2 {
    font-weight: 600;
}

.agent-text-row-4 {
    flex-basis: 14.2%;
}

.agent-text-row-4 h2 {
    font-weight: 600;
    top: 68%;
    position: relative;
}

.agent-text-row-5 {
    flex-basis: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agent-text-row-5 h2 {
    color: #FFFFFF;
}

.agent-text-row-6 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 8%;
    height: 8%;
}

.agent-text-row-6 img{
    height: 87%;
}

.agent-text-row-7 {
    flex-basis: 12.9%;
}

.agent-text-row-7 h2 {
    font-size: 1.9rem;
    font-weight: 600;
    top: 40%;
    position: relative;
}

.agent-text-row-8 {
    flex-basis: 9.9%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.agent-text-row-8 h2 {
    color: #FFFFFF;
    font-weight: 600;
}

.agent-text-row-9 {
    flex-basis: 5.9%;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
}

.agent-text-row-9 h2 {
    position: relative;
    left: 57%;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
}

.agent-text-row-9 .agent-fz-24,
    .agent-text-row-10 .agent-fz-24 {
    font-size: 1.3rem;
}

.agent-text-row-9 .agent-fz-30,
.agent-text-row-10 .agent-fz-30 {
    font-size: 1.9rem;
}

.agent-text-row-9 h2:nth-child(2) {
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: -1px;
}

.agent-text-row-10 {
    flex-basis: 5.3%;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
    color: #07bec0;
}

.agent-text-row-10 h2 {
    position: relative;
    left: 45%;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
}

.agent-text-row-10 h2:nth-child(2) {
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: -1px;
}

.img-agent-mobile {
    width: 96%;
}
/* end: agent-mobile */


@media (max-width: 1279px) and (min-width: 769px) {
   html {
       font-size: 14px;
   }
    .privacy-block-ses .col, .privacy-block .col {
        width: unset;
        padding: 0;
    }
    .employment-agency p,
    .company p {
        font-size: 0.8rem;
    }

    .text-column-title-mid h2 {
    }
}

@media (max-width: 1490px) and (min-width: 1290px) {
    .text-column-1 h2{
        font-size: 1.4rem;
    }
    .text-column-title-last h2 {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 0.9rem;
    }
    .text-column-title-down h2 {
        font-size: 1rem;
    }
    .text-column-title-up h2 {
        font-size: 1rem;
    }
    .interview-text-title {
        font-size: 0.9rem;
    }

    .interview-text-note {
        font-size: 0.7rem;
        font-weight: bold;
    }
    .text-top h2{
        font-size: 0.8rem;
    }

    .text-bottom h2 {
        font-size: 0.8rem;
    }

    .interview-flow-ses .text-column-5 .text-column-title-mid h2 {
        font-size: 0.9rem;
    }
}

@media (max-width: 1290px) and (min-width: 1082px) {
    .text-column-1 h2{
        font-size: 1.5rem;
    }
    .text-column-title-last h2 {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1rem;
    }
    .text-column-title-down h2 {
        font-size: 1.1rem;
    }
    .text-column-title-up h2 {
        font-size: 1.1rem;
    }
    .interview-text-title {
        font-size: 1rem;
    }

    .interview-text-note {
        font-size: 0.6rem;
    }

    .text-top {
        top: 4%;
    }

    .text-top h2 {
        font-size: 1rem;
    }
}

@media (max-width: 1081px) and (min-width: 890px) {
    .text-column-1 h2{
        font-size: 1.4rem;
    }

    .text-top {
        top: 4%;
    }

    .text-top h2 {
        font-size: 0.9rem;
    }

    .text-column-title-last h2 {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 0.9rem;
    }

    .text-column-title-down h2 {
        font-size: 1rem;
    }

    .text-column-title-up h2 {
        font-size: 1rem;
    }

    .interview-text-title {
        font-size: 0.9rem;
    }

    .interview-text-note {
        font-size: 0.6rem;
    }

    .text-column-5 {
        gap: 40%;
    }

    .interview-flow-ses .text-column-5 .text-column-title-mid h2 {
        font-size: 0.8rem;
        line-height: 1.4rem;
    }

    .text-bottom h2 {
        font-size: 0.8rem;
    }

    .employment-agency p,
    .company p {
        font-size: 0.7rem;
    }

}

@media (max-width: 890px) and (min-width: 660px) {
    .text-column-1 h2{
        font-size: 0.9rem;
        font-weight: 600;
    }
    .text-column-title-last h2 {
        font-size: 0.8rem;
        font-weight: 600;
        line-height: 0.8rem;
    }
    .text-column-title-down h2 {
        font-size: 0.9rem;
    }
    .text-column-title-up h2 {
        font-size: 0.9rem;
    }
    .interview-text-title {
        font-size: 0.7rem;
    }

    .interview-text-note {
        font-size: 0.5rem;
    }

    .text-column-5 {
        gap: 38%;
    }

    .interview-flow-ses .text-column-5 .text-column-title-mid h2 {
        font-size: 0.7rem;
        line-height: 1.2rem;
    }

    .text-top {
        top: 4%;
        left: 20%;
    }

    .text-top h2 {
        font-size: 0.7rem;
    }

    .text-bottom h2 {
        font-size: 0.7rem;
    }

    .interview-flow-ses .text-column-5 .employment-agency p, .interview-flow-ses .text-column-5 .company p {
        font-size: 0.6rem;
    }
}

@media (max-width: 700px) {
    .ses-text-row-1 h2 {
        font-size: 2.6rem;
    }
    .interview-flow-ses .text-column-5 .text-column-title-mid h2 {
        font-size: 0.6rem;
    }

    .interview-flow-ses .text-column-5 .text-column-title-down p {
        font-size: 0.7rem;
    }

    .interview-flow-ses .text-column-title-up h2, .text-column-title-down h2{
        font-size: 0.8rem;
    }

    .interview-flow-ses .text-column-1 h2 {
        font-size: 0.9rem;
    }

    .text-top {
        top: 3%;
    }

    .text-top h2 {
        font-size: 0.8rem;
    }

    .interview-flow-ses .interview-text-title {
        font-size: 0.6rem;
    }

    .text-bottom h2 {
        font-size: 0.6rem;
    }

    .interview-flow-ses .text-column-5 .employment-agency p, .interview-flow-ses .text-column-5 .company p {
        font-size: 0.5rem;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 12px;
    }
    .privacy-block-ses .col, .privacy-block .col {
        width: unset;
        padding: 0;
    }
}
@media (max-width: 660px) {
    html {
        font-size: 10px;
    }
    .before-mark, .after-mark {
        max-height: 2em;
    }
    .sp ,.description {
        display: block !important;
    }
    .pc {
        display: none !important;
    }
}

@media (max-width: 570px) and (min-width: 464px) {
    html {
        font-size: 10px;
    }

    .text-row-1 h2 {
        font-size: 3.1rem;
    }

    .interview-flow-detail-title {
        font-size: 1.3rem;
    }

    .interview-flow-detail-note {
        font-size: 1.1rem;
    }

    .text-row-title-up h2 {
        font-size: 1.6rem;
    }

    .text-row-title-down h2 {
        line-height: 1.6rem;
        font-size: 1.6rem;
    }
    .text-row-title-last-left h2,
    .text-row-title-last-right h2 {
        font-size: 1.5rem;
    }

    .ses-text-row-1 h2 {
        font-size: 2.4rem;
        letter-spacing: 3px;
    }

    .ses-text-row-title {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .ses-text-row-note {
        font-size: 1.1rem;
        line-height: 1.1rem;
    }


    .ses-text-row-7 h2 {
        font-size: 1.7rem;
    }

    .ses-text-row-9 h2 {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .ses-text-row-9 h2:nth-child(2) {
        font-size: 1.1rem;
        line-height: 1.1rem;
    }

    .ses-text-row-10 h2 {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .ses-text-row-10 h2:nth-child(2) {
        font-size: 1.1rem;
        line-height: 1.1rem;
    }

    .text-column-left-title {
        font-size: 1.3rem;
    }

    .text-column-left-note {
        font-size: 1.3rem;
        line-height: 1.3rem;
    }
    .ses-text-row-3 h2,
    .ses-text-row-5 h2,
    .ses-text-row-8 h2 {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}
@media (max-width: 490px) {
    html {
        font-size: 8px;
    }

    .text-row-1 h2 {
        color: #ffffff;
        font-size: 2.8rem;
    }
    .interview-flow-detail-title {
        font-size: 1rem;
    }

    .interview-flow-detail-note {
        font-size: 0.8rem;
    }
    .text-row-title-up h2 {
        font-size: 1.5rem;
    }
    .text-row-title-down h2 {
        line-height: 1.5rem;
        font-size: 1.5rem;
    }
    .text-row-title-last-left h2,
    .text-row-title-last-right h2 {
        font-size: 1.5rem;
    }

    .ses-text-row-1 p {
        position: relative;
        font-weight: 600;
        color: #FFFFFF;
        letter-spacing: 3px;
        line-height: normal;
        margin: 0;
        height: 35%;
        font-size: 13px;
        display: block;
        opacity: 0.2;
        margin-top: -2px;
    }

    .ses-text-row-1 h2 {
        top: 0;
        font-size: 2.4rem;
        letter-spacing: 3px;
    }

    .ses-text-row-title {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .ses-text-row-note {
        font-size: 1.1rem;
        line-height: 1.1rem;
    }


    .ses-text-row-7 h2 {
        font-size: 1.7rem;
    }

    .ses-text-row-9 h2 {
        font-size: 1.8rem;
        line-height: 1.8rem;
    }

    .ses-text-row-9 h2:nth-child(2) {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .ses-text-row-10 h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        top: -7%;
    }

    .ses-text-row-10 h2:nth-child(2) {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .text-column-left-title {
        font-size: 1.3rem;
    }

    .text-column-left-note {
        font-size: 1.3rem;
        line-height: 1.3rem;
    }
    .ses-text-row-3 h2,
    .ses-text-row-5 h2,
    .ses-text-row-8 h2 {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
@media (max-width: 390px) {
    .text-row-title-up h2 {
        font-size: 1.3rem;
    }

    .text-row-title-down h2 {
        line-height: 1.3rem;
        font-size: 1.3rem;
    }
    .text-row-title-last-left h2,
    .text-row-title-last-right h2 {
        font-size: 1.3rem;
    }

    .ses-text-row-1 h2 {
        font-size: 2rem;
    }

    .ses-text-row-1 p {
        letter-spacing: 1.7px;
        margin-top: -3px;
    }
    .ses-text-row-7 h2 {
        font-size: 1.7rem;
        top: 40%;
    }

    .ses-text-row-9 h2 {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .ses-text-row-9 h2:nth-child(2) {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .ses-text-row-10 h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .ses-text-row-10 h2:nth-child(2) {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .text-column-left-title {
        font-size: 1rem;
    }

    .text-column-left-note {
        font-size: 1rem;
        line-height: 1rem;
    }

    .ses-text-row-3 h2,
    .ses-text-row-5 h2,
    .ses-text-row-8 h2 {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }

    .agent-text-row-8 h2 {
        font-size: 1.6rem;
    }

    .agent-text-row-title {
        font-size: 1.5rem;
    }

    .agent-text-row-9 .agent-fz-30,
    .agent-text-row-10 .agent-fz-30,
    .agent-text-row-7 h2 {
        font-size: 1.6rem;
    }

    .agent-text-row-10 .agent-fz-24 {
        font-size: 1rem;
    }

    .agent-text-row-9 h2,
    .agent-text-row-10 h2 {
        font-size: 1.8rem;
    }
}
@media (max-width: 320px) {
    .ses-text-row-1 h2 {
        font-size: 1.5rem;
    }

    .ses-text-row-title {
        font-size: 1rem;
        line-height: 1rem;
    }

    .ses-text-row-note {
        font-size: 0.7rem;
        line-height: 0.7rem;
    }

    .ses-text-row-4 h2 {
        font-size: 1.2rem;
    }
    .ses-text-row-7 h2 {
        font-size: 1.3rem;
    }

    .ses-text-row-9 h2 {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .ses-text-row-9 h2:nth-child(2) {
        font-size: 1rem;
        line-height: 1rem;
    }

    .ses-text-row-10 h2 {
        font-size: 1.1rem;
        line-height: 1.1rem;
    }

    .ses-text-row-10 h2:nth-child(2) {
        font-size: 1rem;
        line-height: 1rem;
    }

    .text-column-left-title {
        font-size: 0.9rem;
    }

    .text-column-left-note {
        font-size: 0.9rem;
        line-height: 0.9rem;
    }
    .ses-text-row-3 h2,
    .ses-text-row-5 h2,
    .ses-text-row-8 h2 {
        font-size: 1.2rem;
        line-height: 2.1rem;
    }
    .ses-text-row-9,
    .ses-text-row-10 {
        justify-content: normal;
    }
}