html {
    margin-top: 0px !important;
}

.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

.owl-nav.disabled {
    display: none;
}

img {
    object-fit: cover;
	display:block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body,  ul, ol, li,  h1, h2, h3, h4, h5, h6, p, div {
	margin: 0;
    padding: 0;
    font-weight:400;
    list-style:none;
}

::-webkit-scrollbar{
	width: 10px;
}

::-webkit-scrollbar-track{
	border-radius: 1rem;
    background: #22429d;
	border-left: solid 0px #dedede;
}

::-webkit-scrollbar-thumb{
	background: #fff;
	border-radius: 1rem;
	box-shadow: inset 0 0 0 1px #dedede;
}

input, textarea, select {
    font-family: 'Noto Sans JP', sans-serif;
}


/*
font-family: "EB Garamond", serif;
font-family: "Noto Sans JP", serif;
font-family: "Noto Serif JP", serif;
font-family: "Barlow", serif;
*/







@media screen and (min-width: 970px){


:root {
  font-size: 1vw;
}


body {
    width: 100%;
    background: #fff;
    color: #212121;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
}

header {
    width: 100%;
    position: absolute;
    z-index: 99;
    padding: 3rem 2rem 0;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}header a {
    color: #fff;
    text-decoration: none;
}


span.logo_text {
		font-family: "EB Garamond", serif;
        font-weight: 500;
        font-size: 2.4rem;
        border: solid 1px;
        padding: 0 2rem;
        border-radius: 10rem;
        margin-right: 0.4rem;
}h1.logo_name {
    font-size: 2rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
}h1.logo_name small {
        display: block;
        font-size: 0.9rem;
}div#logo {
        color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}nav#header_nav {
    text-align: right;
}ul.header_nav_ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}ul.header_nav_ul li {
		color: #fff;
        font-weight: 500;
        margin-left: 1rem;
        letter-spacing: 0.1em;
}ul.header_nav_ul_category {
    display: none;
}ul.nav_header_ul {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
}ul.nav_header_ul li {
    color: #fff;
    font-weight: 500;
    margin-left: 1rem;
}



div#mv {
    border-top: 1rem solid #22429d;
    width: 100%;
    position: relative;
    height: 100vh;
    overflow: hidden;
}.bx-wrapper {
	background:#000;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}.bxslider li img {
	opacity:0.7;
    transform: scale(1.1);
    height: 100vh;
    object-fit: cover;
    transition: transform 4s ease, opacity 4s ease;
}.bxslider li img.fadeout {
    transform: scale(1);
}h2#mv_h2 {
        position: absolute;
        z-index: 99;
        color: #fff;
        bottom: 28rem;
        left: 6rem;
        font-weight: bold;
        font-size: 2.4rem;
        line-height: 1.6;
}p.mv_p {
        bottom: 22rem;
        left: 6rem;
        position: absolute;
        z-index: 99;
        color: #fff;
        font-weight: 500;
        width: 54rem;
        line-height: 1.6;
}



div#top_content_space {
        background: #22429d;
        padding: 30rem 0rem 16rem;
        color: #fff;
        position: relative;
}h2.top_content_space_h2 {
        font-size: 4rem;
        font-weight: bold;
        position: relative;
}h2.top_content_space_h2:after {
        content: "";
        width: 50rem;
        height: 1px;
        background: rgb(255 255 255 / 18%);
        position: absolute;
        top: 4rem;
}h2.top_content_space_h2 small {
        font-family: "EB Garamond", serif;
        font-weight: 500;
        letter-spacing: 0.1em;
        font-size: 1rem;
        display: block;
}.top_content_space_left {
        width: 45rem;
        left: 6rem;
        top: 11rem;
        padding: 4rem;
        background: #22429d;
        position: absolute;
        z-index: 10;
}p.top_content_space_left_p {
    margin-top: 6rem;
    line-height: 2;
}ul.top_content_space_right li {
	width:28rem;
	height:36rem;
}li.top_content_space_right_slider img {
    width: 28rem;
    height: 36rem;
    object-fit: cover;
}a.more_bt {
    display: table;
    margin-top: 4rem;
    color: #fff;
    text-decoration: none;
    padding: 1rem;
    width: 20rem;
    text-align: center;
    border: solid 1px #fff;
    letter-spacing: 0.2rem;
    font-weight: bold;
    position: relative;
}


