@charset "UTF-8";

@font-face {
    font-family: 'NonBreakingSpaceOverride';
    src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
}

body {
    color: #1A1A1A;
    font-size: 12px;
    line-height: 1.4;
    margin: 0px;
}

body {
    background-color: #FFFFFF;
}

p {
    margin: 0px;
}

a {
    text-decoration: none;
}

a:link {
    color: #004CCA;
}

a:visited {
    color: #6219DB;
}

a:hover {
    color: #048ADE;
    text-decoration: none;
}

a:active {
    color: #048ADE;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

ul {
    padding: 0px;
    list-style: none;
    margin: 0;
}

h1 {
    margin: 0;
}

h2 {
    margin: 0;
}

.oh {
    overflow: hidden;
}

.L {
    float: left;
}

.R {
    float: right;
}

.sp {
    display: none;
}

.pr {
    position: relative;
}

#menu {
    display: none;
}

.flex {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.flex-sb {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}


/* Typography */
html {
    font-size: 22px;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W0);
    font-weight: 100;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W1);
    font-weight: 200;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W2);
    font-weight: 300;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W3);
    font-weight: 400;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W4);
    font-weight: 500;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W5);
    font-weight: 600;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W6);
    font-weight: 700;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W7);
    font-weight: 800;
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W8);
    font-weight: 900;
}

@font-face {
    font-family: "Hiragino Sans W9";
    src: local(HiraginoSans-W9);
    font-weight: 900;
}

@font-face {
    font-family: 'Norwester Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Norwester Regular'), url('/wp-content/themes/twentynineteen/defo/norwester.woff') format('woff');
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #111;
    font-family: "Hiragino Sans";
    font-weight: 600;
    font-size: 1em;
    line-height: 1.8;
    margin: 0;
    text-rendering: optimizeLegibility;
    /*min-width: 1400px;*/
}

@font-face {
    font-family: "noto sans jp black";
    src: url(/wp-content/themes/aqua/fonts/NotoSansJP-Black.otf) format("opentype");
}

@font-face {
    font-family: "noto sans jp bold";
    src: url(/wp-content/themes/aqua/fonts/NotoSansJP-Bold.otf) format("opentype");
}

@font-face {
    font-family: "noto sans jp medium";
    src: url(/wp-content/themes/aqua/fonts/NotoSansJP-Medium.otf) format("opentype");
}

.font_03 {
    font-family: "noto sans jp black";
}

.font_04 {
    font-family: "noto sans jp bold";
}

body.home {
    /*min-width: 1280px;*/
    font-family: "noto sans jp medium";
    overflow: hidden;
}

.page-title {
    font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}

h1 {
    font-size: 2.25em;
}

/**追加CSS PC**/

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

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
}

body {
    color: #1A1A1A;
    font-size: 12px;
    line-height: 1.4;
    margin: 0px;
}

body {
    background-color: #FFFFFF;
}

p {
    margin: 0px;
}

a:link {
    color: #004CCA;
}

a:visited {
    color: #6219DB;
}

a:hover {
    color: #048ADE;
    text-decoration: none;
}

a:active {
    color: #048ADE;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

ul {
    padding: 0px;
    list-style: none;
    margin: 0;
}

h1 {
    margin: 0;
}

h2 {
    margin: 0;
}

.oh {
    overflow: hidden;
}

.L {
    float: left;
}

.R {
    float: right;
}

.sp {
    display: none;
}

.pr {
    position: relative;
}

#menu {
    display: none;
}

.flex {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.flex-sb {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}

.wrap {
    width: 920px;
    margin: 0 auto;
    position: relative;
}

.wrap02 {
    width: 1220px;
    margin: 0 auto;
    position: relative;
}

.font-01 {
    font-family: 'Oswald', sans-serif;
}

.top_works .jp_text {
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
}

.top_works .tab-area {
    justify-content: center;
    cursor: pointer;
    align-items: flex-end;
    margin-top: 50px;
}

.top_works .tab-area .tab {
    width: 180px;
    line-height: 50px;
    text-align: center;
    color: #00a6f9;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 19px;
    border: 1px solid;
    border-radius: 5px;
    margin-right: .5em;
    position: relative;
}

.top_works .tab-area .tab:last-child {
    margin-right: 0;
}

.top_works .tab-area .tab span.eng {
    transition: .3s;
}

.top_works .tab-area .tab span.jpn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
}

.top_works .tab-area .tab.active {
    background-color: #00a6f9;
    color: #fff;
    border: none;
    width: 200px;
    line-height: 60px;
}

.top_works .tab-area .tab.active span.eng {
    opacity: 0;
}

.top_works .tab-area .tab.active span.jpn {
    opacity: 1;
}

.top_works .content-area {
    font-size: 30px;
    text-align: center;
}

.top_works .content-area .content {
    display: none;
}

.top_works .content-area .content.show {
    margin-top: 50px;
    display: block;
}

.top_works ul {
    /* margin-bottom: 20px; */
}

.top_works ul li {
    /* width: 24%; */
    /* margin-left: calc( 4% / 3 ); */
    /* margin-bottom: calc( 4% / 3 ); */
    /* position: relative; */
}

.top_works ul li .image {
    width: 100%;
    height: 170px;
}

.top_works ul li:hover .textArea {
    opacity: 1;
}

.top_works ul li .textArea {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    opacity: 0;
    transition: .3s;
}

.top_works ul li a {
    color: #000;
}

.top_works ul li .textArea h3 {
    font-size: 14px;
    text-align: left;
}

.top_works ul li .textArea dl dd {
    font-size: 10px;
    list-style: none;
    border: 1px solid;
    margin: 5px;
    padding: .1em 1em;
}

.top_works ul li .textArea dl {
    position: absolute;
    left: 10px;
    bottom: 10px;
    margin: 0;
}

.top_works ul li:nth-child(4n + 1) {
    /* margin-left: 0; */
}

.top_works ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

a.common_moreBtn {
    display: block;
    width: 400px;
    line-height: 60px;
    background: #000;
    color: #fff;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 60px;
    position: relative;
    margin: 0 auto;
    transition: .3s;
}

a.common_moreBtn:hover {
    background: #54bde7;
}

a.common_moreBtn:before {
    content: "+";
    position: absolute;
    right: .6em;
    font-size: 50px;
    font-weight: 100;
    top: calc(50% - 32px);
}

section.top_company_recruit {
    padding-bottom: 150px;
}

section.top_company_recruit .mainImage_area .image {
    width: 50%;
}

section.top_company_recruit .mainImage_area .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.top_company_recruit .wrap {
    background: #fff;
    margin-top: -50px;
    padding-top: 100px;
}

section.top_company_recruit h2 {
    font-size: 55px;
    text-align: center;
    margin-bottom: 1em;
}

section.top_company_recruit h2 .sliceTxt1 {
    color: #54bde7;
}

section.top_company_recruit h2 .sliceTxt2 {
    color: #4ea079;
}

section.top_company_recruit h2 .sliceTxt3 {
    color: #e14374;
}

section.top_company_recruit h2 .sliceTxt4 {
    color: #b3b3b3;
}

section.top_company_recruit h2 .sliceTxt5 {
    color: #d284ea;
}

section.top_company_recruit h2 .sliceTxt6 {
    color: #eabc2f;
}

section.top_company_recruit h2 .sliceTxt7 {
    color: #b3b3b3;
}

section.top_company_recruit h2 .sliceTxt8 {
    color: #afca1c;
}

section.top_company_recruit h2 .sliceTxt9 {
    color: #d85959;
}

section.top_company_recruit h2 .sliceTxt10 {
    color: #b3b3b3;
}

section.top_company_recruit h2 .sliceTxt11 {
    color: #394cb0;
}

section.top_company_recruit h2 .sliceTxt12 {
    color: #4f9c45;
}

section.top_company_recruit p {
    width: 1150px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 2;
    margin-bottom: 80px;
}

section.top_company_recruit ul {
    width: 1150px;
    margin: 0 auto;
    max-width: 100%;
}

section.top_company_recruit ul li {
    width: 50%;
    text-align: center;
    padding: 20px 0;
}

section.top_company_recruit ul li h3 {
    font-size: 55px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 0;
    margin-top: 0;
}

section.top_company_recruit ul li p.jp_text {
    margin-bottom: 20px;
}

section.top_company_recruit ul li:first-child {
    border-right: 1px solid #000;
}

section.top_news {
    /* background: #e5e5e5; */
    padding: 75px 0;
}

section.top_news .title_wrap {
    align-items: flex-end;
    width: 21%;
}

section.top_news .title_wrap p.en {
    font-size: 70px;
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 0.7;
}

section.top_news .title_wrap h2 {
    font-size: 12px;
    font-weight: 700;
    margin-left: 11px;
}

section.top_news .title_wrap p.en {
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 600;
    font-size: 50px;
}

section.top_news .news_area {
    position: relative;
    align-items: flex-start;
}

section.top_news .news_area a.common_moreBtn {
    position: absolute;
    right: 0;
    top: 20px;
}

section.top_news .news_area ul li {
    /* width: 24%; */
    /* margin-left: calc( 4% / 3 ); */
}

section.top_news .news_area ul li a {
    font-size: 13px;
    transition: .3s;
    color: #000;
    align-items: center;
    border-bottom: 1px solid #bfbfbf;
    padding: 17.5px 0;
    position: relative;
}

section.top_news .news_area ul li a:hover {
    opacity: .8;
}

section.top_news .news_area ul li:nth-child(4n + 1) {
    /* margin-left: 0; */
}

section.top_news .news_area ul li .image {
    width: 100%;
    height: 195px;
}

section.top_news .news_area ul li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.top_news .news_area ul li .textArea h3 {
    font-size: 18px;
    color: #00a6f9;
}

section.top_news .news_area ul li .textArea p {
    font-size: 16px;
    color: #000;
}

section.top_news .blog_area aside {
    width: 200px;
}

section.top_news .blog_area aside h3 {
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    margin-top: 0;
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid;
}

section.top_news .blog_area aside ul {
    cursor: pointer;
}

section.top_news .blog_area aside ul li {
    width: 100%;
    line-height: 50px;
    text-align: center;
    color: #00a6f9;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 20px;
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: .5em;
    background: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}

section.top_news .blog_area aside ul li.active {
    background-color: #00a6f9;
    color: #fff;
    border: none;
    line-height: 60px;
}

.top_news .content-area .content {
    display: none;
}

.top_news .content-area .content a.common_moreBtn {
    margin-left: 0;
}

.top_news .content-area .content.show {
    display: block;
}

header.main_header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    /* width: 100%; */
    padding: 0;
    padding-right: 0;
    /* background-color: rgba(0,0,0,0.3); */
    z-index: 100;
    transition: 0.3s;
    z-index: 10000;
    /* width: 1220px; */
    /* margin: auto; */
}

header.main_header .change-color {}

section.top_news .blog_area .postArea {
    width: 980px;
    max-width: 100%;
}

section.top_news .blog_area .postArea ul li {
    margin-bottom: 30px;
}

section.top_news .blog_area .postArea ul li a {
    transition: .3s;
}

section.top_news .blog_area .postArea ul li a:hover {
    opacity: .8;
}

section.top_news .blog_area .postArea ul li .image {
    width: 320px;
    height: 195px;
}

section.top_news .blog_area .postArea ul li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.top_news .blog_area .postArea ul li .textArea {
    width: calc(100% - 320px);
    padding-left: 2em;
}

section.top_news .blog_area .postArea ul li .textArea h3 {
    font-size: 18px;
    color: #00a6f9;
}

section.top_news .blog_area .postArea ul li .textArea p.title {
    font-size: 16px;
    color: #000;
}

section.top_news .blog_area .postArea ul li .textArea p.contents {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
}

header.main_header nav ul {
    justify-content: space-between;
    align-items: center;
}

header.main_header nav ul li a {
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 500;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.2px;
    transition: .3s;
    /* width: 100%; */
    /* height: 100%; */
    display: block;
    position: relative;
    line-height: 58px;
    text-align: center;
}

header.main_header nav ul li a:hover {
    background-color: #00aed2;
}

header.main_header nav ul li:nth-last-child(n+3) a:hover span {
    display: none;
}

header.main_header nav ul li a span.jpn {
    display: none;
    font-size: 13px;
    text-align: center;
}

header.main_header nav ul li a:hover span.jpn {
    display: block;
}

header.main_header nav ul li a:hover span.eng {
    display: none;
}

header.main_header .fl_wrap {
    align-items: center;
    width: 1220px;
    margin: auto;
}

.main_sliderArea .infoArea .box dl a {
    color: #fff;
    text-shadow: 1px 1px 2px #333;
}

.common_top_btn {
    background-color: #000;
    display: block;
    width: 130px;
    text-align: center;
    font-size: 15px;
    margin-left: auto;
    margin-top: 12px;
    letter-spacing: 0.06em;
    font-weight: bold;
    line-height: 34px;
    position: relative;
    color: #fff !important;
    font-family: neuzeit-grotesk, sans-serif;
}

.common_top_btn::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 2px;
    background-color: #00aed2;
    margin: auto;
    right: 0;
}

.common_top_btn span {
    background-color: #000;
    position: relative;
    z-index: 100;
    padding: 0 10px;
}

.main_sliderArea p.copyright {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #fff;
    font-size: 10px;
    height: 243px;
    z-index: 3;
}

.main_sliderArea_text_box {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    text-align: center;
    height: 88px;
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    z-index: 3;
}

.main_sliderArea_text_box h1 img {
    margin: auto;
    width: 918px;
}

.main_sliderArea_text_box p.en {
    font-size: 23px;
    letter-spacing: 0.43em;
    margin-right: -0.43em;
    margin-top: 18px;
    font-weight: 100;
    /* width: 920px; */
    /* margin: 18px auto 0; */
    /* text-align: justify; */
}

.hd_contact_box ul li a::before {
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 7px;
}

.hd_contact_box ul li a.contact::before {
    background-image: url(/wp-content/uploads/2021/07/icon_mail_white.svg);
}

.hd_contact_box ul li a.document::before {
    background-image: url(/wp-content/uploads/2021/07/icon_document_white.svg);
}

.mainVisual_arrow {
    position: absolute;
    bottom: -75px;
    right: 0;
    left: 0;
    margin: auto;
    width: 10px;
    height: 150px;
    z-index: 3;
}

.mainVisual_arrow::before,
.mainVisual_arrow::after {
    content: '';
    position: absolute;
    height: 75px;
    width: 2px;
}

.mainVisual_arrow::before {
    background-color: #fff;
}

.mainVisual_arrow::after {
    background-color: #000;
    bottom: 0;
}

.mainVisual_arrow span.sankaku {
    position: absolute;
    bottom: -8px;
    left: -4px;
    margin: auto;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
}

section.top_news .news_area ul {
    width: 73.2%;
}

.news_btn_box {
    width: 100%;
}

.news_btn_box .common_top_btn {
    margin-left: 0;
    margin-top: 15px;
}

.common_top_btn {}

section.top_news .news_area ul li a p.ttl {
    width: 83%;
    white-space: nowrap;
    /* 改行不可 */
    overflow: hidden;
    text-overflow: ellipsis;
    /* はみ出たら「...」を表示 */
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-right: 70px;
    font-weight: 400;
}

section.top_news .news_area ul li a span.arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 8px;
    /* background-color: #fff; */
    width: 19px;
}

section.top_news .news_area ul li a span.arrow::before,
section.top_news .news_area ul li a span.arrow::after {
    content: '';
    position: absolute;
}

section.top_news .news_area ul li a span.arrow::before {
    width: 13px;
    height: 2px;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: #00aed2;
}

section.top_news .news_area ul li a span.arrow::after {
    border-top: 2px solid #00aed2;
    border-right: 2px solid #00aed2;
    width: 8px;
    height: 8px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
}

.main_sliderArea .infoArea .inWrap p.common_top_btn {
    font-size: 12px;
    width: 100px;
}

.main_sliderArea .infoArea .inWrap p.common_top_btn a {
    color: #fff;
}

.font_01 {
    font-family: neuzeit-grotesk, sans-serif;
}

.font_02 {
    font-family: quasimoda, sans-serif;
}

.top_about_aqua_text_box {
    width: 522px;
    margin-left: auto;
    position: relative;
}

.common_top_h2_box {
    align-items: center;
    position: relative;
    padding-bottom: 50px;
}

.common_top_h2_box p.en {
    font-size: 75px;
    color: #003778;
}

.common_top_h2_box p.en:first-letter {
    color: #00aed2;
}

.common_top_h2_box h2 {
    font-size: 14px;
    color: #003778;
    letter-spacing: 0.04em;
    margin-left: 20px;
}

.common_top_h2_box::before {
    content: '';
    position: absolute;
    left: 68px;
    width: 2px;
    height: 60px;
    background-color: #000;
    bottom: 0;
}

.top_about_aqua_text_box p.message {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 1.9;
    margin-top: 14px;
}

.top_about_aqua_text_box a.common_top_btn {
    margin-left: 0;
    width: 210px;
    margin-top: 38px;
}

section.top_about_aqua::before {
    content: '';
    position: absolute;
    left: 0;
    width: 42.2%;
    height: 400px;
    background-image: url(/wp-content/uploads/2021/07/top_about_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 256px;
    z-index: 100;
}

section.top_about_aqua::after {
    content: '';
    position: absolute;
    right: 0;
    top: 181px;
    width: 61%;
    height: 360px;
    background-color: #fff;
}

section.top_about_aqua>* {
    position: relative;
    z-index: 100;
}

section.top_about_aqua .grey_bg {
    position: absolute;
    height: 300px;
    width: 350px;
    background-color: #d6d6d6;
    top: 428px;
    right: calc(50vw - 560px);
    z-index: 0;
}

section.top_service ul li a.ad_graphics {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg01.jpg);
}

section.top_service ul li a.digital {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg02.jpg);
}

section.top_service ul li a.marketing {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg03.jpg);
}

section.top_service ul li a.game_graphics {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg04.jpg);
}

section.top_service ul li a.presentation_service {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg05.jpg);
}

section.top_service ul li a.movie {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg06.jpg);
}

section.top_service ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: 0.3s;
}

section.top_service ul li a:hover::before {
    background-color: rgba(0, 0, 0, 0.7);
}

section.top_service ul li a>* {
    position: relative;
    z-index: 100;
}

section.top_service ul li a .ttl_box {
    align-items: center;
}

