@charset "utf-8";
/* CSS Document */
/*================================================
 *  共通
 ================================================*/
/*---- ページヘッダー ----*/
.page-head {
    margin-bottom: 8px;
    width: 100%;
}
.page-head > .w12-c {
    height: 240px;
    position: relative;
}
.page-head > .w12-c h2.page-head-title {
    font-size: 3rem;
    font-weight: 500;
    margin: auto;
    position: absolute;
    top: calc(50% - 50px);
    left: 0px;
    text-shadow: rgba(0,0,0,0.7)  1px 0 20px;
}

.page-head > .w12-c h2.page-head-title span{
    font-weight: 500;
}


.page-head.page-corporate > .w12-c h2.page-head-title,.page-head.page-head.page-saiyo > .w12-c h2.page-head-title{
    text-shadow: rgba(48,117,160,0.7)  1px 0 20px;
}

.page-head > .w12-c h2.page-head-title span.eng {
    font-size: 1.8rem;
}


@media (min-width:1025px) {
    .page-head {
        margin-bottom: 24px;
    }
    .page-head > .w12-c {
        height: 400px;
    }
    .page-head > .w12-c h2.page-head-title {
        font-size: 6rem;
    }
    .page-head > .w12-c h2.page-head-title span.eng {
        font-size: 2.5rem;
    }
}
.page-head.page-product {
    background: url("../img/t-kv-bg01.jpg")no-repeat center;
    background-size: cover;
}
.page-head.page-recipe {
    background: url("../recipe/img/kv.jpg")no-repeat center;
    background-size: cover;
}
.page-head.page-corporate {
    background: url("../corporate/img/kv.jpg")no-repeat center;
    background-size: cover;
}
.page-head.page-developer {
    background: url("../corporate/img/kaihatsusya_kv2.jpg") no-repeat center right;
    background-size: cover;
}
.page-head.page-saiyo {
    background: url("../saiyo/img/kv5.jpg")no-repeat center;
    background-size: cover;
}
h2.page-head-title {
    color: #ffffff;
}
h2.page-head-title span.eng {
    display: block;
}
/*---- パンくず ----*/
.breadcrumb {
    margin-bottom: 40px;
}
.breadcrumb li {
    display: inline;
    font-weight: 500;
    margin-right: 8px;
    padding-right: 8px;
    position: relative;
}
.breadcrumb li::after {
    content: '';
    display: block;
    border-top: 1px solid #272727;
    border-left: 1px solid #272727;
    position: absolute;
    top: calc(50% - 3px);
    right: 0px;
    height: 4px;
    width: 4px;
    transform: rotate(135deg);
}
.breadcrumb li:last-child::after {
    content: '';
    display: none;
}
.breadcrumb li a {
    color: #272727;
    font-size: 1.4rem;
}
.breadcrumb li a:hover {
    color: #1399DB;
}
@media (min-width:1025px) {
    .breadcrumb {
        margin-bottom: 80px;
    }
}
/*---- ページタイトル ----*/
.title-dec01 {
    border-bottom: solid 2px #1399DB;
    font-size: 2.4rem;
    margin-bottom: 50px;
    padding-bottom: 10px;
}
.title-dec02 {
    border-left: solid 5px #D1111C;
    color: #D1111C;
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 25px;
    padding-left: 15px;
}
/*================================================
 *  商品紹介
 ================================================*/
.link-search {
    margin-bottom: 50px;
}
.link-search h2 {
    font-size: 2.4rem;
    margin-bottom: 40px;
    text-align: center;
}
.link-search ul.grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px 20px;
    max-width: 500px;
    margin: auto;
}
.link-search ul.grid li a {
    background: #ffffff;
    border: solid 1px #1399DB;
    border-radius: 100vh;
    color: #1399DB;
    display: block;
    text-align: center;
    padding: 5px 0px;
}
.link-search ul.grid li.active a {
    background: #1399DB;
    color: #ffffff;
}
.link-search ul.grid li a:hover {
    background: #1399DB;
    color: #ffffff;
}

@media (min-width:600px){
    .link-search ul.grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width:1025px) {
    .link-search ul.grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 2fr;
        gap: 0px 40px;
        max-width: 800px;
    }
}
.item-lists-head {
    background: #EFF9FF;
    font-size: 2.5rem;
    margin-bottom: 24px;
    padding: 8px 24px;
}
@media (min-width:1025px) {
    .item-lists-head {
        font-size: 3rem;
        margin-bottom: 40px;
        padding: 24px 40px;
    }
}

.itemlists-block:not(:last-child) {
    margin-bottom: 40px;
}
.itemlists-block > p {
    margin-bottom: 24px;
}
ul.item-lists li > a img {
    display: block;
    margin-bottom: 16px;
    object-fit: contain;
    height: 240px;
    width: 100%;
}
.item-description .name, .item-description .name-l {
    color: #1399DB;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 10px;
}
.item-description .name-l {
    min-height: 59px;
}
.item-description .name span.in-block {
    font-weight: 500;
}
.item-description p:last-child {
    font-size: 1.5rem;
    font-feature-settings: "halt";
}


/* 新商品 */
.item-lists li{
    position: relative;            
}

.item-lists li span.new{
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    border-radius: 100vh;
    background: #D1111C;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 3;
}


@media (min-width:600px) {
    .item-salmon03 {
        max-width: 510px;
    }
    .item-salmon04 ul.item-lists {
        max-width: 510px;
    }
}
@media (min-width:1025px) {
    .item-lists.grid.col-4 {
        gap: 40px 4%;
    }
    .item-description .name {
        font-size: 2rem;
    }
    .item-description p:last-child {
        font-size: 1.5rem;
        letter-spacing: normal;
    }
    .item-salmon03, .item-salmon04 {
        width: 50%;
    }
    .item-salmon03 {
        max-width: 1000px;
        padding-right: 30px;
    }
    .item-salmon03 .item-lists.grid.col-2 {
        gap: 40px 8%;
    }
    .item-salmon04 {
        padding-left: 40px;
    }
}
/*================================================
 *  レシピ
 ================================================*/