div#top_company_space {
    padding: 12rem 0;
    background: #fff;
}h2.top_company_space_h2 small {
    font-family: "EB Garamond", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: 1rem;
    display: block;
}h2.top_company_space_h2 {
    font-size: 4rem;
    font-weight: bold;
    position: relative;
    margin: 0 8rem;
}p.top_company_space_p {
        margin: 6rem 8rem;
        font-weight: 500;
        line-height: 2;
}ul.top_company_space_ul {
        margin: 4rem 8rem 0rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
}ul.top_company_space_ul li {
        width: 26rem;
}.top_company_space_ul_img {
    width: 100%;
    height: 16rem;
    overflow: hidden;
    border-radius: 0.4rem;
}.top_company_space_ul_img img {
    width: 100%;
    height: 16rem;
    object-fit:cover;
}a.top_company_space_a {
        text-decoration: none;
        font-weight: 500;
        display: block;
        text-align: right;
        margin-top: 1rem;
        color: #000;
        position: relative;
}span.top_company_space_ul_span {
		display: block;
        text-align: left;
        margin: 1rem 0;
        padding-right: 3rem;
}a.top_company_space_a:after {
        content: "→";
        bottom: 0;
        right: 0rem;
        position: absolute;
}



div#top_factory {
    width: 100%;
    height: 40rem;
    position: relative;
    overflow: hidden;
    background: #000;
}.top_factory_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40rem;
    object-fit: cover;
    opacity: 0.7;
}h2.top_factory_h2 {
        font-size: 4rem;
        font-weight: bold;
        position: relative;
        margin: 0 8rem;
        z-index: 2;
        color: #fff;
        margin-top: 14rem;
}p.top_factory_p {
    font-weight: bold;
    position: relative;
    margin: 2rem 8rem;
    z-index: 2;
    color: #fff;
}



div#top_news {
        background: #f2faff;
        padding: 10rem 8rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
}ul.top_news {
    margin: 6rem 0rem;
}h2.top_company_space_h2.--top_news {
        width: 20rem;
        margin: 0;
}ul.top_news {
        margin: 3rem 0rem;
        width: 55rem;
}ul.top_news li {
        padding: 0rem 0 3rem;
        border-bottom: 1px solid #e1e1e1;
        position: relative;
        margin-bottom: 3rem;
        letter-spacing: 0.1em;
}ul.top_news li:before {
    content: "";
    width: 3rem;
    height: 1px;
    background: #22429d;
    position: absolute;
    bottom: -1px;
}time.top_news_time {
        font-family: 'Roboto', sans-serif;
        display: inline-block;
        font-weight: 500;
        margin-bottom: 1rem;
}span.news_category {
    margin-left: 2rem;
    font-size: 0.8rem;
    letter-spacing: 0;
    padding: 0.2rem 1rem 0.3rem;
    background: #6bc2f5;
    border-radius: 10rem;
    border: solid 1px #6cc2f5;
    color: #fff;
}span.news_category.--other {
    background: #dedede;
    color: #000;
    border: solid 1px #dedede;
}span.news_category.--recruit {
    background: #35b988;
    border: solid 1px #35b988;
}ul.top_news li p {
    margin-top: 0.5rem;
}




ul.news_bottom {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
}ul.news_bottom li {
    position: relative;
    width: 100%;
    height: 20rem;
    overflow: hidden;
    background: #000;
}.news_bottom_img {
        width: 100%;
        height: 20rem;
        overflow: hidden;
        opacity: 0.8;
}.news_bottom_img img {
    width: 100%;
    height: 20rem;
    object-fit:cover;
}a.news_bottom_a {
        position: absolute;
        z-index: 1;
        padding: 2rem;
        text-decoration: none;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 500;
        bottom: 0rem;
        letter-spacing: 0.1em;
}



