:root {
    /* Font/text values */
    --font-family-ja: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    --font-family-en: 'Roboto', sans-serif;
    --color-main: #1cc179;
    --color-back-text: #E7F1EC;
    --color-gradation-1: linear-gradient(45deg, rgba(251, 242, 33, 0.8), rgba(11, 215, 155, 0.8), rgba(0, 127, 127, 0.8));
    --color-gradation-1-webkit: -webkit-linear-gradient(45deg, rgba(251, 242, 33, 0.8), rgba(11, 215, 155, 0.8), rgba(0, 127, 127, 0.8));
    --color-gradation-2: linear-gradient(45deg, rgba(251, 242, 33, 0.8), rgba(11, 215, 155, 0.8), rgba(0, 127, 127, 0.8), rgba(11, 215, 155, 0.8), rgba(251, 242, 33, 0.8));
    --color-gradation-2: linear-gradient(45deg, #FBF221, #0BD79B, #007F7F, #0BD79B, #FBF221);
    --color-gradation-2-webkit: -webkit-linear-gradient(45deg, rgba(251, 242, 33, 0.8), rgba(11, 215, 155, 0.8), rgba(0, 127, 127, 0.8), rgba(11, 215, 155, 0.8), rgba(251, 242, 33, 0.8));
    --color-meta: #707070;
    --color-on-main: #fff;
    --color-base: #fff;
    --color-base-sub: #F3F6FA;
    --color-font: #012C2C;
    --inner-1: 1.5rem;
    --inner-2: 1.5rem;
    --section-padding: 7rem;
    --section-last-padding: 12rem;
    --font-size-p: 1.3rem;
    --font-size-btn: 1.3rem;
    --font-size-h: 2rem;
    --font-size-h-middle: 1.4rem;
    --font-size-meta: 1rem;
    --letter-spacing: 0.0523076923em;
    --letter-spacing-h: 0.28em;
    --line-height: 1.76923076923;
    --line-height-h: 2;
    --line-height-item: 1.3;
    --border-width: 0.1rem;
    --part-margin-large: 4rem;
    --part-margin-middle: 2.5rem;
    --part-margin-small: 1.5rem;
    --part-margin-very-small: 0.8rem;
    --part-margin-flex: 1.3rem;
    --image-aspect-height: 66.666666666%;
    --animation-speed: 0.5s;
    --header-height: 4.6rem;
    --shaddow-1: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
    --shaddow-2: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
    --shaddow-1-main-color: 0 0.2rem 2rem var(--color-main);
    --shaddow-2-main-color: 0 0.2rem 2rem var(--color-main);
    --max-width: 1280px;
    --flex-cols-2-item-width: calc((100% - var(--part-margin-flex)) / 2);
    --flex-cols-3-item-width: calc((100% - var(--part-margin-flex) * 2) / 3);
    --flex-cols-4-item-width: calc((100% - var(--part-margin-flex) * 3) / 4);
}

html {
    font-size: 3.125vw;
}

body {
    font-size: var(--font-size-p);
    color: var(--color-font);
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height);
    font-family: var(--font-family-ja);
    position: relative;
    height: 100%;
}

main {
    padding-bottom: var(--section-last-padding) !important;
}

a:focus {
    outline: none !important;
}

.omj-awre-wrapper {
    position: relative;
    max-width: var(--max-width);
    margin: 0 auto;
}

.omj-awre-en {
    font-family: var(--font-family-en) !important;
}

.omj-awre-ja {
    font-family: var(--font-family-ja) !important;
}

.omj-awre-bold {
    font-weight: bold;
}

.omj-awre-back-1 {
    background: var(--color-main);
    color: var(--color-on-main);
}

/* セクション関係 */
.omj-awre-section {
    position: relative;
    margin: 0 0 var(--section-padding);
}

.omj-awre-section:last-child {
    margin-bottom: 0;
}