section.top_service ul li a .ttl_box p.num {
    font-size: 50px;
}

section.top_service ul li a .ttl_box h3 {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.06em;
    position: relative;
    padding-left: 46px;
    margin-left: 10px;
}

section.top_service ul li a .ttl_box h3::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    background-color: #fff;
    width: 35px;
    left: 0;
}

section.top_service ul li a p.text {
    font-size: 14px;
    letter-spacing: 0.04em;
    margin-top: -9px;
    font-weight: 500;
    letter-spacing: 0.12em;
    line-height: 1.8;
}

section.top_service ul li a .common_top_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
}

section.top_service ul li:nth-child(n + 3) {
    margin-top: 1px;
    margin-top: 18px;
}

.top_service_list {
    margin-top: 25px;
}

.top_works_slider_box {
    margin-top: 25px;
}

.top_works_slider_box .bx-wrapper {
    margin: 0;
    box-shadow: none;
    background-color: transparent;
    border: none;
}

.top_works_slider_box .bx-viewport {
    overflow: inherit !important;
}

.top_works_slider li:not([aria-hidden="false"]) .text_box {
    visibility: hidden;
    opacity: 0;
}

.top_works_slider li[aria-hidden="true"]+li[aria-hidden="true"] {
    margin-right: 75px !important;
}

.top_works_slider li[aria-hidden="false"]+li[aria-hidden="true"] {
    margin-left: 75px !important;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a {
    background-color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin: 0;
    top: 130px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -65px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-next {
    right: -65px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a::before,
.top_works_slider_box .bx-wrapper .bx-controls-direction a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a::before {
    width: 13px;
    height: 2px;
    background-color: #000;
    left: 12px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    right: 13px;
    transform: rotate(45deg);
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-prev::before {
    left: auto;
    right: 12px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-prev::after {
    transform: rotate(-135deg);
    right: auto;
    left: 13px;
}

.top_works_slider .text_box p.cat {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    font-size: 10px;
    line-height: 22px;
    letter-spacing: 0.04em;
}

.top_works_slider .text_box {
    text-align: center;
    background: #fff;
    padding: 20px;
}

.top_works_slider .text_box p.ttl {
    font-size: 16px;
    letter-spacing: 0.05em;
    margin-top: 10px;
    white-space: break-spaces;
}

section.top_works .common_top_btn {
    margin: 60px auto 0;
}

section.top_works::before,
section.top_works::after {
    content: '';
    position: absolute;
}

section.top_works::before {
    left: 0;
    border-top: 836px solid #e5e5e5;
    border-right: 724px solid transparent;
    top: 0;
}

section.top_works::after {
    border-bottom: 415px solid #e5e5e5;
    border-left: 355px solid transparent;
    bottom: 0;
    right: 0;
}

section.top_works>* {
    position: relative;
    z-index: 100;
}

.common_top_h2_box.center {
    display: block;
    text-align: center;
    padding-bottom: 80px;
}

.common_top_h2_box.center::before {
    right: 0;
    left: 0;
    margin: auto;
}

.common_top_h2_box.center h2 {
    margin: -14px 0 0;
}

.top_works_slider li[aria-hidden="true"] {
    height: 257px;
}

.top_works_slider li[aria-hidden="true"] .img {
    width: 100%;
    height: 100%;
    position: relative;
    top: 26px;
}

.blog_area {
    align-items: flex-start;
}

.blog_area .contents {
    width: 73.2%;
    padding-top: 22px;
}

.blog_area .contents .content {
    padding: 0;
    /* width: 48%; */
}

.blog_area .contents .content ul li {
    width: 215px;
}

.blog_area .contents .content ul li+li {
    margin-left: 14px;
}

.blog_area .contents .content ul li a {
    color: #000;
}

.blog_area .contents .content ul li a .image {
    width: 100%;
    height: 110px;
    background-color: #8a8a8a;
}

.blog_area .contents .content ul li a .text_box {
    margin-top: 14px;
}

.blog_area .contents .content ul li a .text_box p.cat {
    background-color: #a6a6a6;
    color: #fff;
    font-size: 10px;
    line-height: 22px;
    padding: 0 12px;
    margin-right: 5px;
}

.blog_area .contents .content ul li a .text_box p.ILLUSTOPIC {
    background: #34d647;
}

.blog_area .contents .content ul li a .text_box p.CREATIVE {
    background: #f45179;
}

.blog_area .contents .content ul li a .text_box p.ABOUT-AQUA {
    background: #00a6fa;
}

.blog_area .contents .content ul li a .text_box p.NEWS {
    background: #414ff2;
}

.blog_area .contents .content ul li a .text_box p.SEMINAR-EVENT {
    background: #a562cc;
}

.blog_area .contents .content ul li a .text_box p.time {
    font-size: 12px;
}

.blog_area .contents .content ul li a .text_box p.title {
    font-size: 13px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-top: 11px;
}

.item_num_4 {
    margin: 0 calc(50% - 50vw);
}

.item_num_4 li:nth-child(n + 3) {
    margin-top: 0 !important;
    margin-left: 10px;
}

section#jump_news {
    padding: 55px 0 0;
    background-color: #e5e5e5;
}

section#jump_news .banner_area {
    padding-top: 10px;
    margin-bottom: 100px;
}

section.contactArea ul li.mail a {
    background-image: url(/wp-content/uploads/2021/07/icon_mail_white.svg);
}


section.contactArea ul li.mail a:hover {
    background-image: url(/wp-content/uploads/2021/09/icon_mail_blue.svg);
}

section.contactArea ul li.file a {
    background-image: url(/wp-content/uploads/2021/07/icon_document_white.svg);
    padding-right: 27px;
}

section.contactArea ul li.file a:hover {
    background-image: url(/wp-content/uploads/2021/09/icon_document_blue.svg);
    padding-right: 27px;
}

section.contactArea ul li.partner_link a {
    background-image: url(/wp-content/uploads/2021/09/icon_partner_white.svg);
    padding-right: 27px;
    background-position: 15px;
}

section.contactArea ul li.partner_link a:hover {
    background-image: url(/wp-content/uploads/2021/09/icon_partner_blue.svg);
    padding-right: 27px;
}

section.contactArea ul {
    justify-content: center;
    margin-top: 30px;
}

section.contactArea p.tel_text {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-top: 35px;
    /* font-weight: 400; */
}

section.contactArea p.tel_time {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

section.contactArea p.tel_num {
    font-weight: bold;
    letter-spacing: 0.04em;
    font-size: 33px;
    margin-top: 10px;
}

.common_navMenu .main_navArea ul:nth-child(5) {
    width: 25%;
}

.common_navMenu .main_navArea ul:nth-child(n + 5) {
    margin-top: 65px;
}

.common_navMenu .main_navArea ul.movie {
    margin-right: 280px;
}

footer p.copyright {
    text-align: center;
    font-size: 10px;
    color: #a6a6a6;
}

.common_navMenu .main_navArea ul.home h3 {
    font-size: 15px;
    padding-left: 0;
}

section.top_works.page {
    margin-top: 0;
    padding: 115px 0;
}

.top_works ul li .img {
    height: 300px;
    position: relative;
}

.common_navMenu .main_navArea ul h3 a {
    color: #fff;
}


/* リニューアル ここまで */

/*--(ヘッダー　*お問い合わせ*資料請求)--*/
header.main_header nav ul li:nth-last-child(-n+2) {
    /* background-color: #00a6f9; */
    /* color: #00a6f9; */
    /* border: 1px solid #00a6f9; */
}

header.main_header nav ul li:nth-last-child(-n+2) a {
    /* font-size: 14px; */
    /* padding: 3px 20px; */
    /* font-weight: 600; */
    /* width: 100%; */
    /* height: 100%; */
    /* display: block; */
}

header.main_header nav ul li:nth-last-child(-n+2):hover {
    /* background-color: #ffffff; */
}

header.main_header nav ul li:nth-last-child(-n+2):hover a {
    /* color: #00a6f9; */
}

header.main_header nav ul li:nth-last-child(-n+2) a span::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 5px;
    color: #ffffff;
}

.hd_nav_box {
    align-items: center;
}

.hd_contact_box {
    margin-left: 15px;
}

.hd_contact_box ul li a {
    font-size: 10px;
    color: #fff;
    background: -moz-linear-gradient(left, #00839e, #00aed2);
    background: -webkit-linear-gradient(left, #00839e, #00aed2);
    background: linear-gradient(to bottom left, #00839e, #00aed2);
    line-height: 26px;
    display: block;
    width: 130px;
    text-align: center;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: center;
    padding-right: 3px;
    letter-spacing: 0.06em;
}

.hd_contact_box ul li+li a {
    margin-left: 8px;
}

/*--(ここまで)--*/

.main_sliderArea {
    position: relative;
    z-index: 2;
}

.main_sliderArea ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    position: relative;
    transition: .3s;
}

.main_sliderArea .bx-wrapper .bx-pager,
.main_sliderArea .bx-wrapper .bx-controls-auto {
    bottom: 30px;
    z-index: 2;
}

.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a.active:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #00a6f9;
    border-radius: 100%;
    position: absolute;
    left: -5px;
    top: -5px;
    transition: .3s;
}

.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #00a6f9;
}

.main_sliderArea .bx-wrapper {
    box-shadow: none;
    border: none;
    background: none;
    margin: 0;
}

.main_sliderArea .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
    width: auto;
    height: auto;
    padding: .5em 1em;
}

.main_sliderArea .bx-wrapper .bx-prev {
    padding-left: 1em;
    border-left: 1px solid;
}

.main_sliderArea .bx-wrapper .bx-next {
    padding-right: 1em;
    border-right: 1px solid;
}

.main_sliderArea .bx-viewport {
    height: calc(100vh - 150px) !important;
}

.main_sliderArea ul li {
    width: 100%;
    height: calc(100vh - 150px);
}

.main_sliderArea ul li video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_sliderArea ul li .name {
    background: rgba(0, 0, 0, 0.4);
    padding: 2em 7em;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 5;
}

.main_sliderArea ul li .name p.en {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 45px;
    letter-spacing: 3px;
    line-height: 1;
    margin-bottom: .5em
}

.main_sliderArea ul li .name h2 {
    font-size: 16px;
}

.main_sliderArea .infoArea {
    position: absolute;
    bottom: 0;
    z-index: 3;
    color: #fff;
    width: 100%;
    right: 35px;
    bottom: 30px;
}

.main_sliderArea .infoArea .inWrap {
    justify-content: flex-end;
}

.main_sliderArea .infoArea .box {
    max-width: 400px;
}

.main_sliderArea .infoArea h3 {
    /* text-align: right; */
    margin: 0;
    /* margin-bottom: .5em; */
    /* padding-bottom: 4px; */
    /* border-bottom: 1px solid; */
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 28px;
}

.main_sliderArea .infoArea dl {
    margin: 8px 0 0;
    /* background: url(/wp-content/uploads/2021/04/arrow.svg) no-repeat; */
    background-position: 100%;
    padding: 19px 0 15px;
    /* padding-right: 60px; */
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main_sliderArea .infoArea dl a {
    color: #fff;
    display: block;
    transition: .3s;
}

.main_sliderArea .infoArea dl a:hover {
    opacity: .7;
}

.main_sliderArea .infoArea dl dt {
    font-size: 14px;
    /* margin-bottom: .5em; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.7;
    margin: 5px 0 0;
}

.main_sliderArea .infoArea dl dd {
    font-size: 14px;
    margin: 0;
    /* text-align: right; */
}

.main_sliderArea .infoArea dl dd span {
    background: #00a6f9;
    line-height: 25px;
    display: inline-block;
    padding: 0 1em;
    margin-left: .5em;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
}

.main_sliderArea .arrow a {

    /*
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 40px solid transparent;
    border-left: 50px solid #ffffff;*/
    position: absolute;
    transform: rotate(90deg);
    margin: auto;
    bottom: 50px;
    left: 0;
    right: 0;
}


section.top_about_aqua {
    padding: 125px 0 670px;
    background-color: #e5e5e5;
    position: relative;
}

section.top_about_aqua .wrap {
    /* width: 1050px; */
}

section.top_about_aqua .title_wrap {
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 70px;
}

section.top_about_aqua .title_wrap p.en {
    font-size: 46px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: #e6e6e6;
    letter-spacing: .1em;
}

section.top_about_aqua p.main_text {
    font-size: 30px;
    line-height: 2;
    font-weight: 700;
    letter-spacing: .1em;
}

section.top_service {
    padding: 0;
    margin-top: -310px;
    position: relative;
    z-index: 500;
}

.page-id-286 section.top_service {
    margin: 100px 0;
}

section.top_service .title_wrap {
    align-items: flex-end;
    margin-bottom: 50px;
}

section.top_service .title_wrap h2 {
    font-size: 70px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .15em;
}

section.top_service .title_wrap p {
    font-size: 25px;
    font-weight: 700;
    margin-left: 1em;
}

section.top_service .service_subTitle {
    text-align: center;
}

section.top_service h3 {
    /* font-size: 20px; */
    /* margin-bottom: 2.5em; */
    /* text-align: center; */
    /* color: #fff; */
    /* line-height: 1.5; */
}

section.top_service h3 span {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 45px;
    display: block;
}

section.top_service h4 {
    font-size: 16px;
    margin-bottom: 1em;
    padding-left: 5.5em;
    color: #fff;
    position: relative;
    line-height: 1.5;
}

section.top_service h4 span {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 35px;
    display: block;
}

section.top_service h4:before {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: -20px;
    top: 32px;
}

section.top_service ul {
    /* background: #000; */
    /* padding: 3em 3em 5em 3em; */
    /* border-radius: 5px; */
    /* position: relative; */
}

section.top_service ul:before {
    /* content: ""; */
    display: block;
    width: 98%;
    height: 98%;
    border: 2px solid #fff;
    position: absolute;
    left: 1%;
    top: 1%;
    border-radius: 5px;
}

section.top_service ul li {
    width: 49.5%;
}

section.top_service ul li:last-child {
    margin-bottom: 0;
}

section.top_service ul li a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    color: #fff;
    padding: 0px 18px;
    height: 300px;
}

section.top_service ul li a:hover {
    /* box-shadow: 1px 1px 10px #333; */
    /* opacity: .9; */
}

/* section.top_service ul li a span {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 35px;
    margin-right: .5em;
} */

section.top_service ul li a:before {
    /* content: ""; */
    /* display: block; */
    /* width: 90px; */
    /* height: 90px; */
    /* background-size: contain!important; */
    /* background-position: center!important; */
    /* position: absolute; */
    /* left: 80px; */
    /* top: 34px; */
}

section.top_service ul li.presen a:before {
    background: url(/wp-content/uploads/2021/04/icon-presen.svg) no-repeat;
}

section.top_service ul li.a_graphic a:before {
    background: url(/wp-content/uploads/2021/04/icon-a_graphic.svg) no-repeat;
}

section.top_service ul li.game a:before {
    background: url(/wp-content/uploads/2021/04/icon-game.svg) no-repeat;
}

section.top_service ul li.digital a:before {
    background: url(/wp-content/uploads/2021/04/icon-digital.svg) no-repeat;
}

section.top_service ul li.marketing a:before {
    background: url(/wp-content/uploads/2021/04/icon-marketing.svg) no-repeat;
}

section.top_works {
    padding: 550px 0 180px;
    overflow: hidden;
    background-color: #d6d6d6;
    position: relative;
    margin-top: -330px;
}

section.top_works h2 {
    /* font-size: 75px; */
    /* text-align: center; */
    /* font-family: 'Oswald', sans-serif; */
    /* font-weight: 400; */
    /* letter-spacing: .1em; */
}

section.contactArea {
    background: url(/wp-content/uploads/2021/07/top_contact_bg.jpg) no-repeat;
    /* height: 400px; */
    background-attachment: fixed;
    text-align: center;
    /* padding-top: 100px; */
    color: #fff;
    position: relative;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
}

section.contactArea:before {
    content: "";
    background: rgba(0, 180, 216, 0.8);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

section.contactArea h2 {
    font-size: 40px;
    /* font-family: 'Oswald', sans-serif; */
    /* font-weight: 500; */
    letter-spacing: .06em;
    /* margin-bottom: 40px; */
}

section.contactArea ul li {
    width: 210px;
    margin: 0 12px;
}

section.contactArea ul li a {
    color: #fff;
    /* height: 120px; */
    /* background: rgba(0,0,0,0.3); */
    display: block;
    /* position: relative; */
    /* font-weight: 700; */
    /* transition: .3s; */
}
section.contactArea ul li a {
    line-height: 50px;
    font-size: 14px;
    width: 100%;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 38px;
    letter-spacing: 0.06em;
    background-position: center left 30px;
    background-repeat: no-repeat;
    background-size: 22px;
    font-weight: 400;
    transition: .3s;
}
section.contactArea ul li a:hover {
    background-color: #fff;
    color: #00aed2;
    border-color: #00aed2;
}

section.contactArea ul li.tel a:before {
    content: "";
    display: block;
    width: 23px;
    height: 30px;
    background: url(/wp-content/uploads/2021/04/icon-tel.svg) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 50px;
    top: 61px;
}

section.contactArea ul li.file a:before {
    /* font-family: "Font Awesome 5 Free"; */
    /* content: '\f15c'; */
    font-weight: 900;
    position: absolute;
    left: 85px;
    top: 0;
    font-size: 25px;
}

section.contactArea ul li.tel a {
    font-size: 15px;
    padding-top: 20px;
}

section.contactArea ul li.tel a span {
    display: block;
    font-size: 38px;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    line-height: 1.5;
}

.common_navMenu {
    background: #000;
    padding: 0;
    color: #fff;
}

.common_navMenu a.pagetop {
    width: 70px;
    height: 70px;
    background: #00aed2;
    border-radius: 100%;
    color: #000;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #fff;
}

.common_navMenu a.pagetop i {
    font-size: 20px;
}

.common_navMenu .logoWrap {
    align-items: center;
    margin-bottom: 50px;
}

.common_navMenu .logo {
    margin-right: 50px;
}

.common_navMenu .logo img {
    width: 233px;
}

.common_navMenu .sns_logo ul li {
    margin-right: 20px;
    width: 30px;
}

.common_navMenu .sns_logo ul li img {
    width: 100%;
}

.common_navMenu .main_navArea {
    margin-bottom: 70px;
}

#navArea nav#bento_nav .main_navArea.var-nav {
    display: none;
}

footer .main_navArea.var-nav {
    display: none;
}

.common_navMenu .main_navArea ul {
    width: 21%;
}

.common_navMenu .main_navArea ul h3 {
    padding-left: 50px;
    font-size: 13px;
    position: relative;
    /* border-bottom: 1px solid; */
    padding: 7px 0 7px 40px;
    margin-bottom: 12px;
    letter-spacing: 0.06em;
}

.common_navMenu .main_navArea ul h3:before {
    font-size: 28px;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain !important;
    background-position: center !important;
    position: absolute;
    left: 0;
    top: 0;
    font-family: neuzeit-grotesk, sans-serif;
    line-height: 1;
}

.common_navMenu .main_navArea ul.movie h3:before {
    content: '06';
}

.common_navMenu .main_navArea ul.presen h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-presen-white.svg) no-repeat; */
    content: '05';
}