div#top_recruit {
    background: #22429d;
    padding: 12rem 7rem 10rem;
    color: #fff;
    position: relative;
}h2.top_recrui_h2 {
    font-size: 4rem;
    font-weight: bold;
    position: relative;
    color: #fff;
}h2.top_recrui_h2 small {
    font-family: "EB Garamond", serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: 1rem;
    display: block;
}ul.recruit_ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 4rem;
}ul.recruit_ul li {
        width: 46rem;
}li.top_recruit_img_li {
        width: 30rem !important;
        margin-left: 0rem;
}.top_recruit_img {
		width: 30rem;
        height: 24rem;
        overflow: hidden;
        border-radius: 1rem;
}.top_recruit_img img {
    width: 30rem;
    height: 50rem;
    object-fit: cover;
}p.recruit_p {
    line-height: 2;
}a.top_recruit_bt {
	position:relative;
    display: table;
    margin: 6rem 0 0;
    width: 20rem;
    padding: 1rem;
    text-align: center;
    background: #113089;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 0.1em;
}a.top_recruit_bt:after {
        content: "→";
        position: absolute;
        right: 1.4rem;
}


.footer_div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 8rem;
    padding: 10rem 0;
}span.footer_logo_text {
    font-family: "EB Garamond", serif;
    font-weight: 500;
    font-size: 2.4rem;
    border: solid 1px;
    padding: 0 2rem;
    border-radius: 10rem;
    margin-right: 0.4rem;
}div#footer_logo {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}h4.footer_logo_name small {
    display: block;
    font-size: 0.8rem;
}h4.footer_logo_name {
    font-size: 1.7rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
}ul.footer_nav_ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50rem;
    flex-wrap: wrap;
}ul.footer_nav_ul li a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    margin: 0.5rem 1rem;
}ul.footer_nav_ul li {
    margin-bottom: 1rem;
}p.copy {
    background: #22429d;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
}




div#under_header {
        background: #22429d;
        color: #fff;
        padding: 18rem 10rem 2rem;
        position: relative;
}h2.under_header_h2 {
        font-size: 4rem;
        font-weight: bold;
        position: relative;
}h2.under_header_h2 small {
		font-family: "EB Garamond", serif;
        font-weight: 500;
        letter-spacing: 0.1em;
        font-size: 1rem;
        display: block;
}ol#pankuzu {
    margin: 6rem 0 0;
}ol#pankuzu li a {
    color: #fff;
}ol#pankuzu li:first-child {
    color: #fff;
    margin-right:1rem;
    margin-left:0rem;
}ol#pankuzu li {
    color: #fff;
    margin-left:1rem;
    margin-right:1rem;
}ol#pankuzu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}



div#ceo_message {
		margin: 8rem 10rem 0rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
}h3.ceo_h3 {
        font-size: 3.4rem;
        font-weight: bold;
        position: relative;
        text-align: center;
        margin: 16rem 0 0;
        color: #22429d;
}h3.ceo_h3 small {
		font-family: "EB Garamond", serif;
        font-weight: 500;
        letter-spacing: 0.1em;
        font-size: 1rem;
        display: block;
}p.ceo_p {
		margin: 0rem 0;
        line-height: 2;
}.ceo_text {
        width: 40rem;
        margin-right: 6rem;
}.ceo_img {
        width: 33rem;
        height: 38rem;
        border-radius: 1rem;
        overflow: hidden;
}.ceo_img img {
        width: 33rem;
        height: 38rem;
        border-radius: 1rem;
        overflow: hidden;
        object-fit:cover;
}p.ceo_name {
        margin-top: 4rem;
        font-size: 2rem;
        font-weight: 500;
        font-family: "Noto Serif JP", serif;
        text-align: right;
}