.omj-awre-inner {
    padding: 0 var(--inner-1);
}

.omj-awre-inner .omj-awre-inner {
    padding: 0 var(--inner-2);
}

.omj-awre-section-title {
    font-size: var(--font-size-h);
    font-weight: bold;
    line-height: var(--line-height-h);
    letter-spacing: var(--letter-spacing-h);
    margin: 0 0 var(--part-margin-middle);
    color: var(--color-font);
}

.omj-awre-section-sub-title {
    font-size: var(--font-size-h-middle);
    font-weight: bold;
    line-height: var(--line-height-h);
    letter-spacing: var(--letter-spacing-h);
    margin: 0 0 var(--part-margin-middle);
    color: var(--color-font);
}

/* flex */
.omj-awre-flex-1 {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.omj-awre-flex-1-item {
    width: var(--flex-cols-2-item-width);
    margin: 0 var(--part-margin-flex) var(--part-margin-middle) 0;
}

.omj-awre-flex-1-item:nth-child(2n) {
    margin-right: 0;
}

.omj-awre-flex-2-item,
.omj-awre-flex-3-item {
    margin: 0 0 var(--part-margin-middle);
}

.omj-awre-flex-1-item:nth-last-child(1),
.omj-awre-flex-1-item:nth-last-child(2) {
    margin-bottom: 0;
}

.omj-awre-flex-2-item:last-child,
.omj-awre-flex-3-item:last-child {
    margin-bottom: 0;
}

/* パーツ類 */
/* ボタン */
.omj-awre-button-1 {
    display: flex;
    justify-content: center;
}

.omj-awre-button-1 a {
    display: flex;
    min-width: 15rem;
    width: auto;
    height: auto;
    padding: 1.2rem 3rem 1.2rem 1.5rem;
    background: var(--color-gradation-2-webkit);
    background: var(--color-gradation-2);
    background-size: 600% 1200%;
    background-position: 25% 75%;
    position: relative;
    color: var(--color-on-main);
    transition: var(--animation-speed);
    box-shadow: var(--shaddow-2);
}

.omj-awre-button-1 a::after {
    content: "→";
    display: block;
    position: absolute;
    transform: translateY(-50%);
    right: 0.5rem;
    top: 50%;
}

.omj-awre-button-1 a:hover {
    background-position: 100% 35%;
}

.omj-awre-button-1 a::after {
    content: "→";
    display: block;
    position: absolute;
    transform: translateY(-50%);
    right: 0.5rem;
    top: 50%;
}

.omj-awre-button-1 a:hover {
    background-position: 100% 35%;
}

.omj-awre-button-2 a {
    padding: 2.6rem 1.5rem;
    position: relative;
    color: var(--color-on-main);
    transition: var(--animation-speed);
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 15rem;
}

.omj-awre-button-2 a * {
    position: relative;
    z-index: 3;
}

.omj-awre-button-2 a .omj-awre-button-2-back-color,
.omj-awre-button-2 a .omj-awre-button-2-back-image {
    position: absolute;
    width: 100%;
    height: 100%;
}

.omj-awre-button-2 a .omj-awre-button-2-back-color {
    background: var(--color-gradation-2-webkit);
    background: var(--color-gradation-2);
    background-size: 600% 1200%;
    background-position: 25% 75%;
    box-shadow: var(--shaddow-2);
    transform: scale(1);
    transition: transform 0.25s, background-position var(--animation-speed);
    z-index: 0;
    box-shadow: var(--shaddow-2);
}

.omj-awre-button-2 a:hover .omj-awre-button-2-back-color {
    background-position: 100% 35%;
    transform: scale(0.95);
    box-shadow: var(--shaddow-2-main-color);
}

.omj-awre-button-2 a .omj-awre-button-2-back-image {
    z-index: 1;
    opacity: 0;
    transform: scale(1);
    transition: 0.25s;
}

.omj-awre-button-2 a:hover .omj-awre-button-2-back-image {
    opacity: 0.7;
    transform: scale(0.95);
}

.omj-awre-button-2 a::before,
.omj-awre-button-2 a::after {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(255, 255, 255, 0);
    box-sizing: border-box;
    pointer-events: none;
}

.omj-awre-button-2 a::before {
    border-width: 1px 1px 0 0;
    top: 0;
    right: 0;
}

.omj-awre-button-2 a::after {
    border-width: 0 0 1px 1px;
    bottom: 0;
    left: 0;
}


.omj-awre-button-2 a:hover::before,
.omj-awre-button-2 a:hover::after {
    border-color: var(--color-main);
    opacity: 0;
    animation: omj-awre-button-pulsate-animation var(--animation-speed) linear;
}


@keyframes omj-awre-button-pulsate-animation {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    1% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.omj-awre-button-2-label {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.omj-awre-button-2-label span {
    display: block;
}

.omj-awre-button-2-label-ja {
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-button-2-label-en {
    font-size: var(--font-size-p);
    font-weight: normal;
    font-family: var(--font-family-en);
}

.omj-awre-button-2 a .omj-awre-button-2-footer {
    position: absolute;
    right: 1.5rem;
    bottom: 1rem;
    font-size: var(--font-size-meta);
}

.omj-awre-button-2 a .omj-awre-button-2-footer::after {
    content: "→";
    display: inline-block;
    margin: 0 0 0 var(--part-margin-very-small);
}

.omj-awre-button-2-gray a {
    background: var(--color-base-sub);
    color: var(--color-main);
}

/* table */
.omj-awre-table {
    width: 100%;
}

.omj-awre-table,
.omj-awre-table tbody,
.omj-awre-table tr,
.omj-awre-table th,
.omj-awre-table td {
    display: block;
    width: 100%;
    padding: 0;
}

.omj-awre-table th,
.omj-awre-table td {
    text-align: left;
    padding: 1rem;
}

.omj-awre-table th {
    background: var(--color-main);
    color: var(--color-on-main);
}

.omj-awre-table td {
    background: var(--color-base-sub);
}

/* map */
.omj-awre-google-map {
    height: 32.7rem;
}

.omj-awre-youtube {
    position: relative;
    padding-top: 66%;
    height: 0;
}

.omj-awre-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
}

/* youtube */

/* 画像 */
.omj-awre-img {
    padding-top: var(--image-aspect-height);
}

/*header*/
.omj-awre-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    height: var(--header-height);
    z-index: 9999;
    left: 0;
    box-shadow: var(--shaddow-1);
    background: var(--color-base-sub);
}

.omj-awre-header .omj-awre-inner {
    position: relative;
}

.omj-awre-header .omj-awre-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--header-height);
}