.common_navMenu .main_navArea ul.a_graphic h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-a_graphic-white.svg) no-repeat; */
    content: '01';
}

.common_navMenu .main_navArea ul.game h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-game-white.svg) no-repeat; */
    content: '04';
}

.common_navMenu .main_navArea ul.digital h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-digital-white.svg) no-repeat; */
    content: '02';
}

.common_navMenu .main_navArea ul.marketing h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-marketing-white.svg) no-repeat; */
    content: '03';
}

.common_navMenu .main_navArea ul.home h3:before {
    /* font-family: "Font Awesome 5 Free"; */
    /* content: "\f015"; */
    /* font-weight: 900; */
    /* color: #ffffff; */
    /* font-size: 28px; */
}

.common_navMenu .main_navArea ul.digital,
.common_navMenu .main_navArea ul.marketing,
.common_navMenu .main_navArea ul.home {
    /* margin-top: 30px; */
}


.common_navMenu .main_navArea ul li a {
    color: #fff;
    font-size: 12px;
    line-height: 2.2;
    transition: .3s;
}

.common_navMenu .main_navArea ul li a:hover {
    color: #00a6f9;
}

.common_navMenu .main_navArea ul li a:before {
    content: "-";
    margin-right: .5em;
}

.common_navMenu .sub_navArea {
    margin-bottom: 30px;
}

.common_navMenu .sub_navArea ul li a {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    transition: .3s;
}

.common_navMenu .sub_navArea ul li a:hover {
    color: #00a6f9;
}

.common_navMenu .sub_navArea ul li {
    margin-left: 2em;
}

.common_navMenu .sub_navArea ul li:first-child {
    margin-left: 0;
}

p.copyright {
    font-size: 18px;
    font-weight: 700;
    color: #666666;
    letter-spacing: .1em;
}

header.main_header.active {
    background-color: rgba(0, 0, 0, 0.3);
}

header.main_header nav ul li.home_list {
    width: 72px;
}

header.main_header nav ul li.works_list {
    width: 72px;
}

header.main_header nav ul li.news_list {
    width: 82px;
}

header.main_header nav ul li.blog_list {
    width: 89px;
}

header.main_header nav ul li.company_list {
    width: 98px;
}

header.main_header nav ul li.service_list {
    width: 101px;
}

header.main_header nav ul li.recruit_list {
    width: 101px;
}

.main_sliderArea .link_banner {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 300px;
    z-index: 4;
    background: rgba(255, 255, 255, 0.6);
    padding: 5px;
}
ul.top_banner_ul.flex-sb li {
    height: 220px;
}

ul.top_banner_ul.flex-sb li img {
    height: 100%;
}

section.top_banner {
    padding-top: 130px;
    background-color: #e5e5e5;
}

.bannerArea_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bannerArea_list ul li {
    width: 31%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

section.bannerArea {
    background-color: #e5e5e5;
    padding: 75px 0;
}


/**追加CSS PC END**/

@media (max-width: 1299px) {

    .main_sliderArea_text_box h1 img {
        width: 550px;
    }

    .main_sliderArea_text_box p.en {
        font-size: 20px;
        letter-spacing: 0.2em;
        margin-right: -0.2em;
        margin-top: 18px;
        font-weight: 100;
    }

    .main_sliderArea .infoArea h3 {
        font-size: 22px;
    }

    .main_sliderArea .infoArea dl dd {
        font-size: 12px;
    }

    .main_sliderArea .infoArea dl dt {
        font-size: 12px;
    }

    header.main_header .fl_wrap {
        width: 1100px;
    }

    #sp_hdLogo {
        width: 170px;
    }

    .main_sliderArea .link_banner {
        left: 40px;
        bottom: 40px;
    }

}

/**追加CSS SP START**/
@media (max-width: 750px) {

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    /*spmenu~*/
    .sp_hd {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 10000;
    }

    .sp_pr {
        position: relative;
    }

    .slicknav_menu .slicknav_menutxt {
        display: none !important;
    }

    .slicknav_menu .slicknav_icon {
        width: 100%;
        margin: 0;
    }

    .slicknav_menu .slicknav_icon-bar {
        width: 25px !important;
        height: 3px !important;
    }

    a.slicknav_btn {
        background: #fff;
        border-radius: 0px;
    }

    /*SPMENU kurukuru*/
    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:first-child {
        top: 5px;
        -moz-transform: rotate(405deg);
        -webkit-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        transform: rotate(405deg);
        position: absolute;
    }

    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(3) {
        top: 0.4px;
        -moz-transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        transform: rotate(-405deg);
        position: absolute;
    }

    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(2) {
        opacity: 0;
    }

    span.slicknav_icon-bar {
        transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
    }

    .slicknav_menu .slicknav_icon {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        position: relative;
    }

    /*kokomade*/
    .slicknav_menu .slicknav_menutxt {
        display: none;
    }

    .slicknav_menu {
        background-color: #fff;
    }

    a.slicknav_btn {
        margin: 12px 3px 3px 0px;
        padding: 0px 0 0 0px;
        height: 25px;
        width: 25px;
    }

    .slicknav_menu .slicknav_icon {
        height: 16px !important;
        display: block;
    }

    .slicknav_menu .slicknav_icon:after {
        display: block;
        font-size: 70%;
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
        margin: 0 auto;
    }

    .slicknav_nav a {
        color: #333 !important;
        display: inline-block;
        font-weight: bold;
        line-height: 2;
        width: 100%;
        text-align: left;
        margin: 0;
        letter-spacing: normal;
        font-size: 80%;
        border: solid #ccc;
        border-width: 0 0px 1px 0;
        line-height: 30px;
        background-image: url(../img/sp_yaji.png);
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: right 15px center;
        padding-left: 25px;
    }

    /*~spmenu*/
    .sp_hd_logo {
        position: absolute;
        width: 220px;
        top: 12.5px;
        left: 5px;
    }

    .sp_hd_tel {
        position: absolute;
        width: 20px;
        top: 12.5px;
        right: 5px;
    }

    .sp_hd_mail {
        position: absolute;
        width: 20px;
        top: 12.5px;
        right: 5px;
    }

    .wrap {
        max-width: 96%;
    }

    .wrap02 {
        max-width: 96%;
    }

    .bento-menu {
        top: 25px;
    }

    header.main_header .hd_logo img {
        width: 100px;
    }

    div#sp_hdLogo.none {
        display: none;
    }

    .main_sliderArea ul li .name {
        padding: 1em 2em;
        bottom: 80px;
    }

    .main_sliderArea ul li .name p.en {
        font-size: 6vw;
    }

    .main_sliderArea ul li .name h2 {
        font-size: 3.5vw;
    }

    .main_sliderArea .arrow::after {
        border: 25px solid transparent;
        border-left: 30px solid #ffffff;
        bottom: 95px;
        left: auto;
        right: 15%;
    }

    section.top_about_aqua {
        padding: 15vw 0 700px;
    }

    section.top_about_aqua .title_wrap {
        justify-content: center;
        margin-bottom: 10vw;
    }

    section.top_about_aqua .title_wrap h2 {
        width: 100%;
        text-align: center;
    }

    section.top_about_aqua .title_wrap h2 img {
        width: 40vw;
    }

    section.top_about_aqua .title_wrap p.en {
        font-size: 5vw;
    }

    section.top_about_aqua p.main_text {
        font-size: 4vw;
        text-align: center;
    }

    section.top_service {
        padding: 0;
        margin: -273px 0 0;
    }

    section.top_service .title_wrap {
        align-items: flex-end;
        margin-bottom: 50px;
    }

    section.top_service .title_wrap {
        justify-content: center;
    }

    section.top_service .title_wrap h2 {
        font-size: 8vw;
        margin-bottom: 5vw;
    }

    section.top_service .title_wrap p {
        font-size: 3.5vw;
        margin-left: 0;
    }

    section.top_service ul li {
        margin-bottom: 0;
        width: 100%;
    }

    section.top_service ul li a {
        padding: 12px 13px;
        /* background: #fff; */
        /* font-size: 3vw; */
        height: 50vw;
    }

    section.top_service ul li a span {
        /* font-size: 5vw; */
        /* margin-right: 0; */
        /* display: block; */
    }

    section.top_service ul li a:before {
        /* width: 13vw; */
        /* height: 13vw; */
        /* left: 4vw; */
        /* top: 6vw; */
    }

    section.top_works {
        padding: 28vw 0 40vw;
        margin: 0;
    }

    section.top_works h2 {
        /* font-size: 8vw; */
    }

    .top_works .jp_text {
        font-size: 14px;
        margin-top: 5px;
    }

    .top_works ul {
        display: block;
        overflow-x: auto;
        /* 横スクロールの指定 */
        white-space: nowrap;
        /* 横スクロールの指定 */
        overflow-scrolling: touch;
        /* スクロールを滑らかにする */
        -webkit-overflow-scrolling: touch;
        /* スクロールを滑らかにする */
    }

    .top_works ul li {
        display: inline-block;
        /* 横並びにする指定 */
        width: 70vw;
    }

    .top_works ul li .image {
        height: 40vw;
    }

    .top_works .tab-area {
        justify-content: space-between;
        margin-top: 7vw;
    }

    .top_works .tab-area .tab {
        width: 49%;
        line-height: 10vw;
        font-size: 4vw;
        margin-right: 0;
        margin-bottom: 2vw;
    }

    .top_works .tab-area .tab:last-child {
        width: 100%;
    }

    .top_works .tab-area .tab.active {
        width: 49%;
        line-height: 10vw;
    }

    .top_works .tab-area .tab.active:last-child {
        width: 100%;
    }

    a.common_moreBtn {
        font-size: 4vw;
        line-height: 12vw;
        width: 80%;
    }

    a.common_moreBtn:before {
        font-size: 10vw;
        top: 0;
    }

    section.top_company_recruit .wrap {
        margin-top: -5vw;
        padding-top: 10vw;
    }

    section.top_company_recruit h2 {
        font-size: 6vw;
    }

    section.top_company_recruit p {
        font-size: 3.2vw;
        margin-bottom: 10vw;
    }

    section.top_company_recruit ul li p.jp_text {
        margin-bottom: 3vw;
        margin-top: 3px;
    }

    section.top_company_recruit ul li {
        width: 100%;
        padding: 5vw 0;
    }

    section.top_company_recruit ul li h3 {
        font-size: 8vw;
    }

    section.top_company_recruit ul li:first-child {
        border-right: none;
        border-bottom: 1px solid #000;
    }

    section.top_company_recruit {
        padding-bottom: 15vw;
    }

    section.top_news {
        padding: 80px 0;
    }

    section.top_news .news_area a.common_moreBtn {
        position: relative;
    }

    section.top_news .title_wrap {
        /* margin-bottom: 10vw; */
        /* justify-content: center; */
        /* text-align: center; */
        position: relative;
        width: 100%;
    }

    section.top_news .title_wrap h2 {
        font-size: 4vw;
        margin-left: 8px;
        /* width: 100%; */
    }

    section.top_news .title_wrap p.en {
        font-size: 11vw;
        /* margin-bottom: 5vw; */
    }

    section.top_news .news_area {
        position: relative;
    }

    section.top_news .news_area ul {
        display: block;
        /* 横スクロールの指定 */
        /* 横スクロールの指定 */
        /* スクロールを滑らかにする */
        /* スクロールを滑らかにする */
        width: 100%;
        margin-top: 12px;
    }

    section.top_news .news_area ul li {
        display: inline-block;
        /* 横並びにする指定 */
        width: 100%;
        white-space: initial;
    }

    section.top_news .blog_area aside {
        width: 100%;
        margin-bottom: 5vw;
    }

    section.top_news .blog_area aside ul {
        display: block;
        overflow-x: auto;
        /* 横スクロールの指定 */
        white-space: nowrap;
        /* 横スクロールの指定 */
        overflow-scrolling: touch;
        /* スクロールを滑らかにする */
        -webkit-overflow-scrolling: touch;
        /* スクロールを滑らかにする */
    }

    section.top_news .blog_area aside li.tab {
        display: inline-block;
        /* 横並びにする指定 */
        width: 60vw;
        line-height: 10vw;
        font-size: 4vw;
    }

    section.top_news .blog_area aside ul li.active {
        line-height: 10vw;
    }

    section.top_news .blog_area .postArea ul li {
        margin-bottom: 4vw;
    }

    section.top_news .blog_area .postArea ul li .image {
        width: 40vw;
        height: 30vw;
    }

    section.top_news .blog_area .postArea ul li .textArea {
        width: calc(100% - 40vw);
        padding-left: 1em;
    }

    section.top_news .blog_area .postArea ul li .textArea h3 {
        font-size: 4vw;
        margin-top: 2vw;
        margin-bottom: .5em;
    }

    section.top_news .blog_area .postArea ul li .textArea p {
        font-size: 3.2vw;
    }

    .top_news .content-area .content a.common_moreBtn {
        margin: 0 auto;
    }

    section.contactArea {
        /* height: auto; */
        /* background-attachment: unset; */
        /* background-position: center; */
        /* background-size: cover; */
        padding: 55px 0;
    }

    section.contactArea h2 {
        font-size: 11vw;
        /* margin-bottom: 5vw; */
    }

    section.contactArea ul li {
        /* width: 100%; */
        /* margin-bottom: 4vw; */
    }

    section.contactArea ul li a {
        /* height: auto; */
        /* line-height: 2; */
        /* height: 20vw; */
    }

    section.contactArea ul li.mail a,
    section.contactArea ul li.file a {
        /* line-height: 20vw; */
        /* font-size: 5vw; */
    }

    section.contactArea ul li.mail a:before {
        width: 7vw;
        height: 5vw;
        left: 13vw;
        top: 8vw;
    }

    section.contactArea ul li.file a:before {
        left: 18vw;
    }

    section.contactArea ul li.tel a:before {
        width: 5vw;
        height: 7vw;
        left: 19vw;
        top: 10vw;
    }

    section.contactArea ul li:last-child {
        margin-bottom: 0;
    }

    section.contactArea ul li.tel a {
        font-size: 3.2vw;
        padding-top: 2vw;
    }

    section.contactArea ul li.tel a span {
        font-size: 7vw;
    }

    .common_navMenu {
        padding: 0;
    }

    #navArea nav#bento_nav .common_navMenu {
        height: 100vh;
        display: flex;
    }

    .common_navMenu .logoWrap {
        margin-bottom: 10vw;
    }

    .common_navMenu .logo {
        margin-bottom: 5vw;
    }

    .common_navMenu .logo img {
        width: 71.5vw;
        margin: 0;
    }

    .common_navMenu .sns_logo {
        width: 100%;
    }

    .common_navMenu .sns_logo ul li {
        margin: 0 3vw;
    }

    .common_navMenu .sub_navArea ul {
        justify-content: space-around;
    }

    .common_navMenu .sub_navArea ul li a {
        font-size: 4vw;
    }

    .common_navMenu .sub_navArea ul li {
        margin-left: 0;
        margin: 1%;
    }

    .common_navMenu .sub_navArea ul li:first-child {
        margin-left: 0;
    }

    p.copyright {
        text-align: center;
        font-size: 4vw;
    }

    .top_works .content-area .content.show {
        margin-top: 5vw;
    }

    section.top_news .news_area ul li .image {
        height: 40vw;
    }

    section.top_news .news_area ul li .textArea h3 {
        font-size: 4vw;
        margin-bottom: .5em;
    }

    section.top_news .news_area ul li .textArea p {
        font-size: 3.2vw;
    }

    section.top_news .blog_area aside h3 {
        text-align: center;
        font-size: 6vw;
    }

    .top_works ul li .textArea {
        background: none;
        position: static;
        padding: 2vw;
        opacity: 1;
    }

    .top_works ul li a {
        color: #000;
    }

    .top_works ul li .textArea dl {
        position: static;
    }

    section.top_service ul:before {
        width: 96%;
        left: 2%;
    }

    section.top_service h3 {
        font-size: 3.5vw;
    }

    section.top_service h3 span {
        font-size: 7vw;
    }

    section.top_service h4 {
        font-size: 3vw;
        padding-left: 3.5em;
    }

    section.top_service h4 span {
        font-size: 6vw;
    }

    section.top_service h4:before {
        width: 8vw;
        top: 5vw;
        left: -3.1vw;
        height: 2px;
    }

    section.top_service ul {
        padding: 0;
    }

    section.top_news .blog_area .postArea ul li .textArea p.contents {
        display: none;
    }

    body {
        min-width: unset;
    }

    .main_sliderArea .bx-viewport {
        /* height: 100vw!important; */
    }

    .main_sliderArea ul li {
        width: 100%;
        /* height: 100vh; */
    }

    /* リニューアルSPここから */

    body.home {
        min-width: auto;
    }

    .main_sliderArea p.copyright {
        display: none;
    }

    .main_sliderArea_text_box p.en {
        font-size: 5vw;
        letter-spacing: 0.32em;
        line-height: 1.9;
    }

    .main_sliderArea .infoArea h3 {
        font-size: 20px;
    }

    .main_sliderArea .infoArea {
        bottom: 65px;
        right: 0;
        width: 92%;
        left: 0;
        margin: auto;
    }

    .main_sliderArea_text_box {
        width: 92%;
        top: -250px;
    }

    .main_sliderArea .infoArea dl {
        padding: 12px 0;
        margin-top: 1px;
    }

    .main_sliderArea .infoArea dl dt {
        font-size: 12px;
        letter-spacing: 0.06em;
        line-height: 2;
    }

    .mainVisual_arrow {
        height: 80px;
        bottom: -40px;
    }

    .mainVisual_arrow::before,
    .mainVisual_arrow::after {
        height: 40px;
    }

    .news_btn_box {
        width: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .news_btn_box .common_top_btn {
        margin-top: 0;
        line-height: 30px;
    }

    .common_top_btn {
        font-size: 4.7vw;
        width: 38vw;
    }

    section#jump_news {
        padding-top: 100px;
    }

    section.top_news .news_area ul li a p.ttl {
        width: 100%;
        padding-right: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: inherit;
        line-height: 1.9;
        margin-top: 8px;
    }

    section.top_news .news_area ul li a {
        padding: 12px 35px 12px 0px;
    }

    .common_top_h2_box p.en {
        font-size: 15vw;
        letter-spacing: 0.04em;
    }

    .common_top_h2_box h2 {
        width: 100%;
        margin: -5px 0 0;
        letter-spacing: 0.08em;
    }

    .common_top_h2_box::before {
        left: 9vw;
    }

    .common_top_h2_box {
        padding-bottom: 80px;
    }

    .top_about_aqua_text_box {
        width: 100%;
    }

    .top_about_aqua_text_box p.message {
        font-size: 5.3vw;
    }

    .top_about_aqua_text_box a.common_top_btn {
        margin-top: 32px;
    }

    section.top_about_aqua::after {
        right: auto;
        left: 0;
        width: 82vw;
        top: 27vw;
        height: 500px;
    }

    section.top_about_aqua::before {
        left: auto;
        right: 0;
        width: 82vw;
        height: 230px;
        top: 142vw;
    }

    section.top_about_aqua .grey_bg {
        right: auto;
        width: 54vw;
        height: 150px;
        top: 182vw;
        left: 20px;
    }

    section.top_service ul li:nth-child(n + 3) {
        margin-top: 0;
    }

    section.top_service ul li a::before {
        background-color: rgba(0, 0, 0, 0.6);
    }

    section.top_service ul li a:hover::before {
        background-color: rgba(0, 0, 0, 0.6);
    }

    section.top_service ul li a .ttl_box p.num {
        font-size: 35px;
        line-height: 1;
    }

    section.top_service ul li a .ttl_box h3 {
        font-size: 20px;
        letter-spacing: 0.15em;
        width: calc(100% - 50px);
        margin-top: 3px;
        padding-bottom: 6px;
    }

    section.top_service ul li a p.text {
        font-size: 13px;
        margin-top: 5px;
    }

    section.top_service ul li:nth-child(n + 2) {
        margin-top: 10px;
    }

    section.top_service ul li a .common_top_btn {
        font-size: 14px;
    }

    section.top_service ul li a .ttl_box {
        align-items: flex-start;
    }

    section.top_service ul li a .ttl_box h3::before {
        bottom: auto;
        top: 13px;
    }

    .common_top_h2_box.center h2 {
        margin-top: -5px;
        text-align: left;
    }

    .common_top_h2_box.center {
        display: flex;
        text-align: left;
    }

    .common_top_h2_box.center::before {
        right: auto;
        left: 30px;
    }

    .blog_btn_box {
        right: 0;
        position: absolute;
        bottom: 0;
    }

    .blog_area .contents .content ul li {
        width: 100%;
    }

    .blog_area .contents {
        width: 100%;
        padding-top: 0;
        margin-top: 33px;
    }

    .blog_area .contents .content ul li a .image {
        height: 172px;
    }

    .blog_area .contents .content ul li a .text_box p.cat {
        margin-right: 8px;
    }

    .blog_area .contents .content ul li+li {
        margin-left: 0px;
        margin-top: 40px;
    }

    section.contactArea ul li+li {
        margin-top: 15px;
    }

    .common_navMenu .main_navArea ul:nth-child(n + 5) {
        margin-top: 0;
    }

    .common_navMenu .main_navArea ul.movie {
        margin-right: 0;
    }

    .common_navMenu .main_navArea ul:nth-child(5) {
        width: 100%;
    }

    .common_navMenu .main_navArea nav ul+ul {
        margin-top: 40px !important;
    }

    .common_navMenu .main_navArea ul.home h3 {
        font-size: 4.5vw;
    }

    footer p.copyright {
        margin-top: 85px;
    }

    .top_works_slider li[aria-hidden="false"]+li[aria-hidden="true"] {
        margin-left: 0 !important;
    }

    .top_works_slider li[aria-hidden="true"]+li[aria-hidden="true"] {
        margin-right: 20px !important;
    }

    .top_works_slider li[aria-hidden="true"] {
        height: auto;
    }

    .top_works_slider li[aria-hidden="true"] .img {
        position: static;
    }

    .top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-next {
        right: -70px;
        left: 0;
        margin: auto;
    }

    .top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -70px;
        right: 0;
        margin: auto;
    }

    .top_works_slider_box .bx-wrapper .bx-controls-direction a {
        top: auto;
        bottom: -65px;
    }

    section.top_works .common_top_btn {
        margin-top: 90px;
    }

    section.top_works::before {
        border-width: 145vw 100vw 0 0;
    }

    section.top_works::after {
        border-width: 0 0 54vw 40vw;
    }

    #sp_menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        /* z-index: 10000; */
    }

    #sp_menu.active {
        z-index: 10000;
        height: 100vh;
    }

    #sp_menu .logo {
        width: 130px;
        position: absolute;
        top: 6px;
        left: 6px;
        z-index: 100;
    }

    #sp_humberger_btn {
        position: fixed;
        top: 12px;
        right: 12px;
        width: 20px;
        height: 14px;
        display: block;
        cursor: pointer;
        z-index: 100;
        z-index: 100000;
    }

    #sp_humberger_btn span.line {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff;
        transition: 0.3s;
    }

    #sp_humberger_btn span.line+span.line {
        margin-top: 5px;
    }

    #sp_humberger_menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
        background-color: #000;
        padding: 70px 11% 0;
    }

    #sp_humberger_menu.active {
        visibility: visible;
        opacity: 1;
    }

    .sp_humberger_menu_cont {
        height: 100%;
    }

    .sp_humberger_menu_cont ul li a {
        color: #fff;
        font-size: 22px;
        letter-spacing: 0.04em;
    }

    .sp_humberger_menu_cont ul li {
        width: 50%;
    }

    .sp_humberger_menu_cont .btn_box {
        margin-top: 25px;
    }

    .sp_humberger_menu_cont .btn_box ul li a {
        display: block;
        background-color: #00aed2;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.04em;
        text-align: center;
        width: 175px;
        padding-left: 20px;
        background-position: center left 15px;
        background-repeat: no-repeat;
        background-size: 17px;
        line-height: 30px;
    }

    .sp_humberger_menu_cont .btn_box ul li+li {
        margin-top: 10px;
    }

    .sp_humberger_menu_cont ul li:nth-child(n + 3) {
        margin-top: 16px;
    }

    .sp_humberger_menu_cont .btn_box ul li a.contact {
        background-image: url(/wp-content/uploads/2021/07/icon_mail_white.svg);
    }

    .sp_humberger_menu_cont .btn_box ul li a.document {
        background-image: url(/wp-content/uploads/2021/07/icon_document_white.svg);
    }

    .sp_humberger_menu_cont .btn_box ul li a.partner {
        background-image: url(/wp-content/uploads/2021/09/icon_partner_white.svg);
    }

    #sp_humberger_btn.active span.line:nth-child(1) {
        transform: rotate(31deg);
        transform-origin: left;
        width: 24px;
    }

    #sp_humberger_btn.active span.line:nth-child(3) {
        transform-origin: left;
        transform: rotate(-31deg);
        width: 24px;
    }

    #sp_humberger_btn.active span.line:nth-child(2) {
        visibility: hidden;
        opacity: 0;
    }

    .sp_menu_hd::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 39px;
        background-color: rgba(0, 0, 0, 0.5);
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .sp_menu_hd.active::before {
        visibility: visible;
        opacity: 1;
        z-index: 100;
    }

    section.top_works.page {
        padding: 0 0 20vw;
    }

    .sp_menu_logo {
        position: fixed;
        top: 7px;
        left: 0;
        z-index: 100000;
        width: 130px;
    }

    .top_works ul li .img {
        height: 190px;
    }

    .item_num_4 {
        margin: 0;
    }

    .item_num_4 li:nth-child(n + 3) {
        margin: 10px 0 0 !important;
    }

    /* リニューアルSPここまで */

    header.iclp_header_sp {
        background: #000;
        border-bottom: 1px solid #666;
        position: fixed;
        height: 60px;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }

    p.sp_logo {
        position: absolute;
        width: 90px;
        left: 5vw;
        line-height: 0;
        top: 17.5px;
    }

    .sp_menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0vh;
        overflow: hidden;
        transition: .2s;
    }

    .sp_menu.active {
        height: 100vh;
        background: #fff;
        z-index: 100;
        padding-top: 60px;
    }

    .sp_barger.active p {
        background: #000;
    }

    .sp_menu_content {
        text-align: center;
        border-top: 1px solid #666666;
    }

    .sp_menu_content .text {
        padding: 25px 5vw;
    }

    .sp_menu_a a {
        text-decoration: underline;
        line-height: 4;
    }

    .sp_menu_copy {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        background: #000;
        color: #fff;
        line-height: 40px;
    }

    .sp_barger {
        position: absolute;
        right: 5vw;
        top: 19px;
        cursor: pointer;
        z-index: 150;
    }

    .sp_barger p {
        width: 25px;
        height: 2px;
        background: #fff;
        border-radius: 7px;
        transition: .2s;
    }

    .sp_barger p+p {
        margin-top: 8px;
    }

    .sp_barger.active p:nth-child(2) {
        opacity: 0;
    }

    .sp_barger.active p:nth-child(1) {
        transform: rotate(45deg);
        position: absolute;
        top: 10px;
        bottom: 0;
        margin: auto;
    }

    .sp_barger.active p:nth-child(3) {
        transform: rotate(-45deg);
        position: absolute;
        top: 10px;
        bottom: 0;
        margin: auto;
    }

    .main_sliderArea .infoArea .box {
        max-width: 100%;
    }

    .page_service_point_box {
        padding: 40px 0;
    }

    .page_service_trouble {
        padding: 20px 0 50px;
    }

    .page_service_trouble_cont .text_box ul li {
        font-size: 3vw;
        line-height: 1.3;
    }

    .main_sliderArea {
        /* margin-bottom: 70vw; */
    }

    .main_sliderArea .link_banner {
        left: 0;
        bottom: -120vw;
        width: 100%;
        background: none;
    }

    .illust_sample_area {
        padding: 20vw 0;
    }

    .illust_sample_area .main_image {
        height: 20vw;
        margin-bottom: 10vw;
    }

    .illust_sample_area h2 {
        font-size: 4vw;
    }

    .illust_sample_area p {
        font-size: 3.2vw;
    }

    .illust_sample_area a {
        max-width: 86%;
        line-height: 10vw;
        font-size: 3vw;
        border-radius: 10vw;
    }

    section.top_banner {
        padding-top: 20vw;
    }

    ul.top_banner_ul.flex-sb li {
        height: auto;
        margin-bottom: 20px;
    }

    section#jump_news {
        padding-top: 60px;
    }

    ul.top_banner_ul.flex-sb li img {
        height: auto;
    }

    section#jump_news .banner_area {
        margin-bottom: 70vw;
    }

}