.recommended-recipes {
    background: url("../recipe/img/recommended-recipes-bg.jpg")no-repeat center;
    background-size: cover;
    margin-bottom: 75px;
    padding: 80px 0px;
}
.recommended-recipes h2.subtitle {
    position: relative;
    margin: 0 auto 40px auto;
}
.recommended-recipes h2.subtitle img {
    position: absolute;
    top: -220%;
    right: -4%;
    max-width: 200px;
}
@media (min-width:600px) {
    .recommended-recipes h2.subtitle {
        max-width: 280px;
    }
    .recommended-recipes h2.subtitle img {
        top: -210%;
        right: -50%;
    }
}
@media (min-width:1025px) {
    .recommended-recipes h2.subtitle img {
        top: -140px;
        right: -240px;
        max-width: 320px;
    }
}
.recommended-recipes ul {
    width: 90%;
    max-width: 1000px;
    margin: auto;
}
.recommended-recipes ul.flex li img {
    margin-bottom: 8px;
}
.recommended-recipes ul.flex li p {
    padding-right: 16px;
    position: relative;
}
.recommended-recipes ul.flex li p::after {
    content: '';
    display: block;
    border-top: 1px solid #1399DB;
    border-left: 1px solid #1399DB;
    position: absolute;
    top: calc(50% - 4px);
    right: 0px;
    height: 6px;
    width: 6px;
    transform: rotate(135deg);
}
@media (max-width:599px) {
    .recommended-recipes {
        margin-bottom: 160px;
    }
}
.recommended-recipes ul.flex {
    justify-content: space-between;
}
@media (max-width:599px) {
    .recommended-recipes ul.flex li:first-child {
        margin-bottom: 16px;
        width: 100%;
    }
    .recommended-recipes ul.flex li:first-child img {
        width: 100%;
    }
    .recommended-recipes ul.flex li {
        width: calc(100% /2 - 8px);
    }
}
@media (min-width:600px) {
    .recommended-recipes ul.flex li {
        width: calc(100% /3 - 16px);
    }
}
.link-searchrecipe {
    background: #FFF9EC;
    margin-bottom: 75px;
    padding: 80px 0px;
}
.link-searchrecipe h3.title-dec01 {
    border-bottom: solid 1px #707070;
    margin-top: 50px;
}

@media (max-width:599px) {
    .link-searchrecipe ul.col-6 {
        grid-template-columns: 1fr 1fr;
        gap: 20px 20px;
    }
}
@media (min-width:600px) {
    .link-searchrecipe ul.col-6 {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px 20px;
    }
}
@media (min-width:1025px) {
    .link-searchrecipe ul.col-6 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}
.link-searchrecipe ul.ctg01 li {
    background: #ffffff;
    border-radius: 100vh;
}

.link-searchrecipe ul.ctg02 li img {
    background: #ffffff;
    margin-bottom: 8px;
    padding: 16px;
    object-fit: contain;
    height: 160px;
    width: 100%;
}
.link-searchrecipe li {
    text-align: center;
}
.link-searchrecipe li a {
    display: block;
    font-size: 1.8rem;
    padding: 8px 16px;
}
@media (min-width:1025px) {
    .link-searchrecipe {
        margin-bottom: 160px;
    }
    .link-searchrecipe h2 {
        margin-bottom: 40px;
    }
    .link-searchrecipe ul.ctg01 li a {
        font-size: 2.4rem;
    }
    .link-searchrecipe li a:hover {
        color: #1399DB;
    }
}
ul.recipe-lists li a > img {
    /*border-radius: 16px;*/
    display: block;
    margin-bottom: 16px;
}
ul.recipe-lists li a > p {
    padding-right: 20px;
    position: relative;
}
ul.recipe-lists li a > p::after {
    content: '';
    display: block;
    border-top: 1px solid #1399DB;
    border-left: 1px solid #1399DB;
    position: absolute;
    top: calc(50% - 4px);
    right: 0px;
    height: 6px;
    width: 6px;
    transform: rotate(135deg);
}

/* 動画 */
#movie{
    padding-top: 80px;
}

#movie ul li{
        max-width: 400px;
        margin: auto;
    }

@media (min-width:1025px) {
    #movie{
        padding-top: 160px;
    }
    
    #movie ul li{
        max-width:400px;
        margin: auto;
    }
}