.omj-awre-header-logo {
    width: 5.5rem;
    height: auto;
    transition: var(--animation-speed);
}

.omj-awre-header-logo:hover {
    opacity: 0.5;
    /* transform: scale(0.9); */
}

.omj-awre-header-nav {
    display: none;
}

.omj-awre-header-hamburger {
    height: 100%;
    width: 2rem;
    position: relative;
}

.omj-awre-header-hamburger span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 0.1rem;
    min-height: 1px;
    transform: translateX(-50%);
    background: var(--color-font);
    opacity: 1;
    transition: var(--animation-speed);
}

.omj-awre-header-hamburger span:nth-of-type(1) {
    top: calc(50% + 0.5rem);
}

.omj-awre-header-hamburger span:nth-of-type(3) {
    top: calc(50% - 0.5rem);
}

.omj-awre-header-hamburger.omj-awre-show span:nth-of-type(1) {
    transform: translateX(-50%) rotate(45deg);
    top: 50%;
}

.omj-awre-header-hamburger.omj-awre-show span:nth-of-type(2) {
    opacity: 0;
}

.omj-awre-header-hamburger.omj-awre-show span:nth-of-type(3) {
    top: 50%;
    transform: translateX(-50%) rotate(-45deg);
}

.omj-awre-header-mail {
    display: none;
}