/**追加CSS SP END**/

h2 {
    font-size: 1.6875em;
}



/**追加CSS**/

/**追加CSS PC**/

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

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
}

body {
    color: #1A1A1A;
    font-size: 12px;
    line-height: 1.4;
    margin: 0px;
}

body {
    background-color: #FFFFFF;
}

p {
    margin: 0px;
}

a:link {
    color: #004CCA;
}

a:visited {
    color: #6219DB;
}

a:hover {
    color: #048ADE;
    text-decoration: none;
}

a:active {
    color: #048ADE;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

ul {
    padding: 0px;
    list-style: none;
    margin: 0;
}

h1 {
    margin: 0;
}

h2 {
    margin: 0;
}

.oh {
    overflow: hidden;
}

.L {
    float: left;
}

.R {
    float: right;
}

.sp {
    display: none;
}

.pr {
    position: relative;
}

#menu {
    display: none;
}

.flex {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.flex-sb {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}

.wrap {
    width: 920px;
    margin: 0 auto;
    position: relative;
}

.wrap02 {
    width: 1220px;
    margin: 0 auto;
    position: relative;
}

.font-01 {
    font-family: 'Oswald', sans-serif;
}

.singleFlexSB {
    display: flex;
    justify-content: space-between;
}

.singleContent {
    width: 900px;
}

.singleContent a.common_moreBtn {
    margin-top: 50px;
}

.singleContent h1 {
    font-size: 28px;
    margin-bottom: .5em;
}

.singleContent p.data {
    font-size: 16px;
    margin-bottom: 2em;
}

.singleContent p.data i {
    margin-right: .5em;
}

.singleContent h2 {
    font-size: 22px;
    border-left: 10px solid;
    padding-left: 1em;
    margin-bottom: .5em;
}

.singleContent h3 {
    font-size: 18px;
    margin-bottom: .5em;
    background: #f1f1f1;
    padding: .5em 1em;
}

.singleContent h4 {
    font-size: 18px;
    margin-bottom: .5em;
    border-bottom: 1px solid;
    padding-bottom: .5em;
}

.singleContent h5 {
    font-size: 18px;
    margin-bottom: .5em;
}

.singleContent p {
    font-size: 14px;
    line-height: 2;
}

.singleSidebar {
    width: 350px;
    background: #dce0e3;
    padding: 2em 1em;
}

.singleSidebar h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: .5em;
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: .5em;
}

.singleSidebar ul li {
    margin-bottom: 20px;
}

.singleSidebar ul li:last-child {
    margin-bottom: 0;
}

.singleSidebar ul li a {
    align-items: center;
}

.singleSidebar ul li .image {
    width: 45%;
    height: 100px;
}

.singleSidebar ul li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.singleSidebar ul li .textArea {
    width: 55%;
    padding-left: 1em;
}

.singleSidebar ul li .textArea h3 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: .5em;
    color: #000;
}

.singleSidebar ul li .textArea h3 span.data {
    display: block;
    margin-bottom: .5em;
    font-size: 14px;
    color: #00a6f9;
}

.top_works .jp_text {
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
}

.top_works .tab-area {
    justify-content: center;
    cursor: pointer;
    align-items: flex-end;
    margin-top: 50px;
}

.top_works .tab-area .tab {
    width: 180px;
    line-height: 50px;
    text-align: center;
    color: #00a6f9;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 19px;
    border: 1px solid;
    border-radius: 5px;
    margin-right: .5em;
    position: relative;
}

.top_works .tab-area .tab:last-child {
    margin-right: 0;
}

.top_works .tab-area .tab span.eng {
    transition: .3s;
}

.top_works .tab-area .tab span.jpn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
}

.top_works .tab-area .tab.active {
    background-color: #00a6f9;
    color: #fff;
    border: none;
    width: 200px;
    line-height: 60px;
}

.top_works .tab-area .tab.active span.eng {
    opacity: 0;
}

.top_works .tab-area .tab.active span.jpn {
    opacity: 1;
}

.top_works .content-area {
    font-size: 30px;
    text-align: center;
}

.top_works .content-area .content {
    display: none;
}

.top_works .content-area .content.show {
    margin-top: 50px;
    display: block;
}

.top_works ul {
    /* margin-bottom: 20px; */
}

.top_works ul li {
    /* width: 24%; */
    /* margin-left: calc( 4% / 3 ); */
    /* margin-bottom: calc( 4% / 3 ); */
    /* position: relative; */
}

.top_works ul li .image {
    width: 100%;
    height: 170px;
}

.top_works ul li:hover .textArea {
    opacity: 1;
}

.top_works ul li .textArea {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    opacity: 0;
    transition: .3s;
}

.top_works ul li a {
    color: #000;
}

.top_works ul li .textArea h3 {
    font-size: 14px;
    text-align: left;
}

.top_works ul li .textArea dl dd {
    font-size: 10px;
    list-style: none;
    border: 1px solid;
    margin: 5px;
    padding: .1em 1em;
}

.top_works ul li .textArea dl {
    position: absolute;
    left: 10px;
    bottom: 10px;
    margin: 0;
}

.top_works ul li:nth-child(4n + 1) {
    /* margin-left: 0; */
}

.top_works ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

a.common_moreBtn {
    display: block;
    width: 400px;
    line-height: 60px;
    background: #000;
    color: #fff;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 60px;
    position: relative;
    margin: 0 auto;
    transition: .3s;
}

a.common_moreBtn:hover {
    background: #54bde7;
}

a.common_moreBtn:before {
    content: "+";
    position: absolute;
    right: .6em;
    font-size: 50px;
    font-weight: 100;
    top: calc(50% - 32px);
}

section.top_company_recruit {
    padding-bottom: 150px;
}

section.top_company_recruit .mainImage_area .image {
    width: 50%;
}

section.top_company_recruit .mainImage_area .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.top_company_recruit .wrap {
    background: #fff;
    margin-top: -50px;
    padding-top: 100px;
}

section.top_company_recruit h2 {
    font-size: 55px;
    text-align: center;
    margin-bottom: 1em;
}

section.top_company_recruit h2 .sliceTxt1 {
    color: #54bde7;
}

section.top_company_recruit h2 .sliceTxt2 {
    color: #4ea079;
}

section.top_company_recruit h2 .sliceTxt3 {
    color: #e14374;
}

section.top_company_recruit h2 .sliceTxt4 {
    color: #b3b3b3;
}

section.top_company_recruit h2 .sliceTxt5 {
    color: #d284ea;
}

section.top_company_recruit h2 .sliceTxt6 {
    color: #eabc2f;
}

section.top_company_recruit h2 .sliceTxt7 {
    color: #b3b3b3;
}

section.top_company_recruit h2 .sliceTxt8 {
    color: #afca1c;
}

section.top_company_recruit h2 .sliceTxt9 {
    color: #d85959;
}

section.top_company_recruit h2 .sliceTxt10 {
    color: #b3b3b3;
}

section.top_company_recruit h2 .sliceTxt11 {
    color: #394cb0;
}

section.top_company_recruit h2 .sliceTxt12 {
    color: #4f9c45;
}

section.top_company_recruit p {
    width: 1150px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 2;
    margin-bottom: 80px;
}