div#history {
        padding: 10rem 0;
        background: #f5f8ff;
        margin: 10rem 0;
}h3.history_h3 {
        font-size: 3.4rem;
        font-weight: bold;
        position: relative;
        text-align: center;
        margin: 0rem 0 0;
        color: #22429d;
}h3.history_h3 small {
		font-family: "EB Garamond", serif;
        font-weight: 500;
        letter-spacing: 0.1em;
        font-size: 1rem;
        display: block;
}p.ceo_name small {
	margin-right: 1rem;
    font-size: 1.2rem;
}p.history_top_p {
    margin: 8rem 10rem 0rem;
    text-align: center;
    line-height: 2;
    font-weight: 500;
}ul.history_ul {
        margin: 10rem 15rem 0;
        position: relative;
}ul.history_ul li {
		position: relative;
        padding: 4rem 0 4rem 20rem;
        border-left: 2px solid #22429d;
        margin-left: 6rem;
}span.history_ul_span {
		color: #22429d;
        position: absolute;
        left: 3rem;
        top: 1.9rem;
        font-weight: 500;
        font-size: 2.4rem;
        font-family: "Barlow", serif;
        line-height: 1.1;
}span.history_ul_span small {
        font-size: 1.2rem;
        display: block;
        font-family: "Noto Sans JP", sans-serif;
}span.history_ul_span:before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    background: #22429d;
    position: absolute;
    left: -3.5rem;
    top: 1.2rem;
    border-radius: 100rem;
}p.history_p {
    font-weight: 500;
    line-height: 2;
}


table{
  border-collapse: collapse;
  width: 100%;
}


table.company_table {
        border-top: 1px solid #e6ecfb;
        margin: 10rem 10rem 16rem;
        width: 79rem;
}table.company_table tr {
    position: relative;
}table.company_table th {
        font-weight: 500;
        padding: 3rem 6rem;
        background: #f5f8ff;
        text-align: left;
        border-bottom: 1px solid #e6ecfb;
        letter-spacing: 0.2em;
}table.company_table td {
        border-bottom: 1px solid #e6ecfb;
        padding: 3rem 6rem;
        position: relative;
}span.company_text_sub_title {
    display: block;
    font-weight: bold;
    margin-bottom: 1rem;
}a.map {
    position: absolute;
    right: 10rem;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0.2rem 1rem 0.15rem;
    border-radius: 0.2rem;
    color: #fff;
    background: #22429d;
}.map iframe {
    width: 100%;
    height: 24rem;
    margin-top: 2rem;
}


p.business_p {
    text-align: center;
    margin: 4rem 10rem;
    line-height: 2;
    font-weight: 500;
}

h2.business_h2 {
        font-size: 3.4rem;
        font-weight: bold;
        position: relative;
        text-align: center;
        margin: 16rem 0 0;
        color: #22429d;
}h2.business_h2 small {
		font-family: "EB Garamond", serif;
        font-weight: 500;
        letter-spacing: 0.1em;
        font-size: 1rem;
        display: block;
}.business_space {
    margin: 10rem 0 14rem;
}h3.business_h3 {
        position: relative;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 12rem;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 2rem;
    padding-left:1rem;
    margin-bottom: 4rem;
}h3.business_h3:before {
        content: "";
        width: 3rem;
        height: 1px;
        left: 0;
        background: #22429d;
        position: absolute;
        bottom: -1px;
}


.business_img {
    width: 100%;
    height: 30rem;
    overflow: hidden;
}.business_img img {
    width: 100%;
    height: 30rem;
    object-fit: cover;
}p.business_p.--left {
    text-align: left;
    margin: 6rem 14rem;
}


