@charset "UTF-8";
/* CSS Document */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}
_::-webkit-full-page-media, _:future, :root body {}
body, div {
    margin: 0;
    padding: 0;
    border: 0;
    transition: width 1s ease-in-out 0.01s;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
p, ul, li, span, th, td {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    letter-spacing: 1px;
    border: 0;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #000;
    cursor: default;
}
a {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    letter-spacing: 1px;
    border: 0;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #000;
}
::before, ::after {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    color: #000;
}
h1, h2, h3, h4, h5 {
    font-size: 20px;
    margin: 0;
    color: #000;
    cursor: default;
}
figure {
    margin: 0;
}
.avenir_400 {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 200;
    font-style: normal;
}
.avenir_800 {
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
}
/*header*/
.header_wrap {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
}
.header_wrap.change_color {
    background: rgba(21, 48, 74, 0.4);
}
.header_inner_pc {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 90px;
    opacity: 1;
    transition: all .5s ease;
}
.logo_box {
    display: flex;
}
.header_logo {
    height: 50px;
    margin-top: 20px;
    margin-left: 30px;
    object-fit: contain;
    vertical-align: top;
}
.header_logo_title {
    height: 45px;
    margin-top: 25px;
    margin-left: 20px;
    object-fit: contain;
    vertical-align: top;
}
.header_list {
    width: calc(100% - 300px);
    display: flex;
    justify-content: right;
}
.header_list li a {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.header_li {
    margin: 0 15px;
    padding-top: 23px;
}
.header_pc_nav {
    font-weight: bold;
    font-size: 16px;
    transition: .3s;
    color: #fff;
    text-align: center;
    position: relative;
    cursor: pointer !important;
}
.header_pc_nav:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -5px;
    left: 0;
    border-bottom: 1px solid #fff;
    transition: .3s;
}
_::-webkit-full-page-media, _:future, :root .header_pc_nav:before {
    bottom: -25px;
}
.header_pc_nav span {
    display: block;
    font-size: 10px;
    color: #fff;
    cursor: pointer !important;
}
.header_pc_nav:hover:before {
    transition: .3s;
    width: 100%;
    cursor: pointer !important;
}
/*hamburger　ハンバーガーメニュー*/
.header_inner_sp {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    opacity: 1;
    height: 90px;
    transition: all .5s ease;
    position: relative;
}
.line_box {
    position: absolute;
    top: 0;
    right: -80px;
}
.header_links {
    display: flex;
}
.header_recruit_btn {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-top: 30px !important;
}
.hamburger {
    display: block;
    height: 32px;
    margin-top: 30px;
    margin-left: auto;
    position: relative;
    z-index: 10;
    width: 60px;
    border: none;
    background-color: #000;
    border-radius: 30px;
}
.hamburger:hover {
    cursor: pointer;
}
.hamburger.-active .hamburger__line {
    background-color: transparent;
}
.hamburger.-active {
    background-color: #fff;
}
.hamburger.-active .hamburger__line::before {
    top: 0;
    transform: rotate(45deg);
    background-color: #000;
}
.hamburger.-active .hamburger__line::after {
    top: 0;
    transform: rotate(-45deg);
    background-color: #000;
}
.hamburger.-active .hamburger__text::before {
    content: 'close';
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    color: #000;
}
.hamburger__line {
    display: block;
    height: 2px;
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    background-color: #fff;
    transition: 0.4s;
}
.hamburger__line:before, .hamburger__line:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #fff;
    transition: inherit;
}
.hamburger__line:before {
    top: -6px;
}
.hamburger__line:after {
    top: 6px;
}
.hamburger__text {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.hamburger__text::before {
    content: "menu";
    text-align: center;
    color: #000;
    font-size: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.header__nav-area {
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 9;
    height: 100vh;
    width: 300px;
    visibility: hidden;
    padding-top: 200px;
    background-color: #000;
    transition: 0.4s;
}
.header__nav-area.-active {
    right: 0;
    visibility: visible;
}
.global-navigation {
    padding-top: 10px;
}
.global-navigation__list > li {
    padding-bottom: 20px;
    border-bottom: 2px solid #e7e9ee;
}
.global-navigation__list > li + li {
    margin-top: 20px;
}
.global-navigation__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #172e59;
    font-weight: 900;
    transition: color 0.4s;
    font-size: 0.875rem;
}
.global-navigation__link.-accordion {
    position: relative;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0;
}
.global-navigation__link.-accordion::after {
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 2px;
    background-color: #ed3242;
    transform: translateY(-50%);
    transition: transform 0.4s;
}
.global-navigation__link.-accordion::before {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    background-color: #ed3242;
    transform: translateY(-50%);
}
.global-navigation__link.-active::after {
    transform: translateY(-50%) rotate(-90deg);
}
.accordion {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: 0.4s;
}
.accordion.-active {
    height: auto;
    padding-top: 30px;
    visibility: visible;
}
.header_logo {
    width: 280px;
    position: relative;
    z-index: 10;
    height: 60px;
    margin-left: 0;
    margin-top: 15px;
}
.header_list {
    flex-wrap: wrap;
    width: 100%;
}
.header_li {
    display: flex;
    justify-content: right;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0 15px;
}
.header_sp_nav {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 30px 10px 15px;
    border-bottom: 1px solid #fff;
    transition: .3s;
}
.header_sp_nav span {
    color: #fff;
    font-size: 14px;
    margin-left: 30px;
}
.header_sp_nav:hover {
    transition: .3s;
    padding-right: 60px;
}
/*TOP keyvisual*/
.bg_logo {
    width: 60%;
    object-fit: cover;
    position: fixed;
    z-index: -1;
    top: 20%;
    left: 3%;
}
.top_kv_wrap {
    width: 100%;
    height: calc(100vh - 90px);
    position: relative;
    margin-top: 90px;
}
.top_kv_hl {
    position: absolute;
    top: 30%;
    right: 10%;
    font-size: 100px;
    font-weight: bold;
    line-height: 1.4;
}
.top_kv_nav {
    position: absolute;
    bottom: 10%;
    left: 10%;
}
.top_kv_nav li {
    height: 40px;
}
.top_kv_nav_link {
    padding: 0;
    margin-bottom: 15px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}
/*画面スライドショー*/
.slider_parent {
    position: relative;
    overflow: hidden;
    padding: 30px 0;
    background-color: rgba(255, 255, 255, .4);
}
.slider_parent .slider {
    display: flex;
}
.text_scroll {
    animation: scroll 40s linear infinite;
}
.text_scroll_reverse {
    animation: scroll 40s linear infinite;
    animation-direction: reverse !important;
}
.logos {
    flex-shrink: 0;
}
.slider_parent ul li {}
.slider_parent ul li {
    display: inline-block;
}
.slider_parent ul {
    padding: 0;
    margin: 0;
    display: flex;
}
.slider_parent ul li > a img {
    transition: 0.4s;
}
.slider_parent ul li > a img {
    max-width: 100% !important;
}
@keyframes scroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}
@media only screen and (max-width: 991px) {
    .slider_parent ul li {
        margin-left: 5px;
        margin-right: 5px;
    }
    .slider_parent ul li img {
        height: 50px;
        width: auto;
    }
    .text_scroll {
        animation: scroll 30s linear infinite;
    }
}
.slider-img1, .slider-img2, .slider-img3, .slider-img4, .slider-img5, .slider-img6, .slider-img7, .slider-img8, .slider-img9, .slider-img10, .slider-img11, .slider-img12 {
    object-fit: cover;
}
.slider-img1 {
    width: 660px;
    margin-top: 150px;
}
.slider-img2 {
    width: 460px;
    margin-top: 600px;
    margin-left: 150px;
    margin-right: -200px;
}
.slider-img3 {
    width: 660px;
}
.slider-img4 {
    width: 460px;
    margin-top: 700px;
    margin-left: -100px;
    margin-right: 110px;
}
.slider-img5 {
    margin: 0 80px 20px;
    width: 460px;
}
.slider-img6 {
    margin: 0 80px 20px;
    margin-top: 200px;
    width: 310px;
}
.slider-img7 {
    margin: 0 80px 20px;
    width: 460px;
}
.slider-img8 {
    margin: 20px 80px 0px;
    width: 310px;
}
.slider-img9 {
    margin: 0 80px 20px;
    width: 460px;
}
.slider-img10 {
    margin: 0 80px 20px;
    margin-top: 200px;
    width: 310px;
}
.slider-img11 {
    margin: 0 80px 20px;
    width: 460px;
}
.slider-img12 {
    margin: 20px 80px 0px;
    width: 310px;
}
/*top about*/
.top_about_wrap {
    width: 80%;
    padding: 120px 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, .4);
}
.top_section_hl {
    display: block;
    width: 100%;
    font-size: 120px;
    line-height: 1.2;
    font-weight: 500;
}
.top_section_hl span {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 60px;
    display: block;
}
.top_about_leftinner {
    width: 50%;
}
.top_about_leftinner p {
    font-size: 48px;
}
.top_about_rightinner {
    width: 50%;
}
.top_about_rightinner p {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 100px;
}
.gradation_btn {
    display: flex;
    justify-content: space-between;
    width: 200px;
    margin: 0 0 0 auto;
    font-size: 14px;
    color: #fff;
    border: 1px solid #000;
    background-color: #000;
    padding: 10px 40px;
    border-radius: 100px;
    transition: .3s;
}
.gradation_btnnav {
    padding: 5px 40px;
}
.arrow {
    line-height: 1;
    position: relative;
    background-color: #000;
    margin-top: 10px;
    display: block;
    width: 20px;
    height: 1px;
    z-index: 3;
}
.arrow::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    box-sizing: border-box;
    z-index: 2;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    transform: rotate(45deg);
    transform-origin: top right;
    top: 50%;
    right: -1px;
}
.arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 20px;
    background-color: #fff;
    border-radius: 30px;
}
.-right {
    display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.gradation_btn:hover {
    background: linear-gradient(90deg, rgba(252, 197, 214, 1) 0%, rgba(201, 216, 255, 1) 100%);
    color: #000;
    border: 1px solid #fff;
}
.gradation_btn:hover .arrow::after {
    background-color: #000;
}
.gradation_btn:hover .arrow::before {
    border-color: #fff;
}
.gradation_btn:hover .-right {
    background-color: #fff;
}
/*top job*/
.top_job_wrap {
    width: 80%;
    padding: 120px 10%;
    background-color: rgba(255, 255, 255, .4);
}
.top_job_subtext {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 20px;
    line-height: 1.8;
}
.top_job_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top_job_li {
    width: 45%;
    padding: 60px 0;
}
.top_job_li h3 {
    font-size: 42px;
    color: #00267F;
    margin-bottom: 30px;
}
.top_job_li p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 60px;
}
.top_job_btn {
    display: flex;
    justify-content: space-between;
    width: 200px;
    margin: 0 0 0 auto;
    font-size: 14px;
    color: #00267F;
    border: 1px solid #00267F;
    background-color: #fff;
    padding: 10px 40px;
    border-radius: 100px;
    transition: .3s;
}
.top_job_btn .arrow::before {
    border-color: #fff;
}
.top_job_btn .arrow::after {
    background-color: #00267F;
}
.top_job_btn .-right {
    background-color: #fff;
}
.top_job_btn:hover {
    background: linear-gradient(90deg, rgba(252, 197, 214, 1) 0%, rgba(201, 216, 255, 1) 100%);
    color: #000;
    border: 1px solid #fff;
}
.top_job_btn:hover .arrow::after {
    background-color: #fff;
}
.top_job_btn:hover .arrow::before {
    border-color: #000;
}
.top_job_btn:hover .-right {
    background-color: #000;
}
/*top interview*/
.top_interview_wrap {
    width: 80%;
    padding: 120px 10%;
    background-color: rgba(255, 255, 255, .4);
}
.top_interview_subtext {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 100px;
}
.interview_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.interview_li {
    width: 30%;
    margin-bottom: 30px;
}
.interview_link {
    display: block;
    width: 100%;
    transition: .3s;
}
.interview_link figure {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.interview_img {
    width: 100%;
    object-fit: cover;
    vertical-align: top;
    transition: .3s;
}
.interview_link figcaption {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.no {
    font-size: 6vw;
    width: 40%;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
    margin-top: 5px;
    height: 100px;
}
.interview_name {
    width: 55%;
    margin-top: 25px;
    position: relative;
    height: 80px;
}
.interview_link figure::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #DDDDE0;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.interview_link figure::before {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 10px;
    background-color: #BEAAF4;
    left: 0;
    bottom: 0;
    z-index: 4;
    transition: .3s;
}
.interview_link:hover.interview_link figure::before {
    width: 100%;
}
.interview_link:hover .interview_img {
    transform: scale(1.1);
}
.interview_link figcaption {
    height: 100px;
}
.right_yj {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 70px;
    border-radius: 30px;
    height: 30px;
    transition: .3s;
    background: linear-gradient(90deg, rgba(252, 197, 214, 1) 0%, rgba(201, 216, 255, 1) 100%);
}
.right_yj::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    box-sizing: border-box;
    z-index: 2;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    transform-origin: top right;
    top: 50%;
    transition: .3s;
    left: 40%;
}
.right_yj::after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #fff;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: .3s;
}
.interview_link:hover .right_yj::after {
    left: 55%;
}
.interview_link:hover .right_yj::before {
    left: 60%;
}
/*top work*/
.top_job_li h3 span {
    display: block;
    font-size: 20px;
    color: #063A6F;
    margin-top: 10px;
}
/*footer banner*/
.footer_recruit_banner_wrap {
    width: 100%;
    padding: 100px 0 60px;
    background: #FCC5D6;
    background: linear-gradient(90deg, rgba(252, 197, 214, 1) 0%, rgba(201, 216, 255, 1) 100%);
}
.footer_recruit_banner_texebox {
    width: 80%;
    margin: 0 auto 80px;
    display: flex;
    flex-wrap: wrap;
}
.footer_recruit_banner_texebox h2 {
    font-size: 120px;
    width: 50%;
    font-weight: 500;
    min-width: 500px;
    line-height: 1;
}
.footer_recruit_banner_texebox span {
    display: block;
    font-size: 24px;
    margin-top: 15px;
}
.footer_recruit_banner_texebox p {
    font-size: 20px;
    width: 50%;
    min-width: 440px;
    padding-top: 80px;
}
.footer_recruit_banner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-image: url(../img/recruit_footerimg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.recruitment_inner {
    width: 30%;
    padding: 200px 10%;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    position: relative;
    transition
}
.recruitment_inner:before {
    content: "";
    display: block;
    width: 5%;
    min-width: 50px;
    background-color: rgba(0, 53, 137, .8);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
}
.recruitment_inner:hover.recruitment_inner:before {
    width: 100%;
}
.hoverunderline {
    color: #00267F;
    font-size: 56px;
    position: relative;
    line-height: 1;
}
.subt {
    display: block;
    font-size: 24px;
    color: #00267F;
    margin-top: 10px;
}
.hoverunderline:before {
    content: "";
    display: block;
    width: 70px;
    height: 30px;
    background-color: #00267F;
    border-radius: 20px;
    position: absolute;
    top: 60%;
    right: -100px;
    transform: translatey(-50%);
    transition: .3s;
}
.hoverunderline:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    right: -70px;
    width: 25px;
    height: 5px;
    border: none;
    border-right: 1.5px solid #fff;
    border-bottom: 1px solid #fff;
    transform: skew(45deg);
    transition: .3s;
}
.recruitment_inner:hover .hoverunderline::before {
    background-color: #fff;
}
.recruitment_inner:hover .hoverunderline::after {
    right: -80px;
    width: 30px;
    border-right: 1.5px solid #00267F;
    border-bottom: 1px solid #00267F;
}
.recruitment_inner:hover .hoverunderline {
    color: #fff;
}
.recruitment_inner:hover .subt {
    color: #fff;
    position: relative;
}
.entry_inner {
    width: 30%;
    padding: 200px 10%;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    position: relative;
}
.entry_inner:before {
    content: "";
    display: block;
    width: 5%;
    min-width: 50px;
    background-color: rgba(220, 0, 12, .8);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
}
.entry_inner:hover.entry_inner:before {
    width: 100%;
}
.hoverunderline2 {
    color: #DC000C;
    font-size: 56px;
    position: relative;
    line-height: 1;
}
.subt2 {
    display: block;
    font-size: 24px;
    color: #DC000C;
    margin-top: 10px;
}
.hoverunderline2:before {
    content: "";
    display: block;
    width: 70px;
    height: 30px;
    background-color: #DC000C;
    border-radius: 20px;
    position: absolute;
    top: 60%;
    right: -100px;
    transform: translatey(-50%);
    transition: .3s;
}
.hoverunderline2:after {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    right: -70px;
    width: 25px;
    height: 5px;
    border: none;
    border-right: 1.5px solid #fff;
    border-bottom: 1px solid #fff;
    transform: skew(45deg);
    transition: .3s;
}
.entry_inner:hover .hoverunderline2::before {
    background-color: #fff;
}
.entry_inner:hover .hoverunderline2::after {
    right: -80px;
    width: 30px;
    border-right: 1.5px solid #DC000C;
    border-bottom: 1px solid #DC000C;
}
.entry_inner:hover .hoverunderline2 {
    color: #fff;
}
.entry_inner:hover .subt2 {
    color: #fff;
    position: relative;
}
/*インタビューパーツ　page*/
.interview_kv_top {
    width: 80%;
    margin-top: 90px;
    padding: 120px 10%;
    border-top: 1px solid #C9D8FF;
    border-bottom: 1px solid #C9D8FF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.interview_kv_inner {
    width: 55%;
}
.interview_kv_hl {
    font-size: 72px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    line-height: 1;
}
.interview_kv_subhl {
    display: block;
    margin-left: 25px;
    font-size: 24px;
    font-weight: bold;
    height: 75px;
    line-height: 75px;
}
.interview_kv_namebox {
    display: flex;
    margin-bottom: 90px;
}
.interview_kv_no {
    font-size: 120px;
    font-weight: 500;
    line-height: 1;
    margin-right: 30px;
}
.interview_kv_department {
    padding-top: 20px;
    line-height: 25px;
}
.interview_kv_name {
    display: inline-block;
    font-size: 40px;
    font-weight: 500;
    margin-top: 20px;
    margin-right: 30px;
}
.interview_kv_text {
    font-size: 42px;
    padding-bottom: 10px;
    border-bottom: 2px solid #BEAAF4;
    width: 95%;
    padding-left: 2%;
    margin: 0 0 0 auto;
}
.interview_top_img {
    width: 40%;
    object-fit: cover;
    vertical-align: top;
    object-position: top;
}
.interview_wrap {
    width: 80%;
    margin: 0px auto;
    padding: 0 0 120px;
    border-left: 1px solid #C4C4C4;
    border-right: 1px solid #C4C4C4;
}
.interview_section_top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.interview_section_center {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.interview_section_bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.interview_textbox {
    width: 50%;
    padding-top: 60px;
}
.interview_q {
    width: 90%;
    padding: 0 5% 20px;
    color: #00267F;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #c4c4c4;
}
.interview_q span {
    display: block;
    color: #00267F;
    font-size: 16px;
    margin-bottom: 10px;
}
.interview_a {
    margin: 30px 0;
    width: 90%;
    padding: 0 5%;
}
.interview_imgbox {
    width: calc(50% - 1px);
    padding-top: 60px;
    position: relative;
    text-align: right;
}
.interview_topimg {
    width: 80%;
    object-fit: contain;
    vertical-align: right;
    object-position: right;
}
.interview_centerimg {
    width: 100%;
    object-fit: contain;
    vertical-align: top;
}
.interview_bottomimg {
    width: 100%;
    object-fit: contain;
    vertical-align: top;
}
.r_line {
    border-right: 1px solid #c4c4c4;
}
.l_line {
    border-left: 1px solid #c4c4c4;
}
.w_1 {
    width: calc(50% - 1px);
}
.interview_pagination {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    padding-top: 120px;
    border-top: 1px solid #c4c4c4;
}
.interview_pagination .gradation_btn {
    margin-left: 30px;
}
/*インタビューリスト*/
.f-120 {
    font-size: 120px;
}
.interview_kv_btm {
    display: block;
}
.interview_kv_btm .interview_kv_subhl {
    margin: 0 0 200px;
}
.interview_kv_img {
    width: 45%;
    object-fit: cover;
}
.interview_kv_nav {
    width: 100%;
}
.interview_kv_li {
    width: 100%;
    margin-bottom: 10p;
}
.interview_kv_link {
    display: inline-block;
    padding: 10px 0;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    line-height: 1;
    transition: .3s;
}
.interview_kv_link:hover {
    font-size: 18px;
}
.interview_mainwrap {
    width: 80%;
    padding: 120px 0% 100px;
    margin: 0 10%;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
}
.interview_lineup {
    width: 100%;
}
.interview_lineup_li {
    width: 90%;
    margin: 0 10% 100px;
}
.interview_lineup_link {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.interview_lineup_img {
    width: 30%;
    object-fit: cover;
    vertical-align: top;
}
.interview_lineup_textbox {
    width: 60%;
}
.lineup_no {
    font-size: 80px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1;
}
.lineup_hl {
    display: inline-block;
    font-size: 40px;
    color: #15304A;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 3px solid #DDDDE0;
    position: relative;
    transition: .3s;
}
.lineup_hl::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 30%;
    height: 3px;
    transition: .3s;
    background-color: #BEAAF4;
}
.lineup_text {
    display: flex;
    flex-wrap: wrap;
    height: 60px;
    line-height: 60px;
    justify-content: left;
    font-size: 40px;
    cursor: pointer;
}
.lineup_department {
    font-size: 16px;
    display: inline-block;
    color: #00267F;
    margin-top: 16px;
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #00267F;
    border-radius: 50px;
    padding: 0px 20px;
}
.lineup_years {
    display: block;
    font-size: 14px;
    height: 60px;
    margin-left: 20px;
    line-height: 60px;
}
.lineup_no:hover, .lineup_hl:hover, .lineup_text:hover, .lineup_department:hover, .lineup_years:hover {
    cursor: pointer;
}
.interview_lineup_link:hover .lineup_hl::before {
    width: 100%;
}
/*about*/
.about_wrap {
    width: 80%;
    padding: 0px 10%;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}
.about_inner {
    width: 100%;
    padding: 120px 0;
    border-right: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
}
.about_top_text {
    margin-bottom: 50px;
    width: 100%;
    padding-left: 30px;
    font-size: 48px;
}
.about_top_text2 {
    margin: 0 0 0 auto;
    width: 50%;
    text-align: left;
    font-size: 20px;
}
.about_center_btn {
    display: block;
    padding: 15px 0;
    width: 500px;
    text-align: center;
    color: #fff;
    background-color: #000;
    border-radius: 50px;
    margin: 60px auto;
}
.about_hl {
    font-size: 20px;
    margin-bottom: 30px;
    position: relative;
    font-weight: 400;
    padding-left: 20px;
    height: 30px;
}
.about_hl::before {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    display: block;
    width: 10px;
    height: 30px;
    background: linear-gradient(90deg, rgba(252, 197, 214, 1) 0%, rgba(201, 216, 255, 1) 100%);
}
.about_text {
    width: 90%;
    margin: 0 auto 40px;
}
.about_imgbox {
    width: 100%;
    display: block;
    text-align: right;
    margin-bottom: 100px;
}
.img_left {
    text-align: left;
}
.about4imgs {
    width: 50%;
    object-fit: cover;
    vertical-align: top;
}
/*workstyle*/
.wrok_hl {
    font-size: 72px;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    margin-bottom: 60px;
    width: 100%;
    display: flex;
}
.wrok_hl span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 80px;
    line-height: 80px;
    margin-left: 30px;
}
.work_topbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 120px;
}
.work_topbox p {
    width: 48%;
    padding-left: 2%;
    margin-top: 100px;
}
.work_topimg {
    width: 40%;
}
.work_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 120px;
}
.work_li {
    width: 30%;
    margin-bottom: 60px;
}
.work_listimg {
    width: 100%;
    object-fit: cover;
    vertical-align: top;
}
.work_textbox {
    width: 50%;
}
.workbottom_hl {
    width: 100%;
    display: block;
    padding-left: 5%;
    border-bottom: 1px solid #C4C4C4;
    margin-bottom: 30px;
    color: #00267F;
}
.workbottom_text {
    width: 100% !important;
    padding-left: 5% !important;
}
.work_accsess_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 200px;
}
.work_accsess_inner {
    width: 50%;
}
.work_accsess_inner h2 {
    width: 95%;
    padding-left: 5%;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 40px;
    color: #00267F;
}
.work_accsess_inner p {
    width: 95%;
    padding-left: 5%;
    margin-bottom: 120px;
}
.recruit_pp_wrap {
    display: block;
    width: 80%;
    margin: 200px auto;
}
.recruit_pp_wrap h2 {
    font-size: 40px;
}
.recruit_pp_wrap h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 100px;
}
.recruit_pp_wrap p span {
    font-size: 18px;
    font-weight: bold;
}
/*job*/
.job_mainwrap {
    width: 80%;
    padding: 0px 10%;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}