section.top_company_recruit ul {
    width: 1150px;
    margin: 0 auto;
    max-width: 100%;
}

section.top_company_recruit ul li {
    width: 50%;
    text-align: center;
    padding: 20px 0;
}

section.top_company_recruit ul li h3 {
    font-size: 55px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 0;
    margin-top: 0;
}

section.top_company_recruit ul li p.jp_text {
    margin-bottom: 20px;
}

section.top_company_recruit ul li:first-child {
    border-right: 1px solid #000;
}

section.top_news {
    /* background: #e5e5e5; */
    padding: 75px 0;
}

section.top_news .title_wrap {
    align-items: flex-end;
    width: 21%;
}

section.top_news .title_wrap p.en {
    font-size: 70px;
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 0.7;
}

section.top_news .title_wrap h2 {
    font-size: 12px;
    font-weight: 700;
    margin-left: 11px;
}

section.top_news .title_wrap p.en {
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 600;
    font-size: 50px;
}

section.top_news .news_area {
    position: relative;
    align-items: flex-start;
}

section.top_news .news_area a.common_moreBtn {
    position: absolute;
    right: 0;
    top: 20px;
}

section.top_news .news_area ul li {
    /* width: 24%; */
    /* margin-left: calc( 4% / 3 ); */
}

section.top_news .news_area ul li a {
    font-size: 13px;
    transition: .3s;
    color: #000;
    align-items: center;
    border-bottom: 1px solid #bfbfbf;
    padding: 17.5px 0;
    position: relative;
}

section.top_news .news_area ul li a:hover {
    opacity: .8;
}

section.top_news .news_area ul li:nth-child(4n + 1) {
    /* margin-left: 0; */
}

section.top_news .news_area ul li .image {
    width: 100%;
    height: 195px;
}

section.top_news .news_area ul li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.top_news .news_area ul li .textArea h3 {
    font-size: 18px;
    color: #00a6f9;
}

section.top_news .news_area ul li .textArea p {
    font-size: 16px;
    color: #000;
}

section.top_news .blog_area aside {
    width: 200px;
}

section.top_news .blog_area aside h3 {
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    margin-top: 0;
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid;
}

section.top_news .blog_area aside ul {
    cursor: pointer;
}

section.top_news .blog_area aside ul li {
    width: 100%;
    line-height: 50px;
    text-align: center;
    color: #00a6f9;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 20px;
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: .5em;
    background: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}

section.top_news .blog_area aside ul li.active {
    background-color: #00a6f9;
    color: #fff;
    border: none;
    line-height: 60px;
}

.top_news .content-area .content {
    display: none;
}

.top_news .content-area .content a.common_moreBtn {
    margin-left: 0;
}

.top_news .content-area .content.show {
    display: block;
}

header.main_header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    /* width: 100%; */
    padding: 0;
    padding-right: 0;
    /* background-color: rgba(0,0,0,0.3); */
    z-index: 100;
    transition: 0.3s;
    z-index: 10000;
    /* width: 1220px; */
    /* margin: auto; */
}

header.main_header .change-color {}

section.top_news .blog_area .postArea {
    width: 980px;
    max-width: 100%;
}

section.top_news .blog_area .postArea ul li {
    margin-bottom: 30px;
}

section.top_news .blog_area .postArea ul li a {
    transition: .3s;
}

section.top_news .blog_area .postArea ul li a:hover {
    opacity: .8;
}

section.top_news .blog_area .postArea ul li .image {
    width: 320px;
    height: 195px;
}

section.top_news .blog_area .postArea ul li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.top_news .blog_area .postArea ul li .textArea {
    width: calc(100% - 320px);
    padding-left: 2em;
}

section.top_news .blog_area .postArea ul li .textArea h3 {
    font-size: 18px;
    color: #00a6f9;
}

section.top_news .blog_area .postArea ul li .textArea p.title {
    font-size: 16px;
    color: #000;
}

section.top_news .blog_area .postArea ul li .textArea p.contents {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
}

header.main_header nav ul {
    justify-content: space-between;
    align-items: center;
}

header.main_header nav ul li a {
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.2px;
    transition: .3s;
    /* width: 100%; */
    /* height: 100%; */
    display: block;
    position: relative;
    line-height: 58px;
    text-align: center;
}

header.main_header nav ul li a:hover {
    background-color: #00aed2;
}

header.main_header nav ul li:nth-last-child(n+3) a:hover span {
    display: none;
}

header.main_header nav ul li a span.jpn {
    display: none;
    font-size: 13px;
    text-align: center;
}

header.main_header nav ul li a:hover span.jpn {
    display: block;
}

header.main_header nav ul li a:hover span.eng {
    display: none;
}

header.main_header .fl_wrap {
    align-items: center;
    width: 92%;
    margin: auto;
}

.main_sliderArea .infoArea .box dl a {
    color: #fff;
    text-shadow: 1px 1px 2px #333;
}

.common_top_btn {
    background-color: #000;
    display: block;
    width: 130px;
    text-align: center;
    font-size: 15px;
    margin-left: auto;
    margin-top: 12px;
    letter-spacing: 0.06em;
    font-weight: bold;
    line-height: 34px;
    position: relative;
    color: #fff !important;
    font-family: neuzeit-grotesk, sans-serif;
}

.common_top_btn::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 2px;
    background-color: #00aed2;
    margin: auto;
    right: 0;
}

.common_top_btn span {
    background-color: #000;
    position: relative;
    z-index: 100;
    padding: 0 10px;
}

.main_sliderArea p.copyright {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #fff;
    font-size: 10px;
    height: 243px;
    z-index: 3;
}

.main_sliderArea_text_box {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    text-align: center;
    height: 88px;
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    z-index: 3;
}

.main_sliderArea_text_box h1 img {
    margin: auto;
    width: 918px;
}

.main_sliderArea_text_box p.en {
    font-size: 23px;
    letter-spacing: 0.43em;
    margin-right: -0.43em;
    margin-top: 18px;
    font-weight: 100;
}

.main_sliderArea_text_box h1 {
    font-family: "noto sans jp medium";
    font-size: 25px;
    letter-spacing: .1em;
}

.hd_contact_box ul li a::before {
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 7px;
}

.hd_contact_box ul li a.contact::before {
    background-image: url(/wp-content/uploads/2021/07/icon_mail_white.svg);
}

.hd_contact_box ul li a.document::before {
    background-image: url(/wp-content/uploads/2021/07/icon_document_white.svg);
}

.hd_contact_box ul li a.seminar::before {
    background-image: url(/wp-content/uploads/2022/02/icon_seminar_white.svg);
}

.mainVisual_arrow {
    position: absolute;
    bottom: -75px;
    right: 0;
    left: 0;
    margin: auto;
    width: 10px;
    height: 150px;
    z-index: 3;
}

.mainVisual_arrow::before,
.mainVisual_arrow::after {
    content: '';
    position: absolute;
    height: 75px;
    width: 2px;
}

.mainVisual_arrow::before {
    background-color: #fff;
}

.mainVisual_arrow::after {
    background-color: #000;
    bottom: 0;
}

.mainVisual_arrow span.sankaku {
    position: absolute;
    bottom: -8px;
    left: -4px;
    margin: auto;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
}

section.top_news .news_area ul {
    width: 73.2%;
}

.news_btn_box {
    width: 100%;
}

.news_btn_box .common_top_btn {
    margin-left: 0;
    margin-top: 15px;
}

.common_top_btn {}

section.top_news .news_area ul li a p.ttl {
    width: 83%;
    white-space: nowrap;
    /* 改行不可 */
    overflow: hidden;
    text-overflow: ellipsis;
    /* はみ出たら「...」を表示 */
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-right: 70px;
    font-weight: 400;
}

section.top_news .news_area ul li a span.arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 8px;
    /* background-color: #fff; */
    width: 19px;
}

section.top_news .news_area ul li a span.arrow::before,
section.top_news .news_area ul li a span.arrow::after {
    content: '';
    position: absolute;
}

section.top_news .news_area ul li a span.arrow::before {
    width: 13px;
    height: 2px;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: #00aed2;
}

section.top_news .news_area ul li a span.arrow::after {
    border-top: 2px solid #00aed2;
    border-right: 2px solid #00aed2;
    width: 8px;
    height: 8px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
}

.main_sliderArea .infoArea .inWrap p.common_top_btn {
    font-size: 12px;
    width: 100px;
}

.main_sliderArea .infoArea .inWrap p.common_top_btn a {
    color: #fff;
}

.font_01 {
    font-family: neuzeit-grotesk, sans-serif;
}

.font_02 {
    font-family: quasimoda, sans-serif;
}

.top_about_aqua_text_box {
    width: 522px;
    margin-left: auto;
    position: relative;
}

.common_top_h2_box {
    align-items: center;
    position: relative;
    padding-bottom: 50px;
}

.common_top_h2_box p.en {
    font-size: 75px;
    color: #003778;
}

.common_top_h2_box p.en:first-letter {
    color: #00aed2;
}

.common_top_h2_box h2 {
    font-size: 14px;
    color: #003778;
    letter-spacing: 0.04em;
    margin-left: 20px;
}

.common_top_h2_box::before {
    content: '';
    position: absolute;
    left: 68px;
    width: 2px;
    height: 60px;
    background-color: #000;
    bottom: 0;
}

.top_about_aqua_text_box p.message {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 1.9;
    margin-top: 14px;
}

.top_about_aqua_text_box a.common_top_btn {
    margin-left: 0;
    width: 210px;
    margin-top: 38px;
}

section.top_about_aqua::before {
    content: '';
    position: absolute;
    left: 0;
    width: 42.2%;
    height: 400px;
    background-image: url(/wp-content/uploads/2021/07/top_about_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 256px;
    z-index: 100;
}

section.top_about_aqua::after {
    content: '';
    position: absolute;
    right: 0;
    top: 181px;
    width: 61%;
    height: 360px;
    background-color: #fff;
}

section.top_about_aqua>* {
    position: relative;
    z-index: 100;
}

section.top_about_aqua .grey_bg {
    position: absolute;
    height: 300px;
    width: 350px;
    background-color: #d6d6d6;
    top: 428px;
    right: calc(50vw - 560px);
    z-index: 0;
}

section.top_service ul li a.ad_graphics {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg01.jpg);
}

section.top_service ul li a.digital {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg02.jpg);
}

section.top_service ul li a.marketing {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg03.jpg);
}

section.top_service ul li a.game_graphics {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg04.jpg);
}

section.top_service ul li a.presentation_service {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg05.jpg);
}

section.top_service ul li a.movie {
    background-image: url(/wp-content/uploads/2021/09/top_service_bg06.jpg);
}

section.top_service ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: 0.3s;
}

section.top_service ul li a:hover::before {
    background-color: rgba(0, 0, 0, 0.7);
}

section.top_service ul li a>* {
    position: relative;
    z-index: 100;
}

section.top_service ul li a .ttl_box {
    align-items: center;
}

section.top_service ul li a .ttl_box p.num {
    font-size: 50px;
}

section.top_service ul li a .ttl_box h3 {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.06em;
    position: relative;
    padding-left: 46px;
    margin-left: 10px;
}

section.top_service ul li a .ttl_box h3::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    background-color: #fff;
    width: 35px;
    left: 0;
}

section.top_service ul li a p.text {
    font-size: 14px;
    letter-spacing: 0.04em;
    margin-top: -9px;
    font-weight: 500;
    letter-spacing: 0.12em;
    line-height: 1.8;
}

section.top_service ul li a .common_top_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
}

section.top_service ul li:nth-child(n + 3) {
    margin-top: 1px;
    margin-top: 18px;
}

.top_service_list {
    margin-top: 30px;
}

.top_works_slider_box {
    margin-top: 25px;
}

.top_works_slider_box .bx-wrapper {
    margin: 0;
    box-shadow: none;
    background-color: transparent;
    border: none;
}

.top_works_slider_box .bx-viewport {
    overflow: inherit !important;
}

.top_works_slider li:not([aria-hidden="false"]) .text_box {
    visibility: hidden;
    opacity: 0;
}

.top_works_slider li[aria-hidden="true"]+li[aria-hidden="true"] {
    margin-right: 75px !important;
}