h4.item_list_h4 {
	color:#22429d;
    margin: 0 14rem;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    padding-left: 3rem;
    position: relative;
}h4.item_list_h4:before {
    content:"";
    width:1rem;
    height:1px;
    position:absolute;
}h4.item_list_h4:before {
        content: "";
        width: 1.5rem;
        height: 1px;
        position: absolute;
        background: #22429d;
        top: 1.3rem;
        left: 0;
}ul.item_list {
    margin: 4rem 12rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}ul.item_list li {
    width: 21.9rem;
    margin: 0 1.5rem 3rem;
}.item_list_img {
    width: 100%;
    height: 15rem;
    overflow: hidden;
}.item_list_img img {
        width: 100%;
        height: 15rem;
        overflow: hidden;
        object-fit: cover;
        border-radius: 0.4rem;
}p.item_list_text {
    margin: 1rem 0;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
}table.setsubi_table {
        border-collapse: collapse;
        margin: 0px 13rem;
        width: 73rem;
}table.setsubi_table th {
        width: 16rem;
        padding: 3rem;
        font-size: 1rem;
        letter-spacing: 0.2rem;
        background: #f0f9ff;
        color: #596b7f;
        margin: 0;
        border: solid 1px #ededed;
}table.setsubi_table td {
        padding: 2rem;
        font-size: 1rem;
        width: 16rem;
        border: solid 1px #ededed;
        font-weight: 500;
}





.disnon {
    display: none;
}ul#news_list_ul {
    margin: 10rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}ul#news_list_ul li {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    padding: 0.5rem 3rem;
    border: solid 2px;
    border-radius: 10rem;
    cursor: pointer;
    margin-right: 1rem;
    color: #dedede;
}li.select {
    color: #22429d !important;
}ul.news_list_ul {
    margin: 0 10rem 20rem;
}ul.news_list_ul li {
    padding: 0rem 0 2rem;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    margin-bottom: 3rem;
    letter-spacing: 0.1em;
}ul.news_list_ul li:before {
        content: "";
        width: 3rem;
        height: 1px;
        background: #22429d;
        position: absolute;
        bottom: -1px;
}ul.news_list_ul li a {
		padding:1.5rem 0;
		display:block;
        text-decoration: none;
        color: #000;
}ul.news_list_ul li a:hover {
    color: #2278d3;
}




section#udner_content_news {
    margin: 10rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}div#left {
    width: 55rem;
    margin-right: 4rem;
    padding-right: 4rem;
    border-right: 1px solid #dedede;
}div#right {
    width: 20rem;
}time.article_time {
    display: block;
    margin-top: 4rem;
    margin-bottom: 5rem;
    font-family: 'Roboto', sans-serif;
    color: #999;
}h1.article_title {
    font-weight: bold;
    font-size: 2.6rem;
}article h2 {
        font-weight: bold;
        font-size: 2.4rem;
        margin: 4rem 0 2rem;
}article p {
    line-height: 2;
}article h3 {
        font-weight: bold;
        margin: 4rem 0 2rem;
        font-size: 1.4rem;
        position: relative;
        padding-left: 2rem;
}article h3:before {
        content: "";
        width: 1rem;
        height: 1px;
        background: #000;
        position: absolute;
        top: 50%;
        left: 0;
}article h4 {
    display: block;
    margin: 2rem 0;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 1rem;
    background: #f1f1f1;
}




div#cotact_message {
        margin: 8rem 10rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }.cotact_text {
    width: 30rem;
}ul.contact_form {
    width: 49rem;
}p.ceo_p b {
    display: block;
}span.contact_title {
    display: block;
}input.text {
    display: block;
    margin: 1rem 0 2rem;
    width: 40rem;
    padding: 1rem;
    border: solid 1px;
    font-size: 1.1rem;
}textarea.textarea {
    font-size: 1.1rem;
    padding: 1rem;
    border: solid 1px;
    margin: 1rem 0;
    width: 48rem;
    height: 14rem;
}input[type="submit"] {
    display: table;
    width: 20rem;
    margin-top: 3rem;
    font-weight: bold;
    color: #fff;
    border: none;
    background: #22429d;
    padding: 1.5rem;
    cursor: pointer;
    letter-spacing: 0.1em;
    text-indent: 0.5em;
}ul.contact_form {
        width: 49rem;
        margin-bottom: 14rem;
}