.job_pagejump_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #C9D8FF;
}
.job_pagejump_li {
    width: calc(20% - 2px);
    padding: 30px 2.5%;
    border-right: 1px solid #C9D8FF;
}
.job_pagejump_li:first-child {
    border-left: 1px solid #C9D8FF;
}
.job_pagejump_link {
    transition: .3s;
    width: 100%;
    display: block;
    line-height: 1.6;
}
.job_pagejump_hl {
    font-size: 20px;
    position: relative;
    padding-left: 50px;
    margin-bottom: 15px;
    color: #00267F;
    cursor: pointer;
}
.job_pagejump_hl::before {
    content: "→";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translatey(-50%);
    width: 32px;
    height: 24px;
    font-size: 14px;
    display: block;
    z-index: 2;
    color: #fff;
}
.job_pagejump_hl::after {
    width: 32px;
    height: 32px;
    display: block;
    content: "";
    background-color: #00267F;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translatey(-50%);
    z-index: 1;
}
.job_inner {
    width: calc(100% - 2px);
    padding: 120px 0;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
}
.job_top_namebox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
}
.job_name_hl {
    display: inline-block;
    padding-right: 30px;
    font-size: 81px;
    height: 130px;
    font-weight: bold;
    line-height: 130px;
}
.job_name_link {
    margin: 90px 0 0;
    height: 20px;
    display: flex;
}
.job_figure {
    width: 100%;
}
.job_subkv {
    width: 100%;
    object-fit: cover;
    vertical-align: top;
    display: block;
    margin-bottom: 30px;
}
.job_figure figcaption {
    width: 70%;
    margin: 0 auto 60px;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.job_table_hl {
    font-size: 80px;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    display: flex;
    width: 100%;
    margin-left: -14%;
    margin-bottom: 100px;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    padding: 30px 15%;
}
.job_table_hl span {
    display: inline-block;
    margin-left: 30px;
    font-size: 24px;
    margin-top: 24px;
    font-weight: bold;
}
.job_table {
    width: 100%;
    border-collapse: collapse;
}
.job_table tr {
    width: 100%;
    border-bottom: 1px solid #c4c4c4;
    display: block;
}
.job_table th {
    display: inline-block;
    width: 20%;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
}
.job_table td {
    display: inline-block;
    width: 80%;
    padding: 20px 0;
    text-align: left;
    line-height: 1.6;
}
/*Footer*/
.footer_wrap {
    width: 100%;
    background-color: #323B4D;
}
.footer_inner {
    width: 80%;
    padding: 120px 10% 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer_address_wrap {
    width: 350px;
    padding-right: 150px;
}
.footer_logo {
    width: 100%;
    object-fit: cover;
}
.footer_nav_wrap {
    width: calc(100% - 500px);
    justify-content: right;
}
.footer_nav_top {
    color: #fff;
}
.footer_nav_li {
    text-align: right;
    font-size: 18px;
    padding: 10px 0;
}
.corporatesite {
    line-height: 50px;
    display: inline-flex;
    font-weight: 200;
    color: #fff;
    height: 50px;
    margin-top: 30px;
    transition: .3s;
}
.corporatesite img {
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    object-fit: cover;
}
.corporatesite:hover {
    font-weight: bold;
}
.cp_inner {
    display: flex;
    width: 80%;
    margin: 0 auto;
    padding: 10px 10%;
    border-top: 1px solid #fff;
    justify-content: space-between;
}
.cp_inner p, .cp_inner a {
    color: #fff;
    font-size: 12px;
}
/*contact*/
.contact_headder {
    width: 80%;
    margin: 200px auto 100px;
}
.contact_hl {
    line-height: 1;
    font-size: 120px;
    font-weight: 500;
    display: block;
    width: 100%;
}
.contact_hl span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
}
.contact_subhl {
    display: block;
    font-size: 60px;
    font-weight: bold;
    color: #474747;
}
.contact_text {
    font-weight: 400;
    font-size: 18px;
    margin-top: 100px;
    margin-bottom: 90px;
}
.contact_wrap {
    background: linear-gradient(90deg, rgba(252, 197, 214, 1) 0%, rgba(201, 216, 255, 1) 100%);
    width: 70%;
    padding: 120px 15%;
}
.hidden-fields-container {
    display: none;
}
.contact_wrap table {
    width: 100%;
    padding: 0;
    margin: 60px auto 80px;
}
.contact_wrap tr {
    display: flex;
    justify-content: left;
    width: 85%;
    padding: 20px 7%;
    border-top: 1px solid #ccc;
}
.contact_wrap th {
    width: 250px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.contact_wrap th p {
    width: 100%;
    line-height: 42px;
    display: flex;
    justify-content: left;
    font-weight: 400;
    color: #474747;
}
.contact_wrap th span {
    display: inline-block;
    padding: 0px 15px;
    background-color: red;
    color: #fff;
    height: 42px;
    width: 35px;
    font-size: 14px;
    border-radius: 30px;
    margin-left: 15px;
}
.contact_wrap td {
    padding-left: 5%;
    font-size: 14px;
    width: calc(95% - 250px);
}
.wpcf7-text {
    padding: 11px 20px;
    width: calc(100% - 40px);
    border: 1px solid #ccc;
    font-size: 16px;
}
.wpcf7-not-valid-tip {
    margin-top: 15px;
    margin-left: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output {
    color: red;
    border: 0px;
    text-align: center;
}
.contact_textarea {
    padding: 10px 20px;
    width: calc(100% - 40px);
    border: 1px solid #ccc;
    line-height: 1.2;
    font-size: 16px;
}
.submit_inner {
    width: 100%;
    text-align: center;
}
.contact_btn {
    width: 500px;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    color: #474747;
    border: 0px;
}
.contact_btn:hover {
    cursor: pointer;
}
.wpcf7-spinner {
    display: none !important;
}
.wpcf7-select {
    padding: 11px 20px;
    width: calc(100% - 40px);
    border: 1px solid #ccc;
    font-size: 16px;
}
@media(max-width:800px) {
    main {
        overflow: hidden;
    }
    .top_kv_wrap {
        height: calc(70vh - 90px);
    }
    .top_kv_hl {
        font-size: 40px;
        top: auto;
        bottom: 10%;
        right: auto;
        left: 10%;
    }
    .header_wrap {
        width: 100%;
        background-color: #fff;
    }
    .gradation_btnnav {
        display: none;
    }
    .header_inner_sp {
        width: 100%;
    }
    .line_box {
        right: 20px;
    }
    .top_about_rightinner {
        width: 100%;
    }
    .top_about_leftinner {
        width: 100%;
    }
    .top_about_rightinner p {
        width: 100%;
    }
    .slider_parent ul li img {
        height: 150px;
    }
    .slider-img1 {
        margin-top: 0px;
    }
    .slider-img1, .slider-img4 {
        margin-right: 0;
        margin-left: 0;
    }
    .slider-img2 {
        margin-top: 50px;
        margin-right: 50px;
        margin-left: 50px;
    }
    .slider-img4 {
        margin-top: 50px;
        margin-right: 50px;
        margin-left: 50px;
    }
    .top_section_hl {
        font-size: 48px;
    }
    .top_section_hl span {
        font-size: 20px;
    }
    .top_about_leftinner p {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .top_job_li {
        width: 100%;
        padding: 30px 0;
    }
    .top_job_btn {
        margin: 0 auto;
        width: calc(100% - 60px);
        padding: 10px 30px;
    }
    .top_job_li h3 {
        font-size: 32px;
    }
    .interview_li {
        width: 100%;
    }
    .footer_recruit_banner_texebox h2 {
        font-size: 60px;
        width: 100%;
        min-width: auto;
    }
    .footer_recruit_banner_texebox p {
        width: 100%;
        min-width: auto;
        padding-top: 30px;
        font-size: 16px;
    }
    .recruitment_inner {
        width: 80%;
    }
    .entry_inner {
        width: 80%;
    }
    .gradation_btn {
        width: calc(100% - 60px);
        margin: 0;
        padding: 10px 30px;
    }
    .top_about_rightinner p {
        font-size: 16px;
        margin-bottom: 60px;
    }
    .top_job_subtext {
        text-align: left;
        font-size: 16px;
    }
    .top_job_li p {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .top_interview_subtext {
        width: 100%;
        text-align: left;
        font-size: 18px;
    }
    .footer_address_wrap {
        width: 100%;
        padding: 0;
    }
    .footer_nav_wrap {
        width: 100%;
    }
    .footer_nav_top {
        width: 100%;
    }
    .footer_recruit_banner {}
    .header__nav-area {
        width: 100%;
        height: calc(100vh - 90px);
        padding: 0;
        margin-top: 90px;
    }
    .global-navigation {
        padding-top: 30px;
    }
    .header_sp_nav {
        width: 100%;
        text-align: right;
        font-size: 20px;
        padding: 15px 30px;
    }
    .interview_kv_top {
        width: 90%;
        padding: 60px 5%;
    }
    .interview_kv_img {
        width: 100%;
    }
    .interview_kv_inner {
        width: 100%;
        margin-bottom: 10px;
    }
    .f-120 {
        font-size: 72px;
    }
    .interview_kv_nav {
        display: none;
    }
    .about_wrap {
        width: 90%;
        padding: 0 5%;
    }
    .interview_kv_btm .interview_kv_subhl {
        margin: 0 0 40px;
    }
    .interview_kv_subhl {
        font-size: 14px;
        height: auto;
        line-height: 2;
        margin-left: 0;
    }
    .about_inner {
        padding: 60px 0;
    }
    .about_top_text {
        padding: 0;
        font-size: 40px;
        margin: 0 auto 20px;
        width: 95%;
    }
    .job_pagejump_list {
        margin-bottom: 60px;
    }
    .about_top_text2 {
        width: 95%;
        text-align: left;
        line-height: 1.8;
        margin: 0 auto;
        font-size: 16px;
    }
    .about_center_btn {
        width: 90%;
    }
    .about4imgs {
        width: 100%;
    }
    .footer_nav_li {
        text-align: left;
    }
    .footer_inner {
        padding: 80px 10%;
    }
    .cp_inner {
        flex-wrap: wrap;
        text-align: center;
    }
    .cp_inner p, .cp_inner a {
        width: 100%;
        margin-bottom: 2px;
    }
    .bg_logo {
        width: 75%;
    }
    .top_kv_nav {
        display: none;
    }
    .top_about_wrap, .top_job_wrap, .top_interview_wrap, .job_mainwrap {
        width: 90%;
        padding: 100px 5%;
    }
    .no {
        font-size: 80px;
    }
    .interview_name {
        margin-top: 10px;
        font-size: 20px;
        width: 60%;
        text-align: right;
    }
    .right_yj {
        left: auto;
        right: 0;
    }
    .job_pagejump_li:first-child {
        border-top: 1px solid #C9D8FF;
    }
    .job_pagejump_li {
        width: calc(100% - 2px);
        border-left: 1px solid #C9D8FF;
        border-bottom: 1px solid #C9D8FF;
    }
    .job_inner {
        padding: 0;
        margin-bottom: 80px;
        border-top: 1px solid #c4c4c4;
    }
    .job_name_hl {
        font-size: 34px;
        margin-bottom: 0px;
        padding: 25px 0;
        width: 100%;
        text-align: center;
        height: auto;
        line-height: 2;
    }
    .job_name_link {
        width: calc(80% - 60px);
        margin: 0 auto;
    }
    .lineup_hl {
        font-size: 20px;
        width: 100%;
    }
    .job_figure figcaption {
        width: 95%;
        font-size: 14px;
    }
    .job_table_hl {
        width: 90%;
        font-size: 42px;
        display: flex;
        flex-wrap: wrap;
        padding: 0 5%;
        margin-left: 0%;
        margin-bottom: 0;
    }
    .interview_lineup_link {
        width: 85%;
        margin: 0 auto;
    }
    .job_table_hl span {
        width: 100%;
        text-align: left;
        margin-left: 0;
        margin-top: 10px;
        display: none;
    }
    .interview_lineup_li {
        width: 100%;
        margin: 0 auto 30px;
    }
    .interview_lineup_img {
        width: 100%;
    }
    .interview_lineup_textbox {
        width: 100%;
    }
    .job_table th, .job_table td {
        font-size: 14px;
    }
    .job_table td {
        width: 75%;
        padding: 20px 0 20px 5%;
    }
    .wrok_hl {
        height: auto;
        line-height: 1;
        flex-wrap: wrap;
    }
    .wrok_hl span {
        margin-left: 0;
        width: 100%;
        height: auto;
        line-height: 2;
    }
    .work_topbox {
        flex-wrap: wrap-reverse;
    }
    .work_topimg {
        width: 100%;
    }
    .work_topbox p {
        width: 100%;
        margin-top: 30px;
    }
    .work_li {
        width: 48%;
        margin-bottom: 30px;
    }
    .work_list {
        margin-bottom: 30px;
    }
    .work_textbox {
        width: 100%;
    }
    .workbottom_hl {
        width: 95%;
        margin-top: 20px;
    }
    .workbottom_text {
        padding: 0 5% !important;
        width: 90% !important;
    }
    .work_accsess_inner {
        width: 100%;
    }
    .work_accsess_box iframe {
        width: 100%;
    }
    .work_accsess_box {
        margin-bottom: 60px;
    }
    .interview_mainwrap {
        width: 90%;
        margin: 0 5%;
    }
    .work_accsess_inner p {
        margin-bottom: 30px;
    }
    .interview_kv_no {
        font-size: 85px;
    }
    .interview_kv_department {
        padding-top: 0;
    }
    .interview_kv_namebox {
        margin-bottom: 10px;
    }
    .interview_kv_text {
        padding-left: 0;
        width: 100%;
        font-size: 22px;
    }
    .interview_top_img {
        width: 100%;
    }
    .interview_section_top {
        flex-wrap: wrap-reverse;
    }
    .interview_imgbox {
        width: 100%;
        padding-top: 0;
    }
    .interview_textbox {
        width: 100%;
        border-right: none;
        margin-bottom: 20px;
    }
    .interview_wrap {
        margin: 0 auto;
        width: 90%;
    }
    .interview_topimg {
        width: 100%;
    }
    .interview_section_bottom {
        flex-wrap: wrap-reverse;
    }
    .interview_pagination {
        text-align: center;
        padding-top: 60px;
    }
    .interview_pagination .gradation_btn {
        margin: 0 auto 20px;
        width: calc(80% - 60px);
    }
    .hoverunderline, .hoverunderline2 {
        font-size: 40px;
    }
    .subt, .subt2 {
        font-size: 18px;
    }
    .recruitment_inner, .entry_inner {
        padding: 50px 10%;
    }
    .recruitment_inner:before, .entry_inner:before {
        min-width: 20px;
    }
    .footer_recruit_banner_texebox {
        width: 90%;
        margin-bottom: 60px;
    }
    .footer_recruit_banner_wrap {
        padding-top: 60px;
    }
    .footer_recruit_banner_texebox span {
        font-size: 20px;
    }
    .contact_headder {
        width: 90%;
        margin: 160px auto 60px;
    }
    .contact_hl {
        font-size: 40px;
    }
    .contact_hl span {
        font-size: 20px;
    }
    .contact_text {
        font-size: 14px;
        margin: 40px auto;
    }
    .contact_subhl {
        font-size: 30px;
    }
    .contact_wrap {
        width: 95%;
        padding: 60px 2.5%;
    }
    .contact_wrap tr {
        flex-wrap: wrap;
    }
    .contact_wrap th p, .contact_wrap th span {
        height: 30px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .contact_wrap th, .contact_wrap td {
        width: 100%;
    }
    .contact_wrap td {
        padding: 0;
    }
    .contact_btn {
        width: 80%;
    }
}