.top_works_slider li[aria-hidden="false"]+li[aria-hidden="true"] {
    margin-left: 75px !important;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a {
    background-color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin: 0;
    top: 130px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -65px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-next {
    right: -65px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a::before,
.top_works_slider_box .bx-wrapper .bx-controls-direction a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a::before {
    width: 13px;
    height: 2px;
    background-color: #000;
    left: 12px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    right: 13px;
    transform: rotate(45deg);
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-prev::before {
    left: auto;
    right: 12px;
}

.top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-prev::after {
    transform: rotate(-135deg);
    right: auto;
    left: 13px;
}

.top_works_slider .text_box p.cat {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    font-size: 10px;
    line-height: 22px;
    letter-spacing: 0.04em;
}

.top_works_slider .text_box {
    text-align: center;
    background: #fff;
    padding: 20px;
}

.top_works_slider .text_box p.ttl {
    font-size: 16px;
    letter-spacing: 0.05em;
    margin-top: 10px;
    white-space: break-spaces;
}

section.top_works .common_top_btn {
    margin: 60px auto 0;
}

section.top_works::before,
section.top_works::after {
    content: '';
    position: absolute;
}

section.top_works::before {
    left: 0;
    border-top: 836px solid #e5e5e5;
    border-right: 724px solid transparent;
    top: 0;
}

section.top_works::after {
    border-bottom: 415px solid #e5e5e5;
    border-left: 355px solid transparent;
    bottom: 0;
    right: 0;
}

section.top_works>* {
    position: relative;
    z-index: 100;
}

.common_top_h2_box.center {
    display: block;
    text-align: center;
    padding-bottom: 80px;
}

.common_top_h2_box.center::before {
    right: 0;
    left: 0;
    margin: auto;
}

.common_top_h2_box.center h2 {
    margin: -14px 0 0;
}

.top_works_slider li[aria-hidden="true"] {
    height: 257px;
}

.top_works_slider li[aria-hidden="true"] .img {
    width: 100%;
    height: 100%;
    position: relative;
    top: 26px;
}

.blog_area {
    align-items: flex-start;
}

.blog_area .contents {
    width: 73.2%;
    padding-top: 22px;
}

.blog_area .contents .content {
    padding: 0;
    /* width: 48%; */
}

.blog_area .contents .content ul li {
    width: 215px;
}

.blog_area .contents .content ul li+li {
    margin-left: 14px;
}

.blog_area .contents .content ul li a {
    color: #000;
}

.blog_area .contents .content ul li a .image {
    width: 100%;
    height: 110px;
    background-color: #8a8a8a;
}

.blog_area .contents .content ul li a .text_box {
    margin-top: 14px;
}

.blog_area .contents .content ul li a .text_box p.cat {
    background-color: #a6a6a6;
    color: #fff;
    font-size: 10px;
    line-height: 22px;
    padding: 0 12px;
    margin-right: 5px;
}

.blog_area .contents .content ul li a .text_box p.ILLUSTOPIC {
    background: #34d647;
}

.blog_area .contents .content ul li a .text_box p.CREATIVE {
    background: #f45179;
}

.blog_area .contents .content ul li a .text_box p.ABOUT-AQUA {
    background: #00a6fa;
}

.blog_area .contents .content ul li a .text_box p.NEWS {
    background: #414ff2;
}

.blog_area .contents .content ul li a .text_box p.SEMINAR-EVENT {
    background: #a562cc;
}

.blog_area .contents .content ul li a .text_box p.time {
    font-size: 12px;
}

.blog_area .contents .content ul li a .text_box p.title {
    font-size: 13px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-top: 11px;
}

.item_num_4 {
    margin: 0 calc(50% - 50vw);
}

.item_num_4 li:nth-child(n + 3) {
    margin-top: 0 !important;
    margin-left: 10px;
}

section#jump_news {
    padding: 55px 0 0;
    background-color: #e5e5e5;
}

section#jump_news .banner_area {
    padding-top: 60px;
    margin-bottom: 70px;
}

section.contactArea ul li.mail a {
    background-image: url(/wp-content/uploads/2021/07/icon_mail_white.svg);
}


section.contactArea ul li.mail a:hover {
    background-image: url(/wp-content/uploads/2021/09/icon_mail_blue.svg);
}

section.contactArea ul li.file a {
    background-image: url(/wp-content/uploads/2021/07/icon_document_white.svg);
    padding-right: 27px;
}

section.contactArea ul li.file a:hover {
    background-image: url(/wp-content/uploads/2021/09/icon_document_blue.svg);
    padding-right: 27px;
}

section.contactArea ul li.partner_link a {
    background-image: url(/wp-content/uploads/2021/09/icon_partner_white.svg);
    padding-right: 27px;
    background-position: 15px;
}

section.contactArea ul li.partner_link a:hover {
    background-image: url(/wp-content/uploads/2021/09/icon_partner_blue.svg);
    padding-right: 27px;
}

section.contactArea ul {
    justify-content: center;
    margin-top: 30px;
}

section.contactArea p.tel_text {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-top: 35px;
    /* font-weight: 400; */
}

section.contactArea p.tel_time {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

section.contactArea p.tel_num {
    font-weight: bold;
    letter-spacing: 0.04em;
    font-size: 33px;
    margin-top: 10px;
}

.common_navMenu .main_navArea ul:nth-child(5) {
    width: 25%;
}

.common_navMenu .main_navArea ul:nth-child(n + 5) {
    margin-top: 65px;
}

.common_navMenu .main_navArea ul.movie {
    margin-right: 280px;
}

footer p.copyright {
    text-align: center;
    font-size: 10px;
    color: #a6a6a6;
}

.common_navMenu .main_navArea ul.home h3 {
    font-size: 15px;
    padding-left: 0;
}

.kotei_mainArea.bg01 {
    background-image: url(/wp-content/uploads/2021/07/page_h1_bg01.jpg);
}

.kotei_mainArea.bg02 {
    background-image: url(/wp-content/uploads/2021/07/page_h1_bg02.jpg);
}

.kotei_mainArea.illust_bg {
    background-image: url(/wp-content/uploads/2021/09/illust_h1_bg01.jpg);
}

.kotei_mainArea.digital_bg {
    background-image: url(/wp-content/uploads/2021/09/digital_h1_bg01.jpg);
}

.kotei_mainArea.market_bg {
    background-image: url(/wp-content/uploads/2021/09/market_h1_bg01.jpg);
}

.kotei_mainArea.game_bg {
    background-image: url(/wp-content/uploads/2021/09/game_h1_bg01.jpg);
}

.kotei_mainArea.prezen_bg {
    background-image: url(/wp-content/uploads/2021/09/prezen_h1_bg01.jpg);
}

.kotei_mainArea.movie_bg {
    background-image: url(/wp-content/uploads/2021/09/movie_h1_bg01.jpg);
}

.kotei_mainArea::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.kotei_mainArea>* {
    position: relative;
    z-index: 100;
}

.kotei_mainArea p.sub_ttl {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #a6a6a6;
}

.kotei_mainArea p.num {
    font-size: 40px;
    letter-spacing: 0.02em;
    margin-right: -0.02em;
    line-height: 1;
    color: #a6a6a6;
}

.kotei_mainArea p.en {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-top: 5px;
}

.kotei_mainArea h1 {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.1em;
    margin-top: 8px;
}

section.top_works.page {
    margin-top: 0;
    padding: 115px 0;
}

.common_service_list {
    padding-bottom: 100px;
}

.common_service_list ul li {
    width: 300px;
}

.common_service_list ul li a {
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    color: #fff;
    padding: 56px 0;
    height: 250px;
}

.common_service_list ul {
    justify-content: center;
}

.common_service_list ul li:nth-child(n + 4) {
    margin-top: 10px;
}

.common_service_list ul li a.storyboard {
    background-image: url(/wp-content/uploads/2021/07/service_img_storyboard.jpg);
}

.common_service_list ul li a.macker {
    background-image: url(/wp-content/uploads/2021/07/service_img_macker.jpg);
}

.common_service_list ul li a.editor {
    background-image: url(/wp-content/uploads/2021/07/service_img_editor.jpg);
}

.common_service_list ul li a.illust01 {
    background-image: url(/wp-content/uploads/2021/09/illust01.jpg);
}

.common_service_list ul li a.illust02 {
    background-image: url(/wp-content/uploads/2021/09/illust02.jpg);
}

.common_service_list ul li a.illust03 {
    background-image: url(/wp-content/uploads/2021/09/illust03.jpg);
}

.common_service_list ul li a.illust04 {
    background-image: url(/wp-content/uploads/2021/09/illust04.jpg);
}

.common_service_list ul li a.digital01 {
    background-image: url(/wp-content/uploads/2021/09/digital01.jpg);
}

.common_service_list ul li a.digital02 {
    background-image: url(/wp-content/uploads/2021/09/digital02.jpg);
}

.common_service_list ul li a.digital03 {
    background-image: url(/wp-content/uploads/2021/09/digital03.jpg);
}

.common_service_list ul li a.digital04 {
    background-image: url(/wp-content/uploads/2021/09/digital04.jpg);
}

.common_service_list ul li a.digital05 {
    background-image: url(/wp-content/uploads/2021/09/digital05.jpg);
}

.common_service_list ul li a.market01 {
    background-image: url(/wp-content/uploads/2021/09/market01.jpg);
}

.common_service_list ul li a.market02 {
    background-image: url(/wp-content/uploads/2021/09/market02.jpg);
}

.common_service_list ul li a.market03 {
    background-image: url(/wp-content/uploads/2021/09/market03.jpg);
}

.common_service_list ul li a.game01 {
    background-image: url(/wp-content/uploads/2021/09/game01.jpg);
}

.common_service_list ul li a.game02 {
    background-image: url(/wp-content/uploads/2021/09/game02.jpg);
}

.common_service_list ul li a.movie01 {
    background-image: url(/wp-content/uploads/2021/09/movie01.jpg);
}

.common_service_list ul li a.movie02 {
    background-image: url(/wp-content/uploads/2021/09/movie02.jpg);
}

.common_service_list ul li a.movie03 {
    background-image: url(/wp-content/uploads/2021/09/movie03.jpg);
}

.common_service_list ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.common_service_list ul li a h2 {
    font-size: 20px;
    letter-spacing: 0.04em;
    font-weight: 400;
}

.common_service_list ul li a>* {
    position: relative;
    z-index: 100;
}

.common_service_list ul li a p.en {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-top: 1px;
}

.common_service_list ul li a p.text {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-top: 20px;
}

.common_service_list ul li a .common_top_btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.common_service_list ul li:nth-child(3n),
.common_service_list ul li:nth-child(3n - 1) {
    margin-left: 10px;
}

.service_page .main_area::before {
    content: '';
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 217%;
    background-color: #e5e5e5;
}

.breadcrumb {
    position: relative;
    z-index: 100;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_service_point_box {
    padding: 100px 0;
}

.page_service_point_box ul li {}

.page_service_point_box ul li .img {
    width: 415px;
}

.page_service_point_box ul li .text_box {
    width: 470px;
}

.page_service_point_box ul li .text_box .ttl_box {
    align-items: flex-end;
    color: #003778;
}

.page_service_point_box ul li .text_box .ttl_box p.point {
    font-size: 26px;
    letter-spacing: 0.04em;
}

.page_service_point_box ul li .text_box .ttl_box p.num {
    font-size: 50px;
    line-height: 1.1;
    margin-left: 8px;
}

.page_service_point_box ul li .text_box .ttl_box p.point:first-letter {
    color: #00aed2;
}

.page_service_point_box ul li .text_box h3 {
    font-size: 21px;
    letter-spacing: 0.02em;
    margin-top: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.page_service_point_box ul li .text_box .text {
    font-size: 13px;
    letter-spacing: 0.04em;
    line-height: 1.9;
    margin-top: 14px;
    font-weight: 700;
}

.page_service_point_box ul li+li {
    margin-top: 70px;
}

.page_service_point_box ul li:nth-child(even) {
    flex-direction: row-reverse;
}

.page_service_point_box ul li:nth-child(even) .text_box .ttl_box {
    justify-content: flex-end;
}

.page_service_point_box ul li:nth-child(even) .text_box h3 {
    text-align: right;
}

.page_service_trouble {
    padding: 0 0 75px;
}

.page_service_trouble h2 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 0.06em;
}

.page_service_trouble_cont {
    margin-top: 35px;
}

.page_service_trouble_cont .img {
    width: 455px;
}

.page_service_trouble_cont .text_box {
    width: 435px;
}

.page_service_trouble_cont .text_box h3 {
    font-size: 18px;
    letter-spacing: 0.04em;
}

.page_service_trouble_cont .text_box ul li {
    font-size: 13px;
    line-height: 1.9;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.page_service_trouble_cont .text_box ul li:before {
    content: "●";
    margin-right: .5em;
}

.page_service_trouble_cont .text_box ul {
    margin-top: 16px;
}

.page_service_trouble_cont .text_box ul li+li {
    margin-top: 14px;
}

.touch_sample ul li {
    width: 300px;
}

.touch_sample ul li a {
    display: block;
    height: 100%;
    background-color: #fff;
    color: #000;
    text-align: center;
    position: relative;
}

.touch_sample ul li a p.common_top_btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.kotei_mainArea p.en_02 {
    font-size: 18px;
    letter-spacing: 0.06em;
}

.top_works ul li .img {
    height: 300px;
    position: relative;
}

.common_navMenu .main_navArea ul h3 a {
    color: #fff;
}


/* リニューアル ここまで */

/*--(ヘッダー　*お問い合わせ*資料請求)--*/
header.main_header nav ul li:nth-last-child(-n+2) {
    /* background-color: #00a6f9; */
    /* color: #00a6f9; */
    /* border: 1px solid #00a6f9; */
}

header.main_header nav ul li:nth-last-child(-n+2) a {
    /* font-size: 14px; */
    /* padding: 3px 20px; */
    /* font-weight: 600; */
    /* width: 100%; */
    /* height: 100%; */
    /* display: block; */
}

header.main_header nav ul li:nth-last-child(-n+2):hover {
    /* background-color: #ffffff; */
}

header.main_header nav ul li:nth-last-child(-n+2):hover a {
    /* color: #00a6f9; */
}

header.main_header nav ul li:nth-last-child(-n+2) a span::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 5px;
    color: #ffffff;
}

.hd_nav_box {
    align-items: center;
}

.hd_contact_box {
    margin-left: 15px;
}

.hd_contact_box ul li a {
    font-size: 10px;
    color: #fff;
    background: -moz-linear-gradient(left, #00839e, #00aed2);
    background: -webkit-linear-gradient(left, #00839e, #00aed2);
    background: linear-gradient(to bottom left, #00839e, #00aed2);
    line-height: 35px;
    display: block;
    width: 130px;
    text-align: center;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: center;
    padding-right: 3px;
    letter-spacing: 0.06em;
}

/* .hd_contact_box ul li a.document {
    background: -moz-linear-gradient(left, #FF4478, #FFA300);
    background: -webkit-linear-gradient(left, #FF4478, #FFA300);
    background: linear-gradient(to bottom left, #FF4478, #FFA300);
} */

.hd_contact_box ul li+li a {
    margin-left: 8px;
}

/*--(ここまで)--*/

.main_sliderArea {
    position: relative;
    z-index: 2;
}

.main_sliderArea ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    position: relative;
    transition: .3s;
}

.main_sliderArea .bx-wrapper .bx-pager,
.main_sliderArea .bx-wrapper .bx-controls-auto {
    bottom: 30px;
    z-index: 2;
}

.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a.active:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #00a6f9;
    border-radius: 100%;
    position: absolute;
    left: -5px;
    top: -5px;
    transition: .3s;
}

.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_sliderArea .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #00a6f9;
}

.main_sliderArea .bx-wrapper {
    box-shadow: none;
    border: none;
    background: none;
    margin: 0;
}

.main_sliderArea .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
    width: auto;
    height: auto;
    padding: .5em 1em;
}

.main_sliderArea .bx-wrapper .bx-prev {
    padding-left: 1em;
    border-left: 1px solid;
}

.main_sliderArea .bx-wrapper .bx-next {
    padding-right: 1em;
    border-right: 1px solid;
}

.main_sliderArea .bx-viewport {
    height: calc(100vh - 150px) !important;
    min-height: 600px;
}

.main_sliderArea ul li {
    width: 100%;
    height: calc(100vh - 150px);
    min-height: 600px;
}

.main_sliderArea ul li video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_sliderArea ul li .name {
    background: rgba(0, 0, 0, 0.4);
    padding: 2em 7em;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 5;
}

.main_sliderArea ul li .name p.en {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 45px;
    letter-spacing: 3px;
    line-height: 1;
    margin-bottom: .5em
}

.main_sliderArea ul li .name h2 {
    font-size: 16px;
}

.main_sliderArea .infoArea {
    position: absolute;
    bottom: 0;
    z-index: 3;
    color: #fff;
    width: 100%;
    right: 35px;
    bottom: 30px;
}

.main_sliderArea .infoArea .inWrap {
    justify-content: flex-end;
}

.main_sliderArea .infoArea .box {
    max-width: 400px;
}

.main_sliderArea .infoArea h3 {
    /* text-align: right; */
    margin: 0;
    /* margin-bottom: .5em; */
    /* padding-bottom: 4px; */
    /* border-bottom: 1px solid; */
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 28px;
}

.main_sliderArea .infoArea dl {
    margin: 8px 0 0;
    /* background: url(/wp-content/uploads/2021/04/arrow.svg) no-repeat; */
    background-position: 100%;
    padding: 19px 0 15px;
    /* padding-right: 60px; */
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main_sliderArea .infoArea dl a {
    color: #fff;
    display: block;
    transition: .3s;
}

.main_sliderArea .infoArea dl a:hover {
    opacity: .7;
}

.main_sliderArea .infoArea dl dt {
    font-size: 14px;
    /* margin-bottom: .5em; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.7;
    margin: 5px 0 0;
}

.main_sliderArea .infoArea dl dd {
    font-size: 14px;
    margin: 0;
    /* text-align: right; */
}

.main_sliderArea .infoArea dl dd span {
    background: #00a6f9;
    line-height: 25px;
    display: inline-block;
    padding: 0 1em;
    margin-left: .5em;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
}

.main_sliderArea .arrow a {

    /*
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 40px solid transparent;
    border-left: 50px solid #ffffff;*/
    position: absolute;
    transform: rotate(90deg);
    margin: auto;
    bottom: 50px;
    left: 0;
    right: 0;
}


section.top_about_aqua {
    padding: 125px 0 410px;
    background-color: #e5e5e5;
    position: relative;
}

section.top_about_aqua .wrap {
    /* width: 1050px; */
}

section.top_about_aqua .title_wrap {
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 70px;
}

section.top_about_aqua .title_wrap p.en {
    font-size: 46px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: #e6e6e6;
    letter-spacing: .1em;
}

section.top_about_aqua p.main_text {
    font-size: 30px;
    line-height: 2;
    font-weight: 700;
    letter-spacing: .1em;
}

section.top_service {
    padding: 0;
    margin-top: -55px;
    position: relative;
    z-index: 500;
}

.page-id-286 section.top_service {
    margin: 100px 0;
}

section.top_service .title_wrap {
    align-items: flex-end;
    margin-bottom: 50px;
}

section.top_service .title_wrap h2 {
    font-size: 70px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .15em;
}

section.top_service .title_wrap p {
    font-size: 25px;
    font-weight: 700;
    margin-left: 1em;
}

section.top_service .service_subTitle {
    text-align: center;
}

section.top_service h3 {
    /* font-size: 20px; */
    /* margin-bottom: 2.5em; */
    /* text-align: center; */
    /* color: #fff; */
    /* line-height: 1.5; */
}

section.top_service h3 span {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 45px;
    display: block;
}

section.top_service h4 {
    font-size: 16px;
    margin-bottom: 1em;
    padding-left: 5.5em;
    color: #fff;
    position: relative;
    line-height: 1.5;
}

section.top_service h4 span {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 35px;
    display: block;
}

section.top_service h4:before {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: -20px;
    top: 32px;
}

section.top_service ul {
    /* background: #000; */
    /* padding: 3em 3em 5em 3em; */
    /* border-radius: 5px; */
    /* position: relative; */
}

section.top_service ul:before {
    /* content: ""; */
    display: block;
    width: 98%;
    height: 98%;
    border: 2px solid #fff;
    position: absolute;
    left: 1%;
    top: 1%;
    border-radius: 5px;
}

section.top_service ul li {
    width: 49.5%;
}

section.top_service ul li:last-child {
    margin-bottom: 0;
}

section.top_service ul li a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    color: #fff;
    padding: 0px 18px;
    height: 300px;
}

section.top_service ul li a:hover {
    /* box-shadow: 1px 1px 10px #333; */
    /* opacity: .9; */
}

/* section.top_service ul li a span {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 35px;
    margin-right: .5em;
} */

section.top_service ul li a:before {
    /* content: ""; */
    /* display: block; */
    /* width: 90px; */
    /* height: 90px; */
    /* background-size: contain!important; */
    /* background-position: center!important; */
    /* position: absolute; */
    /* left: 80px; */
    /* top: 34px; */
}

section.top_service ul li.presen a:before {
    background: url(/wp-content/uploads/2021/04/icon-presen.svg) no-repeat;
}

section.top_service ul li.a_graphic a:before {
    background: url(/wp-content/uploads/2021/04/icon-a_graphic.svg) no-repeat;
}

section.top_service ul li.game a:before {
    background: url(/wp-content/uploads/2021/04/icon-game.svg) no-repeat;
}

section.top_service ul li.digital a:before {
    background: url(/wp-content/uploads/2021/04/icon-digital.svg) no-repeat;
}

section.top_service ul li.marketing a:before {
    background: url(/wp-content/uploads/2021/04/icon-marketing.svg) no-repeat;
}

section.top_works {
    padding: 550px 0 180px;
    overflow: hidden;
    background-color: #d6d6d6;
    position: relative;
    margin-top: -330px;
}

section.top_works h2 {
    /* font-size: 75px; */
    /* text-align: center; */
    /* font-family: 'Oswald', sans-serif; */
    /* font-weight: 400; */
    /* letter-spacing: .1em; */
}

section.contactArea {
    background: url(/wp-content/uploads/2021/07/top_contact_bg.jpg) no-repeat;
    /* height: 400px; */
    background-attachment: fixed;
    text-align: center;
    /* padding-top: 100px; */
    color: #fff;
    position: relative;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
}

section.contactArea:before {
    content: "";
    background: rgba(0, 180, 216, 0.8);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

section.contactArea h2 {
    font-size: 40px;
    /* font-family: 'Oswald', sans-serif; */
    /* font-weight: 500; */
    letter-spacing: .06em;
    /* margin-bottom: 40px; */
}

section.contactArea ul li {
    width: 210px;
    margin: 0 12px;
}

section.contactArea ul li a {
    color: #fff;
    /* height: 120px; */
    /* background: rgba(0,0,0,0.3); */
    display: block;
    /* position: relative; */
    /* font-weight: 700; */
    /* transition: .3s; */
}

/* section.contactArea ul li a:hover {
    background: #000;
} */

section.contactArea ul li a {
    line-height: 50px;
    font-size: 14px;
    width: 100%;
    border: 1px solid #fff;
    text-align: right;
    padding-right: 38px;
    letter-spacing: 0.06em;
    background-position: center left 30px;
    background-repeat: no-repeat;
    background-size: 22px;
    font-weight: 400;
    transition: .3s;
}

section.contactArea ul li.mail a:before {
    /* content: ""; */
    /* display: block; */
    /* width: 25px; */
    /* height: 20px; */
    /* background: url(/wp-content/uploads/2021/04/icon-mail.svg) no-repeat; */
    /* background-size: contain; */
    /* background-position: center; */
    /* position: absolute; */
    /* left: 65px; */
    /* top: 50px; */
}

section.contactArea ul li a:hover {
    background-color: #fff;
    color: #00aed2;
    border-color: #00aed2;
}

section.contactArea ul li.tel a:before {
    content: "";
    display: block;
    width: 23px;
    height: 30px;
    background: url(/wp-content/uploads/2021/04/icon-tel.svg) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 50px;
    top: 61px;
}

section.contactArea ul li.file a:before {
    /* font-family: "Font Awesome 5 Free"; */
    /* content: '\f15c'; */
    font-weight: 900;
    position: absolute;
    left: 85px;
    top: 0;
    font-size: 25px;
}

section.contactArea ul li.tel a {
    font-size: 15px;
    padding-top: 20px;
}

section.contactArea ul li.tel a span {
    display: block;
    font-size: 38px;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    line-height: 1.5;
}

.common_navMenu {
    background: #000;
    padding: 0;
    color: #fff;
}

.common_navMenu a.pagetop {
    width: 70px;
    height: 70px;
    background: #00aed2;
    border-radius: 100%;
    color: #000;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #fff;
}

.common_navMenu a.pagetop i {
    font-size: 20px;
}

.common_navMenu .logoWrap {
    align-items: center;
    margin-bottom: 50px;
}

.common_navMenu .logo {
    margin-right: 50px;
}

.common_navMenu .logo img {
    width: 233px;
}

.common_navMenu .sns_logo ul li {
    margin-right: 20px;
    width: 30px;
}

.common_navMenu .sns_logo ul li img {
    width: 100%;
}

.common_navMenu .main_navArea {
    margin-bottom: 70px;
}

#navArea nav#bento_nav .main_navArea.var-nav {
    display: none;
}

footer .main_navArea.var-nav {
    display: none;
}

.common_navMenu .main_navArea ul {
    width: 21%;
}

.common_navMenu .main_navArea ul h3 {
    padding-left: 50px;
    font-size: 13px;
    position: relative;
    /* border-bottom: 1px solid; */
    padding: 7px 0 7px 40px;
    margin-bottom: 12px;
    letter-spacing: 0.06em;
}

.common_navMenu .main_navArea ul h3:before {
    font-size: 28px;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain !important;
    background-position: center !important;
    position: absolute;
    left: 0;
    top: 0;
    font-family: neuzeit-grotesk, sans-serif;
    line-height: 1;
}

.common_navMenu .main_navArea ul.movie h3:before {
    content: '06';
}

.common_navMenu .main_navArea ul.presen h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-presen-white.svg) no-repeat; */
    content: '05';
}

.common_navMenu .main_navArea ul.a_graphic h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-a_graphic-white.svg) no-repeat; */
    content: '01';
}