/* nav */
.omj-awre-popup-nav {
    top: var(--header-height);
    background: var(--color-main);
    padding: 4rem var(--inner-1);
    color: var(--color-on-main);
    min-height: unset;
    max-height: calc(100vh - var(--header-height));
    height: calc(100vh - var(--header-height));
    left: auto;
    right: -100%;
    width: auto;
    min-width: 20.4rem;
    opacity: 1;
    display: block !important;
    text-align: left;
    width: 100vw;
    position: absolute;
}

.omj-awre-popup-nav.omj-awre-show {
    right: 0%;
}

.omj-awre-popup-nav a {
    color: var(--color-on-main);
}

.omj-awre-popup-nav-title {
    font-size: var(--font-size-p);
    font-weight: bold;
    padding: 0 0 var(--part-margin-very-small);
    margin: 0 0 var(--part-margin-middle);
    border-bottom: var(--border-width) solid var(--color-on-main);
}

.omj-awre-popup-nav .omj-awre-global-nab-list-item {
    font-size: var(--font-size-p);
    margin: 0 0 var(--part-margin-small);
    width: 100%;
    position: relative;
}

.omj-awre-popup-nav .omj-awre-global-nab-list-item:last-child {
    margin: 0;
}

.omj-awre-popup-nav .omj-awre-global-nab-list-item-children {
    margin: var(--part-margin-very-small) 0 0;
}

.omj-awre-popup-nav .omj-awre-global-nab-list-item-children-children-item {
    margin: 0 0 var(--part-margin-very-small);
}

.omj-awre-popup-nav .omj-awre-global-nab-list-item-children-children-item:last-child {
    margin: 0;
}

.omj-awre-popup-nav .omj-awre-global-nab-list-item-children-children-item a {
    padding: 0 0 0 calc(var(--part-margin-very-small) + 1.5rem);
    position: relative;
}

.omj-awre-popup-nav .omj-awre-global-nab-list-item-children-children-item a::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: var(--border-width);
    transform: translateY(-50%);
    left: 0;
    top: 50%;
}

/* footer */
.omj-awre-footer-top {
    background: var(--color-base-sub);
    padding: var(--section-padding) 0;
}

.omj-awre-footer-top-flex {
    display: flex;
    justify-content: space-between;
}

.omj-awre-footer-top-flex-item {
    width: var(--flex-cols-2-item-width);
}

.omj-awre-footer-top-nav a {
    color: var(--color-font);
}

.omj-awre-footer-menu-title {
    font-weight: bold;
    padding: 0 0 var(--part-margin-very-small);
    margin: 0 0 var(--part-margin-small);
    border-bottom: var(--border-width) solid var(--color-font);
}

.omj-awre-footer-top-nav .omj-awre-global-nab-list-item {
    margin: 0 0 var(--part-margin-small);
    text-align: left;
}

.omj-awre-footer-top-nav .omj-awre-global-nab-list-item:last-child {
    margin: 0;
}

.omj-awre-footer-bottom {
    background: #11764A;
    padding: 3rem 0;
    text-align: center;
    color: var(--color-on-main);
}