div#recruit_content {
    position: relative;
    width: 100%;
}div#recruit_mv {
width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        z-index: 0;
        background: #000;
}h3.recruit_h3 {
    font-weight: bold;
    font-size: 4rem;
}.recruit_top_message {
    color: #fff;
    position: relative;
    z-index: 20;
    padding: 16rem 10rem 9rem;
}p.recruit_content_p {
    margin: 6rem 0;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
}div#recruit_mv .bx-wrapper img {
    opacity: 0.4 !important;
}

.recruit_content_space {
        background: #f2faff;
        padding: 14rem 10rem 0rem;
        position: relative;
}h3.recruit_h3.--main_text {
    font-size: 2.4rem;
}p.recruit_content_space_p {
    margin: 6rem 0 0;
    line-height: 2.4;
    font-weight: 500;
    font-size: 1.2rem;
}ul.recruit_content_space_ul {
    position: absolute;
    top: 20rem;
    right: 10rem;
}ul.recruit_content_space_ul li {
    width: 20rem;
    height: 30rem;
    margin-bottom: 4rem;
}ul.recruit_content_space_ul li img {
    width: 20rem;
    height: 31rem;
    object-fit:cover;
}ul.recruit_content_space_ul li img {
        width: 20rem;
        height: 31rem;
        object-fit: cover;
        border-radius: 1rem;
}

.recruit_content_interview {
        background: #f2faff;
        padding: 16rem 10rem 20rem;
        position: relative;
}h3.interview_h3 {
        font-size: 3.4rem;
        font-weight: bold;
        position: relative;
        text-align: center;
        color: #22429d;
}h3.interview_h3 small {
        font-family: "EB Garamond", serif;
        font-weight: 500;
        letter-spacing: 0.1em;
        font-size: 1rem;
        display: block;
}ul.interview_ul {
        margin: 10rem 0 4rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
}div#interview_content {
    overflow-x: scroll;
}ul.interview_ul li {
        width: 22rem;
        margin-right: 4rem;
}ul.interview_ul li img {
        width: 22rem;
        height: 30rem;
        object-fit: cover;
        border-radius: 1rem;
}p.interview_ul_p {
    margin: 2rem 0;
    font-size: 1.4rem;
    line-height: 1.4;
}p.interview_name {
        font-size: 1.4rem;
        letter-spacing: 0.1em;
}span.position {
    font-size: 1rem;
    display: block;
}    a.recruit_a {
        text-decoration: none;
        display: table;
        width: 30rem;
        font-weight: bold;
        color: #fff;
        border: none;
        background: #22429d;
        padding: 1.5rem;
        cursor: pointer;
        letter-spacing: 0.1em;
        text-indent: 0.8em;
        text-align: center;
        margin: 10rem auto 0;
        font-size: 1.4rem;
    }


div#recruit_top_img {
    background: #22429d;
    width: 100%;
    height: 40rem;
    overflow: hidden;
    position: relative;
}div#recruit_top_img img {
        width: 100%;
        height: 40rem;
        object-fit: cover;
        opacity: 0.8;
}.interview_top_message {
    position: absolute;
    z-index: 10;
    margin: 20rem 10rem 0;
    color: #fff;
}h2.recruit_top_h2 {

    width: 52rem;
    font-weight: bold;
    font-size: 2.4rem;
}p.interview_top_name {
    letter-spacing: 0.1em;
    margin-top: 2rem;
    font-size: 2rem;
}span.interview_top_position {
    display: block;
    font-size: 1rem;
    letter-spacing: 0.1em;
}

.interview_main_content {
    margin: 14rem 14rem;
}article.interview_article h3 {
    margin-left: -2rem;
    margin-bottom: 4rem;
}.interview_article_img {
    margin: 2rem 0;
    height: 34rem;
    overflow: hidden;
}.interview_article_img img {
    margin: 6rem 0;
    height: 34rem;
    overflow: hidden;
        object-fit: cover;
}



}