.common_navMenu .main_navArea ul.game h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-game-white.svg) no-repeat; */
    content: '04';
}

.common_navMenu .main_navArea ul.digital h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-digital-white.svg) no-repeat; */
    content: '02';
}

.common_navMenu .main_navArea ul.marketing h3:before {
    /* background: url(/wp-content/uploads/2021/04/icon-marketing-white.svg) no-repeat; */
    content: '03';
}

.common_navMenu .main_navArea ul.home h3:before {
    /* font-family: "Font Awesome 5 Free"; */
    /* content: "\f015"; */
    /* font-weight: 900; */
    /* color: #ffffff; */
    /* font-size: 28px; */
}

.common_navMenu .main_navArea ul.digital,
.common_navMenu .main_navArea ul.marketing,
.common_navMenu .main_navArea ul.home {
    /* margin-top: 30px; */
}


.common_navMenu .main_navArea ul li a {
    color: #fff;
    font-size: 12px;
    line-height: 2.2;
    transition: .3s;
}

.common_navMenu .main_navArea ul li a:hover {
    color: #00a6f9;
}

.common_navMenu .main_navArea ul li a:before {
    content: "-";
    margin-right: .5em;
}

.common_navMenu .sub_navArea {
    margin-bottom: 30px;
}

.common_navMenu .sub_navArea ul li a {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    transition: .3s;
}

.common_navMenu .sub_navArea ul li a:hover {
    color: #00a6f9;
}

.common_navMenu .sub_navArea ul li {
    margin-left: 2em;
}

.common_navMenu .sub_navArea ul li:first-child {
    margin-left: 0;
}

p.copyright {
    font-size: 18px;
    font-weight: 700;
    color: #666666;
    letter-spacing: .1em;
}

.bento-menu {
    width: 31.25px;
    height: 31.25px;
    position: fixed;
    right: 2%;
    top: 46px;
    transform: translateY(-50%);
    z-index: 99999;
    margin-top: 3px;
}

.bento-menu span {
    width: 6.75px;
    height: 6.75px;
    background: #fff;
    position: absolute;
    border-radius: 100%;
}

.bento-menu span:nth-child(1) {
    top: 0;
    left: 0;
    transition: .6s;
}

.bento-menu span:nth-child(2) {
    top: 0;
    left: 11px;
    transition: .6s;
}

.bento-menu span:nth-child(3) {
    top: 0;
    left: 21.875px;
    transition: .6s;
}

.bento-menu span:nth-child(4) {
    top: 11px;
    left: 0;
    transition: .6s;
}

.bento-menu span:nth-child(5) {
    top: 11px;
    left: 11px;
    transition: .6s;
}

.bento-menu span:nth-child(6) {
    top: 11px;
    left: 21.875px;
    transition: .6s;
}

.bento-menu span:nth-child(7) {
    top: 21.875px;
    left: 0;
    transition: .6s;
}

.bento-menu span:nth-child(8) {
    top: 21.875px;
    left: 11px;
    transition: .6s;
}

.bento-menu span:nth-child(9) {
    top: 21.875px;
    left: 21.875px;
    transition: .6s;
}

.open .bento-menu span:nth-child(1) {
    transform: translate(11px, 11px);
}

.open .bento-menu span:nth-child(3) {
    transform: translate(-11px, 11px);
}

.open .bento-menu span:nth-child(7) {
    transform: translate(11px, -11px);
}

.open .bento-menu span:nth-child(9) {
    transform: translate(-11px, -11px);
}

.open .bento-menu span:nth-child(2) {
    transform: rotate(180deg);
}

.open .bento-menu span:nth-child(4) {
    transform: rotate(180deg);
}

.open .bento-menu span:nth-child(6) {
    transform: rotate(-180deg);
}

.open .bento-menu span:nth-child(8) {
    transform: rotate(-180deg);
}

#navArea nav#bento_nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: -99999;
    opacity: 0;
}

#navArea.open nav#bento_nav {
    left: 0;
    z-index: 9999;
    opacity: 1;
}

#navArea nav#bento_nav .common_navMenu {
    opacity: 0;
    transition: 1s;
}

#navArea.open nav#bento_nav .common_navMenu {
    opacity: 1;
}

.pr_img {
    overflow: hidden;
    position: relative;
}

.pa_img {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
}


header.main_header.active {
    background-color: rgba(0, 0, 0, 0.3);
}

header.main_header nav ul li.home_list {
    width: 72px;
}

header.main_header nav ul li.works_list {
    width: 72px;
}

header.main_header nav ul li.news_list {
    width: 82px;
}

header.main_header nav ul li.blog_list {
    width: 89px;
}

header.main_header nav ul li.company_list {
    width: 98px;
}

header.main_header nav ul li.service_list {
    width: 101px;
}

header.main_header nav ul li.recruit_list {
    width: 101px;
}



/**追加CSS PC END**/

/* CT追加分(トップサービス) */
#top_service .message {
    font-size: 24px;
    letter-spacing: .04em;
    font-weight: bold;
    line-height: 1.9;
    margin-top: 15px;
}

/* CT追加分(固定ページ：サービス) */
.page_service_img {
    margin-bottom: 100px;
}

@media (max-width: 1299px) {

    .main_sliderArea_text_box h1 img {
        width: 550px;
    }

    .main_sliderArea_text_box p.en {
        font-size: 20px;
        letter-spacing: 0.2em;
        margin-right: -0.2em;
        margin-top: 18px;
        font-weight: 100;
    }

    .main_sliderArea .infoArea h3 {
        font-size: 22px;
    }

    .main_sliderArea .infoArea dl dd {
        font-size: 12px;
    }

    .main_sliderArea .infoArea dl dt {
        font-size: 12px;
    }

    header.main_header .fl_wrap {
        width: 1100px;
    }

    #sp_hdLogo {
        width: 170px;
    }

}