.omj-awre-footer-bottom p {
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-footer-bottom p a {
    color: var(--color-on-main);
}

.omj-awre-footer-bottom p:last-child {
    margin: 0;
}

/* 一覧共通 */
.omj-awre-common-category-list,
.omj-awre-section-content .omj-awre-common-category-list {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
    margin: 0;
}

.omj-awre-common-category-list-item {
    margin: 0 var(--part-margin-very-small) var(--part-margin-very-small) 0 !important;
}

.omj-awre-common-category-list-item a {
    background: var(--color-main);
    padding: 0.5rem 1rem;
    /* line-height: 1; */
    color: var(--color-on-main) !important;
    display: block;
    /* text-align: center; */
}

/* news */
.omj-awre-news-list {
    width: 100%;
}

.omj-awre-news-list-item {
    margin: 0 0 var(--part-margin-small);
    line-height: var(--line-height-item);
}

.omj-awre-news-list-item:last-child {
    margin: 0;
}

.omj-awre-news-list-item-thumb {
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-news-list-item-title {
    font-size: var(--font-size-p);
    margin: 0 0 var(--part-margin-very-small);
}

.omj-awre-news-list-item-title a {
    color: var(--color-font) !important;
}

.omj-awre-news-list-item-content-date {
    font-size: var(--font-size-meta);
    margin: 0;
}

.omj-awre-news-list-item-date a {
    color: var(--color-meta);
}



/* 実績一覧 */
.omj-awre-work-list-item-image {
    position: relative;
    padding-top: calc(100% * 2 / 3);
    height: 0;
    overflow: hidden;
}


.omj-awre-work-list-item-image > img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.omj-awre-work-list-item-image-work-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: center center / contain url('../images/common/common-web-frame-medium.png') no-repeat;
}

.omj-awre-work-list-item-image-work-preview-pc,
.omj-awre-work-list-item-image-work-preview-sp {
    position: absolute;
    overflow: hidden;
}

.omj-awre-work-list-item-image-work-preview-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.omj-awre-work-list-item-image-work-preview-pc img,
.omj-awre-work-list-item-image-work-preview-sp img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.omj-awre-work-list-item-image-work-preview-pc {
    width: 62.5%;
    left: 3.5%;
    top: 21%;
    height: 53%;
}

.omj-awre-work-list-item-image-work-preview-sp {
    width: 24%;
    right: 2%;
    top: 26%;
    height: 64%;
}

.omj-awre-work-list-item-title a,
.omj-awre-work-list-item-customer-name a {
    color: var(--color-font) !important;
}


/* slide */
.slide,
.slide li,
.slick-list,
.slick-slider .slick-track,
.slick-track:before,
.slick-track:after,
.slick-initialized .slick-slide,
.slide img,
.slick-slide {
    user-select: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    pointer-events: none !important;
}

/* services */
.omj-awre-services-list-item a {
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-button-2 .omj-awre-button-2-back-image {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.omj-awre-services-list-item-planing-and-production .omj-awre-button-2-back-image {
    background-image: url('../images/common/common-planing-and-production-small-compressed.jpg');
}

.omj-awre-services-list-item-production .omj-awre-button-2-back-image {
    background-image: url('../images/common/common-laboratory-style-development-small-compressed.jpg');
}

.omj-awre-services-list-item-regional-contribution .omj-awre-button-2-back-image {
    background-image: url('../images/common/common-regional-contribution-small-compressed.jpg');
}

.omj-awre-services-list-item-services-list .omj-awre-button-2-back-image {
    background-image: url('../images/common/common-service-list-small-compressed.jpg');
}

.omj-awre-services-list-item-recruit .omj-awre-button-2-back-image {
    background-image: url('../images/common/common-other-recruit-small-compressed.jpg');
}

.omj-awre-services-list-item-officers .omj-awre-button-2-back-image {
    background-image: url('../images/common/common-officers-small-compressed.jpg');
}

.omj-awre-services-list-item-contact .omj-awre-button-2-back-image {
    background-image: url('../images/common/common-contat-small-compressed.jpg');
}

.omj-awre-services-list-item a span {
    position: relative;
    z-index: 1;
}

.omj-awre-services-list-item-tag-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-services-list-item-tag-list-item {
    color: var(--color-meta);
    margin: 0 1em 0 0;
}

.omj-awre-services-list-item-tag-list-item p::before {
    content: "#";
    display: inline;
}

/* work */
.omj-awre-work-list {
    position: relative;
}

.omj-awre-work-list::after {
    content: "";
    display: block;
    width: 10rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95));
}

.omj-awre-work-list-container {
    overflow-x: auto;
    display: flex;
}

.omj-awre-work-list-item,
.omj-awre-section-content .omj-awre-work-list-item {
    min-width: calc(var(--flex-cols-3-item-width) * 2 + var(--part-margin-flex));
    margin: 0 var(--part-margin-flex) 0 0;
    line-height: var(--line-height-item);
}

.omj-awre-work-list-item:last-child,
.omj-awre-section-content .omj-awre-work-list-item:last-child {
    margin-right: 10rem;
}

.omj-awre-work-list-item-image,
.omj-awre-section-content .omj-awre-work-list-item-image {
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-work-list-item-title,
.omj-awre-section-content .omj-awre-work-list-item-title {
    font-size: var(--font-size-p);
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height);
    font-weight: bold;
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-work-list-item-customer-label,
.omj-awre-section-content .omj-awre-work-list-item-customer-label {
    font-size: var(--font-size-meta);
    color: var(--color-meta);
    margin: 0 0 var(--part-margin-very-small);
    font-family: var(--font-family-en);
}

.omj-awre-work-list-item-customer-name,
.omj-awre-section-content .omj-awre-work-list-item-customer-name {
    font-size: var(--font-size-p);
    margin: 0 0 var(--part-margin-small);
}

.omj-awre-work-list-arrow {
    position: absolute;
    right: 0.5rem;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 1;
    color: var(--color-main);
    font-weight: bold;
    width: 3.8rem;
    height: 3.8rem;
    background: var(--color-base-sub);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: var(--shaddow-1);
    animation: omj-awre-work-list-arrow-animation 1s ease infinite;
}

.omj-awre-section-content .omj-awre-work-list-arrow-icon {
    margin: 0;
    font-size: 2rem;
}

@keyframes omj-awre-work-list-arrow-animation {
    0% {
        right: 0.5rem;
    }

    30% {
        right: 0.5rem;
    }

    50% {
        right: 1rem;
    }

    70% {
        right: 0.5rem;
    }

    100% {
        right: 0.5rem;
    }
}


@media screen and (min-width:475px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:1024px) {
    :root {
        --inner-1: 3rem;
        --inner-2: 3rem;
        --section-padding: 12rem;
        --section-last-padding: 15rem;
        --font-size-p: 1.6rem;
        --font-size-btn: 1.3rem;
        --font-size-h: 4rem;
        --font-size-h-middle: 2rem;
        --font-size-meta: 1.3rem;
        --part-margin-large: 7rem;
        --part-margin-middle: 4rem;
        --part-margin-small: 2rem;
        --part-margin-flex: 4.5rem;
        --header-height: 8rem;
    }

    html {
        font-size: 10px;
    }

    main {
        min-height: calc(100vh - (13.6rem));
    }

    /* table */
    .omj-awre-table th,
    .omj-awre-table td {
        background: none;
        padding: 0;
    }

    .omj-awre-table th {
        color: var(--color-font);
        width: 20rem;
    }

    .omj-awre-table tr {
        padding: 0 0 var(--part-margin-small);
        margin: 0 0 var(--part-margin-small);
        border-bottom: 1px solid var(--color-main);
    }

    /* flex */
    .omj-awre-flex-1-item {
        width: var(--flex-cols-4-item-width);
        margin: 0 var(--part-margin-flex) var(--part-margin-middle) 0;
    }

    .omj-awre-flex-1-item:nth-child(2n) {
        margin-right: var(--part-margin-flex);
    }

    .omj-awre-flex-1-item:nth-child(4n) {
        margin-right: 0;
    }

    .omj-awre-flex-2,
    .omj-awre-flex-3 {
        display: flex;
        flex-wrap: wrap;
    }

    .omj-awre-flex-3 {
        justify-content: center;
    }

    .omj-awre-flex-2-item,
    .omj-awre-flex-3-item {
        margin: 0 var(--part-margin-flex) var(--part-margin-middle) 0;
    }

    .omj-awre-flex-2-item,
    .omj-awre-flex-3-item {
        width: var(--flex-cols-2-item-width);
    }

    .omj-awre-flex-2-item:nth-child(2n),
    .omj-awre-flex-3-item:nth-child(2n) {
        margin-right: 0;
    }

    .omj-awre-flex-1-item:nth-last-child(1),
    .omj-awre-flex-1-item:nth-last-child(2),
    .omj-awre-flex-1-item:nth-last-child(3),
    .omj-awre-flex-1-item:nth-last-child(4),
    .omj-awre-flex-2-item:nth-last-child(1),
    .omj-awre-flex-2-item:nth-last-child(2),
    .omj-awre-flex-3-item:nth-last-child(1),
    .omj-awre-flex-3-item:nth-last-child(2) {
        margin-bottom: 0;
    }

    /* パーツ類 */
    /* ボタン */
    .omj-awre-button-2 {
        max-width: 33rem;
    }

    .omj-awre-button-2 a {
        padding: 7rem 1.7rem;
        min-height: 15.4rem;
    }

    .omj-awre-button-2-label {
        font-size: 2.8rem;
    }


    .omj-awre-button-2-footer {
        right: 1.7rem;
        bottom: 1.2rem;
    }

    /* table */
    .omj-awre-table {
        display: table;
    }

    .omj-awre-table tbody {
        display: table-row-group;
    }

    .omj-awre-table tr {
        display: flex;
    }

    .omj-awre-table th,
    .omj-awre-table td {
        margin: 0;
        vertical-align: baseline;
        border-width: var(--border-width) 0 0 var(--border-width);
    }

    .omj-awre-table tr td:last-child,
    .omj-awre-table tr th:last-child {
        border-right-width: var(--border-width);
    }

    .omj-awre-table tr:last-child td,
    .omj-awre-table tr:last-child th {
        border-bottom-width: var(--border-width);
    }



    /* map */
    .omj-awre-google-map {
        height: 30rem;
    }


    /*header*/
    .omj-awre-header .omj-awre-inner {
        padding-right: 15rem;
    }

    .omj-awre-header-logo {
        width: 10.5rem;
    }

    .omj-awre-header-hamburger {
        display: none;
    }

    .omj-awre-header-mail {
        display: block;
        line-height: 1;
        color: var(--color-on-main);
        background: var(--color-main);
        width: 15rem;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .omj-awre-header-mail a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        color: var(--color-on-main) !important;
    }

    .omj-awre-header-mail-icon {
        width: 3rem;
        margin: 0 auto var(--part-margin-very-small);
    }

    .omj-awre-header-mail:hover .omj-awre-header-mail-icon {
        animation: omj-awre-header-mail-icon-hover-animation 1s ease;
    }

    @keyframes omj-awre-header-mail-icon-hover-animation {
        0% {
            transform: scale(1);
        }

        20% {
            transform: scale(1.3);
        }

        40% {
            transform: scale(1);
        }

        100% {
            transform: scale(1);
        }
    }

    .omj-awre-header-mail p {
        width: 100%;
    }

    .omj-awre-header-nav {
        display: flex;
        width: calc(100% - 10.5rem);
        list-style: none;
        justify-content: center;
        line-height: 1;
    }

    .omj-awre-global-nab-list-item {
        text-align: center;
        margin: 0 2rem 0 0;
        transition: var(--animation-speed);
    }

    .omj-awre-global-nab-list-item:last-child {
        margin-right: 0;
    }

    .omj-awre-global-nab-list-item p span {
        display: block;
    }

    .omj-awre-global-nab-list-item-name-en {
        color: var(--color-meta) !important;
        font-size: var(--font-size-meta);
        font-family: var(--font-family-en);
        margin: 0 0 var(--part-margin-very-small);
    }

    .omj-awre-global-nab-list-item-name-ja {
        font-size: 1.5rem;
        color: var(--color-font) !important;
        font-weight: bold;
        transition: var(--animation-speed);
    }

    .omj-awre-global-nab-list-item:hover .omj-awre-global-nab-list-item-name-ja {
        color: var(--color-main) !important;
    }

    /* footer */
    .omj-awre-footer-top-flex {
        /* display: block; */
        justify-content: flex-start;
    }

    .omj-awre-footer-top-flex-item {
        width: auto;
        margin: 0 var(--part-margin-middle) 0 0;
        /* margin: 0 0 calc(var(--part-margin-middle) - var(--part-margin-very-small)); */
    }

    .omj-awre-footer-top-flex-item:last-child {
        margin-bottom: 0;
    }

    
    .omj-awre-footer-top-nav {
        display: flex;
        flex-wrap: wrap;
    }

    .omj-awre-footer-top-nav .omj-awre-global-nab-list-item {
        margin: 0 var(--part-margin-very-small) var(--part-margin-very-small) 0;
    }

    /* news */
    .omj-awre-news-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .omj-awre-news-list-item {
        width: var(--flex-cols-4-item-width);
        margin: 0 var(--part-margin-flex) var(--part-margin-middle) 0;
        display: block;
    }

    .omj-awre-news-list-item:nth-last-child(1),
    .omj-awre-news-list-item:nth-last-child(2),
    .omj-awre-news-list-item:nth-last-child(3) {
        margin-bottom: 0;
    }

    .omj-awre-news-list-item:nth-child(4n) {
        margin-right: 0;
    }


    /* services */

    /* work */
    .omj-awre-work-list::after {
        display: none;
    }

    .omj-awre-work-list-container {
        overflow-x: none;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .omj-awre-work-list-item,
    .omj-awre-section-content .omj-awre-work-list-item {
        min-width: unset;
        width: var(--flex-cols-4-item-width);
        margin: 0 var(--part-margin-flex) var(--part-margin-middle) 0;
    }

    .omj-awre-section-content .omj-awre-work-list-item:nth-child(4n) {
        margin-right: 0;
    }

    .omj-awre-work-list-item:last-child,
    .omj-awre-section-content .omj-awre-work-list-item:last-child {
        margin-right: 0;
    }

    .omj-awre-work-list-item:nth-last-child(1),
    .omj-awre-section-content .omj-awre-work-list-item:nth-last-child(1),
    .omj-awre-work-list-item:nth-last-child(2),
    .omj-awre-section-content .omj-awre-work-list-item:nth-last-child(2),
    .omj-awre-work-list-item:nth-last-child(3),
    .omj-awre-section-content .omj-awre-work-list-item:nth-last-child(3),
    .omj-awre-work-list-item:nth-last-child(4),
    .omj-awre-section-content .omj-awre-work-list-item:nth-last-child(4) {
        margin-bottom: 0;
    }

    .omj-awre-work-list-arrow {
        display: none;
    }

}

@media screen and (min-width:1140px) {
    /* flex */

    .omj-awre-flex-3 {
        display: flex;
    }

    .omj-awre-flex-3-item {
        margin: 0 var(--part-margin-flex) var(--part-margin-middle) 0;
    }

    .omj-awre-flex-3-item {
        width: var(--flex-cols-3-item-width);
    }

    .omj-awre-flex-3-item:nth-child(2n) {
        margin-right: var(--part-margin-flex);
    }

    .omj-awre-flex-3-item:nth-child(3n) {
        margin-right: 0;
    }

    .omj-awre-flex-3-item:nth-last-child(1),
    .omj-awre-flex-3-item:nth-last-child(2),
    .omj-awre-flex-3-item:nth-last-child(3) {
        margin-bottom: 0;
    }
}

@media screen and (min-width:1280px) {
    :root {
        --inner-1: 10rem;
        --inner-2: 5rem;
    }

}