/* ●●を使ったレシピ */
.use-item-recipe {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto 80px auto;
    padding: 40px;
}
.use-item-recipe.flex {
    align-items: center;
    justify-content: center;
}
.use-item-recipe img {
    background: #ffffff;
    display: inline-block;
    padding: 24px;
    margin-bottom: 24px;
    max-width: 240px;
    height: auto;
    object-fit: contain;
}
@media (min-width:600px) {
    .use-item-recipe img {
        margin-right: 24px;
        margin-bottom: 0;
        max-width: 160px;
        padding: 24px;
        height: auto;
    }
    .use-item-recipe p {
        flex: 1;
        font-size: 1.8rem;
    }
}
@media (min-width:1025px) {
    .use-item-recipe img {
        margin-right: 40px;
        max-width: 240px;
        padding: 40px;
    }
    .use-item-recipe p {
        font-size: 2.4rem;
    }
}
/* レシピ詳細
----------------------------------------*/
h2.dishname {
    border-bottom: dashed 2px #1399DB;
    font-size: 2.4rem;
    margin-bottom: 16px;
    padding-bottom: 8px;
}
@media (min-width:600px) {
    h2.dishname {
        font-size: 3.2rem;
    }
}
@media (min-width:1025px) {
    h2.dishname {
        font-size: 4rem;
        margin-bottom: 32px;
        padding-bottom: 16px;
    }
}
.recipe-head {
    margin-bottom: 40px;
}
.recipe-head > img {
    margin-bottom: 40px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.use-item.flex {
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    width: 100%;
}
.recipe-head .use-item.flex h3 {
    font-size: 2.4rem;
    margin-bottom: 24px;
    width: 100%;
}
.use-item.flex > img {
    display: inline-block;
    margin-right: 24px;
    padding: 16px;
    max-height: 160px;
    object-fit: contain;
    background: #ffffff;
}
.use-item.flex h3, .use-item.flex > p {
    font-weight: 600;
}
@media (min-width:600px) {
    .recipe-head {
        margin-bottom: 80px;
    }
    .recipe-head > img {
        margin-right: 4%;
        margin-bottom: 0px;
        height: auto;
        object-fit: cover;
        /*width: 40%;*/
        width: 55%;
    }
    .use-item.flex {
        flex: 1;
        max-width: 400px;
        padding: 40px 24px;
    }
    .recipe-head .use-item.flex h3 {
        font-size: 2.6vw;
    }
    .use-item.flex > img {
        margin-right: 24px;
        padding: 16px;
    }
    .use-item.flex > p {
        flex: 1;
        font-size: 1.6rem;
    }
}
@media (min-width:1025px) {
    .recipe-head > img {
        margin-right: 40px;
        width: 48%;
        max-height: 400px;
    }
    
    .use-item.flex {
        max-width: 800px;
        padding: 40px;
        flex: 1;
    }
    
    .recipe-head .use-item.flex h3 {
        font-size: 2.6vw;
    }
    .use-item.flex > img {
        margin-right: 40px;
        padding: 16px;
        width: 48%;
    }
    .use-item.flex > p {
        font-size: 1.4vw;
    }
}
@media (min-width:1200px) {
    .recipe-head .use-item.flex h3 {
        font-size: 3.2rem;
    }
    .use-item.flex > p {
        font-size: 2rem;
    }
}
.howto h3, .use-recipe h3 {
    border-bottom: solid 2px #1399DB;
    margin-bottom: 16px;
    padding-bottom: 8px;
}
.recipe-ingredients, .recipe-detail {
    margin-bottom: 40px;
    width: 100%;
}
.recipe-ingredients * {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.recipe-ingredients {
    padding: 24px;
}
.howto h3, .use-recipe h3 {
    font-size: 2.4rem;
}
.recipe-ingredients h3 span {
    font-size: 1.4rem;
}
.recipe-ingredients ul li {
    border-bottom: solid 1px #aaaaaa;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
}

.recipe-ingredients ul li p:first-child{
    flex: 1;
    margin-right: 8%;
}

@media (min-width:600px) {
    .howto h3, .use-recipe h3 {
        font-size: 3.2rem;
    }
    .recipe-ingredients h3 span {
        font-size: 1.6rem;
    }
}
@media (min-width:1025px) {
    .howto.flex {
        margin-bottom: 80px;
        width: 100%;
    }
    .recipe-ingredients, .recipe-detail {
        margin-bottom: 0px;
    }
    .recipe-ingredients {
        margin-right: 40px;
        height: 100%;
        width: 40%;
    }
    
    .recipe-ingredients ul li p:first-child{
        margin-right: 40px;
    }
}
.recipe-detail ol li {
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.recipe-detail ol li .number {
    border-radius: 50%;
    border: solid 2px #1399DB;
    color: #1399DB;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 500;
    height: 50px;
    line-height: 48px;
    margin-right: 24px;
    text-align: center;
    width: 50px;
    vertical-align: middle;
}
.recipe-detail ol li p {
    flex: 1;
}
@media (min-width:1025px) {
    .recipe-detail {
        flex: 1;
        padding-top: 24px;
    }
    .recipe-detail ol li {
        margin-bottom: 40px;
    }
}
.use-recipe {
    width: 100%;
}
/*================================================
 *  会社案内
 ================================================*/
/* 言語
----------------------------------------*/
.language-btn {
    margin: 0 0 16px auto;
    position: relative;
}
@media (min-width:1025px) {
    .language-btn {
        margin: 0 0 40px auto;
    }
}
.language-btn .dropdown__btn {
    background: #1399DB;
    border: 0;
    color: #ffffff;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: auto;
    padding: 10px;
    width: 200px;
}
.language-btn .dropdown__btn p.flex {
    align-items: center;
    justify-content: center;
    margin: auto;
    padding-right: 20px;
    position: relative;
    width: 160px;
}
.language-btn .dropdown__btn p.flex::after {
    content: '';
    display: block;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    height: 6px;
    width: 6px;
    transform: rotate(-135deg);
    margin-left: auto;
}
.language-btn .dropdown__btn p.flex > img {
    display: block;
    margin-right: 10px;
    height: 16px;
    width: 16px;
}
.language-btn .dropdown__btn.is-open::after {
    content: "";
    cursor: default;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
}
.language-btn .dropdown__btn.is-open + .dropdown__body {
    display: block;
    z-index: 5;
}
.language-btn .dropdown__body {
    background: #ffffff;
    box-shadow: 0 2px 6px 2px rgba(60, 64, 67, 0.149);
    display: none;
    overflow: hidden;
    position: absolute;
    top: 38px;
    right: 0;
    width: 200px;
}
.language-btn .dropdown__list {
    margin: 0;
    padding: 0;
}
.language-btn .dropdown__item {
    border-bottom: solid 1px #efefef;
    display: block;
    position: relative;
}
.language-btn .dropdown__item::after {
    content: '';
    display: block;
    border-top: 2px solid #1399DB;
    border-left: 2px solid #1399DB;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    height: 6px;
    width: 6px;
    transform: rotate(135deg);
    margin-left: auto;
}
.language-btn .dropdown__item-link {
    display: block;
    font-size: 16px;
    padding: 13px 15px;
}
.language-btn .dropdown__item-link:hover {
    color: #1399DB;
}
/* 会社概要
----------------------------------------*/
.table-corporate {
    width: 100%;
}
.table-corporate tbody > tr {
    border-bottom: solid 1px #aaaaaa;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
}
.table-corporate tbody > tr:first-child {
    border-top: solid 1px #aaaaaa;
}
.table-corporate tbody > tr > th, .table-corporate tbody > tr > td {
    text-align: left;
}
.table-corporate tbody > tr > th {
    align-content: center;
    color: #1399DB;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
}
.table-corporate tbody > tr > th span {
    font-weight: 500;
}
.table-corporate tbody > tr > td {
    width: 100%;
}
.table-corporate tbody > tr > td .factory li {
    margin-bottom: 50px;
}
.table-corporate tbody > tr > td .factory li .text-area {
    margin-bottom: 20px;
}
.table-corporate tbody > tr > td .factory li .text-area h3 {
    border-left: solid 4px #1399DB;
    font-size: 2rem;
    margin-bottom: 15px;
    padding-left: 15px;
    width: 100%;
}
.table-corporate tbody > tr > td .factory li img {
    height: 88vw;
    width: 100%;
    object-fit: cover;
}
.table-corporate tbody > tr > td .factory li:not(:first-child) img {
    height: 64vw;
}

@media (min-width:600px) {
    .table-corporate tbody > tr > th {
        margin-bottom: 0;
        width: 25%;
    }
    .table-corporate tbody > tr > td {
        padding-left: 20px;
        width: 75%;
    }
    .table-corporate tbody > tr > td .factory li img {
        height: 450px;
        max-width: 400px;
    }
    .table-corporate tbody > tr > td .factory li:not(:first-child) img {
        height: 240px;
    }
}

@media (min-width:1025px) {
    .table-corporate tbody > tr > td .factory li {
        margin-bottom: 100px;
    }
    .table-corporate tbody > tr > td .factory li .flex {
        align-items: center;
    }
    .table-corporate tbody > tr > td .factory li .text-area {
        margin-right: 2%;
        margin-bottom: 0px;
        max-width: 450px;
        width: 60%;
    }
    .table-corporate tbody > tr > td .factory li .text-area .production.flex {
        align-items: flex-start;
    }
    .table-corporate tbody > tr > td .factory li .text-area h3 {
        font-size: 2.5rem;
    }
    .table-corporate tbody > tr > td .factory li .text-area .production p:first-child {
        width: 27%;
    }
    .table-corporate tbody > tr > td .factory li .text-area .production p:last-child {
        width: 73%
    }
    .table-corporate tbody > tr > td .factory li img {
        height: 180px;
        max-width: 240px;
        width: 35%;
    }
    .table-corporate tbody > tr > td .factory li:not(:first-child) img {
        height: 180px;
    }
}
/* 過去7期 業績推移 */
.table-earnings {
    width: 100%;
}
.table-earnings tr.table-earnings-head {
    font-size: 1.4rem;
    padding: 0;
}
.table-earnings tr.table-earnings-head span {
    font-size: 2.5vw;
}
.table-earnings tbody > tr:first-child {
    border-top: none;
    padding-bottom: 0;
}
.table-earnings tbody > tr:not(:first-child) {
    padding: 20px 0px;
}
.table-earnings tbody > tr > th {
    align-content: center;
    background: #EEF9FF;
    color: #000000;
    text-align: center;
    padding: 10px 0px;
    margin-bottom: 0;
}
.table-earnings tbody > tr > th:first-child, .table-earnings tbody > tr > td:first-child {
    width: 40%
}
.table-earnings tbody > tr > th:not(:first-child), .table-earnings tbody > tr > td:not(:first-child) {
    width: 30%;
}
.table-earnings tbody > tr:last-child {
    border-bottom: none;
    color: #1399DB;
}
.table-earnings tbody > tr > td {
    align-content: center;
}
.table-earnings tbody > tr > td .flex p {
    text-align: center;
    width: 100%;
}
.table-earnings tbody > tr > td:first-child .flex p:last-child span {
    display: inline-block;
    text-align: right;
    width: 20px;
}
.table-earnings tbody > tr > td:nth-child(2) p {
    margin: auto;
    max-width: 45px;
    text-align: right;
}
.table-earnings tbody > tr > td:nth-child(3) p {
    margin: auto;
    max-width: 65px;
    text-align: right;
}
@media (min-width:600px) {
    .table-earnings tr.table-earnings-head span {
        font-size: 1.2rem;
    }
    .table-earnings tbody > tr > td {
        padding-left: 0px;
    }
}
@media (min-width:1025px) {
    .table-earnings tr.table-earnings-head {
        font-size: 1.6rem;
    }
    .table-earnings tr.table-earnings-head span {
        font-size: 1.4rem;
    }
    .table-earnings tbody > tr:not(:first-child) {
        border-bottom: none;
    }
    .table-earnings tbody > tr > th {
        padding: 15px 0px;
    }
    .table-earnings tbody > tr {
        font-size: 1.6rem;
    }
    .table-earnings tbody > tr > td:first-child .flex {
        margin: auto;
        max-width: 160px;
    }
    .table-earnings tbody > tr > td:first-child .flex p:first-child {
        margin-right: 10px;
        width: 35px;
    }
    .table-earnings tbody > tr > td:first-child p {
        width: auto;
    }
}
/*================================================
 *  ごあいさつ
 ================================================*/
.greetings > .flex > img {
    object-fit: cover;
    margin: auto auto 40px auto;
    height: 480px;
    max-width: 400px;
    width: 100%;
}
.greetings .flex .text-area p {
    line-height: 1.8;
    margin-bottom: 24px;
}
ul.sign > li:first-child {
    font-size: 2.5rem;
    margin-bottom: 16px;
}
ul.sign li.flex {
    align-items: center;
}
ul.sign li.flex p:first-child {
    margin-right: 16px;
}
ul.sign li.flex p:last-child {
    flex: 1;
}
@media (min-width:1025px) {
    .greetings > .flex > img {
        margin: 0 0 0 auto;
        order: 2;
        height: 100%;
        width: 35%;
    }
    .greetings .flex .text-area {
        width: 61%;
    }
}
/*================================================
 *  工場・設備紹介
 ================================================*/
.chart-img {
    position: relative;
}
.chart-img a {
    display: block;
    position: absolute;
    right: 0;
    width: 44.8%;
}
.chart-img a.chart-honsya {
    top: 65%;
}
.chart-img a.chart-hirano {
    top: 78.6%;
}
.chart-img a.chart-tajima {
    top: 92.5%;
}
@media (min-width:600px) {
    .chart-img a {
        width: 26.3%;
    }
    .chart-img a.chart-honsya {
        top: 0;
    }
    .chart-img a.chart-hirano {
        top: 27.6%;
    }
    .chart-img a.chart-tajima {
        top: 55.5%;
    }
}
.factory-contents {
    padding-top: 100px;
}
.factory-contents .flex {
    margin-bottom: 24px;
}
.factory-contents .flex img {
    object-fit: cover;
    margin-bottom: 24px;
    width: 100%
}
h3.factory-name {
    border-bottom: solid 2px #aaaaaa;
    font-size: 4rem;
    margin-bottom: 24px;
    padding-bottom: 16px;
}
ul.factory-detail li:not(:last-child) {
    margin-bottom: 16px;
}
ul.factory-detail li a.link-more {
    margin: 0;
}



@media only screen and (min-width:600px) and (max-width:1024px) {
    ul.factory-detail{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        
    }
    
    ul.factory-detail li{
        width: 50%;
    }
    
    #hirano ul.factory-detail li:nth-child(3){
        padding-right: 40px;
    }
}

@media (min-width:1025px) {
    h3.factory-name {
        margin-bottom: 40px;
    }
    .factory-contents .flex {
        align-items: center;
        margin-bottom: 40px;
    }
    .factory-contents .flex img {
        order: 2;
        margin-left: 40px;
        margin-bottom: 0;
        max-width: 560px;
        height: 400px;
        object-fit: cover;
    }
    .factory-contents .flex ul {
        flex: 1;
    }
}
/*================================================
 *  マルヒロ50th
 ================================================*/

/* history.css */

/*================================================
 *  採用情報
 ================================================*/
/* 採用情報ホーム
----------------------------------------*/
.saiyo-intro h2 {
    font-size: 6vw;
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
}
.saiyo-intro h2 img {
    display: inline-block;
    height: 6.4vw;
    padding-bottom: 5px;
    vertical-align: middle;
}

.saiyo-intro .flex img{
    margin-top: 24px;
}

.saiyo-intro h3 {
    font-size: 2.4rem;
    margin-bottom: 16px;
}
@media (min-width:600px) {
    .saiyo-intro h2 {
        font-size: 4rem;
    }
    .saiyo-intro h2 img {
        height: 40px;
    }
}
@media (min-width:1025px) {
    .saiyo-intro {
        margin-left: auto;
        margin-right: auto;
    }
    .saiyo-intro h2 {
        font-size: 5.6rem;
    }
    .saiyo-intro h2 img {
        height: 64px;
        padding-bottom: 10px;
    }
    
    .saiyo-intro .flex{
        align-items: center;
    }

    .saiyo-intro .flex .text-area{
        flex: 1;
    }
    
    .saiyo-intro .flex img{
        margin-top: 0;
        margin-left: 40px;
        max-width: 400px;
        height: 400px;
        object-fit: cover;

    }
    
    .saiyo-intro .text-area {
        max-width: 770px;
        margin-left: auto;
        margin-right: auto;
    }
    .saiyo-intro h3 {
        font-size: 4rem;
        margin-bottom: 24px;
    }
    
    .saiyo-intro img.rikunabi-link{
        margin-top: 40px;
        margin-left: 0;
    }
    
}

.graph-area {
    padding: 80px 0;
}
.graph-area h3 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 16px;
}
.graph-area ul.flex li {
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
}
.graph-area ul.flex li:first-child {
    margin-bottom: 40px;
}
.graph-area ul.flex li:nth-child(2) {
    margin-bottom: 8px;
}
.graph-area .img-area.flex {
    background: #ffffff;
    align-items: center;

}
.graph-area ul.flex li .img-area.flex img {
    padding: 24px;
    width: 100%;
    height: 100%;
}

.graph-area ul.flex li:last-child {
    max-width: 1200px;
    width: 100%;
}
@media (min-width:1025px) {
    .graph-area h3 {
        font-size: 2.4rem;
    }
    .graph-area ul.flex {
        justify-content: space-between;
    }
    
    .graph-area ul.flex li:first-child{
        width: 60%;
    }
    
    .graph-area ul.flex li:nth-child(2){
        width: 40%;
        margin-right: 0;
    }
    .graph-area ul.flex li:first-child {
        margin-bottom: 0;
    }
    
    .graph-area .img-area.flex{
        min-height: 400px;
    }
    
    .graph-area ul.flex li .img-area.flex img {
        padding: 0 24px;
    }
}
.principles h3 {
    font-size: 4vh;
}
.principles > p {
    font-size: 1.6rem;
}
.principles ul.management {
    margin-bottom: 40px;
}
.principles ul.management li {
    background: #EFF9FF;
    padding: 16px 24px;
    margin-bottom: 24px;
    width: 100%;
}
.principles ul.management li:last-child {
    margin-bottom: 0;
}
.principles ul.management li h4 {
    font-size: 2rem;
    margin-bottom: 24px;
}
.principles ul.management li > p {
    padding-left: 16px;
    position: relative;
}
.principles ul.management li > p::before {
    content: "・";
    position: absolute;
    left: 0;
}
@media (min-width:600px) {
    .principles h3 {
        font-size: 3.2rem;
    }
    .principles > p {
        font-size: 1.8rem;
    }
    .principles ul.management li {
        width: calc( 100% / 2 - 12px);
    }
}
@media (min-width:600px) and (max-width:1024px) {
    .principles ul.management li:nth-child(odd) {
        margin-right: auto;
    }
}
@media (min-width:1025px) {
    .principles h3 {
        font-size: 4rem;
    }
    .principles > p {
        font-size: 2.4rem;
    }
    .principles ul.management {
        margin-bottom: 80px;
    }
    .principles ul.management.flex {
        justify-content: space-between;
    }
    .principles ul.management li {
        width: calc( 100% / 3 - 20px);
        margin: 0;
        padding: 16px 24px;
    }
}
ul.recruit-links.flex li {
    background: #ffffff;
    border-bottom: solid 1px #272727;
    font-size: 1.6rem;
    margin-bottom: 16px;
    padding: 0 0 8px 0;
    position: relative;
    width: 100%;
}
ul.recruit-links.flex li::after {
    content: '';
    display: block;
    border-top: 2px solid #D1111C;
    border-left: 2px solid #D1111C;
    position: absolute;
    top: calc(50% - 5px);
    right: 0px;
    height: 6px;
    width: 6px;
    transform: rotate(135deg);
    margin-left: auto;
}
@media (min-width:600px) {
    ul.recruit-links.flex {
        justify-content: space-between;
        max-width: 1000px;
        margin: auto;
    }
    ul.recruit-links.flex li {
        width: calc( 100% / 2 - 20px);
    }
    ul.recruit-links.flex {
        margin-bottom: 64px;
    }
    .principles .recruit-link {
        max-width: 1000px;
        margin: auto;
    }
}
/* 採用に関するQ＆A
----------------------------------------*/
.qanda div dl:last-child {
    margin-bottom: 56px;
}
.qanda dt, .qanda dd {
    padding: 24px 40px 24px 75px;
    position: relative;
}
.qanda dt {
    background: #EFF9FF;
    font-size: 2rem;
    font-weight: 700;
}
.qanda dt::before, .qanda dd::before {
    font-size: 3.2rem;
    position: absolute;
    top: calc(50% - 25px);
    bottom: 0;
    left: 40px;
}
.qanda dt::before {
    content: "Q";
}
.qanda dd::before {
    content: "A";
    font-weight: 700;
}
.qanda dd ul li {
    padding-left: 20px;
    position: relative;
}
.qanda dd ul li::before {
    content: "・";
    position: absolute;
    top: 1;
    left: 0;
}
@media (min-width:1025px) {
    .qanda div dl:last-child {
        margin-bottom: 120px;
    }
    .qanda dt, .qanda dd {
        padding: 40px 80px 40px 150px;
    }
    .qanda dt {
        font-size: 2.4rem;
    }
    .qanda dt::before, .qanda dd::before {
        font-size: 4rem;
        position: absolute;
        top: calc(50% - 30px);
        left: 80px;
    }
}
a.recruit-link.flex {
    background: url("../saiyo/img/recruit_link.jpg")no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    height: 200px;
    width: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
}
a.recruit-link p {
    background: rgba(255, 255, 255, 0.7);
    color: #1399DB;
    font-size: 4vw;
    font-weight: 600;
    margin: auto;
    padding: 5%;
    text-align: center;
    vertical-align: middle;
    max-width: 400px;
    width: 64%;
}
a.recruit-link p > img {
    max-width: 12px;
    padding-bottom: 2px;
    vertical-align: middle;
}
@media (min-width:600px) {
    a.recruit-link p {
        font-size: 1.8rem;
    }
}
@media (min-width:1025px) {
    a.recruit-link.flex {
        height: 400px;
    }
    a.recruit-link p {
        font-size: 2.4rem;
        padding: 40px;
    }
    a.recruit-link p > img {
        max-width: 16px;
        padding-bottom: 4px;
    }
}

/* 先輩からのメッセージ
----------------------------------------*/
.senpai-message ul.grid li{
    padding:  0 16px 16px 16px;
    border: solid 2px #1399DB;
    text-align: center;
}

.senpai-name{
    color: #1399DB;
    font-size: 4rem;
}

.senpai-name span{
    font-size: 2.4rem;
}


@media (max-width:1024px) {
    .senpai-message ul.grid li a p:last-child{
        font-size: 1.4rem;
    }
}

@media (min-width:1025px) {
    .senpai-message ul.grid li{
        padding:  0 16px 24px 16px;
    }
    .senpai-name{
        font-size: 6.4rem;
    }
    
    .senpai-name span{
        font-size: 4rem;
    }
}


.senpai-head.flex{
    align-items: center;
    margin: auto auto 40px auto;
    padding-top: 80px;
    max-width: 750px;
    justify-content: space-between;
}

@media (min-width:600px) {
    .senpai-head.flex{
        flex-direction: row-reverse;
    }
}

@media only screen and (min-width:600px) and (max-width:1024px) {
    .senpai-head.flex img, .senpai-head.flex .text-area{
        width: 46%;
    }
    
    .senpai-head.flex .text-area{
        width: 50%;
    }
    
    .senpai-head img{
        margin-left: 4%;
    }
}

@media (min-width:1025px) {
    .senpai-head.flex{
        margin-bottom: 80px;
    }
    .senpai-head img{
        margin-left: 40px;
    }
}



.senpai-head h2{
    font-size: 6.4rem;
    color: #1399DB;
}

.senpai-head h2 span{
    font-size: 2.4rem;
}

.senpai-head h2 .date-of-hire{
    margin-left: 24px;
    padding: 8px 16px;
    background: #1399DB;
    font-size: 1.6rem;
    color: #fff;
}

.senpai-head p{
    margin-top: 16px;
}

@media (min-width:1025px) {
    
    .senpai-head h2 span{
        font-size: 4rem;
    }
    
    .senpai-head h2 .date-of-hire{
        margin-left: 40px;
    }
    
    .senpai-head p{
        font-size: 2.4rem
    }
}



.senpai-message-wrap dl:not(:last-child){
    margin-bottom: 40px;
}

.senpai-message-wrap dl dd{
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: dashed 2px #aaa;
    color: #1399DB;
    font-size: 2.4rem;
}


@media (min-width:1025px) {
    .senpai-message-wrap dl:not(:last-child){
        margin-bottom: 80px;
    }
    
    .senpai-message-wrap dl dd{
        font-size: 4rem;
    }
}


/* 新卒・既卒採用
----------------------------------------*/
.adoption-results dl.flex {
    margin-bottom: 24px;
    padding: 24px;
}
.adoption-results dt {
    font-weight: 500;
    margin-bottom: 8px;
}
.adoption-results dd span {
    display: inline-block;
    font-weight: 500;
}
.adoption-results dl.flex:last-child dd span:not(:last-child) {
    margin-right: 16px;
}
.application-details table {
    margin-bottom: 80px;
}

.mail-spam{
    display: inline-block;
}
.mail-spam::before{
    content: "@";
    
}
@media (min-width:1025px) {
    .adoption-results dl.flex {
        align-items: center;
        margin-bottom: 40px;
        padding: 40px;
    }
    .adoption-results dt {
        margin-right: 40px;
        margin-bottom: 0;
    }
    .adoption-results dd {
        flex: 1;
    }
    .adoption-results dl.flex:last-child dd span:not(:last-child) {
        margin-right: 40px;
    }
    .application-details table {
        /*margin-bottom: 160px;*/
    }
}
/* パート・アルバイト採用
----------------------------------------*/
.part-details ul.flex.intro {
    justify-content: space-between;
}
.part-details ul.flex.intro li {
    width: 100%;
}
.part-details ul.flex.intro li img {
    width: 100%;
    object-fit: cover;
}
.part-details ul.flex.intro li:first-child {
    margin-bottom: 2%;
    position: relative;
}
.part-details ul.flex.intro li:first-child img {
    height: 240px;
    position: relative;
}
.part-details ul.flex.intro li:first-child p {
    color: #ffffff;
    font-size: 2.4rem;
    margin: auto;
    position: absolute;
    top: calc(50% - 30px);
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}
.part-details ul.flex.intro li:not(:first-child) {
    width: 49%;
}
.part-details ul.flex.intro li:not(:first-child) img {
    height: 160px;
    object-fit: cover;
}
@media (min-width:1025px) {
    .part-details ul.flex.intro li:first-child img {
        height: 400px
    }
    .part-details ul.flex.intro li:first-child p {
        font-size: 3.2rem;
        top: calc(50% - 10px);
    }
    .part-details ul.flex.intro li:not(:first-child) img {
        height: 340px;
    }
}
.part-details h3 {
    font-size: 3.8vw;
    font-weight: 600;
    margin-bottom: 24px;
}
@media (min-width:600px) {
    .part-details h3 {
        font-size: 2.4rem;
    }
}
@media (min-width:1025px) {
    .part-details h3 {
        font-size: 3.2rem;
        margin-bottom: 40px;
    }
}
/* 動画エリア */
.recruit-video-area {
    padding: 40px 0px;
}
.recruit-video-area h3 {
    font-size: 5vw;
    margin-bottom: 24px;
    position: relative;
}
.title_douga:before {
    position: absolute;
    bottom: calc(50% - 4px);
    left: 0;
    width: 100%;
    height: 8px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #3297d1, #3297d1 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #3297d1, #3297d1 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.title_douga span {
    position: relative;
    padding: 0 1em;
}
@media (min-width:600px) {
    .recruit-video-area h3 {
        font-size: 2.4rem;
    }
}
@media (min-width:1025px) {
    .recruit-video-area {
        padding: 80px 0px;
    }
    .recruit-video-area h3 {
        font-size: 3.2rem;
        margin-bottom: 40px;
    }
}
.recruit-video-area ul.flex li {
    margin-bottom: 40px;
}
.recruit-video-area ul.flex li img {
    margin-bottom: 16px;
}
@media (min-width:600px) {
    .recruit-video-area ul.flex {
        justify-content: space-between;
    }
    .recruit-video-area ul.flex li {
        margin-bottom: 0px;
        width: 48%;
    }
}
/* エントリーフォーム */
ul.flow.flex {
    margin-bottom: 40px;
    padding: 16px 40px;
}
ul.flow.flex {
    align-items: center;
}
ul.flow.flex li {
    font-size: 1.8rem;
    font-weight: 500;
    margin-right: auto;
}
ul.flow.flex li.title {
    font-size: 2.4rem;
    margin-bottom: 16px;
}
@media (max-width:599px) {
    ul.flow.flex li.title {
        width: 100%;
    }
}
li.stickarrow {
    width: 16%;
    height: 8px;
    border-bottom: 1px solid #272727;
    border-right: 1px solid #272727;
    transform: skew(45deg);
}


@media (min-width:1025px) {
    ul.flow.flex {
        margin-bottom: 80px;
        padding: 24px 80px;
    }
    ul.flow.flex li {
        font-size: 2.4rem;
    }
    ul.flow.flex li:not(:last-child) {
        margin-right: 40px;
    }
    ul.flow.flex li.title {
        margin-right: 80px;
        margin-bottom: 0;
    }
    li.stickarrow {
        width: 160px;
    }
}

/* 採用リクナビ
----------------------------------------*/
.rikunabi-area{
    padding: 40px 0;
    text-align: center;
}

.rikunabi-area a,
.rikunabi-area img{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}


/*================================================
 *  お問い合わせ
 ================================================*/
.table-form {
    width: 100%;
}
.table-form tr {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.table-form th, .table-form td, .table-form td input, .table-form td textarea {
    text-align: left;
    width: 100%;
}
.table-form th {
    border: none;
    font-weight: 700;
    margin-bottom: 16px;
}
.table-form th .required {
    background-color: #D1111C;
    border-radius: 100vh;
    color: #ffffff;
    display: inline-block;
    font-size: 1.4rem;
    margin-left: 16px;
    padding: 4px 24px;
}
.table-form td input, .table-form td textarea {
    background: #EFF9FF;
    border: none;
    outline: none;
    padding: 8px 24px;
}
.table-form td input::placeholder {
    color: #aaaaaa;
}

/* 決定ボタン */
.submit-btn,.submit-btn-back{
    margin: 0 auto;
    position: relative;
    max-width: 320px;
    width: 80%;
}
.submit-btn::after{
    content: '';
    display: block;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: calc(50% - 5px);
    right: 24px;
    height: 6px;
    width: 6px;
    transform: rotate(135deg);
    margin-left: auto;
}

.submit-btn-back::before{
    content: '';
    display: block;
    border-top: 2px solid #1399DB;
    border-left: 2px solid #1399DB;
    position: absolute;
    top: calc(50% - 5px);
    left: 24px;
    height: 6px;
    width: 6px;
    transform: rotate(-45deg);
    margin-left: auto;
    z-index: 2;
}

input[type="submit"] {
    background: #1399DB;
    border-radius: 100vh;
    color: #ffffff;
    display: block;
    font-size: 2rem;
    font-weight: 600;
    margin: 0 auto;
    max-width: 320px;
    padding: 16px;
    position: relative;
    text-align: center;
    width: 100%;
    border: #1399DB;
}




input.form-back-btn {
    background: #ffffff;
    border-radius: 100vh;
    border: solid 2px #1399DB;
    color: #1399DB;
    display: block;
    font-size: 2rem;
    font-weight: 600;
    margin: 24px auto 0 auto;
    max-width: 320px;
    padding: 16px;
    position: relative;
    text-align: center;
    width: 100%;
}
input[type="submit"]:hover, input.form-back-btn:hover {
    cursor: pointer;
    opacity: 0.7;
}
input[type=radio] {
    display: none;
}


/* radioボタン */
.mail-radio_btn{
    display: flex;
    flex-wrap: wrap;
    gap: .3em 2em;
    border: none;
}

.mail-radio_btn label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    cursor: pointer;
}

.mail-radio_btn label::before,
.mail-radio_btn label::after {
    border-radius: 50%;
    content: '';
}

.mail-radio_btn label::before {
    width: 18px;
    height: 18px;
    border: 2px solid #dee5eb;
    box-sizing: border-box;
}

.mail-radio_btn label::after {
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    background-color: #dee5eb;
}

.mail-radio_btn label:has(:checked)::after {
    background-color: #1399db;
    animation: anim-radio-btn .3s linear;
}

@keyframes anim-radio-btn {
    0% {
        box-shadow: 0 0 0 1px transparent;
    }
    50% {
        box-shadow: 0 0 0 10px #1399db33;
    }
    100% {
        box-shadow: 0 0 0 10px transparent;
    }
}

.mail-radio_btn input {
    display: none;
}


tr.birth p input {
    width: 160px;
}
tr.birth p:last-child input {
    width: 120px;
}
.table-form td textarea {
    min-height: 160px;
}
/* 確認画面エラー時 */
.form-error {
    color: #D1111C;
}
.form-error .error_messe {
    margin-bottom: 16px;
}
.table-form.confirmation tr {
    border-bottom: solid 1px #272727;
    margin-bottom: 24px;
    padding-bottom: 8px;
}
@media (min-width:1025px) {
    .table-form td input, .table-form td textarea {
        padding: 16px 32px;
    }
}
/*================================================
 *  お知らせ
 ================================================*/
.page-head-news {
    margin-bottom: 40px;
    padding: 24px 0;
}
.page-head-news > .breadcrumb {
    margin-bottom: 0;
}
@media (min-width:1025px) {
    .page-head-news {
        margin-bottom: 80px;
    }
}
article h2.news-title {
    font-size: 2rem;
    margin-bottom: 8px;
    padding: 8px;
}
.article-date {
    margin-bottom: 40px;
}
article .flex > img {
    object-fit: contain;
}
article .flex > .text-area {
    margin-bottom: 40px;
}
article .flex > img {
    max-width: 560px;
    width: 80%;
}
@media (max-width:599px) {
    article .flex > img {
        width: 100%;
    }
}
@media (min-width:1025px) {
    article h2.news-title {
        font-size: 2.4rem;
        margin-bottom: 16px;
        padding: 16px;
    }
    article .flex > .text-area {
        flex: 1;
        margin-right: 40px;
        margin-bottom: 0;
    }
    article .flex > img {
        max-width: 400px;
    }
}


/*================================================
 *  お知らせ
 ================================================*/
.page-404 section > ul{
    margin-top: 40px;
}

.page-404 section > ul > li{
    margin-top: 40px;
}

.page-404 section > ul li h3{
    padding-bottom: 8px;
    border-bottom: solid 2px #1399DB;
    font-size: 2.4rem;   
}

.page-404 section > ul li a.link-item{ 
    position: relative;
    display: block;
    padding-left: 16px;
}
    
.page-404 section > ul li a.link-item::after{
     content:  '';
     display: block;
     background: url(../img/ico-arrow-right-blue.svg)no-repeat;
     background-size: contain;
     position: absolute;
     top: 0;    
     left: 0px;
     bottom: 0;    
     margin: auto;
     height: 12px;
     width: 30px;    
}

.page-404 section > ul li > ul{
    margin-top: 16px;
}