/**追加CSS SP START**/
@media (max-width: 750px) {

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    /*spmenu~*/
    .sp_hd {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 10000;
    }

    .sp_pr {
        position: relative;
    }

    .slicknav_menu .slicknav_menutxt {
        display: none !important;
    }

    .slicknav_menu .slicknav_icon {
        width: 100%;
        margin: 0;
    }

    .slicknav_menu .slicknav_icon-bar {
        width: 25px !important;
        height: 3px !important;
    }

    a.slicknav_btn {
        background: #fff;
        border-radius: 0px;
    }

    /*SPMENU kurukuru*/
    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:first-child {
        top: 5px;
        -moz-transform: rotate(405deg);
        -webkit-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        transform: rotate(405deg);
        position: absolute;
    }

    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(3) {
        top: 0.4px;
        -moz-transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        transform: rotate(-405deg);
        position: absolute;
    }

    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(2) {
        opacity: 0;
    }

    span.slicknav_icon-bar {
        transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
    }

    .slicknav_menu .slicknav_icon {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        position: relative;
    }

    /*kokomade*/
    .slicknav_menu .slicknav_menutxt {
        display: none;
    }

    .slicknav_menu {
        background-color: #fff;
    }

    a.slicknav_btn {
        margin: 12px 3px 3px 0px;
        padding: 0px 0 0 0px;
        height: 25px;
        width: 25px;
    }

    .slicknav_menu .slicknav_icon {
        height: 16px !important;
        display: block;
    }

    .slicknav_menu .slicknav_icon:after {
        display: block;
        font-size: 70%;
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
        margin: 0 auto;
    }

    .slicknav_nav a {
        color: #333 !important;
        display: inline-block;
        font-weight: bold;
        line-height: 2;
        width: 100%;
        text-align: left;
        margin: 0;
        letter-spacing: normal;
        font-size: 80%;
        border: solid #ccc;
        border-width: 0 0px 1px 0;
        line-height: 30px;
        background-image: url(../img/sp_yaji.png);
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: right 15px center;
        padding-left: 25px;
    }

    /*~spmenu*/
    .sp_hd_logo {
        position: absolute;
        width: 220px;
        top: 12.5px;
        left: 5px;
    }

    .sp_hd_tel {
        position: absolute;
        width: 20px;
        top: 12.5px;
        right: 5px;
    }

    .sp_hd_mail {
        position: absolute;
        width: 20px;
        top: 12.5px;
        right: 5px;
    }

    .wrap {
        max-width: 96%;
    }

    .wrap02 {
        max-width: 96%;
    }

    .bento-menu {
        top: 25px;
    }

    header.main_header .hd_logo img {
        width: 100px;
    }

    div#sp_hdLogo.none {
        display: none;
    }

    .main_sliderArea ul li .name {
        padding: 1em 2em;
        bottom: 80px;
    }

    .main_sliderArea ul li .name p.en {
        font-size: 6vw;
    }

    .main_sliderArea ul li .name h2 {
        font-size: 3.5vw;
    }

    .main_sliderArea .arrow::after {
        border: 25px solid transparent;
        border-left: 30px solid #ffffff;
        bottom: 95px;
        left: auto;
        right: 15%;
    }

    section.top_about_aqua {
        padding: 15vw 0 700px;
    }

    section.top_about_aqua .title_wrap {
        justify-content: center;
        margin-bottom: 10vw;
    }

    section.top_about_aqua .title_wrap h2 {
        width: 100%;
        text-align: center;
    }

    section.top_about_aqua .title_wrap h2 img {
        width: 40vw;
    }

    section.top_about_aqua .title_wrap p.en {
        font-size: 5vw;
    }

    section.top_about_aqua p.main_text {
        font-size: 4vw;
        text-align: center;
    }

    section.top_service {
        padding: 0;
        margin: -273px 0 0;
    }

    section.top_service .title_wrap {
        align-items: flex-end;
        margin-bottom: 50px;
    }

    section.top_service .title_wrap {
        justify-content: center;
    }

    section.top_service .title_wrap h2 {
        font-size: 8vw;
        margin-bottom: 5vw;
    }

    section.top_service .title_wrap p {
        font-size: 3.5vw;
        margin-left: 0;
    }

    section.top_service ul li {
        margin-bottom: 0;
        width: 100%;
    }

    section.top_service ul li a {
        padding: 12px 13px;
        /* background: #fff; */
        /* font-size: 3vw; */
        height: 50vw;
    }

    section.top_service ul li a span {
        /* font-size: 5vw; */
        /* margin-right: 0; */
        /* display: block; */
    }

    section.top_service ul li a:before {
        /* width: 13vw; */
        /* height: 13vw; */
        /* left: 4vw; */
        /* top: 6vw; */
    }

    section.top_works {
        padding: 28vw 0 40vw;
        margin: 0;
    }

    section.top_works h2 {
        /* font-size: 8vw; */
    }

    .top_works .jp_text {
        font-size: 14px;
        margin-top: 5px;
    }

    .top_works ul {
        display: block;
        overflow-x: auto;
        /* 横スクロールの指定 */
        white-space: nowrap;
        /* 横スクロールの指定 */
        overflow-scrolling: touch;
        /* スクロールを滑らかにする */
        -webkit-overflow-scrolling: touch;
        /* スクロールを滑らかにする */
    }

    .top_works ul li {
        display: inline-block;
        /* 横並びにする指定 */
        width: 70vw;
    }

    .top_works ul li .image {
        height: 40vw;
    }

    .top_works .tab-area {
        justify-content: space-between;
        margin-top: 7vw;
    }

    .top_works .tab-area .tab {
        width: 49%;
        line-height: 10vw;
        font-size: 4vw;
        margin-right: 0;
        margin-bottom: 2vw;
    }

    .top_works .tab-area .tab:last-child {
        width: 100%;
    }

    .top_works .tab-area .tab.active {
        width: 49%;
        line-height: 10vw;
    }

    .top_works .tab-area .tab.active:last-child {
        width: 100%;
    }

    a.common_moreBtn {
        font-size: 4vw;
        line-height: 12vw;
        width: 80%;
    }

    a.common_moreBtn:before {
        font-size: 10vw;
        top: 0;
    }

    section.top_company_recruit .wrap {
        margin-top: -5vw;
        padding-top: 10vw;
    }

    section.top_company_recruit h2 {
        font-size: 6vw;
    }

    section.top_company_recruit p {
        font-size: 3.2vw;
        margin-bottom: 10vw;
    }

    section.top_company_recruit ul li p.jp_text {
        margin-bottom: 3vw;
        margin-top: 3px;
    }

    section.top_company_recruit ul li {
        width: 100%;
        padding: 5vw 0;
    }

    section.top_company_recruit ul li h3 {
        font-size: 8vw;
    }

    section.top_company_recruit ul li:first-child {
        border-right: none;
        border-bottom: 1px solid #000;
    }

    section.top_company_recruit {
        padding-bottom: 15vw;
    }

    section.top_news {
        padding: 80px 0;
    }

    section.top_news .news_area a.common_moreBtn {
        position: relative;
    }

    section.top_news .title_wrap {
        /* margin-bottom: 10vw; */
        /* justify-content: center; */
        /* text-align: center; */
        position: relative;
        width: 100%;
    }

    section.top_news .title_wrap h2 {
        font-size: 4vw;
        margin-left: 8px;
        /* width: 100%; */
    }

    section.top_news .title_wrap p.en {
        font-size: 11vw;
        /* margin-bottom: 5vw; */
    }

    section.top_news .news_area {
        position: relative;
    }

    section.top_news .news_area ul {
        display: block;
        /* 横スクロールの指定 */
        /* 横スクロールの指定 */
        /* スクロールを滑らかにする */
        /* スクロールを滑らかにする */
        width: 100%;
        margin-top: 12px;
    }

    section.top_news .news_area ul li {
        display: inline-block;
        /* 横並びにする指定 */
        width: 100%;
        white-space: initial;
    }

    section.top_news .blog_area aside {
        width: 100%;
        margin-bottom: 5vw;
    }

    section.top_news .blog_area aside ul {
        display: block;
        overflow-x: auto;
        /* 横スクロールの指定 */
        white-space: nowrap;
        /* 横スクロールの指定 */
        overflow-scrolling: touch;
        /* スクロールを滑らかにする */
        -webkit-overflow-scrolling: touch;
        /* スクロールを滑らかにする */
    }

    section.top_news .blog_area aside li.tab {
        display: inline-block;
        /* 横並びにする指定 */
        width: 60vw;
        line-height: 10vw;
        font-size: 4vw;
    }

    section.top_news .blog_area aside ul li.active {
        line-height: 10vw;
    }

    section.top_news .blog_area .postArea ul li {
        margin-bottom: 4vw;
    }

    section.top_news .blog_area .postArea ul li .image {
        width: 40vw;
        height: 30vw;
    }

    section.top_news .blog_area .postArea ul li .textArea {
        width: calc(100% - 40vw);
        padding-left: 1em;
    }

    section.top_news .blog_area .postArea ul li .textArea h3 {
        font-size: 4vw;
        margin-top: 2vw;
        margin-bottom: .5em;
    }

    section.top_news .blog_area .postArea ul li .textArea p {
        font-size: 3.2vw;
    }

    .top_news .content-area .content a.common_moreBtn {
        margin: 0 auto;
    }

    section.contactArea {
        /* height: auto; */
        /* background-attachment: unset; */
        /* background-position: center; */
        /* background-size: cover; */
        padding: 55px 0;
    }

    section.contactArea h2 {
        font-size: 11vw;
        /* margin-bottom: 5vw; */
    }

    section.contactArea ul li {
        /* width: 100%; */
        /* margin-bottom: 4vw; */
    }

    section.contactArea ul li a {
        /* height: auto; */
        /* line-height: 2; */
        /* height: 20vw; */
    }

    section.contactArea ul li.mail a,
    section.contactArea ul li.file a {
        /* line-height: 20vw; */
        /* font-size: 5vw; */
    }

    section.contactArea ul li.mail a:before {
        width: 7vw;
        height: 5vw;
        left: 13vw;
        top: 8vw;
    }

    section.contactArea ul li.file a:before {
        left: 18vw;
    }

    section.contactArea ul li.tel a:before {
        width: 5vw;
        height: 7vw;
        left: 19vw;
        top: 10vw;
    }

    section.contactArea ul li:last-child {
        margin-bottom: 0;
    }

    section.contactArea ul li.tel a {
        font-size: 3.2vw;
        padding-top: 2vw;
    }

    section.contactArea ul li.tel a span {
        font-size: 7vw;
    }

    .common_navMenu {
        padding: 0;
    }

    #navArea nav#bento_nav .common_navMenu {
        height: 100vh;
        display: flex;
    }

    .common_navMenu .logoWrap {
        margin-bottom: 10vw;
    }

    .common_navMenu .logo {
        margin-bottom: 5vw;
    }

    .common_navMenu .logo img {
        width: 71.5vw;
        margin: 0;
    }

    .common_navMenu .sns_logo {
        width: 100%;
    }

    .common_navMenu .sns_logo ul li {
        margin: 0 3vw;
    }

    .common_navMenu .sub_navArea ul {
        justify-content: space-around;
    }

    .common_navMenu .sub_navArea ul li a {
        font-size: 4vw;
    }

    .common_navMenu .sub_navArea ul li {
        margin-left: 0;
        margin: 1%;
    }

    .common_navMenu .sub_navArea ul li:first-child {
        margin-left: 0;
    }

    p.copyright {
        text-align: center;
        font-size: 4vw;
    }

    .top_works .content-area .content.show {
        margin-top: 5vw;
    }

    section.top_news .news_area ul li .image {
        height: 40vw;
    }

    section.top_news .news_area ul li .textArea h3 {
        font-size: 4vw;
        margin-bottom: .5em;
    }

    section.top_news .news_area ul li .textArea p {
        font-size: 3.2vw;
    }

    section.top_news .blog_area aside h3 {
        text-align: center;
        font-size: 6vw;
    }

    .top_works ul li .textArea {
        background: none;
        position: static;
        padding: 2vw;
        opacity: 1;
    }

    .top_works ul li a {
        color: #000;
    }

    .top_works ul li .textArea dl {
        position: static;
    }

    ul.works_archive_list li {
        width: 100%;
        margin-bottom: 15vw;
    }

    ul.works_archive_list li .image {
        height: 50vw;
    }

    ul.works_archive_list li .textArea h3 {
        font-size: 3.2vw;
        margin-bottom: .1em;
    }

    ul.works_archive_list li .textArea p {
        font-size: 3.5vw;
    }

    ul.works_archive_list li a {
        color: #000;
    }

    ul.works_archive_list li .textArea dl {
        position: static;
    }

    section.top_service ul:before {
        width: 96%;
        left: 2%;
    }

    section.top_service h3 {
        font-size: 3.5vw;
    }

    section.top_service h3 span {
        font-size: 7vw;
    }

    section.top_service h4 {
        font-size: 3vw;
        padding-left: 3.5em;
    }

    section.top_service h4 span {
        font-size: 6vw;
    }

    section.top_service h4:before {
        width: 8vw;
        top: 5vw;
        left: -3.1vw;
        height: 2px;
    }

    section.top_service ul {
        padding: 0;
    }

    section.top_news .blog_area .postArea ul li .textArea p.contents {
        display: none;
    }

    body {
        min-width: unset;
    }

    section.editor_page {
        /* padding-top: 20vw; */
    }

    .common_navMenu .main_navArea ul {
        width: 100%;
    }


    footer .common_navMenu .main_navArea ul {
        /* margin-bottom: 10vw; */
    }

    .common_navMenu .main_navArea {
        margin-bottom: 0;
    }

    .common_navMenu .main_navArea ul.digital,
    .common_navMenu .main_navArea ul.marketing,
    .common_navMenu .main_navArea ul.home {
        margin-top: 0;
    }

    .common_navMenu .main_navArea ul {
        /* margin-bottom: 5vw; */
    }

    #navArea nav#bento_nav .common_navMenu .main_navArea ul h3:after {
        content: "+";
        position: absolute;
        right: 0;
        top: -2vw;
        font-size: 6vw;
    }

    .common_navMenu .main_navArea ul h3 {
        /* margin-bottom: 3vw; */
        /* position: relative; */
        font-size: 4.5vw;
        padding: 0 0 0 15vw;
        line-height: 8vw;
        letter-spacing: 0;
        border-bottom: 1px solid;
    }

    .common_navMenu .main_navArea ul h3:after {
        content: "";
        font-family: "Font Awesome 5 Free";
        content: "\f078";
        font-weight: 900;
        position: absolute;
        right: 10px;
        top: 0;
    }

    .common_navMenu .main_navArea ul h3.nowOpen:after {
        transform: rotate(180deg);
    }

    .common_navMenu .main_navArea ul h3:before {
        /* width: 7vw; */
        /* height: 7vw; */
        /* top: -1vw; */
        font-size: 8vw;
    }

    .common_navMenu .main_navArea ul.home h3:before {
        font-size: 7vw;
    }

    .common_navMenu .main_navArea ul li a {
        font-size: 4vw;
        font-weight: 400;
    }

    .common_navMenu p.closeBtnHat {
        display: none;
    }

    .main_sliderArea .bx-viewport {
        /* height: 100vw!important; */
    }

    .main_sliderArea ul li {
        width: 100%;
        min-height: unset;
    }

    #navArea nav#bento_nav .main_navArea.var-nav {
        display: block;
    }

    #navArea nav#bento_nav .main_navArea.var-footer {
        display: none;
    }

    .wp-pagenavi {
        padding: 10vw 0;
    }

    /* リニューアルSPここから */

    body.home {
        min-width: auto;
    }

    .main_sliderArea p.copyright {
        display: none;
    }

    .main_sliderArea_text_box p.en {
        font-size: 5vw;
        letter-spacing: 0.32em;
        line-height: 1.9;
    }

    .main_sliderArea .infoArea h3 {
        font-size: 20px;
    }

    .main_sliderArea .infoArea {
        bottom: 65px;
        right: 0;
        width: 92%;
        left: 0;
        margin: auto;
    }

    .main_sliderArea_text_box {
        width: 92%;
        top: -250px;
    }

    .main_sliderArea .infoArea dl {
        padding: 12px 0;
        margin-top: 1px;
    }

    .main_sliderArea .infoArea dl dt {
        font-size: 12px;
        letter-spacing: 0.06em;
        line-height: 2;
    }

    .mainVisual_arrow {
        height: 80px;
        bottom: -40px;
    }

    .mainVisual_arrow::before,
    .mainVisual_arrow::after {
        height: 40px;
    }

    .news_btn_box {
        width: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .news_btn_box .common_top_btn {
        margin-top: 0;
        line-height: 30px;
    }

    .common_top_btn {
        font-size: 4.7vw;
        width: 38vw;
    }

    section#jump_news {
        padding-top: 100px;
    }

    section.top_news .news_area ul li a p.ttl {
        width: 100%;
        padding-right: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: inherit;
        line-height: 1.9;
        margin-top: 8px;
    }

    section.top_news .news_area ul li a {
        padding: 12px 35px 12px 0px;
    }

    .common_top_h2_box p.en {
        font-size: 15vw;
        letter-spacing: 0.04em;
    }

    .common_top_h2_box h2 {
        width: 100%;
        margin: -5px 0 0;
        letter-spacing: 0.08em;
    }

    .common_top_h2_box::before {
        left: 9vw;
    }

    .common_top_h2_box {
        padding-bottom: 80px;
    }

    .top_about_aqua_text_box {
        width: 100%;
    }

    .top_about_aqua_text_box p.message {
        font-size: 5.3vw;
    }

    .top_about_aqua_text_box a.common_top_btn {
        margin-top: 32px;
    }

    section.top_about_aqua::after {
        right: auto;
        left: 0;
        width: 82vw;
        top: 27vw;
        height: 500px;
    }

    section.top_about_aqua::before {
        left: auto;
        right: 0;
        width: 82vw;
        height: 230px;
        top: 142vw;
    }

    section.top_about_aqua .grey_bg {
        right: auto;
        width: 54vw;
        height: 150px;
        top: 182vw;
        left: 20px;
    }

    section.top_service ul li:nth-child(n + 3) {
        margin-top: 0;
    }

    section.top_service ul li a::before {
        background-color: rgba(0, 0, 0, 0.6);
    }

    section.top_service ul li a:hover::before {
        background-color: rgba(0, 0, 0, 0.6);
    }

    section.top_service ul li a .ttl_box p.num {
        font-size: 35px;
        line-height: 1;
    }

    section.top_service ul li a .ttl_box h3 {
        font-size: 20px;
        letter-spacing: 0.15em;
        width: calc(100% - 50px);
        margin-top: 3px;
        padding-bottom: 6px;
    }

    section.top_service ul li a p.text {
        font-size: 13px;
        margin-top: 5px;
    }

    section.top_service ul li:nth-child(n + 2) {
        margin-top: 10px;
    }

    section.top_service ul li a .common_top_btn {
        font-size: 14px;
    }

    section.top_service ul li a .ttl_box {
        align-items: flex-start;
    }

    section.top_service ul li a .ttl_box h3::before {
        bottom: auto;
        top: 13px;
    }

    .common_top_h2_box.center h2 {
        margin-top: -5px;
        text-align: left;
    }

    .common_top_h2_box.center {
        display: flex;
        text-align: left;
    }

    .common_top_h2_box.center::before {
        right: auto;
        left: 30px;
    }

    .blog_btn_box {
        right: 0;
        position: absolute;
        bottom: 0;
    }

    .blog_area .contents .content ul li {
        width: 100%;
    }

    .blog_area .contents {
        width: 100%;
        padding-top: 0;
        margin-top: 33px;
    }

    .blog_area .contents .content ul li a .image {
        height: 172px;
    }

    .blog_area .contents .content ul li a .text_box p.cat {
        margin-right: 8px;
    }

    .blog_area .contents .content ul li+li {
        margin-left: 0px;
        margin-top: 40px;
    }

    section.contactArea ul li+li {
        margin-top: 15px;
    }

    .common_navMenu .main_navArea ul:nth-child(n + 5) {
        margin-top: 0;
    }

    .common_navMenu .main_navArea ul.movie {
        margin-right: 0;
    }

    .common_navMenu .main_navArea ul:nth-child(5) {
        width: 100%;
    }

    .common_navMenu .main_navArea nav ul+ul {
        margin-top: 40px !important;
    }

    .common_navMenu .main_navArea ul.home h3 {
        font-size: 4.5vw;
    }

    footer p.copyright {
        margin-top: 85px;
    }

    .top_works_slider li[aria-hidden="false"]+li[aria-hidden="true"] {
        margin-left: 0 !important;
    }

    .top_works_slider li[aria-hidden="true"]+li[aria-hidden="true"] {
        margin-right: 20px !important;
    }

    .top_works_slider li[aria-hidden="true"] {
        height: auto;
    }

    .top_works_slider li[aria-hidden="true"] .img {
        position: static;
    }

    .top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-next {
        right: -70px;
        left: 0;
        margin: auto;
    }

    .top_works_slider_box .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -70px;
        right: 0;
        margin: auto;
    }

    .top_works_slider_box .bx-wrapper .bx-controls-direction a {
        top: auto;
        bottom: -65px;
    }

    section.top_works .common_top_btn {
        margin-top: 90px;
    }

    section.top_works::before {
        border-width: 145vw 100vw 0 0;
    }

    section.top_works::after {
        border-width: 0 0 54vw 40vw;
    }

    #sp_menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        /* z-index: 10000; */
    }

    #sp_menu.active {
        z-index: 10000;
        height: 100vh;
    }

    #sp_menu .logo {
        width: 130px;
        position: absolute;
        top: 6px;
        left: 6px;
        z-index: 100;
    }

    #sp_humberger_btn {
        position: fixed;
        top: 12px;
        right: 12px;
        width: 20px;
        height: 14px;
        display: block;
        cursor: pointer;
        z-index: 100;
        z-index: 100000;
    }

    #sp_humberger_btn span.line {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff;
        transition: 0.3s;
    }

    #sp_humberger_btn span.line+span.line {
        margin-top: 5px;
    }

    #sp_humberger_menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
        background-color: #000;
        padding: 70px 11% 0;
    }

    #sp_humberger_menu.active {
        visibility: visible;
        opacity: 1;
    }

    .sp_humberger_menu_cont {
        height: 100%;
    }

    .sp_humberger_menu_cont ul li a {
        color: #fff;
        font-size: 22px;
        letter-spacing: 0.04em;
    }

    .sp_humberger_menu_cont ul li {
        width: 50%;
    }

    .sp_humberger_menu_cont .btn_box {
        margin-top: 25px;
    }

    .sp_humberger_menu_cont .btn_box ul li a {
        display: block;
        background-color: #00aed2;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.04em;
        text-align: center;
        width: 175px;
        padding-left: 20px;
        background-position: center left 15px;
        background-repeat: no-repeat;
        background-size: 17px;
        line-height: 30px;
    }

    .sp_humberger_menu_cont .btn_box ul li+li {
        margin-top: 10px;
    }

    .sp_humberger_menu_cont ul li:nth-child(n + 3) {
        margin-top: 16px;
    }

    .sp_humberger_menu_cont .btn_box ul li a.contact {
        background-image: url(/wp-content/uploads/2021/07/icon_mail_white.svg);
    }

    .sp_humberger_menu_cont .btn_box ul li a.document {
        background-image: url(/wp-content/uploads/2021/07/icon_document_white.svg);
    }

    .sp_humberger_menu_cont .btn_box ul li a.partner {
        background-image: url(/wp-content/uploads/2021/09/icon_partner_white.svg);
    }

    .sp_humberger_menu_cont .btn_box ul li a.seminar {
        background-image: url(/wp-content/uploads/2022/02/icon_seminar_white.svg);
    }

    #sp_humberger_btn.active span.line:nth-child(1) {
        transform: rotate(31deg);
        transform-origin: left;
        width: 24px;
    }

    #sp_humberger_btn.active span.line:nth-child(3) {
        transform-origin: left;
        transform: rotate(-31deg);
        width: 24px;
    }

    #sp_humberger_btn.active span.line:nth-child(2) {
        visibility: hidden;
        opacity: 0;
    }

    .sp_menu_hd::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 39px;
        background-color: rgba(0, 0, 0, 0.5);
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .sp_menu_hd.active::before {
        visibility: visible;
        opacity: 1;
        z-index: 100;
    }

    section.top_works.page {
        padding: 0 0 20vw;
    }

    .sp_menu_logo {
        position: fixed;
        top: 7px;
        left: 0;
        z-index: 100000;
        width: 130px;
    }

    .top_works ul li .img {
        height: 190px;
    }

    .item_num_4 {
        margin: 0;
    }

    .item_num_4 li:nth-child(n + 3) {
        margin: 10px 0 0 !important;
    }

    /* リニューアルSPここまで */

    header.iclp_header_sp {
        background: #000;
        border-bottom: 1px solid #666;
        position: fixed;
        height: 60px;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }

    p.sp_logo {
        position: absolute;
        width: 90px;
        left: 5vw;
        line-height: 0;
        top: 17.5px;
    }

    .sp_menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0vh;
        overflow: hidden;
        transition: .2s;
    }

    .sp_menu.active {
        height: 100vh;
        background: #fff;
        z-index: 100;
        padding-top: 60px;
    }

    .sp_barger.active p {
        background: #000;
    }

    .sp_menu_content {
        text-align: center;
        border-top: 1px solid #666666;
    }

    .sp_menu_content .text {
        padding: 25px 5vw;
    }

    .sp_menu_a a {
        text-decoration: underline;
        line-height: 4;
    }

    .sp_menu_copy {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        background: #000;
        color: #fff;
        line-height: 40px;
    }

    .sp_barger {
        position: absolute;
        right: 5vw;
        top: 19px;
        cursor: pointer;
        z-index: 150;
    }

    .sp_barger p {
        width: 25px;
        height: 2px;
        background: #fff;
        border-radius: 7px;
        transition: .2s;
    }

    .sp_barger p+p {
        margin-top: 8px;
    }

    .sp_barger.active p:nth-child(2) {
        opacity: 0;
    }

    .sp_barger.active p:nth-child(1) {
        transform: rotate(45deg);
        position: absolute;
        top: 10px;
        bottom: 0;
        margin: auto;
    }

    .sp_barger.active p:nth-child(3) {
        transform: rotate(-45deg);
        position: absolute;
        top: 10px;
        bottom: 0;
        margin: auto;
    }

    .main_sliderArea {
        /* margin-bottom: 70vw; */
    }

    .main_sliderArea .link_banner {
        left: 0;
        bottom: -120vw;
        width: 100%;
        background: none;
    }

    section.top_banner {
        padding-top: 20vw;
    }

    ul.top_banner_ul.flex-sb li {
        height: auto;
        margin-bottom: 20px;
    }

    section#jump_news {
        padding-top: 0px;
    }

    ul.top_banner_ul.flex-sb li img {
        height: auto;
    }

    section#jump_news .banner_area {
        margin-bottom: 15vw;
    }

    section#jump_news .banner_area .pc{
        display: none !important;
    }

    .main_sliderArea_text_box h1 {
        font-size: 6vw;
        line-height: 1.5;
    }

    .bannerArea_list ul li {
        width: 100%;
    }

    .bannerArea_list ul li + li {
        margin-top: 16px;
    }

    section.bannerArea {
        padding: 40px 0;
    }

    .bannerArea_list ul {
        flex-direction: column;
        align-items: center;
    }

    /**追加CSS SP END**/

    /* CT追加分(トップサービス) */
    #top_service .message {
        font-size: 5.3vw;
    }

    /* CT追加分(固定ページ：サービス) */
    .page_service_img {
        margin-bottom: 15vw;
    }

    /* セミナーページ追従 */

    .sp_seminar_link {
        width: 70vw;
        position: fixed;
        left: 20px;
        bottom: 20px;
        z-index: 100000;
        transition: .5s;
    }

    /*フッターまでスクロールしたら消す*/
    .sp_seminar_link.is-hidden {
        visibility: hidden;
        opacity: 0;
    }

    .sp_seminar_link a {
        font-size: 3.8vw;
        color: #fff !important;
        background: -moz-linear-gradient(left, rgba(247, 93, 139, 1), rgba(254, 220, 64, 1));
        background: -webkit-linear-gradient(left, rgba(247, 93, 139, 1), rgba(254, 220, 64, 1));
        background: linear-gradient(to bottom left, rgba(247, 93, 139, 1), rgba(254, 220, 64, 1));
        line-height: 15vw;
        display: flex;
        text-align: center;
        display: flex;
        text-align: right;
        align-items: center;
        justify-content: center;
        padding-right: 3px;
        letter-spacing: 0.06em;
        border-radius: 7.5vw;
    }

    .sp_seminar_link a::before {
        width: 5vw;
        height: 5vw;
        content: '';
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 7px;
        background-image: url(/wp-content/uploads/2021/07/icon_mail_white.svg);
    }

    .sp_seminar_link a:focus,
    .sp_seminar_link a:active {
        text-decoration: none;
    }

}