@charset "utf-8";
/*
Theme Name: Jiken career Web_202404
Description: [PC]グループ研究開発本部（次世代システム研究室）サイト
Author: gmo jisedai
Version: 1.2.2
*/

/*
  HTML5 Reset :: style.css
  
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul,
li,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#globalNav ul,
#globalNav ul li,
#aside ul,
#aside ul li,
#head01 ul,
#head01 ul li {
  padding: 0;
}
#globalNav ul,
#footer ul,
#head01 ul,
.top_contents ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
a:hover,
a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type="button"],
input[type="submit"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* 
reset.css add 201001
-------------------------------------------------------------------------------*/
body {
  line-height: 1;
}
img,
picture {
  max-width: 100%;
  vertical-align: middle;
}
/* iOS style reset */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* reset.css add end
-------------------------------------------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ,
    Osaka, "MS PGothic", Arial, helvetica, sans-serif;
  line-height: 1.6;
  font-display: swap;
}

body,
select,
input,
textarea {
  color: #000;
}

a {
  text-decoration: none;
  color: #005bac;
}

a:hover {
  color: #69f;
}

::selection {
  background: #69f;
  color: #fff;
  text-shadow: none;
}

a:link {
  -webkit-tap-highlight-color: #69f;
}

ins {
  background-color: #69f;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #69f;
  color: #000;
  font-weight: bold;
  font-style: italic;
}

/* HTML5 Reset end
-------------------------------------------------------------------------------*/
strong {
  font-weight: bold;
}

.nomargin {
  margin: 0 !important;
}

.noborder {
  border: 0 !important;
}

.alignleft {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.clearboth {
  clear: both;
}

.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

img.alignleft,
.floatleft {
  float: left;
  margin: 0 10px 10px 0;
}

img.alignright,
.floatright {
  float: right;
  margin: 0 0 10px 10px;
}

/* common
-------------------------------------------------------------------------------*/
ol.decimal li,
ul.decimal li {
  list-style-type: decimal;
}

#l-Container {
  margin-top: 66px;
  margin-bottom: 88px;
}

#l-Container--home {
  margin-top: 66px;
}

#l-Title {
  position: relative;
  border-bottom: 12px solid #f2f2f4;
  background: url("https://www.gmo-jisedai.com/wp-content/uploads/ttl-bg-scaled.jpg") no-repeat;
  background-position: top;
  background-size: cover;
}

#l-Title::before {
  position: absolute;
  width: 100%;
  height: 6px;
  background: #005bac;
  background-image: linear-gradient(to right, #005bac 50%, #00bcd4);
  content: "";
}

#l-Title h1 {
  width: min(960px, 100%);
  margin: 0 auto;
  padding: 28px 0;
  color: #005bac;
  font-size: 3.2rem;
}

#l-SubTitle h1,
#l-SubTitle h2 {
  padding: 0 0 24px;
  font-size: 2.6rem;
}
#l-Inner {
  display: flex;
  justify-content: space-between;
  width: min(960px, 100%);
  margin: 0 auto;
  padding-top: 32px;
  flex-wrap: wrap;
}

#l-Blog {
  width: 660px;
}

#l-SideBar {
  width: 250px;
}
/* header
------------------------------------------------------------*/
#Header {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  margin-bottom: 2px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.c-Header {
  display: flex;
  justify-content: space-between;
  width: min(100%, 1200px);
  margin: 30px auto 0;
  padding: 10px 40px;
}

.c-Header .logo {
  font-size: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-Header .logo > a:hover {
  display: block;
  position: relative;
  width: 100%;
}

.c-Header .logo > a:hover::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  content: "";
}

.c-Header .logo img {
  height: auto;
}

.c-Header nav {
  display: flex;
  align-items: center;
}

.c-HeaderNav {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}

.c-HeaderNav li a {
  display: block;
  position: relative;
  padding: 8px 0;
  color: #000;
  text-decoration: none;
}

.c-HeaderNav li a::after {
  display: block;
  position: absolute;
  bottom: -4px;
  width: 0;
  border-bottom: solid 3px #005bac;
  content: "";
  transition: all 0.2s ease;
}

.c-HeaderNav li a:hover::after {
  width: 100%;
}

.c-HeaderNav li a:hover {
  color: #005bac;
}

.c-HeaderNav li.j-current a {
  color: #005bac;
  font-weight: 700;
}

/* footer
------------------------------------------------------------*/
#Footer {
  border-top: 1px solid #eaeaea;
}

.c-Footer--bg {
  background: #f9f9fb;
}

.c-Footer__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 280px;
  column-gap: 32px;
  width: min(960px, 100%);
  margin: 0 auto;
  padding: 40px 24px;
}

.c-FooterMenu > li + li {
  margin-top: 12px;
}

.c-FooterMenu li a {
  font-size: 1.3rem;
  color: #5a5858;
}

.c-FooterMenu li a:hover,
.c-FooterInfo a:hover {
  color: #005bac;
}

.c-FooterInfo {
  margin-left: auto;
}

.c-FooterInfo a {
  color: #000;
  display: block;
}
.c-FooterInfo a + a {
  margin-top: 20px;
}

.c-FooterInfo a:hover img {
  opacity: 0.8;
}

.c-FooterInfo__img img {
  width: 100%;
  height: auto;
}
.c-FooterInfo__img--border {
  width: 100%;
  height: auto;
  border: 1px solid #dddddd;
}

.c-FooterInfo__detail {
  display: flex;
  align-items: center;
  border: 2px solid #eaeaea;
  background: #fff;
  padding: 12px 16px;
}

.c-FooterInfo p {
  margin-left: 12px;
}

.c-Footer__copy {
  padding: 8px;
  background: #005bac;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}

/* Scroll Top 
------------------------------------------------------------*/
#j-page-top {
  z-index: 99;
  position: fixed;
  right: 16px;
  bottom: 20px;
}

#j-page-top a {
  display: inline-block;
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 27px;
  background: #000;
  color: #fff;
  opacity: 0.6;
}

#j-page-top a::after {
  position: absolute;
  top: 54%;
  left: 50%;
  width: 18px;
  height: 18px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  content: "";
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Contents
------------------------------------------------------------*/
#mainIMG {
  width: 100%;
  margin: 0 auto;
  background: #000;
  text-align: center;
}

#main {
  margin: 20px auto 20px;
}

#container {
  position: relative;
  width: 970px;
  margin: 68px auto 0;
}

/* wp-pager
------------------------------------------------------------*/
.wp-pagenavi {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi .page,
.wp-pagenavi .first,
.wp-pagenavi .current,
.wp-pagenavi .last {
  display: inline-block;
  margin: 4px;
  padding: 8px 16px;
  border: 1px solid #ccc;
  text-decoration: none;
}

.wp-pagenavi .first {
  margin-right: 40px;
}

.wp-pagenavi .last {
  margin-left: 40px;
}

.wp-pagenavi .current {
  background: #ccc;
  color: #fff;
}

.wp-pagenavi .extend {
  padding: 8px;
  color: #5a5858;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  display: inline-block;
  position: relative;
  margin: 4px;
  padding: 8px 36px;
  border: 1px solid #ccc;
  text-decoration: none;
}

.wp-pagenavi .previouspostslink::before {
  position: absolute;
  top: 52%;
  left: 12px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #005bac;
  border-left: 1px solid #005bac;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}

.wp-pagenavi .nextpostslink::before {
  position: absolute;
  top: 52%;
  right: 12px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #005bac;
  border-right: 1px solid #005bac;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}

.wp-pagenavi a {
  transition: all 0.2s;
}

.wp-pagenavi a:hover {
  border-color: #005bac;
  color: #005bac;
}

.search-everything-highlight-color {
  background-color: #fff !important;
}

/* icon 
------------------------------------------------------------*/
.icon-exLink {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 8px;
  margin-left: 4px;
  border-bottom: solid 1px #005bac;
  border-left: solid 1px #005bac;
}

.icon-exLink::after {
  display: block;
  position: absolute;
  bottom: 2px;
  left: 2px;
  width: 10px;
  height: 8px;
  border: solid 1px #005bac;
  content: "";
}

.icon-exLink i::before {
  display: block;
  position: absolute;
  content: "";
}

a:hover .icon-exLink,
a:hover .icon-exLink::after {
  border-color: #69f;
}

/*icon-color変更*/
.Btn--exLink .icon-exLink,
.Btn--exLink .icon-exLink::after {
  border-color: #fff;
}

.Btn--exLink a:hover .icon-exLink,
.Btn--exLink a:hover .icon-exLink::after {
  border-color: #fff;
}
.c-FooterMenu .icon-exLink {
  border-color: #5a5858;
}
.c-FooterMenu .icon-exLink::after {
  border-color: #5a5858;
}

.c-FooterMenu a:hover .icon-exLink,
.c-FooterMenu a:hover .icon-exLink::after {
  border-color: #005bac;
}
/* Compornent 
------------------------------------------------------------*/
.c-Section__inner {
  width: min(960px, 100%);
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 80px;
}

.c-Section__inner h2 {
  margin-bottom: 32px;
  text-align: center;
  font-size: 2.6rem;
}

/*Btn*/
.Btn {
  width: 340px;
  height: 64px;
  margin: 0 auto;
  background: #005bac;
  text-align: center;
  font-size: 1.8rem;
}

.Btn > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  line-height: 64px;
}

.Btn > a::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transform: rotate(45deg);
}

.Btn > a > p {
  font-size: 1.8rem;
}

.Btn.Btn--exLink > a::after {
  display: none;
}

.Btn > a:hover {
  background: #00bcd4;
  transition: all 0.15s;
}

/*Btn--navy*/
.Btn--navy {
  width: 340px;
  height: 64px;
  margin: 32px auto 0;
  background: #08134d;
  text-align: center;
  font-size: 1.8rem;
}

.Btn--navy > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  line-height: 64px;
}

.Btn--navy > a::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transform: rotate(45deg);
}

.Btn--navy > a > p {
  font-size: 1.8rem;
}

.Btn--navy.Btn--exLink > a::after {
  display: none;
}

.Btn--navy > a:hover {
  background: #253898;
  transition: all 0.15s;
}

/*Btn--white*/
.Btn--white {
  width: 340px;
  height: 64px;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  font-size: 1.8rem;
  border: 1px solid #005bac;
}

.Btn--white > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #005bac;
  text-decoration: none;
  line-height: 64px;
}

.Btn--white > a::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  content: "";
  transform: rotate(45deg);
}
.Btn--white > a:hover {
  background: #005bac;
  color: #fff;
}
.Btn--white > a:hover::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.bg-gray {
  background: #f2f2f4;
}

.bg-blue-light {
  background-color: rgba(0, 91, 172, 0.4);
}
.bg-blue-pale {
  background-color: rgba(0, 91, 172, 0.15);
}
.bg-navy-light {
  background-color: #dadae6;
}

/* Blog
------------------------------------------------------------*/
/* blog side*/
.c-SideMenu + .c-SideMenu {
  margin-top: 24px;
}
.c-SideMenu .c-AsideLink:not(first-child) {
  margin-bottom: 8px;
}
.c-SideBnr a {
  display: block;
  position: relative;
}
.c-SideBnr a:hover::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
}
.c-SideBnr + .c-SideBnr {
  margin-top: 16px;
}
.c-AsideLink a {
  border: 1px solid #eaeaea;
  display: block;
  width: 100%;
  padding: 4px 8px;
  color: #000;
  position: relative;
  transition: all 0.2s;
}

.c-AsideLink a:hover {
  border: 1px solid #005bac;
  color: #005bac;
}

.c-AsideLink a::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  content: "";
  transform: rotate(45deg);
  transition: all 0.2s;
}

.c-AsideLink a:hover {
  border: 1px solid #005bac;
}

.c-AsideLink a:hover::after {
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
}

.c-AsideLink__icon {
  margin-right: 8px;
}
/*SideMenu widget*/
.c-SideMenu .widget-container {
  margin-bottom: 24px;
  border: 1px solid #eaeaea;
}

.c-SideMenu .widget-title {
  padding: 12px 16px;
  border-top: 4px solid #005bac;
  border-bottom: 8px solid #f2f2f4;
  font-size: 1.6rem;
  line-height: 1.4;
}

/*SideMenu search box*/
#search-2 {
  padding: 24px 20px;
  background: #f2f2f4;
}

#searchform {
  width: 100%;
  font-size: 0;
}

#searchform input[type="text"] {
  width: 74%;
  padding: 4px;
  border: 1px solid #ccc;
  font-size: 1.4rem;
  border-radius: 4px 0 0 4px;
}

#searchform #searchsubmit {
  width: 26%;
  padding: 4px;
  border: 1px solid #005bac;
  border-radius: 0 4px 4px 0;
  background: #005bac;
  color: #fff;
  font-size: 1.4rem;
  transition: all 0.2s;
}

#searchform #searchsubmit:hover {
  opacity: 0.8;
}

#search-2 .screen-reader-text {
  display: none;
}

/* SideMenu blog */
.c-SideMenu #recent-posts-2 ul {
  padding: 16px;
  list-style: none;
}

.c-SideMenu #recent-posts-2 li {
  margin-bottom: 12px;
  border-bottom: 1px dashed #eaeaea;
  list-style: none;
}

.c-SideMenu #recent-posts-2 li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.c-SideMenu #recent-posts-2 li a {
  display: inline-block;
  padding-bottom: 12px;
  color: #5a5858;
  text-decoration: none;
}

.c-SideMenu #recent-posts-2 li a:hover {
  color: #005bac;
}

/* tagcloud*/
.tagcloud {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 12px;
  padding: 12px 16px 16px;
}
/* WordPress Popular Posts*/
.c-SideMenu .wpp-list {
  padding: 16px;
  list-style: none;
}
.c-SideMenu .wpp-list li {
  margin-bottom: 12px;
  border-bottom: 1px dashed #eaeaea;
  list-style: none;
}
.c-SideMenu .wpp-post-title {
  color: #5a5858;
}
.c-SideMenu .wpp-list li a:hover {
  color: #005bac;
}

/* Blog */
.c-BlogList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
}

.c-BlogList + .Btn {
  margin-top: 32px;
}

.c-BlogList > li {
  display: flex;
  flex-wrap: wrap;
  width: 300px;
}

.c-BlogList > li a {
  display: flex;
  width: 100%;
  color: #000;
  transition: all 0.2s;
}

.c-BlogList .j-CardLink:hover .c-BlogItem__title,
.c-BlogList .j-CardLink:hover .c-BlogItemRow__title {
  color: #005bac;
  text-decoration: underline;
  transition: all 0.2s ease-in;
}

.c-BlogList .c-BlogItem__img img,
.c-BlogList .c-BlogItemRow__img img {
  transform: translateY(-50%) scale(1);
  transition: all 0.2s ease-in;
}
.c-BlogList .j-CardLink:hover .c-BlogItem__img img,
.c-BlogList .j-CardLink:hover .c-BlogItemRow__img img {
  transform: translateY(-50%) scale(1.13, 1.13) !important;
}

/* tagリンク共通レイアウト*/
.c-BlogTag {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 8px;
}

.c-BlogTag li span,
.tagcloud a {
  display: block;
  width: auto;
  padding: 2px 8px;
  border-radius: 8px;
  background: #f2f2f4;
  color: #5a5858;
  text-decoration: none;
  font-size: 1.2rem !important;
  transition: all 0.2s;
  line-height: 1.4;
  word-break: break-word;
}

.c-BlogTag li span:hover,
.tagcloud a:hover {
  background: #ccc;
}

/*BlogItem Col2*/
.c-BlogItem {
  width: 100%;
  overflow: hidden;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}

.c-BlogItem__img {
  z-index: 1;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 56%;
}

.c-BlogItem__img > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%) scale(1);
}

.c-BlogItem__title {
  overflow: hidden;
  height: 3.2em;
  padding-top: 8px;
  font-size: 1.8rem;
  line-height: 1.4;
}

.c-BlogItem__tag {
  padding-top: 8px;
}
.c-BlogItem__tag .c-BlogTag li:nth-child(n + 5) {
  display: none;
}
.c-BlogItem__date {
  padding-top: 16px;
  color: #5a5858;
  font-size: 1.2rem;
}

/*BlogItem Row*/
.c-BlogItemRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #fff;
}

.c-BlogItemRow__img {
  z-index: 1;
  overflow: hidden;
  position: relative;
  width: 226px;
  height: 0;
  padding-bottom: 132px;
  transition: all 0.2s;
}

.c-BlogItemRow__img > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%) scale(1);
}

.c-BlogItemRow__inner {
  width: 404px;
}

.c-BlogItemRow__title {
  font-size: 2rem;
  line-height: 1.5;
  transition: all 0.2s;
}

.c-BlogItemRow__tag {
  padding-top: 12px;
}
.c-BlogItemRow__tag .c-BlogTag li:nth-child(n + 9) {
  display: none;
}
.c-BlogItemRow__date {
  padding-bottom: 4px;
  color: #5a5858;
  font-size: 1.1rem;
}
.c-BlogBnr {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.c-BlogBnr li a {
  display: block;
  position: relative;
}
.c-BlogBnr li a:hover::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
}
.c-SingleBlogShare {
  display: flex;
  justify-content: center;
  margin: 32px 0 24px;
}
.c-SingleBlogShare li + li {
  margin-left: 24px;
}
.c-SingleBlogShare a:hover {
  opacity: 0.8;
}
.c-SingleBlogFollow {
  background: #f9f9fb;
  padding: 20px;
}
.c-SingleBlogFollow p {
  margin-bottom: 12px;
}
/* Blog List & Detail 
------------------------------------------------------------*/
.v-Blog .c-BlogList {
  margin-bottom: 0;
}

.v-Blog .c-BlogList > li {
  width: 100%;
  border-bottom: 1px solid #eaeaea;
}

.v-Blog .c-BlogList > li > a {
  padding: 24px 0;
}

.v-Blog__date {
  margin-bottom: 8px;
  color: #5a5858;
  font-size: 1.3rem;
}
.v-Blog__title {
  font-size: 3.2rem;
  line-height: 1.5;
  margin-bottom: 16px;
}
.v-Blog__title + .c-BlogList {
  margin-top: 32px;
}
.v-Blog__content {
  margin-bottom: 40px;
  margin-top: 32px;
  font-size: 1.6rem;
  line-height: 1.9;
  word-break: break-word;
}

.v-Blog__content h1,
.v-Blog__content h2 {
  margin: 56px 0 20px;
  padding-bottom: 4px;
  padding-left: 16px;
  border-left: 6px solid #005bac;
  font-size: 2.4rem;
  line-height: 1.6;
}

.v-Blog__content h3 {
  margin: 32px 0 16px;
  font-size: 2rem;
  line-height: 1.5;
}

.v-Blog__content h4 {
  margin: 24px 0 16px;
  font-size: 1.8rem;
  line-height: 1.4;
}

.v-Blog__content h5 {
  margin: 24px 0 16px;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.4;
}

.v-Blog__content pre[class] {
  background: #333;
  color: #fff;
  padding: 20px;
  white-space: pre-wrap;
}

.v-Blog__content small {
  font-size: 1.4rem;
}
/* 記事内のlist */
.v-Blog__content ul {
  padding-left: 1em;
}
.v-Blog__content ul:not([class]) li {
  list-style: disc;
}
.v-Blog__content ul:not([class]) li::marker {
  font-size: 1rem;
}
.v-Blog__content ol:not([class]) {
  padding-left: 1em;
}
.v-Blog__content ol:not([class]) li {
  list-style: decimal;
}
.v-Blog__content ol:not([class]) li::marker {
  font-size: 1.6rem;
}
.v-Blog__content ol:not([class]) ol li {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 1.5rem;
}
/* 目次list */
.v-Blog__content .outline {
  margin: 24px 0;
  padding: 16px 24px;
  border: 2px solid #f2f2f4;
  font-size: 1.5rem;
}

.v-Blog__content .outline div {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1.6rem;
}

.v-Blog__content .outline > ol {
  line-height: 1.6;
}

.v-Blog__content .outline li {
  text-indent: -1em;
}
.v-Blog__content .outline li + li {
  margin-top: 12px;
}

.v-Blog__content .outline li > ol > li {
  text-indent: -1em;
  font-size: 1.4rem;
  margin-bottom: 8px;
}
.v-Blog__content .outline > ul > li,
.v-Blog__content .outline > ol > li,
.v-Blog__content .outline > ul > li li,
.v-Blog__content .outline > ol > li li {
  list-style: none;
}
.v-Blog__content ol ol li::marker {
  font-size: 1.5rem;
}

.v-Blog__content figcaption {
  font-size: 1.4rem;
  color: #5a5858;
}

.v-Blog__content blockquote {
  position: relative;
  margin-top: 24px;
  padding: 24px;
  border-right: 2px solid #eaeaea;
  border-left: 6px solid #ccc;
  border-left: 2px solid #eaeaea;
  color: #5a5858;
  font-size: 1.4rem;
  line-height: 1.8;
}

.v-Blog__content blockquote::before {
  display: block;
  position: absolute;
  top: 0;
  left: 12px;
  color: #ccc;
  content: "“";
  font-size: 3rem;
  line-height: 1;
}

.v-Blog__content blockquote::after {
  display: block;
  position: absolute;
  right: 12px;
  bottom: 0;
  color: #ccc;
  content: "”";
  font-size: 3rem;
  line-height: 0;
}

.v-Blog__content blockquote > p {
  margin-bottom: 0;
}

.v-Blog__content iframe {
  max-width: 100%;
}

.v-Blog__content .wp_social_bookmarking_light iframe {
  margin: 0;
}
.v-Blog__content .wp_social_bookmarking_light:last-of-type {
  margin-top: 40px !important;
}
.v-Blog__content img {
  max-width: 100%;
  display: inline-block;
}
/* space*/
.v-Blog__content p {
  margin: 20px 0;
}

.v-Blog__content h1:first-child,
.v-Blog__content h2:first-child,
.v-Blog__content h3:first-child,
.v-Blog__content p:first-child {
  margin-top: 0;
}
.v-Blog__content h1 + h2 {
  margin-top: 16px;
  padding-left: 0;
  border-left: 0;
}
.v-Blog__content h3 + p {
  margin: 12px 0 24px !important;
}
.v-Blog__content h4 + p,
.v-Blog__content h5 + p {
  margin: 8px 0 24px !important;
}
.v-Blog__content h3 + h4 {
  margin-top: 24px !important;
}
.v-Blog__content h4 + h5 {
  margin-top: 20px !important;
}
/* space end*/

.v-Blog__content .wp-caption.aligncenter {
  max-width: 100%;
}
.v-Blog__tag {
  margin-top: 16px;
  padding-bottom: 16px;
}

.v-Blog__tag .tagcloud {
  padding: 0;
}

.v-BlogDetailPager {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  margin-top: 40px;
}

.v-BlogDetailPager__prev a,
.v-BlogDetailPager__next a {
  display: inline-block;
  position: relative;
  padding: 12px 64px;
  border: 1px solid #ccc;
  background: #fff;
  color: #005bac;
}

.v-BlogDetailPager__prev a::before {
  position: absolute;
  top: 52%;
  left: 12px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #005bac;
  border-left: 1px solid #005bac;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}

.v-BlogDetailPager__next a::before {
  position: absolute;
  top: 52%;
  right: 12px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #005bac;
  border-right: 1px solid #005bac;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}

.v-BlogDetailPager__prev a,
.v-BlogDetailPager__next a {
  transition: all 0.2s;
}

.v-BlogDetailPager__prev a:hover,
.v-BlogDetailPager__next a:hover {
  border-color: #005bac;
  color: #005bac;
}

.v-BlogRelated {
  margin-top: 48px;
}

.v-BlogRelated__title {
  padding: 12px 16px;
  border-top: 4px solid #005bac;
  border-bottom: 8px solid #f2f2f4;
  font-size: 2rem;
  line-height: 1.4;
}
.v-BlogRelated .c-BlogList {
  padding: 32px 24px;
}

.v-BlogRelated .c-BlogList > li .c-BlogItem {
  border: 1px solid #eaeaea;
}

/* WP SyntaxHighlighter */
.syntaxhighlighter {
  padding: 1em 0 1em 1em;
}

/* Top 
------------------------------------------------------------*/
@keyframes fadein-left {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*mv animation*/
.b-FadeIn span:nth-of-type(1) {
  opacity: 0;
  animation: fadein-left 0.6s ease-out 0.2s forwards;
}

.b-FadeIn span:nth-of-type(2) {
  opacity: 0;
  animation: fadein-left 0.6s ease-out 0.6s forwards;
}

.b-FadeIn span:nth-of-type(3) {
  opacity: 0;
  animation: fadein-left 0.6s ease-out 1s forwards;
}
.v-Top {
  font-size: 1.6rem;
  line-height: 1.7;
}

.v-MainV {
  width: 100%;
  height: 600px;
  background: url("https://www.gmo-jisedai.com/wp-content/uploads/top-mv-scaled.jpg") no-repeat;
  background-position: top center;
  background-size: cover;
}

.v-MainV__inner {
  display: flex;
  align-items: center;
  width: min(960px, 100%);
  height: 450px;
  margin: 0 auto;
}

.v-MainV__panel {
  z-index: 1;
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  height: 150px;
  background-color: rgba(0, 91, 172, 0.4);
}

.v-MainV__text {
  display: inline-block;
  font-size: 4rem;
  color: #333;
}

.v-MainV__text span {
  display: block;
  line-height: 1.5;
}

.v-MainV__text span div {
  display: inline-block;
  padding-right: 8px;
  color: #005bac;
  font-size: 6rem;
}

.v-MainV__text--sub {
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 24px;
  font-weight: 400;
  font-size: 2rem;
}

.sp-only {
  display: none;
}

.v-MainVBnr {
  display: flex;
  justify-content: space-between;
  width: min(960px, 100%);
  margin: 0 auto !important;
  font-size: 0;
}

.v-MainVBnr__item {
  width: 300px;
}

.v-MainVBnr__item a {
  display: block;
  position: relative;
}

.v-MainVBnr__item a::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  content: "";
}

.v-MainVBnr__item a:hover {
  cursor: pointer;
  transition: 0.2s;
  transform: translateY(-5px);
}

.v-MainVBnr__item a:hover::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
}

.v-TopAboutText {
  padding: 0 64px 32px;
}

.v-TopAboutList {
  display: flex;
  justify-content: space-between;
  margin-bottom: 52px;
  column-gap: 32px;
}

.v-TopAboutList > li {
  display: flex;
  flex: 1 0 0%;
  flex-direction: column;
}

.v-TopAboutItem {
  padding: 32px;
  border: 1px solid #ccc;
}

.v-TopAboutItem h3 {
  padding-top: 24px;
  text-align: center;
  font-size: 2rem;
}

.v-TopAboutItem__img {
  text-align: center;
}

.v-TopAboutItem__list {
  padding-top: 16px;
  padding-bottom: 12px;
}

.v-TopAboutItem__list li {
  padding-bottom: 8px;
}

.v-TopRecruit {
  margin-bottom: 52px;
}

.v-TopRecruit p {
  margin-top: 20px;
  text-align: center;
}

/* INTERNSHIP 
------------------------------------------------------------*/
.v-Intern--w {
  background: #fff;
}
.v-Intern--g {
  background: #f0f1f5;
}
.v-Intern--img {
  position: relative;
  background: #f0f1f5;
}
.v-Intern--img::after {
  content: "";
  width: 53%;
  height: 380px;
  background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/intern-special01.jpg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.v-Intern__inner {
  max-width: 1200px;
  min-width: min(960px, 100%);
  margin: 0 auto;
  padding: 64px 16px 40px;
}
.v-Intern__title {
  font-size: 3.4rem;
  display: inline-block;
  color: #16287c;
  background: linear-gradient(90deg, #16287c, #005bac 20%, #c9379c);
  background: -webkit-linear-gradient(0deg, #16287c, #005bac 20%, #c9379c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  margin-bottom: 24px;
}
.v-Intern__text {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #000;
}
.v-Intern__btnWrap {
  padding-top: 32px;
  padding-bottom: 40px;
}
.v-InternBtn {
  width: 340px;
  height: 64px;
  margin: 0 auto;
  background: linear-gradient(90deg, #16287c, #005bac, #c9379c);
  text-align: center;
  font-size: 1.8rem;
}
.v-InternBtn > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  line-height: 64px;
}
.v-InternBtn > a::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  vertical-align: middle;
  transform: rotate(45deg);
}
.v-InternBtn--disabled {
  width: 340px;
  height: 64px;
  margin: 0 auto;
  background: #ccc;
  text-align: center;
  font-size: 1.8rem;
  display: block;
  position: relative;
  color: #666;
  line-height: 64px;
}
.v-InternBtn:hover {
  opacity: 0.8;
}
.v-InternBtn__text {
  font-size: 1.6rem;
  padding-bottom: 24px;
  text-align: center;
}
.v-Intern__picture ul {
  display: flex;
}
.v-Intern__semi + .v-Intern__semi {
  margin-top: 32px;
}
.v-Intern__semititle {
  font-size: 2.4rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 12px;
}
.v-Intern__link {
  padding-top: 16px;
  text-align: right;
  font-size: 1.5rem;
}
.v-InternHero {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  background: linear-gradient(90deg, #007aa7 3%, #005bac 10%, #16287c 30%, #005bac 70%, #00a0a0);
}
.v-InternHero::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/intern-bg.jpg);
  background-position: left bottom;
  background-size: cover;
  background-repeat: repeat;
  mix-blend-mode: multiply;
}
.v-InternHero__date {
  background: #fff;
  border-radius: 16px;
  padding: 16px 12px;
  margin-top: 32px;
}
.v-InternHero__dateInner {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-InternHero__date dl {
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-InternHero__date dl:not(:first-child) {
  margin-left: 24px;
}
.v-InternHero__date dt {
  color: #fff;
  background: #c9379c;
  font-size: 1.5rem;
  padding: 2px 15px;
}
.v-InternHero__date dd {
  font-size: 1.8rem;
  font-weight: 600;
  padding-left: 12px;
}
.v-InternHero__inner {
  position: relative;
  width: 100%;
  background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/intern-mv.png);
  background-position: right bottom;
  background-size: 44%;
  background-repeat: no-repeat;
}
.v-InternHero__box {
  max-width: 1000px;
  min-width: min(960px, 100%);
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
.v-InternHero__title--intro {
  display: inline-block;
  color: #fff;
  font-size: 2.8rem;
  padding: 0 0 8px 6px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
.v-InternHero__title--title {
  display: inline-block;
  color: #fff;
  font-size: 7.5rem;
  font-weight: 800;
  font-style: oblique;
  font-family: "Open Sans", sans-serif;
  line-height: 1em;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
.v-InternHero__read {
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #005bac, #007aa7);
  font-size: 2rem;
  font-weight: 600;
  margin-top: 24px;
  padding: 2px 16px;
  letter-spacing: 0.04em;
}
.v-InternHero__text {
  color: #fff;
  font-size: 1.6rem;
  margin-top: 32px;
  line-height: 2.8rem;
}
.v-InternHero__text span {
  display: inline-block;
}
.v-InternPanel {
  position: relative;
  z-index: 2;
  border-left: 8px solid #005bac;
  border-image: linear-gradient(to bottom, #16287c, #005bac, #00a0a0) 1;
  padding: 32px 40px 32px 40px;
  background-color: #fff;
  box-shadow: 0 0 24px -12px rgba(0, 0, 0, 0.2);
}
.v-InternPanel--half {
  width: 50%;
  margin-left: auto;
}
.v-InternPanel__ttl {
  font-size: 2.4rem;
  margin-bottom: 16px;
}
.v-InternPanel__text {
  font-size: 1.6rem;
}
.v-InternPanel + .v-InternPanel {
  margin-top: 24px;
}
.v-InternCourse {
  display: grid;
  grid-template-columns: 340px 1fr;
  column-gap: 32px;
}
.v-InternCourse + .v-InternCourse {
  margin-top: 24px;
}
.v-InternCourse__text {
  font-size: 1.5rem;
  line-height: 1.7;
}
.v-InternCourse__ttl {
  font-size: 2rem;
  font-weight: 600;
  color: #005bac;
  margin-bottom: 8px;
}
.v-InternSpecialWrap {
  width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.v-InternSpecial {
  background: #fff;
  position: relative;
  padding: 16px 40px 32px 40px;
  min-width: 450px;
  box-shadow: 1px 1px 0px 0px rgba(0, 91, 172, 0.1);
}
.v-InternSpecial:nth-child(1) {
  margin-left: 20px;
  margin-bottom: 40px;
}
.v-InternSpecial:nth-child(2) {
  margin-left: 40px;
  margin-bottom: 40px;
}
.v-InternSpecial:nth-child(3) {
  margin-left: 20px;
}

.v-InternSpecial::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 36px;
  border-color: rgba(0, 91, 172, 0.1);
  position: absolute;
  left: -20px;
  top: -20px;
}
.v-InternSpecial__title {
  font-size: 2rem;
  font-weight: 600;
  color: #005bac;
}
.v-InternSpecial__title:first-letter {
  font-size: 3.2rem;
}
.v-InternSpecial__text {
  margin-top: 12px;
  font-size: 1.6rem;
}
.v-InternSpecial__text span {
  font-weight: 600;
}
.v-InternJoin {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
}
.v-InternJoin li {
  display: grid;
  grid-template-columns: 120px 1fr;
  padding: 24px;
  column-gap: 24px;
  background-color: #fff;
  box-shadow: 0 0 24px -12px rgba(0, 0, 0, 0.2);
}
.v-InternJoin__title {
  padding-bottom: 12px;
  font-size: 2rem;
}
.v-InternJoin__text {
  font-size: 1.5rem;
  line-height: 1.7;
}
.v-InternJoin__text span {
  background: #f0f1f5;
  padding: 0 8px;
  margin-bottom: 8px;
  display: inline-block;
}
.v-InternVoice {
  position: relative;
  display: grid;
  column-gap: 20px;
  row-gap: 20px;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 120px 80px 1fr 100px 1fr 160px;
  margin: 0 auto;
  z-index: 1;
}
.v-InternVoice::before {
  content: "";
  width: 142px;
  height: 146px;
  background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/intern-fig-talk.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.v-InternVoice::after {
  content: "";
  width: 180px;
  height: 250px;
  background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/intern-fig-talk02.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.v-InternVoice li {
  padding: 20px;
  border: 4px solid #ced2df;
  border-radius: 16px;
  background: #fff;
  font-size: 1.5rem;
}
.v-InternVoice li:nth-child(1) {
  grid-row: 1;
  grid-column: span 3;
}
.v-InternVoice li:nth-child(2) {
  grid-row: 1;
  grid-column: span 2;
}
.v-InternVoice li:nth-child(3) {
  grid-row: 2;
  grid-column: 3 / 5;
}
.v-InternVoice li:nth-child(4) {
  grid-row: 2;
  grid-column: 5 / 7;
}
.v-InternVoice li:nth-child(5) {
  grid-row: 3;
  grid-column: 2 / 4;
}
.v-InternVoice li:nth-child(6) {
  grid-row: 3;
  grid-column: 4 / 6;
}
.v-InternVoice li span {
  background-color: #fffacc;
}

.v-InternGroupWrap {
  margin-bottom: 56px;
}
.v-InternGroup li {
  border-bottom: 1px dotted #ccc;
  padding: 8px 0;
}
.v-InternGroup li a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 4px 16px 4px 4;
  margin: 0px 16px 0px 0;
}
.v-InternGroup__date {
  display: inline-block;
  margin: 4px;
}
.v-InternMedia {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}
.v-InternMedia li {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 32px;
}
.v-InternMedia li a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
}
.v-InternMedia__img {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 20px;
  background: #eaeaea;
}
.v-InternMedia__img iframe,
.v-InternMedia__img figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.v-InternMedia__img figure img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/* About
------------------------------------------------------------*/
.v-About {
  font-size: 1.6rem;
  line-height: 1.7;
}
.v-About__sec{
  width: 100%;
  margin-top: 64px;
}
.v-About__lead {
  margin: 0 0 32px;
}
.v-AboutContent {
  background-color: #fafcfe;
  padding: 20px 20px 32px 20px;
}
.v-AboutContent + .v-AboutContent {
  margin-top: 32px;
}
.v-AboutArea {
  background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/about-background.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-bottom: 56px;
}
.v-AboutContent__title {
  display: block;
  font-size: 2.6rem;
  color: #005bac;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.v-AboutContent__title::before,
.v-AboutContent__title::after {
  border-top: 1px solid #005bac;
  content: "";
  width: 1em;
}
.v-AboutContent__title::before {
  margin-right: 1em;
}

.v-AboutContent__title::after {
  margin-left: 1em;
}
.v-AboutArea__list {
  display: grid;
  row-gap: 8px;
}

.v-AboutArea__list li {
  display: flex;
}
.v-AboutArea__list li::before {
  display: inline-block;
  content: "・";
}
.v-AboutArea__list dl {
  display: flex;
}
.v-AboutArea__list dt {
  font-weight: 600;
  font-size: 1.8rem;
  margin-right: 32px;
  min-width: 290px;
}
.v-AboutArea__list dd {
  font-size: 1.6rem;
}
.v-AboutRaddd__list {
  display: grid;
  grid-template-rows: 368px 64px;
  grid-template-columns: 280px 280px;
  justify-content: center;
  gap: 16px;
}
.v-AboutRaddd__list--main {
  background: #fff;
  border: 1px solid #cbddee;
  padding: 32px;
}
.v-AboutRaddd__list--main dt {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
}
.v-AboutRaddd__list--main img {
  display: block;
  margin: 0 auto 8px auto;
}
.v-AboutRaddd__list--main ul {
  list-style: none;
  margin: 20px auto 0 auto;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.v-AboutRaddd__list--main li::before {
  display: inline-block;
  content: "・";
}
.v-AboutRaddd__list--sub {
  grid-column: 1 / span 2;
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 16px 32px;
}
.v-AboutRaddd__list--sub dl {
  display: flex;
  justify-content: center;
}
.v-AboutRaddd__list--sub dt {
  font-size: 1.6rem;
  font-weight: 600;
  margin-right: 40px;
}
/* Project
------------------------------------------------------------*/
.v-Project,
.v-AboutResearch {
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.7;
}

.v-Project h2,
.v-AboutResearch h2 {
  margin-bottom: 24px;
  font-size: 2.6rem;
}

.v-Project__lead {
  margin: 0 0 32px;
  width: 680px;
}

.v-ProjectList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #f2f2f4;
  padding: 32px;
}
.v-ProjectList__Col1,
.v-ProjectList__Col2 {
  position: relative;
  margin-top: 20px;
  padding: 32px;
  border: 1px solid #eaeaea;
  background: #fff;
}
.v-ProjectList__Col1:first-child {
  margin-top: 0;
}
.v-ProjectList__Col1 {
  width: 100%;
}
.v-ProjectList__Col2 {
  width: 49%;
}
.v-ProjecItem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
}
.v-ProjecItem__text {
  min-height: 150px;
}
.v-ProjecItem__title {
  width: 100%;
  display: flex;
  margin-bottom: 16px;
}

.v-ProjecItem__title img {
  max-height: 40px;
  width: auto;
}
.v-ProjecItem__title img + img {
  padding-left: 20px;
}
.v-ProjecItem__inner {
  width: 60%;
  padding-left: 24px;
}

.v-ProjecItem__img {
  width: 40%;
}
.v-ProjecItem__link {
  width: 100%;
  text-align: right;
  margin-top: 4px;
}
.v-ProjecItem__list {
  display: flex;
  align-items: center;
  list-style: none;
  margin-bottom: 12px;
}
.v-ProjecItem__list li {
  margin-right: 8px;
}
.v-ProjecItem__list--s img {
  height: 10px;
  width: auto;
}
.v-ProjecItem__list--b img {
  height: 13px;
  width: auto;
}

/* Research and Development
------------------------------------------------------------*/
.v-Topics {
  width: 100%;
  margin: 0 auto;
}
.v-Topics h2 {
  margin-bottom: 40px;
  font-size: 2.6rem;
}
.v-TopicsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 16px;
  row-gap: 16px;
}

.v-TopicsList li {
  width: 32%;
}

.v-TopicsList li a {
  text-decoration: none;
  transition: all 0.5s ease;
}

.v-TopicsList li a:hover {
  opacity: 0.5;
}

.v-TopicsList li a:hover div {
  background-color: rgba(0, 78, 165, 1);
}

.v-TopicsList li a div {
  height: 86px;
  padding: 10px 10px;
  background-color: rgba(50, 50, 50, 1);
  color: #fff;
  text-decoration: none;
  transition: all 0.5s ease;
}

.v-TopicsList li a img {
  display: table;
  max-height: 150px;
  margin: 0 auto;
}

.v-TopicsReport {
  display: flex;
  flex-wrap: wrap;
}

.v-TopicsReport li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 300px;
  margin-right: 16px;
}

.v-TopicsReport li a {
  display: flex;
  text-decoration: none;
  transition: all 0.5s ease;
}

.v-TopicsReport li a:hover {
  opacity: 0.5;
}

.v-TopicsReport li a:hover div {
  background-color: rgba(0, 78, 165, 1);
}

.v-TopicsReport li a div {
  padding: 10px 10px;
  background-color: rgba(50, 50, 50, 1);
  color: #fff;
  text-decoration: none;
  transition: all 0.5s ease;
}

.v-TopicsReport li a img {
  max-width: 156px;
}

/* Entry
------------------------------------------------------------*/
.v-Entry h2 {
  font-size: 2.4rem;
  margin-bottom: 24px;
}

.v-Entry__col2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 32px;
  margin-top: 64px;
}

.v-Entry__col2 section {
  width: calc(50% - 12px);
}

.v-Entry__col2 section a {
  display: block;
  position: relative;
}

.v-Entry__col2 section a:hover::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
}

.v-EntryList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 24px;
}

.v-EntryList li {
  display: grid;
  grid-template-rows: 1fr auto;
  width: calc(50% - 12px);
  border: 1px solid #ccc;
}
.v-EntryList__item {
  display: grid;
  grid-template-rows: 1fr auto auto;
  padding: 20px;
}

.v-EntryList__item h3 {
  font-size: 1.8rem;
  margin-bottom: 16px;
}

.v-EntryList__item h3 span {
  display: block;
  font-size: 1.3rem;
  color: #00a0a0;
  padding-bottom: 4px;
}

.v-EntryList__item + .v-EntryList__item {
  border-top: 1px solid #ccc;
}

.v-EntryList__item .Btn {
  height: 42px;
  width: 200px;
}

.v-EntryList__item .Btn p {
  line-height: 1.4;
  font-size: 1.4rem;
  padding: 12px;
  width: 200px;
}
.v-EntryListItem {
  display: flex;
}

.v-EntryListItem dt {
  background: #f2f2f4;
  padding: 4px 8px;
  text-align: center;
  width: 64px;
  font-size: 1.2rem;
}
.v-EntryListItem dd {
  padding: 4px 8px;
  font-size: 1.2rem;
}
.v-EntryListItem + .v-EntryListItem {
  margin-top: 4px;
}

/* Entry form
------------------------------------------------------------*/
.c-EntrySingle__title {
  font-size: 3.2rem;
  color: #005bac;
  margin-bottom: 24px;
}
.c-EntrySingle h2 {
  font-size: 2.4rem;
  background: #005bac;
}
.c-EntrySingle h3 {
  font-size: 1.8rem;
}
.c-EntrySingle__content table {
  width: 100%;
  vertical-align: top;
  text-align: left;
  word-break: break-all;
  border: 1px solid #ddd;
}
.c-EntrySingle__content table tr + tr {
  border-top: 1px solid #ddd;
}
.c-EntrySingle__content table th {
  width: 22%;
  vertical-align: top;
  padding: 12px 16px;
  border-right: 1px dotted #ddd;
  background-color: #f9f9fb;
  font-weight: normal;
}
.c-EntrySingle__content table td {
  width: 78%;
  padding: 12px 16px;
}
.BTNjoin {
  width: 280px;
  margin: 32px auto 0;
}
.BTNjoin a {
  font-size: 1.8rem;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #005bac;
  text-align: center;
  line-height: 64px;
}

.BTNjoin a::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transform: rotate(45deg);
}
.BTNjoin a:hover {
  background: #00bcd4;
  transition: all 0.15s;
}
/* Osaka LP
------------------------------------------------------------*/
.v-Osaka {
  font-size: 1.6rem;
  line-height: 1.7;
}

.v-OsakaMainV {
  width: 100%;
  height: auto;
  margin-top: 68px;
  background: #f2f2f4;
}

.j-fadeMain--sp,
.v-OsakaMainV__left--sp {
  display: none;
}

.v-OsakaMainV__inner {
  overflow: hidden;
  position: relative;
  width: 80vw;
  height: calc(80vw * 0.39);
  margin-left: auto;
  background: #005bac;
}

.v-OsakaMainV__inner::before {
  z-index: 1;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.2;
}

.j-fadeMain {
  position: absolute;
  top: 0;
  right: 0;
  width: 80vw;
  object-fit: cover;
}

.j-fadeMain img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.v-OsakaMainV__left {
  margin-top: calc(-300px / 6);
  margin-right: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 6vw;
}

.v-OsakaMainV__content {
  z-index: 2;
  position: relative;
  width: min(960px, 100%);
  min-width: 670px;
  margin: 0 auto;
  padding: 48px 96px 48px 0;
  background: rgba(255, 255, 255, 1);
  color: #000;
}

@media screen and (max-width: 1180px) {
  .v-OsakaMainV__inner {
    width: 100vw;
    height: calc(100vw * 0.39);
  }

  .j-fadeMain {
    width: 100vw;
  }

  .v-OsakaMainV__left {
    margin: 0 auto 0 0;
  }

  .v-OsakaMainV__content {
    padding: 48px;
  }
}

.v-OsakaMainV__content::before {
  display: block;
  position: absolute;
  top: 0;
  left: -1000%;
  width: 1000%;
  height: 100%;
  background: #fff;
  content: "";
}

.v-OsakaMainV__content h1 {
  display: block;
  position: relative;
  letter-spacing: 0.015em;
  font-size: 5rem;
  line-height: 1.5;
}

.v-OsakaMainV__content h1 span {
  display: block;
  color: #005bac;
  letter-spacing: 0.01em;
  font-size: 2.4rem;
}

.v-OsakaMainV__content p {
  max-width: 940px;
  margin: 24px 0 16px;
  font-size: 1.5rem;
  line-height: 1.8;
}

.v-OsakaMainV__btn {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 32px;
  transform: translate(-50%, -100%);
}

.v-OsakaMainV__btn .Btn--anchor {
  width: 240px;
  height: 54px;
  margin: 0 auto;
  border-radius: 40px;
  background: #000;
  font-size: 1.5rem;
}

.v-OsakaMainV__btn .Btn--anchor > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
}

.v-OsakaMainV__btn .Btn--anchor > a::after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
  transform: rotate(45deg);
}

.v-OsakaMainV__btn .Btn--anchor > a > p {
  line-height: 54px;
}

.v-OsakaMainV__btn .Btn--anchor:hover {
  background: #5a5858;
}

.v-OsakaSec--bg {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background-color: #fff;
  background-image: url("https://www.gmo-jisedai.com/wp-content/uploads/bg-grid.gif");
  background-repeat: repeat;
}

.v-OsakaSec__inner {
  width: min(960px, 100%);
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 80px;
}

.v-OsakaSec__inner h2 {
  width: 284px;
  margin-bottom: 40px;
  padding-bottom: 4px;
  border-bottom: 1px solid #000;
  font-size: 3rem;
}

.v-OsakaSec__inner h2 span {
  display: block;
  color: #ccc;
  font-size: 2rem;
  line-height: 1;
}

.v-OsakaWork {
  display: flex;
  justify-content: space-between;
  column-gap: 32px;
}

.v-OsakaWork > li {
  display: flex;
  flex: 1 0 0%;
  flex-direction: column;
  padding: 32px 64px 40px;
  border: 1px solid #000;
  background: #fff;
}

.v-OsakaWorkItem h3 {
  padding-top: 16px;
  text-align: center;
  font-size: 2rem;
}

.v-OsakaWorkItem__img {
  width: 116px;
  margin: 0 auto;
  padding: 16px;
  border-radius: 50%;
  background: #f2f2f4;
}

.v-OsakaWorkItem__list {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 1em;
  text-indent: -1em;
}

.v-OsakaWorkItem__list li {
  padding-bottom: 8px;
  text-indent: -1em;
}

.v-OsakaWorkBtn {
  width: 240px;
  height: 64px;
  margin-top: auto;
  font-size: 1.6rem;
}

.v-OsakaWorkBtn > a {
  font-size: 1.6rem;
  line-height: 64px;
}
.v-OsakaInt {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5%;
  row-gap: 20px;
}
.v-OsakaInt li {
  width: 30%;
}
.v-OsakaIntItem {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.v-OsakaIntItem h3 {
  margin-top: 16px;
  text-align: center;
  font-weight: normal;
  font-size: 1.6rem;
}

.v-OsakaIntItem h3 span {
  display: block;
  font-size: 1.8rem;
  line-height: 1.4;
}

.v-OsakaIntItem div img {
  border-radius: 50%;
}

.v-OsakaSup__list {
  width: min(680px, 100%);
  margin-bottom: 32px;
  padding: 32px;
  border: 1px solid #000;
  background: #fff;
}

.v-OsakaSup__list:nth-child(2) {
  margin: 0 auto 32px;
}

.v-OsakaSup__list:nth-child(3) {
  margin-bottom: 0;
  margin-left: auto;
}

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

.v-OsakaSupItem__img {
  flex: 0 0 40%;
}

.v-OsakaSupItem__text {
  flex: 0 0 56%;
}

.v-OsakaSupItem__text h3 {
  margin-bottom: 8px;
  font-size: 2rem;
}

.v-OsakaSupItem__text span {
  position: relative;
  padding-left: 20px;
  color: #005bac;
  font-weight: normal;
  font-size: 1.6rem;
}

.v-OsakaSupItem__text span::before {
  display: block;
  position: absolute;
  top: 12px;
  left: 4px;
  width: 12px;
  height: 1px;
  background-color: #005bac;
  content: "";
}

.v-OsakaRecruit__btn {
  display: flex;
  width: min(776px, 100%);
  margin: 32px auto;
}

/*--インタビュー--*/

.v-Interview__heroTitle {
  font-size: 2.8rem;
  margin: 0;
  line-height: 1.6em;
  padding-bottom: 8px;
  font-weight: bold;
  color: #fff;
  padding-left: 0;
}
.v-Interview__pc--br {
  display: block;
}

.v-Interview__title {
  width: 720px;
  margin: 0 auto;
  color: #005bac;
  padding: 0 0 0 20px;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8em;
  letter-spacing: 0.1rem;
}

.v-Interview__subtitle {
  font-weight: normal;
  font-size: 18px;
  padding-top: 32px;
  padding-bottom: 16px;
  margin-top: 56px;
  border-top: 1px solid #eaeaea;
}

.v-Interview {
  padding-top: 48px;
  width: min(960px, 100%);
  margin: 0 auto 64px auto;
}

.v-Interview__hero {
  margin-bottom: 48px;
  position: relative;
}
.v-Interview__heroBox {
  position: absolute;
  background: linear-gradient(to right, #005bac 50%, rgba(4, 91, 172, 0));
  width: 570px;
  padding: 20px 0px 20px 20px;
  top: 60%;
  -webkit-transform: translateY(-60%); /* Safari用 */
  transform: translateY(-60%);
}

.v-Interview__heroBox--right {
  position: absolute;
  background: linear-gradient(to left, #005bac 90%, rgba(4, 91, 172, 0));
  width: 580px;
  padding: 20px 20px 20px 48px;
  top: 60%;
  right: 0;
  -webkit-transform: translateY(-60%); /* Safari用 */
  transform: translateY(-60%);
}

.v-Interview__heroText {
  font-size: 16px;
  color: #fff;
}
.v-Interview__img {
  margin-bottom: 48px;
}

.v-Interview__title::before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background-color: #005bac;
  position: absolute;
  top: 13px;
  left: 0px;
}
.v-Interview__textBox {
  width: min(720px, 100%);
  margin: 32px auto 56px auto;
}
.v-Interview__textBox p {
  padding-bottom: 24px;
  font-size: 1.5rem;
  line-height: 1.8em;
  letter-spacing: 0.1rem;
}

.v-Interview__date {
  text-align: right;
  font-size: 13px;
  color: #aaa;
}

.v-Interview__short {
  width: min(720px, 100%);
  margin: 32px auto 80px auto;
}

.v-Interview__short dt {
  background: #f7f7f7;
  font-size: 1.5rem;
  line-height: 1.8em;
  letter-spacing: 0.1rem;
}
.v-Interview__short dt::before {
  content: "Q.";
  display: inline-block;
  color: #323232;
  padding: 8px 4px 8px 12px;
}
.v-Interview__short dd {
  margin-top: 24px;
  margin-bottom: 48px;
  padding-left: 20px;
  font-size: 1.5rem;
  line-height: 1.8em;
  letter-spacing: 0.1rem;
}

.v-InterviewRecruit {
  margin-top: 48px;
  background: #f7f7f7;
  padding: 40px;
}
.v-InterviewRecruitText {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 32px;
}

.v-Interview__menberWrap {
  width: min(960px, 100%);
  margin: 56px auto;
}
.v-Interview__member {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 24px;
}
.v-Interview__member li {
  width: min(200px, 48%);
  text-align: center;
}
.v-Interview__member li:hover {
  opacity: 0.7;
}
.v-Interview__member a {
  text-decoration: none;
  font-size: 13px;
}

.v-Interview__member li img {
  height: auto;
}
.v-Interview__memberPosition {
  padding-top: 8px;
}
.v-Interview__memberName {
  font-size: 1.6rem;
}
.v-Interview__social .wp_social_bookmarking_light {
  justify-content: center;
}

/*--インタビュートップ--*/
.v-Interview__top {
  width: min(960px, 100%);
  margin: 32px auto;
}

.v-Interview__session {
  margin: 40px auto;
}

.v-Interview__crosstalk {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.v-Interview__crosstalk li {
  width: 46%;
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}

.v-Interview__crosstalk li:hover {
  opacity: 0.7;
}

.v-Interview__crosstalk li:not(:nth-child(2n + 1)) {
  margin-left: 8%;
}
.v-Interview__crosstalk li img {
  height: auto;
}

.v-Interview__crosstalk li a {
  font-weight: bold;
  color: #323232;
}

.v-Interview__external {
  padding-top: 8px;
  color: #323232;
}
.v-Interview__external .icon-exLink {
  border-bottom: solid 1px #323232;
  border-left: solid 1px #323232;
}

.v-Interview__external .icon-exLink::after {
  border: solid 1px #323232;
}

a:hover .v-Interview__external .icon-exLink,
a:hover .v-Interview__external .icon-exLink::after {
  border-color: #323232;
}

.v-Interview__semititle {
  font-size: 20px;
  padding-bottom: 16px;
}

.v-InterviewReport {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 4%;
  width: 100%;
}
.v-InterviewReport li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 48%;
}

.v-InterviewReport li a {
  display: flex;
  text-decoration: none;
  transition: all 0.5s ease;
}

.v-InterviewReport li a:hover {
  opacity: 0.5;
}

.v-InterviewReport li a:hover div {
  background-color: rgba(0, 78, 165, 1);
}

.v-InterviewReport li a div {
  padding: 10px 10px;
  background-color: rgba(50, 50, 50, 1);
  color: #fff;
  text-decoration: none;
  transition: all 0.5s ease;
}

.v-InterviewReport li a img {
  max-width: 200px;
}
.v-InterviewReport .icon-exLink {
  border-color: #fff;
}
.v-InterviewReport .icon-exLink::after {
  border-color: #fff;
}
/*--博士採用・スペシャリスト採用LP--*/
.v-SpeDoc {
  margin-top: 68px;
}

.v-SpeDoc__background {
  background: #f7f7f7;
}
.v-SpeDocInner {
  width: min(960px, 100%);
  margin: 0 auto;
  padding: 32px 0 48px 0;
}
.v-SpeDocInner h3 {
  font-size: 3.2rem;
  font-weight: normal;
  margin-bottom: 32px;
}
.v-SpeDocInner__text {
  padding-bottom: 48px;
}
.v-SpeDocBtnWrapper {
  display: flex;
  width: 720px;
  justify-content: space-between;
  margin: 0 auto;
}
.v-SpeDocBtn {
  width: 320px;
  height: 64px;
  margin: 32px auto;
  background: linear-gradient(to right, #005bac, #00a0a0);
  text-align: center;
  font-size: 1.8rem;
}
.v-SpeDocBtn.v-SpeDocBtn-p {
  background: #005bac;
}
.v-SpeDocBtn.v-SpeDocBtn-s {
  background: #00a0a0;
}
.v-SpeDocBtn.v-SpeDocBtn__disable {
  margin-top: 16px;
  color: #666;
  line-height: 64px;
  background: #aaa;
}
.v-SpeDocBtn > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  line-height: 64px;
}
.v-SpeDocBtn > a::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transform: rotate(45deg);
}
.v-SpeDocBtn > a > p {
  font-size: 1.8rem;
}
.v-SpeDocBtn > a:hover {
  background: #00bcd4;
  transition: all 0.15s;
}
.v-SpeDocBtn.v-SpeDocBtn-p > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.15s;
}
.v-SpeDocBtn.v-SpeDocBtn-s > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.15s;
}
.v-SpeDocBtn__note {
  margin: 0 auto 32px auto;
  width: 688px;
}
.v-SpeDocV {
  width: 100%;
  min-width: min(960px, 100%);
  height: auto;
  margin-top: 68px;
  background: #f2f2f4;
  position: relative;
}
.v-SpeDocV__inner {
  overflow: hidden;
  position: relative;
  width: 100vw;
  min-width: min(960px, 100%);
  height: calc(100vw * 0.32);
  min-height: 300px;
  background: #000;
}
.v-SpeDocV__inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  min-width: min(960px, 100%);
  height: 100%;
  z-index: 1;
}
.v-SpeDocV__img.j-fadeMain {
  width: 100vw;
  min-width: min(960px, 100%);
}
.v-SpeDocV__img.j-fadeMain--sp {
  display: none;
}
.v-SpeDocV__left {
  z-index: 2;
  position: absolute;
  color: #fff;
}
.v-SpeDocV__left--pc {
  width: min(960px, 100%);
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.v-SpeDocV__left--sp {
  display: none;
}
.v-SpeDocV__content h1 {
  display: inline-block;
  border: 1px solid #fff;
  padding: 4px 8px;
}
.v-SpeDocV__catch {
  margin-top: 32px;
  width: calc(100vw * 0.28);
  min-width: 320px;
}
.v-SpeDocV__dept {
  margin-top: 32px;
  width: calc(100vw * 0.16);
  min-width: 240px;
}
.v-SpeDocJob {
  display: flex;
  flex-wrap: wrap;
}
.v-SpeDocJob dl {
  width: 48%;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 32px;
  padding-bottom: 32px;
}
.v-SpeDocJob dl:nth-child(even) {
  margin-left: 4%;
}
.v-SpeDocJob dt {
  font-weight: 600;
  font-size: 1.6rem;
  padding-bottom: 24px;
}
.v-SpeDocRecruit dl {
  padding: 16px 0;
  border-bottom: 1px solid #eaeaea;
  display: flex;
}
.v-SpeDocRecruit dt {
  font-weight: 600;
  font-size: 1.4rem;
  width: 220px;
}
.v-SpeDocRecruit dd {
  font-size: 1.4rem;
  flex: 1 0 0%;
}
.v-SpeDocRecruit li {
  list-style: none;
}
.v-SpeDocRecruit p {
  padding-bottom: 12px;
}
.v-SpeDocFlow {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.v-SpeDocFlow li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  font-size: 16px;
  position: relative;
  border: 2px solid #eaeaea;
  border-radius: 50%;
  background: #fff;
}
.v-SpeDocFlow li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.v-SpeDocFlow li::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: -24px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #5a5858;
  border-right: 2px solid #5a5858;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.v-SpeDocFlow li:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  font-size: 16px;
  position: relative;
  border: 2px solid #005bac;
  border-radius: 50%;
  background: #005bac;
  color: #fff;
}
.v-SpeDocFlow li:last-child::after {
  border: none;
}

/*--ポテンシャル採用LP--*/
.v-Potential {
  margin-top: 68px;
}

.v-Potential__background {
  background: #f7f7f7;
}
.v-PotentialInner {
  width: min(960px, 100%);
  margin: 0 auto;
  padding: 32px 0 48px 0;
}
.v-PotentialInner h3 {
  font-size: 3.2rem;
  font-weight: normal;
  margin-bottom: 32px;
}
.v-PotentialInner__text {
  padding-bottom: 48px;
}
.v-PotentialBtnWrapper {
  display: flex;
  width: min(720px, 100%);
  justify-content: space-between;
  margin: 0 auto;
}
.v-PotentialBtn {
  width: 320px;
  height: 64px;
  margin: 32px auto;
  background: linear-gradient(to right, #005bac, #00a0a0);
  text-align: center;
  font-size: 1.8rem;
}
.v-PotentialBtn.v-PotentialBtn-p {
  background: #005bac;
}
.v-PotentialBtn.v-PotentialBtn-s {
  background: #00a0a0;
}
.v-PotentialBtn.v-PotentialBtn__disable {
  margin-top: 16px;
  color: #666;
  line-height: 64px;
  background: #aaa;
}
.v-PotentialBtn > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  line-height: 64px;
}
.v-PotentialBtn > a::after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  transform: rotate(45deg);
}
.v-PotentialBtn > a > p {
  font-size: 1.8rem;
}
.v-PotentialBtn > a:hover {
  background: #00bcd4;
  transition: all 0.15s;
}
.v-PotentialBtn.v-PotentialBtn-p > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.15s;
}
.v-PotentialBtn.v-PotentialBtn-s > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.15s;
}
.v-PotentialBtn__note {
  margin: 0 auto 32px auto;
  width: 688px;
}
.v-PotentialV {
  width: 100%;
  min-width: min(960px, 100%);
  height: auto;
  margin-top: 68px;
  background: #f2f2f4;
  position: relative;
}
.v-PotentialV__inner {
  overflow: hidden;
  position: relative;
  width: 100vw;
  min-width: min(960px, 100%);
  height: calc(100vw * 0.32);
  min-height: 300px;
  background: #000;
}
.v-PotentialV__inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  min-width: min(960px, 100%);
  height: 100%;
  z-index: 1;
}
.v-PotentialV__img.j-fadeMain {
  width: 100vw;
  min-width: min(960px, 100%);
}
.v-PotentialV__img.j-fadeMain--sp {
  display: none;
}
.v-PotentialV__left {
  z-index: 2;
  position: absolute;
  color: #fff;
}
.v-PotentialV__left--pc {
  width: min(960px, 100%);
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.v-PotentialV__left--sp {
  display: none;
}
.v-PotentialV__content h1 {
  display: inline-block;
  border: 1px solid #fff;
  padding: 4px 8px;
}
.v-PotentialV__catch {
  margin-top: 32px;
  width: calc(100vw * 0.28);
  min-width: 320px;
}
.v-PotentialV__dept {
  margin-top: 32px;
  width: calc(100vw * 0.16);
  min-width: 240px;
}
.v-PotentialJob {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4%;
  row-gap: 32px;
}
.v-PotentialJob dl {
  width: 48%;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 20px;
}
.v-PotentialJob dt {
  font-weight: 600;
  font-size: 1.6rem;
  padding-bottom: 20px;
}
.v-PotentialRecruit dl {
  padding: 16px 0;
  border-bottom: 1px solid #eaeaea;
  display: flex;
}
.v-PotentialRecruit dt {
  font-weight: 600;
  font-size: 1.4rem;
  width: 220px;
}
.v-PotentialRecruit dd {
  font-size: 1.4rem;
  flex: 1 0 0%;
}
.v-PotentialRecruit li {
  list-style: none;
}
.v-PotentialRecruit p {
  padding-bottom: 12px;
}
.v-PotentialFlow {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.v-PotentialFlow li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  font-size: 16px;
  position: relative;
  border: 2px solid #eaeaea;
  border-radius: 50%;
  background: #fff;
}
.v-PotentialFlow li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.v-PotentialFlow li::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: -24px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #5a5858;
  border-right: 2px solid #5a5858;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.v-PotentialFlow li:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  font-size: 16px;
  position: relative;
  border: 2px solid #005bac;
  border-radius: 50%;
  background: #005bac;
  color: #fff;
}
.v-PotentialFlow li:last-child::after {
  border: none;
}
/*クロスインタビュー共通化　ポテンシャル採用＆インタビューページ＆インターンシップページで使用*/

.c-InterviewCross {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4%;
  row-gap: 20px;
}
.c-InterviewCross li {
  width: 48%;
}
.c-InterviewCross div {
  padding-top: 12px;
  text-align: center;
}
/*テーブル共通化*/
.c-Table {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.c-Table th {
  padding: 20px 32px;
  border-right: 1px dotted #ccc;
  border-bottom: 1px solid #ccc;
  background: #f7f7f7;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  font-size: 1.6rem;
}

.c-Table th.c-Table__th--em {
  background: #fffacc;
}

.c-Table td {
  padding: 20px 32px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 1.5rem;
  word-break: break-all;
}
.c-Table p {
  padding: 4px 0;
}
.c-Table .text-s {
  font-size: 1.4rem;
}

.c-Table td p span {
  background: linear-gradient(transparent 50%, #e2fafa 50%);
}

.c-Table td p span.c-Table__span--em {
  background: linear-gradient(transparent 50%, #fff6ce 50%);
}

/*GMOインターネットグループとは共通化　ポテンシャル採用＆インターンシップページで使用*/
.c-InfoGMO {
  margin: 32px auto 40px 0;
}
.c-InfoGMO ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
}
.c-InfoGMO ul + ul {
  margin-top: 20px;
}
.c-InfoGMO li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: #fff;
}
.c-InfoGMO__service li img {
  width: 60%;
}
.c-InfoGMO__summary li img {
  width: 90%;
}
.c-InfoGMO li span {
  font-size: 36px;
  font-weight: bold;
  color: #005bac;
}
.c-InfoGMO li p {
  line-height: 2.4em;
}
.c-InfoGMO__note {
  font-size: 12px;
  margin-left: auto;
}
.c-InfoGMO li p + img {
  padding-top: 12px;
}

/*バナーエリア表示　トップ　研究テーマで共通化*/

.c-TopSub {
  display: flex;
  justify-content: space-between;
  column-gap: 32px;
}

.c-TopSub h2 {
  background: #fff;
  text-align: center;
  font-size: 2rem;
  padding: 8px 0;
  margin-bottom: 0;
  color: #000;
}

.c-TopSub > li {
  flex: 1 0 0%;
}

.c-TopSub__img {
  z-index: 1;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 46%;
}
.c-TopSub__img img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%) scale(1);
}

.c-TopSub > li a:hover h2 {
  color: #005bac;
  text-decoration: underline;
}

.c-TopSub > li a:hover img {
  transform: translateY(-50%) scale(1.1);
  transition: all 0.2s ease-in;
}

/* Research LP
------------------------------------------------------------*/
.c-Research {
  font-size: 1.6rem;
  line-height: 1.7;
}

.c-Research h2 {
  margin-bottom: 20px;
  font-size: 2.4rem;
}

.c-Research__title {
  background: #08134d;
}

.c-Research__title h1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: min(960px, 100%);
  margin: 0 auto;
  padding: 28px 0;
  color: #fff;
  font-size: 3.2rem;
}

.c-Research__title .subTitle {
  display: block;
  width: 100%;
  color: #fff;
  font-weight: normal;
  font-size: 1.4rem;
}

.c-Research__title span {
  position: relative;
  margin-top: 4px;
  margin-left: 12px;
  padding-left: 20px;
  color: #fff;
  font-weight: normal;
  font-size: 1.4rem;
}

.c-Research__title span::before {
  display: block;
  position: absolute;
  top: 12px;
  left: 4px;
  width: 12px;
  height: 1px;
  background-color: #fff;
  content: "";
}

.c-ResearchSec {
  padding-top: 48px;
  padding-bottom: 64px;
}

.c-ResearchSec--pb0 {
  padding-top: 48px;
}

.c-ResearchSec__inner {
  width: min(960px, 100%);
  margin: 0 auto;
}

.c-ResearchProject {
  margin-top: 24px;
  margin-bottom: 40px;
}

.c-ResearchProject li + li {
  margin-top: 64px;
}

.c-ResearchProject h3 {
  margin-bottom: 24px;
  padding: 4px 16px;
  background: #08134d;
  color: #fff;
  font-size: 1.8rem;
}

.c-ResearchFlex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.c-ResearchFlex p {
  width: 70%;
}

.c-ResearchFlex_img {
  flex-shrink: 0;
  width: 300px;
  margin-left: 20px;
  text-align: center;
}

.c-ResearchFlex_img img {
  display: inline-block;
  max-width: 180px;
  height: auto;
  margin-right: 12px;
  margin-bottom: 20px;
}

.c-ResearchInterview {
  display: flex;
  justify-content: center;
  width: 460px;
  margin: 0 auto;
}

.c-ResearchInterview div {
  padding-top: 12px;
  text-align: center;
}

.c-ResearchList li a:hover .c-ResearchItem__title {
  color: #005bac;
  text-decoration: underline;
  transition: all 0.2s ease-in;
}

.c-ResearchList li + li {
  margin-top: 20px;
}

.c-ResearchItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 32px;
  border-radius: 8px;
  background: #fff;
  color: #000;
}

.c-ResearchItem__img {
  z-index: 1;
  overflow: hidden;
  position: relative;
  width: 260px;
  transition: all 0.2s;
}

.c-ResearchItem__img::before {
  display: block;
  padding-bottom: 56%;
  content: "";
}

.c-ResearchItem__img > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transition: all 0.2s ease-in;
  transform: translateY(-50%) scale(1);
}

.c-ResearchList li a:hover .c-ResearchItem__img > img {
  transform: translateY(-50%) scale(1.13, 1.13);
}

.c-ResearchItem__inner {
  flex: 1 0 0%;
  margin-left: 24px;
}

.c-ResearchItem__title {
  font-size: 2rem;
  line-height: 1.5;
}

.c-ResearchItem span {
  display: inline-block;
  padding-top: 8px;
  color: #5a5858;
  font-size: 1.4rem;
}

.c-ResearchItem__text {
  padding-top: 8px;
}

.v-RsearchTop li + li {
  padding-top: 32px;
}

.v-RsearchTopItem {
  position: relative;
  margin-bottom: 40px;
}

.v-RsearchTopItem img:hover {
  opacity: 0.8;
  transition: 0.2s;
}

.v-RsearchTopItem__detail {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: -40px;
  width: 560px;
  padding: 20px 24px;
  background: #fff;
  color: #000;
}

.v-RsearchTopItem__detail dt {
  font-weight: bold;
  font-size: 2rem;
}

.v-RsearchTopItem__detail dt span {
  position: relative;
  margin-left: 8px;
  padding-left: 20px;
  font-weight: normal;
  font-size: 1.6rem;
}

.v-RsearchTopItem__detail dt span::before {
  display: block;
  position: absolute;
  top: 12px;
  left: 4px;
  width: 12px;
  height: 1px;
  background: #000;
  content: "";
}

.v-RsearchTopItem__detail dd {
  margin-top: 8px;
}

.v-RsearchTopItem__detail:hover {
  cursor: pointer;
  transition: 0.2s;
  transform: translateY(-5px);
}

.v-RsearchTopItem__detail:hover dt {
  color: #005bac;
  transition: 0.2s;
}
/* AI研LP
------------------------------------------------------------*/
.v-Aiken {
  font-size: 1.6rem;
  overflow: hidden;
}

.v-Aiken section {
  margin-top: 80px;
  margin-bottom: 100px;
}

.v-Aiken .v-AikenSec01 {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: url("https://www.gmo-jisedai.com/wp-content/uploads/bk-ailp.jpeg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: lighten;
}

.v-Aiken .v-AikenSec03,
.v-AikenSec04 {
  position: relative;
}

.v-Aiken .v-AikenSec03::before {
  z-index: -1;
  position: absolute;
  top: 260px;
  left: 0;
  width: 120%;
  height: calc(100% - 260px);
  margin: 0;
  background: #f2f4f7;
  content: "";
}

.v-Aiken .v-AikenSec04::before {
  z-index: -1;
  position: absolute;
  top: 400px;
  left: 0;
  width: 120%;
  height: calc(100% - 400px);
  margin: 0;
  background: rgba(0, 91, 172, 0.1);
  content: "";
}

.v-Aiken .v-AikenSec05 {
  margin-bottom: 0;
}

.v-AikenSec__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px 80px;
}

.v-AikenSec05 .v-AikenSec__inner {
  padding-bottom: 64px;
}

.v-AikenMv__img {
  min-height: 380px;
  background: url("https://www.gmo-jisedai.com/wp-content/uploads/img-ailp-mv-2502.jpg") no-repeat
    center;
}

.v-AikenMv__copy {
  position: relative;
  width: 100%;
  height: 48px;
  max-width: 1000px;
  margin-top: -24px;
  margin-right: auto;
  margin-left: auto;
}

.v-AikenMv__copy p {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 56%;
  height: 100%;
  padding: 6px 0 6px 32px;
  background: #072d62;
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.1em;
}

.v-AikenMv__copy p::after {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #072d62;
  content: "";
}

.v-AikenMv__text {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}

.v-AikenMv__text h1 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  letter-spacing: 0.12em;
  font-weight: normal;
  font-size: 5.6rem;
}

.v-AikenMv__text h1 span {
  margin-right: 8px;
  color: #072d62;
  font-size: 8.4rem;
  font-family: "Roboto", sans-serif;
}

.v-AikenMv__text p {
  max-width: 560px;
  margin-left: 40px;
  font-size: 1.6rem;
}

.v-AikenNav {
  display: flex;
  justify-content: center;
  padding: 20px;
  background: #f2f4f7;
}

.v-AikenNav li {
  margin: 0 12px;
}

.v-AikenNav li a {
  display: flex;
  color: #000;
}

.v-AikenNav li a:hover {
  color: #005bac;
}

.v-AikenNav li span {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  background: #072d62;
  content: "";
}

.v-AikenNav li span::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 1px;
  border-top: 6px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
  transform: translate(-50%, -50%);
}

.v-AikenBnrArea {
  margin: 48px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v-AikenBnrArea a {
  display: block;
  position: relative;
}

.v-AikenBnrArea a:hover::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
}

.v-AikenSec__title {
  display: flex;
  align-items: center;
  margin-bottom: 64px;
  font-weight: 600;
  font-size: 6.4rem;
  line-height: 1;
}

.v-AikenSec__title span {
  margin-right: 32px;
  color: #072d62;
  letter-spacing: 0.025em;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

.v-AikenSec__title h2 {
  position: relative;
  margin-top: 8px;
  padding-left: 40px;
  font-weight: normal;
  font-size: 2.4rem;
}

.v-AikenSec__title h2::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 1px;
  background-color: #000;
  content: "";
  transform: translateY(-50%);
}

.v-Aikengyomu + .v-Aikengyomu {
  margin-top: 32px;
}

.v-Aikengyomu dt {
  margin-bottom: 24px;
  text-align: center;
  font-weight: 600;
  font-size: 2.4rem;
}

.v-AikengyomuList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.v-AikengyomuList li {
  width: 48.5%;
  margin-bottom: 32px;
  padding: 24px 32px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 0 24px -12px rgba(0, 0, 0, 0.3);
}

.v-AikengyomuList li div {
  display: flex;
  margin-bottom: 12px;
}

.v-AikengyomuList li h3 {
  margin-right: 20px;
  color: #005bac;
  font-size: 2rem;
}

.v-AikengyomuList li span {
  color: #005bac;
  font-size: 2rem;
  opacity: 0.4;
}

.v-AikenAtList__title {
  display: flex;
  align-items: center;
  margin-bottom: -6px;
  line-height: 1;
}

.v-AikenAtList__title span {
  color: #072d62;
  font-size: 6.4rem;
}

.v-AikenAtList__title h3 {
  width: 100%;
  margin-left: -32px;
  padding-bottom: 12px;
  text-align: center;
  font-weight: 600;
  font-size: 2.4rem;
}

.v-AikenAtList__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 64px;
  border-radius: 40px;
  background: #f2f4f7;
}

.v-AikenAtListPanel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 20px;
  row-gap: 20px;
}

.v-AikenAtListPanel--02 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.v-AikenAtList > li + li {
  margin-top: 48px;
}

.v-AikenAtList__panel > p {
  margin-top: 8px;
  color: #005bac;
  text-align: center;
  font-weight: 600;
  font-size: 2.4rem;
}

.v-AikenAtListPanel {
  display: flex;
  align-items: center;
  column-gap: 20px;
  row-gap: 20px;
}

.v-AikenAtListPanel li {
  display: flex;
  align-items: center;
  padding: 4px 20px;
  border: 4px solid #d6e2ed;
  border-radius: 12px;
  background: #fff;
}

.v-AikenAtListPanel--02 li {
  width: 49%;
  padding: 24px;
  border: 4px solid #d6e2ed;
  border-radius: 24px;
  background: #fff;
  text-align: center;
}

.v-AikenAtListPanel li img {
  margin: 8px;
}

.v-AikenAtListPanel--02 li img {
  display: block;
  margin: 16px auto;
}

.v-AikenAtListPanel li h3,
.v-AikenAtListPanel--02 li h3 {
  font-weight: normal;
  font-size: 2rem;
}

.v-AikenAtListPanel--02 li p {
  display: inline-block;
  margin: 4px;
  padding: 4px 16px;
  border-radius: 20px;
  background: rgba(0, 91, 172, 0.1);
  font-size: 1.4rem;
}

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

.v-AikenDevList li {
  width: 30%;
}

.v-AikenDevListItem h3 {
  margin: 20px auto 12px;
  font-size: 2rem;
}

.v-AikenTech {
  margin-top: 40px;
}

.v-AikenTech h3 {
  margin-bottom: 16px;
  font-size: 2rem;
}

.v-AikenTechTable {
  display: block;
  padding: 16px;
  background: #fff;
}

.v-AikenTechTable tr {
  display: block;
  padding: 4px;
}

.v-AikenTechTable th {
  width: 180px;
  padding: 12px;
  background: rgba(0, 91, 172, 0.1);
  vertical-align: middle;
}

.v-AikenTechTable td {
  padding: 12px 12px 12px 40px;
}

.v-AikenTechTable ul li {
  font-weight: 600;
  list-style: disc;
}

.v-AikenTechTable ul li p {
  font-weight: normal;
}

.v-AikenTechTable ul li::marker {
  color: #005bac;
}

.v-AikenTechTable ul li + li {
  margin-top: 16px;
}

.v-AikenMemList {
  margin-top: 40px;
}

.v-AikenMemList li {
  padding: 32px;
  border: 4px solid #d6e2ed;
  border-radius: 24px;
  background: #fff;
}

.v-AikenMemList li:nth-child(odd) {
  margin-left: 20%;
}

.v-AikenMemList li:nth-child(even) {
  margin-right: 20%;
}

.v-AikenMemList li + li {
  margin-top: 32px;
}

.v-AikenMemDetail {
  display: flex;
}

.v-AikenMemDetail dt {
  flex-shrink: 0;
  margin-right: 24px;
}

.v-AikenMemDetail dd > div {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 2rem;
}

.v-AikenMemDetail dd > div > span {
  padding-left: 20px;
  font-weight: normal;
  font-size: 1.4rem;
}

.v-AikenMemDetail--row {
  margin-top: 16px;
  background: #f2f4f7;
}

.v-AikenMemDetail--row dt {
  display: inline-block;
  padding: 2px 20px;
  background: #d6e2ed;
  font-size: 1.4rem;
}

.v-AikenMemDetail--row dd {
  padding: 8px 20px 20px;
  font-size: 1.4rem;
}

.v-AikenRecTable {
  border-bottom: 1px solid #eaeaea;
  background: #fff;
}

.v-AikenRecTable th {
  width: 180px;
  padding: 12px;
  background: #f2f4f7;
  vertical-align: middle;
}

.v-AikenRecTable tr {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #eaeaea;
}

.v-AikenRecTable td {
  padding: 12px 20px;
  font-size: 1.4rem;
}

.v-AikenRecTable ul,
.v-AikenRecTable ol {
  list-style: none;
}

.v-AikenRecTable dl + dl {
  margin-top: 16px;
}

.v-AikenRecTableInfo {
  margin-top: 32px;
  padding: 32px 40px;
  background: rgba(0, 91, 172, 0.1);
}

.v-AikenRecTableInfo--gray {
  margin-top: 32px;
  padding: 32px 40px;
  background: #f2f4f7;
}

.v-AikenRecTableInfo dt {
  font-weight: 600;
  font-size: 2rem;
}

.v-AikenRecTableInfo--gray dt {
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 16px;
  color: #072d62;
}

.v-AikenRecTableInfo--gray dt span {
  font-weight: normal;
  font-size: 1.8rem;
  color: #ffffff;
  padding: 2px 8px;
  margin-right: 12px;
  background: #072d62;
}

.v-AikenRecTableInfo dd {
  margin-top: 20px;
}

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

.v-AikenRecList li {
  width: 49%;
  padding: 32px 24px 40px;
  border: 2px solid #d6e2ed;
  border-radius: 20px;
  background: #fff;
  text-align: center;
}

.v-AikenRecList--large li {
  padding: 32px 32px 40px;
  border: 2px solid #d6e2ed;
  border-radius: 20px;
  background: #fff;
}

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

.v-AikenRecListItem > p {
  margin-right: 20px;
}

.v-AikenRecListItem .Btn {
  flex-shrink: 0;
}

.v-AikenRecList li span,
.v-AikenRecList--large li span {
  margin-right: 8px;
  padding: 2px 8px;
  border: 1px solid #00a0a0;
  color: #00a0a0;
  font-size: 1.4rem;
}

.v-AikenRecList li h3,
.v-AikenRecList--large li h3 {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 2rem;
}
/* 次世代システム研究室LP
------------------------------------------------------------*/
.v-Jiken {
  font-size: 1.6rem;
  overflow-x: hidden;
}
.v-Jiken figure img {
  height: auto;
}
.v-Jiken section {
  margin-top: 80px;
  margin-bottom: 100px;
}
.v-JikenSec__title {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  column-gap: 32px;
  row-gap: 16px;
  margin-bottom: 48px;
}
.v-JikenSec__title h2 {
  font-size: 2.4rem;
  font-weight: normal;
  letter-spacing: 0.15em;
}
.v-JikenSec__title span {
  font-family: "Roboto", sans-serif;
  font-size: 7.2rem;
  line-height: 1;
  display: inline-block;
  background: linear-gradient(0deg, #003133, #005bac);
  background: -webkit-linear-gradient(0deg, #003133, #005bac);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
.v-JikenSec__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px 80px;
}
.v-JikenSec__btn {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.v-JikenMv {
  position: relative;
  padding-top: 100px;
}
.v-JikenMv__title {
  width: min(960px, 100%);
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 20px;
}
.v-JikenMv__title h1 {
  position: relative;
  animation: jiken-clip-title cubic-bezier(0, 0, 0.2, 1) 800ms 1 both;
  display: inline-block;
  font-weight: normal;
  font-size: 7.8rem;
  background: linear-gradient(0deg, #003133, #005bac);
  background: -webkit-linear-gradient(0deg, #003133, #005bac);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  letter-spacing: 0.15em;
  white-space: nowrap;
  cursor: default;
}
.v-JikenMv__title h1::after {
  content: "";
  position: absolute;
  z-index: 999;
  inset: 0;
  background: linear-gradient(-90deg, #005bac, #003133);
  transform: scaleX(0);
  transform-origin: 0 50%;
  pointer-events: none;
  animation: jiken-title-revealer cubic-bezier(0, 0, 0.2, 1) 800ms 1 both;
}
.v-JikenMv__lead {
  position: absolute;
  top: 148px;
  right: 12%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  height: 100%;
  z-index: 1;
  max-height: 480px;
}
.v-JikenMv__lead div {
  display: inline-flex;
  align-items: center;
  position: relative;
  color: #fff;
  letter-spacing: 0.7em;
  font-weight: normal;
  font-size: 2rem;
  padding: 28px 2px;
}
.v-JikenMv__lead div::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: inline-block;
  background: linear-gradient(0deg, #005bac, #003133);
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
}
.v-JikenMv__leadBox01 p {
  animation: jiken-clip-lead 1s cubic-bezier(0, 0, 0.2, 1) 700ms 1 both;
}
.v-JikenMv__leadBox02 p {
  animation: jiken-clip-lead 1.4s cubic-bezier(0, 0, 0.2, 1) 900ms 1 both;
}
.v-JikenMv__leadBox01::after {
  animation: jiken-lead-bg 1s cubic-bezier(0, 0, 0.2, 1) 700ms 1 both;
  transform-origin: top center;
}
.v-JikenMv__leadBox02::after {
  animation: jiken-lead-bg 1.4s cubic-bezier(0, 0, 0.2, 1) 900ms 1 both;
  transform-origin: top center;
}
.v-JikenMv__lead div + div {
  margin-right: 12px;
  margin-top: 64px;
}
@keyframes jiken-clip-title {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes jiken-title-revealer {
  0%,
  50% {
    transform-origin: 0 50%;
  }
  60%,
  100% {
    transform-origin: 100% 50%;
  }
  60% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes jiken-clip-lead {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes jiken-lead-bg {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(100%);
  }
  30%,
  100% {
    opacity: 1;
  }
}
.v-JikenMv__img {
  max-width: 90%;
  content: "";
  aspect-ratio: 1420 / 520;
  background-image: url("https://www.gmo-jisedai.com/wp-content/uploads/jiken-mv-scaled.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.v-JikenMv::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 200px;
  height: 64px;
  background-image: url("https://www.gmo-jisedai.com/wp-content/uploads/jiken-bg-dots.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 420px;
  z-index: -1;
}
.v-JikenMv::after {
  position: absolute;
  top: -74px;
  right: 0;
  content: "";
  width: 260px;
  height: 420px;
  background-image: url("https://www.gmo-jisedai.com/wp-content/uploads/jiken-bg-dots.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 420px;
  z-index: -1;
}
.v-JikenNav {
  position: relative;
  width: 90%;
  display: flex;
  justify-content: center;
  padding: 20px;
  background: #f2f4f7;
  letter-spacing: 0.15em;
}
.v-JikenNav::before {
  position: absolute;
  top: -40px;
  right: -80px;
  content: "";
  width: 300px;
  height: 240px;
  background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/jiken-bg-dots.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 420px;
  z-index: -1;
}
.v-JikenNav li {
  margin: 0 12px;
}
.v-JikenNav li a {
  display: flex;
  color: #000;
}
.v-JikenNav li a:hover {
  color: #005bac;
}
.v-JikenNav li span {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  background: #003133;
  content: "";
}
.v-JikenNav li span::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 1px;
  border-top: 6px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
  transform: translate(-50%, -50%);
}
.v-JikenGyomu {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 48px;
}
.v-JikenGyomu::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 96vw;
  margin: 0 calc(50% - 50vw);
  height: 560px;
  background: #f0f4f4;
  z-index: -2;
}
.v-JikenGyomu02 {
  position: relative;
  padding-top: 48px;
}
.v-JikenGyomu02::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 96vw;
  margin: 0 calc(50% - 50vw);
  height: 420px;
  background: #f2f4f7;
  z-index: -2;
}
.v-JikenGyomu dd:nth-of-type(2) {
  position: absolute;
  width: 520px;
  left: 0;
  bottom: -64px;
  z-index: -1;
}
.v-JikenGyomu + .v-JikenGyomu02 {
  margin-top: 64px;
}
.v-JikenGyomu dt,
.v-JikenGyomu02 dt {
  display: flex;
  align-items: center;
  column-gap: 20px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 24px;
}
.v-JikenGyomu dt span,
.v-JikenGyomu02 dt span {
  font-family: "Roboto", sans-serif;
  font-size: 8.4rem;
  font-weight: 600;
  line-height: 1;
  color: #c6e0df;
}
.v-JikenGyomu dd {
  width: clamp(540px, 60%, 640px);
}
.v-JikenGyomuList {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.v-JikenGyomu02 .v-JikenGyomuList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 32px;
}
.v-JikenGyomuList li {
  background: #fff;
  padding: 32px;
  border-radius: 24px;
  box-shadow: 0 0 24px -12px rgba(0, 0, 0, 0.3);
}
.v-JikenGyomu02 .v-JikenGyomuList li {
  width: auto;
}
.v-JikenGyomuList li h3 {
  font-size: 2rem;
  color: #003133;
}
.v-JikenGyomuList li p {
  margin-top: 12px;
}
.v-JikenGyomuList__img {
  display: flex;
  justify-content: center;
  align-items: baseline;
  column-gap: 32px;
  margin-top: 24px;
}
.v-JikenDevList {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  column-gap: 48px;
}
.v-JikenDevList::before {
  position: absolute;
  top: 160px;
  left: 0;
  content: "";
  width: 96vw;
  margin: 0 calc(50% - 50vw);
  height: 100%;
  background: #f0f4f4;
  z-index: -2;
}
.v-JikenDevList h3 {
  font-size: 2rem;
  margin-top: 20px;
  margin-bottom: 16px;
}
.v-JikenDevList + .v-JikenTech {
  margin-top: 48px;
}
.v-JikenTech {
  position: relative;
  background: #fff;
  padding: 40px;
}
.v-JikenTech::before {
  position: absolute;
  top: 0px;
  left: 0;
  content: "";
  width: 96vw;
  margin: 0 calc(50% - 50vw);
  height: 120%;
  background: #f0f4f4;
  z-index: -2;
}
.v-JikenTech + .v-JikenTech {
  margin-top: 24px;
}
.v-JikenTech h3 {
  font-size: 2rem;
  margin-bottom: 20px;
}
.v-JikenTech h3 span {
  font-weight: 300;
}
.v-JikenTech__list {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.v-JikenTech__list dl {
  display: grid;
  grid-template-columns: 300px 1fr;
  column-gap: 32px;
  align-items: center;
}
.v-JikenTech__list dl dt {
  position: relative;
  padding: 8px 20px;
  background: #f0f4f4;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-JikenTech__list li + li dl > dt::after {
  content: "";
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid #eaeaea;
  height: 32px;
}
.v-JikenTech__list li:nth-child(4) dl dt,
.v-JikenTech__list li:nth-child(5) dl dt,
.v-JikenTech__list li:nth-child(6) dl dt {
  font-size: 1.8rem;
  font-weight: 600;
  background: #e2efef;
}
.v-JikenTechSprint {
  display: flex;
  justify-content: space-between;
  column-gap: 16px;
  margin-top: 20px;
}
.v-JikenTechSprint li {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
}
.v-JikenTechSprint li p {
  align-self: stretch;
  text-align: center;
}
.v-JikenTechSprint li:nth-child(odd) p:last-child {
  background: #f0f4f4;
}
.v-JikenTechSprint li:nth-child(even) p:last-child {
  background: #e2efef;
}
.v-JikenTechTable tr {
  display: grid;
  grid-template-columns: 160px 1fr;
  align-items: center;
}
.v-JikenTechTable th {
  font-size: 2rem;
}
.v-JikenTechTable td {
  padding: 0 12px 0 40px;
}
.v-JikenTechTable ul li {
  padding: 4px;
  font-weight: 600;
  list-style: disc;
}
.v-JikenTechTable ul li::marker {
  color: #003133;
}
.v-JikenRecruit {
  position: relative;
}
.v-JikenRecruit::before {
  position: absolute;
  top: -120px;
  right: -64px;
  content: "";
  width: 560px;
  height: 300px;
  background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/jiken-bg-dots.png);
  background-repeat: repeat;
  background-position: center;
  background-size: 420px;
  z-index: -1;
}
.v-JikenOsaka {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 40%;
  column-gap: 32px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px;
}
.v-JikenOsaka::before {
  position: absolute;
  top: 0px;
  right: 0;
  content: "";
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  height: 100%;
  background: #f2f4f7;
  z-index: -1;
}
.v-JikenOsaka__text h3 {
  font-size: 2rem;
  margin-bottom: 12px;
}
.v-JikenOsaka__text p {
  margin-bottom: 12px;
}
.v-JikenOsaka__img:hover {
  opacity: 0.8;
}
.v-JikenFaq {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.v-JikenFaq__q p,
.v-JikenFaq__a p {
  padding: 16px 20px 8px;
  font-size: 1.8rem;
  font-weight: 600;
}
.v-JikenFaq__q span,
.v-JikenFaq__a span {
  margin-right: 4px;
}
.v-JikenFaq__q p {
  background: #e1efef;
}
.v-JikenFaq__a ul {
  padding-left: calc(20px + 1.5em);
}
.v-JikenFaq__a ul li {
  padding: 2px 0;
}

/* wp-popular-post attention delete */
.wpp-notice {
  display: none;
}

/* Small pc css
-------------------------------------------------------------------------------*/
@media (min-width: 960px) and (max-width: 1200px) {
  .v-JikenMv__img {
    aspect-ratio: 30 / 13;
  }
  .v-JikenTech::before,
  .v-JikenGyomu::before,
  .v-JikenGyomu02::before,
  .v-JikenDevList::before,
  .v-JikenTech::before {
    width: 100vw;
  }
}

/* Tablet css
-------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 959px) {
  .c-Header .logo {
    width: 180px;
  }
  .c-HeaderNav {
    font-size: 1.3rem;
    column-gap: 12px;
  }
  .v-AikenMv__copy p {
    width: 64%;
  }
  .v-InternHero__inner {
    background-image: none;
  }
  .v-JikenMv::after {
    width: 180px;
  }
  .v-JikenMv__title {
    width: 100%;
  }
  .v-JikenMv__title h1 {
    font-size: 6.4rem;
    margin-top: 12px;
  }
  .v-JikenMv__img {
    background-image: url("https://www.gmo-jisedai.com/wp-content/uploads/jiken-mv-sp.jpg");
    aspect-ratio: 40 / 48;
  }
  .v-JikenRecruit::before {
    right: -32px;
    width: 200px;
    height: 300px;
  }
}
/* SP css
-------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  #l-Container {
    margin-top: 61px;
    margin-bottom: 0;
  }
  #l-Container--home {
    margin-top: 61px;
  }
  #l-Title {
    position: relative;
    border-bottom: 8px solid #f2f2f4;
    background: url("https://www.gmo-jisedai.com/wp-content/uploads/sp-ttl-bg.jpg") no-repeat;
    background-position: top;
    background-size: cover;
  }

  #l-Title::before {
    height: 4px;
  }

  #l-Title h1 {
    padding: 16px 0 16px 16px;
    font-size: 2.4rem;
  }
  #l-SubTitle h2 {
    padding: 16px 16px 8px 16px;
    font-size: 1.8rem;
    border-bottom: 1px solid #eaeaea;
  }

  #l-Blog {
    width: 100%;
  }

  #l-SideBar {
    width: 100%;
  }
  #l-Inner {
    padding-top: 24px;
  }

  #l-Top .wp_social_bookmarking_light {
    display: none !important;
  }
  /* header
------------------------------------------------------------*/
  #Header {
    z-index: 100000;
    position: fixed;
    top: 0;
    width: 100%;
  }

  .c-Header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 8px 8px 8px 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
  }

  .c-Header .logo {
    display: flex;
    align-items: center;
    padding-bottom: 0;
  }

  .c-Header .logo a {
    display: inline-block;
    width: 100%;
    line-height: 0;
  }

  .c-HeaderNav {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    border-top: 12px solid #f2f2f4;
    border-bottom: 12px solid #f2f2f4;
    background: #fff;
  }

  .body-noscroll {
    overflow: hidden;
    height: 100vh;
  }

  .c-HeaderNav li {
    border-bottom: 1px dashed #ccc;
  }

  .c-HeaderNav li:last-child {
    border-bottom: 0;
  }

  .c-HeaderNav li a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 16px;
    color: #000;
    font-size: 1.6rem;
  }
  .c-HeaderNav li > a:after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 0;
    content: "";
    vertical-align: middle;
    transform: rotate(45deg);
  }
  .c-HeaderNav li a:hover::after {
    width: 8px;
  }

  .c-HeaderNavBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }

  .c-HeaderNaviBtnIcon {
    z-index: 5;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 2px;
    background: #000;
    transition: 0.3s;
  }

  .c-HeaderNaviBtnIcon::before,
  .c-HeaderNaviBtnIcon::after {
    z-index: 5;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    content: "";
    transition: 0.3s;
    transition-timing-function: linear;
  }

  .c-HeaderNaviBtnIcon::before {
    top: -8px;
  }

  .c-HeaderNaviBtnIcon::after {
    top: 8px;
  }

  .c-HeaderNavBtn--close .c-HeaderNaviBtnIcon {
    background: transparent;
    transform: rotate(45deg);
  }

  .c-HeaderNavBtn--close .c-HeaderNaviBtnIcon::before {
    top: 0;
    left: 0;
  }

  .c-HeaderNavBtn--close .c-HeaderNaviBtnIcon::after {
    top: 0;
    right: 0;
    transform: rotate(90deg);
  }

  /* footer
------------------------------------------------------------*/
  #Footer {
    border-top: 1px solid #eaeaea;
  }

  .c-Footer--bg {
    background: #f9f9fb;
  }

  .c-Footer__inner {
    grid-template-columns: 1fr;
    row-gap: 12px;
    padding: 12px 16px 24px;
  }
  .c-FooterMenu li {
    display: inline-block;
    padding-right: 16px;
  }

  .c-FooterMenu li a {
    font-size: 1.3rem;
    color: #5a5858;
  }

  .c-FooterInfo {
    width: 100%;
    margin-top: 12px;
  }

  .c-FooterInfo__detail {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #eaeaea;
    background: #fff;
    padding: 12px 16px;
  }
  .c-FooterInfo p {
    margin-left: 8px;
  }

  .c-Footer__copy {
    padding: 8px;
    background: #005bac;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
  }

  /* Scroll Top 
------------------------------------------------------------*/
  #j-page-top {
    z-index: 99;
    position: fixed;
    right: 12px;
    bottom: 12px;
  }

  #j-page-top a {
    display: inline-block;
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #000;
    color: #fff;
    opacity: 0.6;
  }

  #j-page-top a::after {
    position: absolute;
    top: 54%;
    left: 50%;
    width: 16px;
    height: 16px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    content: "";
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  /* wp-pager
------------------------------------------------------------*/
  .wp-pagenavi {
    padding: 20px 16px;
    border-top: 1px solid #eaeaea;
    margin-top: 0;
  }

  .wp-pagenavi .pages {
    display: none;
  }

  .wp-pagenavi .current {
    background: #ccc;
    color: #fff;
  }

  .wp-pagenavi .extend {
    padding: 8px;
    color: #5a5858;
  }

  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    display: inline-block;
    position: relative;
    width: 50%;
    margin: 8px;
    padding: 12px 32px;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
  }

  .wp-pagenavi .previouspostslink::before {
    position: absolute;
    top: 52%;
    left: 12px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #005bac;
    border-left: 1px solid #005bac;
    content: "";
    transform: translateY(-50%) rotate(45deg);
  }

  .wp-pagenavi .nextpostslink::before {
    position: absolute;
    top: 52%;
    right: 12px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #005bac;
    border-right: 1px solid #005bac;
    content: "";
    transform: translateY(-50%) rotate(45deg);
  }

  .wp-pagenavi a {
    transition: all 0.2s;
  }

  .wp-pagenavi a:hover {
    border-color: #005bac;
    color: #005bac;
  }

  /* wp pager sp設定 */
  .wp-pagenavi .pages,
  .wp-pagenavi .page,
  .wp-pagenavi .current,
  .wp-pagenavi .extend,
  .wp-pagenavi .first,
  .wp-pagenavi .last {
    display: none !important;
  }

  .search-everything-highlight-color {
    background-color: #fff !important;
  }

  /* icon 
------------------------------------------------------------*/
  .icon-exLink {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 8px;
    margin-left: 4px;
    border-bottom: solid 1px #005bac;
    border-left: solid 1px #5a5858;
  }

  .icon-exLink::after {
    display: block;
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: 10px;
    height: 8px;
    border: solid 1px #005bac;
    content: "";
  }

  .icon-exLink i::before {
    display: block;
    position: absolute;
    content: "";
  }

  /*icon-color変更*/
  .Btn--exLink .icon-exLink,
  .Btn--exLink .icon-exLink::after {
    border-color: #fff;
  }
  .c-FooterMenu .icon-exLink,
  .c-FooterMenu .icon-exLink::after {
    border-color: #5a5858;
  }

  /* Compornent 
------------------------------------------------------------*/
  .c-Section__inner {
    width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
  }

  .c-Section__inner h2 {
    margin-bottom: 20px;
    padding: 0;
    background: transparent;
    color: #000;
    text-align: center;
    font-size: 2.2rem;
    line-height: 1.5;
  }

  .c-Section__inner h2 span {
    display: block;
  }

  .Btn {
    width: 240px;
    height: 52px;
    margin: 0 auto;
    background: #005bac;
    text-align: center;
  }

  .Btn > a {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    justify-content: center;
    align-items: center;
  }
  .Btn > a > p {
    width: 86%;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .Btn > a::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    vertical-align: middle;
    transform: rotate(45deg);
  }

  .Btn.Btn--exLink > a::after {
    display: none;
  }
  /*Btn--navy*/
  .Btn--navy {
    width: 240px;
    height: 52px;
    margin: 24px auto 0;
    background: #08134d;
    text-align: center;
  }

  .Btn--navy > a {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    justify-content: center;
    align-items: center;
  }
  .Btn--navy > a > p {
    width: 86%;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .Btn--navy > a::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    vertical-align: middle;
    transform: rotate(45deg);
  }

  .Btn--navy.Btn--exLink > a::after {
    display: none;
  }
  /*Btn--white*/
  .Btn--white {
    width: 240px;
    height: 52px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    font-size: 1.5rem;
    border: 1px solid #005bac;
  }

  .Btn--white > a {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    color: #005bac;
    text-decoration: none;
    justify-content: center;
    align-items: center;
  }
  .Btn--white > a > p {
    width: 86%;
    line-height: 1.4;
  }
  .Btn--white > a::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #005bac;
    border-right: 2px solid #005bac;
    content: "";
    vertical-align: middle;
    transform: rotate(45deg);
  }

  .bg-gray {
    background: #f2f2f4;
  }

  .bg-blue-light {
    background-color: rgba(0, 91, 172, 0.4);
  }
  .bg-blue-pale {
    background-color: rgba(0, 91, 172, 0.15);
  }

  .bg-navy-light {
    background-color: #dadae6;
  }

  /* Blog
------------------------------------------------------------*/

  /* blog side*/
  #l-SideBar .c-SideMenu {
    margin-top: 0;
  }
  #l-SideBar .c-SideMenu:last-child {
    border-top: 8px solid #f2f2f4;
  }
  .c-AsideLink a {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 4px 16px;
  }
  .c-AsideLink__icon {
    margin-right: 12px;
  }

  .c-SideBnr {
    padding: 16px;
    background: #f2f2f4;
  }
  .c-SideBnr + .c-SideBnr {
    margin-top: 0;
  }
  .c-SideMenu .c-SideBnr:first-child {
    border-top: 8px solid #f2f2f4;
  }
  .c-SideMenu .c-AsideLink:not(first-child) {
    margin-bottom: 0;
  }
  .c-SideBnr img {
    width: 100%;
    height: auto;
  }

  /*SideMenu widget*/
  .c-SideMenu .widget-container {
    margin-bottom: 0;
  }
  .c-SideMenu .widget-title {
    padding: 12px 16px;
    border-top: 4px solid #005bac;
    border-bottom: 8px solid #f2f2f4;
    font-size: 1.6rem;
    line-height: 1.4;
  }

  /*SideMenu search box*/
  #search-2 {
    padding: 24px 20px;
    background: #f2f2f4;
  }

  #searchform {
    width: 100%;
    font-size: 0;
  }

  #searchform input[type="text"] {
    width: 80%;
    padding: 8px;
    border: 1px solid #ccc;
    font-size: 1.4rem;
    border-radius: 4px 0 0 4px;
  }

  #searchform #searchsubmit {
    width: 20%;
    padding: 8px;
    border: 1px solid #005bac;
    border-radius: 0 4px 4px 0;
    background: #005bac;
    color: #fff;
    font-size: 1.4rem;
    transition: all 0.2s;
  }

  #searchform #searchsubmit:hover {
    opacity: 0.8;
  }

  #search-2 .screen-reader-text {
    display: none;
  }

  /* SideMenu blog */
  .c-SideMenu #recent-posts-2 ul {
    padding: 16px;
    list-style: none;
  }

  .c-SideMenu #recent-posts-2 li {
    margin-bottom: 12px;
    border-bottom: 1px dashed #eaeaea;
    list-style: none;
  }

  .c-SideMenu #recent-posts-2 li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
  }

  .c-SideMenu #recent-posts-2 li a {
    display: inline-block;
    padding-bottom: 12px;
    color: #5a5858;
    text-decoration: none;
  }

  .c-SideMenu #recent-posts-2 li a:hover {
    color: #005bac;
  }

  .widget-title {
    font-size: 1.8rem;
  }

  /* WordPress Popular Posts*/
  .c-SideMenu .wpp-list {
    padding: 16px;
    list-style: none;
  }
  .c-SideMenu .wpp-list li {
    margin-bottom: 12px;
    border-bottom: 1px dashed #eaeaea;
    list-style: none;
  }
  .c-SideMenu .wpp-post-title {
    color: #5a5858;
  }

  /* tagリンクなし共通レイアウト*/
  .c-BlogTag {
    display: flex;
    flex-wrap: wrap;
  }

  .c-BlogTag li span:hover,
  .tagcloud a:hover {
    background: #ccc;
  }
  /*blog*/
  .c-Blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
  }

  .c-Blog li {
    width: 100%;
    margin-bottom: 16px;
  }

  .c-Blog li:last-child {
    margin-bottom: 0;
  }

  /*Blog list*/
  .c-BlogList {
    row-gap: 20px;
  }

  .c-BlogList > li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  /*BlogItem Col2*/
  .c-BlogItem {
    padding: 24px;
    border-radius: 8px;
    background: #fff;
  }

  .c-BlogItem__img {
    z-index: 1;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 50%;
  }

  .c-BlogItem__img > img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%) scale(1);
  }

  .c-BlogItem__title {
    padding-top: 8px;
    color: #000;
    font-size: 1.8rem;
    line-height: 1.5;
  }

  .c-BlogItem__date {
    padding-top: 8px;
    color: #5a5858;
    font-size: 1.1rem;
  }

  .c-BlogItem__tag {
    padding-top: 8px;
  }

  .c-BlogItem__tag .c-BlogTag li:nth-child(n + 7) {
    display: none;
  }

  /*BlogItem Row*/
  .c-BlogItemRow {
    width: 100%;
    padding: 16px;
  }

  .c-BlogItemRow__img {
    width: 90px;
    padding-bottom: 90px;
  }

  .c-BlogItemRow__img > img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%) scale(1);
  }

  .c-BlogItemRow__inner {
    width: 70%;
  }

  .c-BlogItemRow__title {
    font-size: 1.5rem;
  }

  .c-BlogItemRow__tag {
    padding-top: 8px;
  }

  .c-BlogItemRow__tag .c-BlogTag li:nth-child(n + 4) {
    display: none;
  }

  .c-BlogBnr {
    flex-direction: column;
    padding: 32px 16px 0;
    border-top: 1px solid #eaeaea;
    margin-top: 0;
  }

  .c-BlogBnr li img {
    width: 100%;
    height: auto;
  }

  .c-BlogBnr li + li {
    margin-top: 16px;
  }

  .c-SingleBlogShare {
    display: flex;
    justify-content: center;
    margin: 32px 0 24px;
  }

  .c-SingleBlogShare li + li {
    margin-left: 24px;
  }
  .c-SingleBlogFollow {
    background: #f9f9fb;
    padding: 20px;
    margin: 0 16px 20px;
  }
  .c-SingleBlogFollow p {
    margin-bottom: 12px;
  }

  /* Blog List & Detail 
------------------------------------------------------------*/
  .v-Blog .c-BlogList {
    row-gap: 0;
  }
  .v-Blog .c-BlogList > li > a {
    padding: 0;
  }

  .v-Blog .c-BlogList li:last-child {
    border-bottom: 0;
  }

  .v-Blog__date {
    padding: 16px 16px 8px;
    font-size: 1.2rem;
  }

  .v-Blog article[id] {
    padding: 0 16px 32px;
  }

  .v-Blog__title {
    font-size: 2.2rem;
    margin-bottom: 12px;
  }

  .v-Blog__content {
    margin-bottom: 16px;
    margin-top: 32px;
    font-size: 1.5rem;
  }

  .v-Blog__content h1,
  .v-Blog__content h2 {
    margin: 40px 0 16px;
    padding-left: 12px;
    border-left: 4px solid #005bac;
    font-size: 2rem;
    line-height: 1.5;
  }

  .v-Blog__content h3 {
    margin: 32px 0 8px;
    font-size: 1.8rem;
    line-height: 1.6;
  }

  .v-Blog__content h4 {
    margin: 32px 0 8px;
    font-size: 1.6rem;
    line-height: 1.6;
  }

  .v-Blog__content h5 {
    margin: 24px 0 8px;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6;
  }

  .v-Blog__content pre[class] {
    padding: 16px;
  }

  .v-Blog__content small {
    font-size: 1.3rem;
    display: inherit;
  }
  /* 記事内のlist */
  .v-Blog__content ol:not([class]) li::marker {
    font-size: 1.3rem;
  }
  /* 目次list */
  .v-Blog__content .outline {
    margin: 20px 0;
    padding: 12px 12px;
  }
  .v-Blog__content figcaption {
    font-size: 1.3rem;
  }
  .v-Blog__content blockquote {
    padding: 16px;
    border-left: 0;
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .v-Blog__content blockquote::before {
    top: -4px;
    left: 8px;
  }

  .v-Blog__content blockquote::after {
    right: 8px;
    bottom: -4px;
  }

  .v-Blog__content iframe {
    width: 100%;
    height: auto;
  }

  .v-Blog__content img {
    max-width: calc(100vw - 32px);
    height: auto !important;
    margin: 16px 0 8px;
  }

  /* space*/
  .v-Blog__content h3 + p {
    margin: 16px 0 24px !important;
  }
  .v-Blog__content blockquote > p {
    margin-bottom: 0;
  }
  /* space end*/

  .v-Blog__tag {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .v-BlogDetailPager {
    padding: 24px 16px;
    border-top: 1px solid #eaeaea;
  }

  .v-BlogDetailPager__prev,
  .v-BlogDetailPager__next {
    width: 50%;
    padding: 0;
    text-align: center;
  }

  .v-BlogDetailPager__prev > a,
  .v-BlogDetailPager__next > a {
    display: block;
    padding: 12px 32px;
  }

  .v-BlogRelated {
    margin-top: 40px;
  }

  .v-BlogDetailPager + .v-BlogRelated {
    margin-top: 0;
  }

  .v-BlogRelated__title {
    font-size: 1.6rem;
  }

  .v-BlogRelated .c-BlogList > li {
    width: 100%;
    margin-bottom: 0;
  }

  .v-BlogRelated .c-BlogList > li:last-child {
    border-bottom: 0;
  }

  /* Top 
------------------------------------------------------------*/

  .v-Top {
    box-sizing: border-box;
    margin-top: 60px;
  }

  .v-MainV {
    width: 100%;
    background-size: cover;
    height: auto;
    background: url(https://www.gmo-jisedai.com/wp-content/uploads/sp-top-mv.jpg) no-repeat;
    background-size: cover;
  }

  .v-MainV__inner {
    padding-top: 60px;
    padding-bottom: 60px;
    height: auto;
  }

  .v-MainV__content {
    width: 88%;
    margin: 0 auto;
  }

  .v-MainV__panel {
    padding: 16px 0 16px 12px;
    background-color: rgba(0, 91, 172, 0.4);
    line-height: 0;
    width: auto;
    height: auto;
  }

  .v-MainV__text {
    font-size: 2rem;
    color: #333;
  }

  .v-MainV__text span div {
    padding-right: 4px;
    font-size: 3.2rem;
  }

  .v-MainV__text--sub {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.5rem;
  }

  .v-MainVBnr {
    display: block;
    z-index: 2;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    position: relative;
    height: 100%;
    white-space: nowrap;
    font-size: 0;
  }

  .v-MainVBnr__item {
    display: inline-block;
    scroll-snap-align: center;
    width: 220px;
    margin-right: 12px;
  }

  .v-MainVBnr__item a {
    display: inline-block;
    width: 100%;
  }
  .v-MainVBnr__item a:hover {
    transform: translateY(0);
  }
  .v-MainVBnr__item img {
    height: auto;
    max-width: 100%;
  }

  .v-TopAboutText {
    padding: 0 0 24px 0;
  }

  .v-TopAboutList {
    width: 100%;
    margin-bottom: 32px;
    flex-wrap: wrap;
    row-gap: 16px;
  }

  .v-TopAboutList > li {
    flex: 1 0 0%;
  }

  .v-TopAboutItem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
    border: 1px solid #ccc;
  }

  .v-TopAboutItem h3 {
    width: 100%;
    padding-top: 8px;
    font-size: 1.8rem;
    line-height: 1.6;
  }

  .v-TopAboutItem__img {
    width: 160px;
    margin: 0 auto 16px;
  }

  .v-TopAboutItem__img img {
    height: auto;
    max-width: 100%;
  }

  .v-TopAboutItem__list {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .v-TopRecruit {
    margin-bottom: 24px;
  }

  .v-TopRecruit__img img {
    height: auto;
    max-width: 100%;
  }

  .v-TopRecruit p {
    margin-top: 12px;
  }

  /* INTERNSHIP 
------------------------------------------------------------*/
  .v-Intern--img::after {
    content: "";
    width: 100%;
    height: 200px;
    background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/intern-mv.png);
    background-size: 120%;
    background-position: top -30px right;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0;
  }
  .v-Intern__inner {
    margin: 0 auto;
    padding: 24px 16px;
  }
  .v-Intern__title {
    font-size: 2.4rem;
    line-height: 1.5;
    display: inline-block;
    color: #16287c;
    background: linear-gradient(90deg, #16287c, #005bac 20%, #c9379c);
    background: -webkit-linear-gradient(0deg, #16287c, #005bac 20%, #c9379c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    margin-bottom: 16px;
  }
  .v-Intern__picture ul {
    display: flex;
  }
  .v-Intern__picture ul li:nth-child(3),
  .v-Intern__picture ul li:nth-child(4) {
    display: none;
  }
  .v-Intern__semi + .v-Intern__semi {
    margin-top: 32px;
  }
  .v-Intern__semititle {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
  }
  .v-InternHero {
    background: linear-gradient(90deg, #007aa7 3%, #005bac 30%, #005bac 60%, #00a0a0);
  }
  .v-InternHero::before {
    background-position: right bottom;
    background-repeat: no-repeat;
  }
  .v-InternHero__inner {
    position: relative;
    width: 100%;
    background-image: none;
  }
  .v-InternHero__box {
    padding: 24px 0;
  }
  .v-InternHero__title--intro {
    display: inline-block;
    color: #fff;
    font-size: 1.8rem;
    padding: 0 0 4px 6px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 0 20px 8px;
  }
  .v-InternHero__title--title {
    display: inline-block;
    color: #fff;
    font-size: 5rem;
    font-weight: 800;
    font-style: oblique;
    font-family: "Open Sans", sans-serif;
    line-height: 1em;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 0 20px;
  }
  .v-InternHero__read {
    background: #16287c;
    font-size: 1.5rem;
    font-weight: normal;
    padding: 4px 12px;
    line-height: 1.4;
    margin: 12px 12px 0;
  }
  .v-InternHero__text {
    color: #fff;
    font-size: 1.4rem;
    margin-top: 12px;
    line-height: 1.7;
    padding: 0 20px;
  }
  .v-InternHero__date {
    padding: 12px;
    margin: 16px 8px;
    border-radius: 8px;
  }
  .v-InternHero__dateInner {
    display: grid;
    row-gap: 8px;
    column-gap: 8px;
    justify-content: left;
  }
  .v-InternHero__date dl:not(:first-child) {
    margin-left: 0;
  }
  .v-InternHero__dateInner dl:first-child {
    grid-row: 1;
    grid-column: 1 / 3;
    justify-content: left;
  }
  .v-InternHero__dateInner dl:nth-child(2) {
    grid-row: 2;
    grid-column: 1;
  }
  .v-InternHero__dateInner dl:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
  }
  .v-InternHero__date dl {
    display: flex;
  }
  .v-InternHero__date dt {
    color: #fff;
    background: #c9379c;
    font-size: 1.2rem;
    padding: 2px 4px;
  }
  .v-InternHero__date dd {
    font-size: 1.5rem;
    font-weight: 600;
    padding-left: 4px;
  }
  .v-InternPanelWrap {
    padding-top: 128px;
  }
  .v-InternPanel {
    position: relative;
    z-index: 2;
    border-left: 8px solid #005bac;
    border-image: linear-gradient(to bottom, #16287c, #005bac, #00a0a0) 1;
    padding: 16px 16px 15px 20px;
    background-color: #fff;
    box-shadow: 0 0 24px -12px rgba(0, 0, 0, 0.2);
  }
  .v-InternPanel--half {
    width: 84%;
  }
  .v-InternPanel__ttl {
    font-size: 1.8rem;
    margin-bottom: 8px;
  }
  .v-InternPanel__text {
    font-size: 1.4rem;
  }
  .v-InternPanel + .v-InternPanel {
    margin-top: 20px;
  }
  .v-InternCourse {
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
  .v-InternCourse + .v-InternCourse {
    margin-top: 32px;
  }
  .v-InternCourse__text {
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .v-InternCourse__ttl {
    font-size: 1.8rem;
    font-weight: 600;
    color: #005bac;
    margin-bottom: 8px;
  }
  .v-InternSpecialWrap {
    width: 960px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .v-InternSpecial {
    background: #fff;
    position: relative;
    padding: 16px 40px 32px 40px;
    min-width: 450px;
    box-shadow: 1px 1px 0px 0px rgba(0, 91, 172, 0.1);
  }
  .v-InternSpecial:nth-child(1) {
    margin-left: 20px;
    margin-bottom: 40px;
  }
  .v-InternSpecial:nth-child(2) {
    margin-left: 40px;
    margin-bottom: 40px;
  }
  .v-InternSpecial:nth-child(3) {
    margin-left: 20px;
  }

  .v-InternSpecial::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px;
    border-color: rgba(0, 91, 172, 0.1);
    position: absolute;
    left: -20px;
    top: -20px;
  }
  .v-InternSpecial__title {
    font-size: 2rem;
    font-weight: 600;
    color: #005bac;
  }
  .v-InternSpecial__title:first-letter {
    font-size: 3.2rem;
  }
  .v-InternSpecial__text {
    margin-top: 12px;
    font-size: 1.6rem;
  }
  .v-InternSpecial__text span {
    font-weight: 600;
  }
  .v-Intern__btnWrap {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .v-InternBtn {
    width: 240px;
    height: 52px;
    margin: 0 auto;
    background: linear-gradient(90deg, #16287c, #005bac, #c9379c);
    text-align: center;
    font-size: 1.5rem;
  }
  .v-InternBtn__text {
    padding-bottom: 24px;
    text-align: center;
    font-size: 1.5rem;
  }

  .v-InternBtn > a {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    justify-content: center;
    align-items: center;
  }
  .v-InternBtn > a:after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    vertical-align: middle;
    transform: rotate(45deg);
  }

  .v-InternJoin {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
  .v-InternJoin li {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: 12px;
    padding: 16px;
  }
  .v-InternJoin__img {
    width: 88px;
  }
  .v-InternJoin__title {
    padding-bottom: 8px;
    font-size: 1.6rem;
    text-align: center;
  }
  .v-InternVoice {
    position: relative;
    display: grid;
    column-gap: 16px;
    row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 80px 1fr 1fr 80px;
    margin: 0 auto;
    z-index: 1;
  }
  .v-InternVoice::before {
    width: 90px;
    height: 93px;
    top: 30px;
  }
  .v-InternVoice::after {
    width: 132px;
    height: 166px;
  }
  .v-InternVoice li {
    padding: 12px;
    border: 2px solid #ced2df;
    border-radius: 16px;
    background: #fff;
  }
  .v-InternVoice li:nth-child(1) {
    grid-row: 1;
    grid-column: 1 / 4;
  }
  .v-InternVoice li:nth-child(2) {
    grid-row: 2;
    grid-column: 2 / 5;
  }
  .v-InternVoice li:nth-child(3) {
    grid-row: 3;
    grid-column: 1 / 4;
  }
  .v-InternVoice li:nth-child(4) {
    grid-row: 4;
    grid-column: 1 / 5;
  }
  .v-InternVoice li:nth-child(5) {
    grid-row: 5;
    grid-column: 2 / 5;
  }
  .v-InternVoice li:nth-child(6) {
    grid-row: 6;
    grid-column: 2 / 5;
  }
  .v-InternVoice li span {
    background-color: #fffacc;
  }

  .v-InternGroupWrap {
    margin-bottom: 56px;
  }
  .v-InternGroup li {
    border-bottom: 1px dotted #ccc;
    padding: 8px 0;
  }
  .v-InternGroup li a {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 4px 16px 4px 4;
    margin: 0px 16px 0px 0;
  }
  .v-InternGroup__date {
    display: inline-block;
    margin: 4px;
  }
  .v-InternshipGroup {
    list-style: none;
    margin-top: 24px;
  }
  .v-InternshipGroup li {
    border-bottom: 1px dotted #ccc;
    padding: 8px 0;
  }
  .v-InternshipGroup li a {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 4px 16px 4px 4;
    margin: 0px 16px 0px 0;
  }
  .v-InternshipGroup__date {
    display: inline-block;
    margin: 4px;
  }
  .v-InternMedia {
    grid-template-columns: auto;
  }
  .v-InternMedia li {
    padding-bottom: 20px;
  }
  .v-InternMedia__img {
    margin-bottom: 16px;
  }
  /* About
------------------------------------------------------------*/
  .v-About {
    border-bottom: 8px solid #f2f2f4;
  }
  .v-About__sec{
    margin-top: 32px;
  }
  .v-Project h2,
  .v-AboutResearch h2 {
    font-size: 2rem;
    padding: 0 16px;
    margin-bottom: 16px;
  }
  .v-About__lead {
    padding: 0 16px;
  }
  .v-AboutContent {
    background-color: #fafcfe;
    padding: 16px 4%;
  }
  .v-AboutContent + .v-AboutContent {
    margin-top: 16px;
  }
  .v-AboutArea {
    background-image: url(https://www.gmo-jisedai.com/wp-content/uploads/about-background.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 320px;
    padding-bottom: 32px;
  }
  .v-AboutContent__title {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
  .v-AboutContent__title::before,
  .v-AboutContent__title::after {
    border-top: 1px solid #005bac;
    content: "";
    width: 1em;
  }
  .v-AboutContent__title::before {
    margin-right: 1em;
  }

  .v-AboutContent__title::after {
    margin-left: 1em;
  }
  .v-AboutArea__list {
    display: grid;
    row-gap: 4px;
  }

  .v-AboutArea__list li::before {
    display: inline-block;
    content: "・";
  }
  .v-AboutArea__list dl {
    display: block;
  }
  .v-AboutArea__list dt {
    font-weight: 600;
    font-size: 1.6rem;
    min-width: 100%;
  }
  .v-AboutArea__list dd {
    font-size: 1.4rem;
  }
  .v-AboutRaddd__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .v-AboutRaddd__list--main {
    background: #fff;
    border: 1px solid #cbddee;
    padding: 16px 16px 16px 12px;
    width: 100%;
  }
  .v-AboutRaddd__list--main dl {
    display: flex;
  }
  .v-AboutRaddd__list--main dt {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    width: 110px;
    margin-right: 3%;
  }
  .v-AboutRaddd__list--main img {
    display: block;
    margin: 0 auto 8px auto;
  }
  .v-AboutRaddd__list--main ul {
    font-size: 1.4rem;
    line-height: 1.8em;
    margin: 0;
  }
  .v-AboutRaddd__list--main li::before {
    display: inline-block;
    content: "・";
  }
  .v-AboutRaddd__list--sub {
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 16px;
  }
  .v-AboutRaddd__list--sub dt {
    margin-right: 24px;
  }
  .v-AboutRaddd__list--sub dd {
    font-size: 1.4rem;
  }
  .v-AboutResearch {
    border-bottom: 8px solid #f2f2f4;
  }
  .v-AboutResearchContent {
    padding: 0 16px 32px;
  }
  /* Project
------------------------------------------------------------*/
  .v-Project__lead {
    width: 100%;
    padding: 16px;
  }
  .v-ProjectList {
    background: #f2f2f4;
    padding: 24px 16px;
  }
  .v-ProjectList__Col1,
  .v-ProjectList__Col2 {
    width: 100%;
    position: relative;
    margin-top: 20px;
    padding: 24px;
    border: 1px solid #eaeaea;
    background: #fff;
  }
  .v-ProjectList__Col1:first-child {
    margin-top: 0;
  }

  .v-ProjecItem {
    width: 100%;
  }

  .v-ProjecItem__title {
    width: 100%;
    display: flex;
    margin: 0 0 16px 0 !important;
  }

  .v-ProjecItem__title img {
    width: auto;
    max-height: 34px;
  }
  .v-ProjecItem__title img + img {
    padding-left: 8px;
  }
  .v-ProjecItem__inner {
    width: 100%;
    padding-left: 0;
    padding-top: 16px;
  }

  .v-ProjecItem__img {
    width: 100%;
    height: auto;
  }
  .v-ProjecItem__list {
    flex-wrap: wrap;
    margin: 8px 0 12px 0;
  }
  .v-ProjecItem__list li {
    margin-right: 16px;
  }
  .v-ProjecItem__list--s img {
    height: 11px;
    width: auto;
  }
  .v-ProjecItem__list--b img {
    height: 15px;
    width: auto;
  }
  /* Research and Development
------------------------------------------------------------*/
  .v-Topics h2 {
    font-size: 2.2rem;
    line-height: 1.5;
    margin: 16px 16px 0;
  }
  .v-TopicsList {
    flex-direction: column;
  }

  .v-TopicsList li {
    width: 100%;
    margin-bottom: 16px;
    background: #f2f2f4;
  }

  .v-TopicsList li a div {
    padding: 12px 16px;
  }

  .v-TopicsReport li {
    margin-top: 16px;
  }

  .v-TopicsReport li a {
    display: flex;
  }

  .v-TopicsReport li a img {
    display: block;
    width: 50%;
    margin: 0 auto;
  }

  .v-TopicsReport li a div {
    padding: 10px 10px;
    background-color: rgba(50, 50, 50, 1);
    color: #fff;
    text-decoration: none;
  }

  #post-2185 .c-EntrySingle__title {
    padding: 16px 10px;
  }

  /* Entry
------------------------------------------------------------*/
  .v-Entry {
    padding: 0 16px 40px;
  }
  .v-Entry h2 {
    font-size: 2rem;
    margin-bottom: 16px;
  }

  .v-Entry__col2 {
    flex-direction: column;
    row-gap: 24px;
    margin-top: 32px;
  }
  .v-Entry__col2 section {
    width: 100%;
  }
  .v-Entry__col2 section a {
    display: block;
  }

  .v-Entry__col2 section a img {
    max-width: 100%;
    height: auto;
  }
  .v-EntryList {
    flex-direction: column;
    row-gap: 16px;
  }
  .v-EntryList li {
    width: 100%;
    border: 1px solid #ccc;
  }

  .v-EntryList__item {
    padding: 20px;
  }

  .v-EntryList__item h3 {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }

  .v-EntryList__item h3 span {
    display: block;
    font-size: 1.3rem;
    color: #00a0a0;
    padding-bottom: 4px;
  }

  .v-EntryList__item + .v-EntryList__item {
    border-top: 1px solid #ccc;
  }

  .v-EntryList__item .Btn {
    height: 42px;
    width: 200px;
  }

  .v-EntryList__item .Btn p {
    line-height: 1.4;
    font-size: 1.4rem;
    padding: 12px;
    width: 200px;
  }
  .v-EntryListItem {
    display: flex;
  }

  .v-EntryListItem dt {
    background: #f2f2f4;
    padding: 4px 8px;
    text-align: center;
    width: 64px;
    font-size: 1.2rem;
  }
  .v-EntryListItem dd {
    padding: 4px 8px;
    font-size: 1.2rem;
  }
  .v-EntryListItem + .v-EntryListItem {
    margin-top: 4px;
  }

  /* Entry form
------------------------------------------------------------*/
  .c-EntrySingle {
    padding-bottom: 48px;
  }
  .c-EntrySingle__title {
    font-size: 2rem;
    margin-bottom: 20px;
    padding: 0 16px;
  }
  .c-EntrySingle h2 {
    font-size: 1.8rem;
  }
  .c-EntrySingle h3 {
    font-size: 1.6rem;
  }
  .c-EntrySingle__content table {
    border-left: 0;
    border-right: 0;
  }
  .c-EntrySingle__content table tr,
  .c-EntrySingle__content table th,
  .c-EntrySingle__content table td {
    width: 100%;
    display: block;
  }
  .c-EntrySingle__content table th {
    font-size: 1.5rem;
    padding: 8px 16px;
    border-right: 0;
    border-bottom: 1px dotted #ddd;
  }
  .BTNjoin {
    width: 240px;
    height: 52px;
    margin: 24px auto 0;
  }
  .BTNjoin a {
    font-size: 1.5rem;
    justify-content: center;
    align-items: center;
    line-height: 52px;
  }
  /* Osaka LP
------------------------------------------------------------*/
  .v-OsakaMainV {
    width: 100%;
    background: #f2f2f4;
    margin-top: 0;
  }

  .v-OsakaMainV__inner {
    background: #005bac;
  }
  .v-OsakaMainV__left {
    width: 100%;
    margin: 0 auto 0 0;
    padding-bottom: 0;
  }
  .v-OsakaMainV__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }

  .v-OsakaMainV__content {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    padding: 32px 24px 24px;
    background: #fff;
  }
  .v-OsakaMainV__content::before {
    display: none;
  }
  .v-OsakaMainV__content h1 {
    position: relative;
    text-align: center;
    letter-spacing: 0.015em;
    font-size: 3.2rem;
  }

  .v-OsakaMainV__content h1 span {
    font-size: 1.8rem;
    color: #005bac;
  }

  .v-OsakaMainV__content p {
    font-size: 1.4rem;
    margin: 16px 0 0;
  }

  .v-OsakaMainV__btn {
    position: static;
    margin-top: 20px;
    transform: translate(0, 0);
    top: auto;
    left: auto;
  }

  .v-OsakaMainV__btn .Btn--anchor {
    width: 208px;
    height: 48px;
    margin: 0 auto;
    border-radius: 40px;
    background: #000;
    text-align: center;
  }
  .v-OsakaMainV__btn .Btn--anchor > a > p {
    line-height: 48px;
    margin: 0;
  }
  .v-OsakaMainV__btn .Btn--anchor > a::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: "";
    vertical-align: middle;
    transform: rotate(45deg);
  }

  .v-OsakaSec__inner {
    margin: 0 auto;
    padding-top: 32px;
    padding-right: 16px;
    padding-bottom: 42px;
    padding-left: 16px;
  }

  .v-OsakaSec--bg {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background-color: #fff;
    background-image: linear-gradient(#f2f2f4 1px, rgba(0 0 0 / 0) 0),
      linear-gradient(90deg, #f2f2f4 1px, rgba(0 0 0 / 0) 0);
    background-size: 14px 14px;
    background-repeat: repeat;
  }

  .v-OsakaSec__inner h2 {
    width: 250px;
    margin-bottom: 20px;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
    font-size: 2.2rem;
  }

  .v-OsakaSec__inner h2 span {
    display: block;
    color: #ccc;
    font-size: 1.6rem;
    line-height: 1;
  }
  .v-OsakaWork {
    flex-direction: column;
  }
  .v-OsakaWork > li {
    padding: 32px 20px 32px;
  }

  .v-OsakaWork > li:nth-child(2n) {
    margin-top: 24px;
  }

  .v-OsakaWorkItem {
    height: 100%;
  }

  .v-OsakaWorkItem h3 {
    padding-top: 16px;
    text-align: center;
    font-size: 1.8rem;
  }

  .v-OsakaWorkItem__img {
    width: 84px;
  }

  .v-OsakaWorkItem__img img {
    width: 100%;
    height: auto;
  }
  .v-OsakaInt {
    flex-direction: column;
  }
  .v-OsakaInt li {
    width: 100%;
  }

  .v-OsakaIntItem h3 {
    margin-top: 8px;
    text-align: center;
    font-weight: normal;
  }

  .v-OsakaIntItem h3 span {
    display: block;
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .v-OsakaIntItem div {
    text-align: center;
  }

  .v-OsakaIntItem div img {
    width: 50%;
    height: auto;
  }

  .v-OsakaSup__list {
    padding: 24px;
  }

  .v-OsakaSupItem {
    flex-direction: column;
  }

  .v-OsakaSupItem__img {
    width: 100%;
    height: auto;
  }

  .v-OsakaSupItem__img img {
    width: 100%;
  }

  .v-OsakaSupItem__text {
    width: 100%;
  }

  .v-OsakaSupItem__text h3 {
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 1.8rem;
  }

  .v-OsakaSupItem__text span {
    position: relative;
    padding-left: 20px;
    color: #005bac;
    font-weight: normal;
    font-size: 1.4rem;
  }

  .v-OsakaSupItem__text span::before {
    display: block;
    position: absolute;
    top: 10px;
    left: 4px;
    width: 12px;
    height: 1px;
    background-color: #005bac;
    content: "";
  }

  .v-OsakaRecruit__img img {
    width: 100%;
    height: auto;
  }

  .v-OsakaRecruit__btn {
    margin: 24px auto;
    flex-direction: column;
  }

  .v-OsakaRecruit__btn .Btn + .Btn {
    margin-top: 16px;
  }

  /*--各インタビューページ--*/

  .v-Interview__heroTitle {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
  }
  .v-Interview__sp--br {
    display: block;
  }
  .v-Interview__title {
    width: 100%;
    padding: 0 6% 0 32px;
    font-size: 1.5rem;
  }
  .v-Interview__title::before {
    top: 12px;
    left: 12px;
  }
  .v-Interview__subtitle {
    border-bottom: none;
    border-left: none;
    font-size: 18px;
    padding: 32px 0 0 0;
    margin: 56px 0 0 0;
  }

  .v-Interview {
    width: 100%;
    margin: 0 auto 32px auto;
  }
  .v-Interview__hero {
    margin-bottom: 40px;
    position: relative;
  }
  .v-Interview__heroBox {
    width: 70%;
    background: linear-gradient(to right, #005bac 50%, rgba(4, 91, 172, 0));
    padding: 16px 20px 16px 16px;
    top: 60%;
    -webkit-transform: translateY(-60%); /* Safari用 */
    transform: translateY(-60%);
  }
  .v-Interview__heroBox--right {
    background: linear-gradient(to left, #005bac 75%, rgba(4, 91, 172, 0));
    padding: 16px 20px 16px 32px;
    width: 70%;
  }
  .v-Interview__heroText {
    padding-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 1.4em;
  }
  .v-Interview__heroText span {
    display: block;
  }
  .v-Interview__hero img {
    height: auto;
  }
  .v-Interview__img {
    margin: 0 6% 32px 6%;
  }
  .v-Interview__img img {
    height: auto;
  }
  .v-Interview__textBox {
    padding: 16px 6% 32px 6%;
    margin: 0;
  }
  .v-Interview__textBox p {
    padding-bottom: 12px;
  }
  .v-Interview__short dt {
    padding: 8px;
  }

  .v-Interview__short dd {
    margin-top: 16px;
    margin-bottom: 32px;
    padding-left: 24px;
    padding-right: 8px;
  }

  .v-Interview__date {
    text-align: right;
    font-size: 13px;
    color: #aaa;
    padding-right: 6%;
  }

  .v-Interview__subtitle {
    font-weight: normal;
    font-size: 18px;
    margin-top: 32px;
    padding-top: 20px;
    padding-bottom: 8px;
    border-top: 1px solid #eaeaea;
  }

  .v-InterviewRecruit {
    padding: 20px 6%;
  }
  .v-InterviewRecruitText {
    margin-bottom: 16px;
    text-align: left;
  }

  /*-メンバー-*/
  .v-Interview__memberWrap {
    padding: 32px 6% 16px 6%;
  }

  .v-Interview__member {
    row-gap: 4%;
    column-gap: 4%;
  }
  .v-Interview__memberPosition {
    padding-top: 8px;
    line-height: 1.2em;
    font-size: 1.3rem;
  }
  .v-Interview__memberName {
    padding-top: 4px;
    font-size: 1.6rem;
    font-size: 1.4rem;
  }

  /*--インタビュートップ--*/
  .v-Interview__top {
    margin: 0 auto 64px auto;
  }
  .v-Interview__session {
    margin: 12px 16px 32px 16px;
  }

  .v-Interview__crosstalk {
    margin: 0 auto;
  }
  .v-Interview__external {
    padding-top: 8px;
    color: #323232;
  }
  .v-Interview__external .icon-exLink {
    border-bottom: solid 1px #323232;
    border-left: solid 1px #323232;
  }
  .v-Interview__external .icon-exLink::after {
    border: solid 1px #323232;
  }

  .v-Interview__semititle {
    font-size: 1.8rem;
    padding-top: 16px;
  }
  .v-InterviewReport li {
    width: 100%;
  }

  .v-InterviewReport li a {
    display: flex;
    text-decoration: none;
    transition: all 0.5s ease;
  }

  .v-InterviewReport li a:hover {
    opacity: 0.5;
  }

  .v-InterviewReport li a:hover div {
    background-color: rgba(0, 78, 165, 1);
  }

  .v-InterviewReport li a div {
    padding: 10px 10px;
    background-color: rgba(50, 50, 50, 1);
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease;
  }

  .v-InterviewReport li a img {
    max-width: 120px;
    max-height: 120px;
  }
  .v-InterviewReport .icon-exLink {
    border-color: #fff;
  }
  .v-InterviewReport .icon-exLink::after {
    border-color: #fff;
  }

  .pc-switcher {
    display: none;
  }

  /*--博士採用・スペシャリスト採用LP--*/

  .v-SpeDoc__background {
    background: #f7f7f7;
  }
  .v-SpeDocInner {
    width: 92%;
    max-width: 768px;
    margin: 0 auto;
    padding: 24px 0 32px 0;
  }
  .v-SpeDocInner h3 {
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 24px;
  }
  .v-SpeDocBtn__note {
    width: 92%;
    margin: 0 auto 24px auto;
    font-size: 13px;
  }
  .v-SpeDocBtnWrapper {
    margin: 24px auto 16px auto;
  }
  .v-SpeDocBtn {
    width: 240px;
    height: 48px;
    margin: 16px auto;
    background: linear-gradient(to right, #005bac, #00a0a0);
    text-align: center;
    font-size: 1.4rem;
  }
  .v-SpeDocBtn.v-SpeDocBtn-p {
    background: #005bac;
  }
  .v-SpeDocBtn.v-SpeDocBtn-s {
    background: #00a0a0;
  }
  .v-SpeDocBtn.v-SpeDocBtn__disable {
    margin-top: 16px;
    color: #666;
    line-height: 48px;
    background: #aaa;
  }
  .v-SpeDocBtn > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    line-height: 48px;
  }
  .v-SpeDocBtn > a::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    transform: rotate(45deg);
  }

  .v-SpeDocBtn > a > p {
    font-size: 1.8rem;
  }
  .v-SpeDocBtn > a:hover {
    background: #00bcd4;
    transition: all 0.15s;
  }
  .v-SpeDocBtn.v-SpeDocBtn-p > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.15s;
  }
  .v-SpeDocBtn.v-SpeDocBtn-s > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.15s;
  }
  .v-SpeDocV {
    width: 100%;
    height: auto;
    background: #f2f2f4;
    position: relative;
  }
  .v-SpeDocV__inner {
    overflow: hidden;
    position: relative;
    width: 100vw;
    min-width: 100%;
    height: calc(100vw * 0.5);
    background: #000;
  }
  .v-SpeDocV__inner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .v-SpeDocV__img.j-fadeMain {
    display: none;
  }
  .v-SpeDocV__img.j-fadeMain--sp {
    width: 100vw;
  }
  .v-SpeDocV__img.j-fadeMain--sp img {
    width: 100vw;
  }
  .v-SpeDocV__left {
    z-index: 2;
    position: absolute;
    color: #fff;
  }
  .v-SpeDocV__left--pc {
    display: none;
  }
  .v-SpeDocV__left--sp {
    width: 100%;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  .v-SpeDocV__content {
    width: 92%;
    margin: 0 auto;
  }
  .v-SpeDocV__content h1 {
    display: inline-block;
    border: 1px solid #fff;
    padding: 4px 8px;
  }
  .v-SpeDocV__content h1 span {
    font-size: 14px;
  }
  .v-SpeDocV__catch {
    margin-top: 16px;
    width: calc(100vw * 0.36);
    min-width: 210px;
  }
  .v-SpeDocV__dept {
    margin-top: 16px;
    width: calc(100vw * 0.24);
    min-width: 120px;
  }
  .v-SpeDocJob dl + dl {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #eaeaea;
  }
  .v-SpeDocJob dt {
    font-weight: 600;
    font-size: 1.4rem;
    padding-bottom: 8px;
  }
  .v-SpeDocRecruit dl {
    padding: 16px 0;
    border-bottom: 1px solid #eaeaea;
  }
  .v-SpeDocRecruit dt {
    font-weight: 600;
    font-size: 1.4rem;
    padding-bottom: 8px;
  }
  .v-SpeDocRecruit dd {
    font-size: 1.4rem;
  }
  .v-SpeDocRecruit li {
    list-style: none;
  }
  .v-SpeDocRecruit p {
    padding-bottom: 4px;
  }
  .v-SpeDocFlow {
    width: 92%;
    margin: 0 auto;
    text-align: center;
  }
  .v-SpeDocFlow li {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    margin-bottom: 32px;
    position: relative;
    border: 2px solid #eaeaea;
    background: #fff;
    text-align: center;
  }
  .v-SpeDocFlow li::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .v-SpeDocFlow li::after {
    position: absolute;
    right: 0;
    left: -0;
    bottom: -20px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-top: 2px solid #5a5858;
    border-right: 2px solid #5a5858;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .v-SpeDocFlow li:last-child {
    width: 100%;
    border: 2px solid #5a5858;
    background: #5a5858;
    color: #fff;
    margin-bottom: 0;
  }
  .v-SpeDocFlow li:last-child::after {
    border: none;
  }

  /*--ポテンシャル採用LP--*/

  .v-Potential__background {
    background: #f7f7f7;
  }
  .v-PotentialInner {
    width: 92%;
    max-width: 768px;
    margin: 0 auto;
    padding: 24px 0 32px 0;
  }
  .v-PotentialInner h3 {
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 24px;
  }
  .v-PotentialBtn__note {
    width: 92%;
    margin: 0 auto 24px auto;
    font-size: 13px;
  }
  .v-PotentialBtnWrapper {
    margin: 24px auto 16px auto;
  }
  .v-PotentialBtn {
    width: 240px;
    height: 48px;
    margin: 16px auto;
    background: linear-gradient(to right, #005bac, #00a0a0);
    text-align: center;
    font-size: 1.4rem;
  }
  .v-PotentialBtn.v-PotentialBtn-p {
    background: #005bac;
  }
  .v-PotentialBtn.v-PotentialBtn-s {
    background: #00a0a0;
  }
  .v-PotentialBtn.v-PotentialBtn__disable {
    margin-top: 16px;
    color: #666;
    line-height: 48px;
    background: #aaa;
  }
  .v-PotentialBtn > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    line-height: 48px;
  }
  .v-PotentialBtn > a::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    transform: rotate(45deg);
  }

  .v-PotentialBtn > a > p {
    font-size: 1.8rem;
  }
  .v-PotentialBtn > a:hover {
    background: #00bcd4;
    transition: all 0.15s;
  }
  .v-PotentialBtn.v-PotentialBtn-p > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.15s;
  }
  .v-PotentialBtn.v-PotentialBtn-s > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.15s;
  }
  .v-PotentialV {
    width: 100%;
    height: auto;
    background: #f2f2f4;
    position: relative;
  }
  .v-PotentialV__inner {
    min-height: 200px;
  }
  .v-PotentialV__inner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .v-PotentialV__img.j-fadeMain {
    width: 100vw;
  }
  .v-PotentialV__img.j-fadeMain img {
    width: 100vw;
  }
  .v-PotentialV__left {
    z-index: 2;
    position: absolute;
    color: #fff;
  }
  .v-PotentialV__left--pc {
    width: 100%;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  .v-PotentialV__content {
    width: 92%;
    margin: 0 auto;
  }
  .v-PotentialV__content h1 {
    display: inline-block;
    border: 1px solid #fff;
    padding: 4px 8px;
  }
  .v-PotentialV__content h1 span {
    font-size: 14px;
  }
  .v-PotentialV__catch {
    margin-top: 16px;
    width: calc(100vw * 0.36);
    min-width: 210px;
  }
  .v-PotentialV__dept {
    margin-top: 16px;
    width: calc(100vw * 0.24);
    min-width: 120px;
  }
  .v-PotentialJob {
    flex-direction: column;
  }
  .v-PotentialJob dl {
    width: 100%;
  }
  .v-PotentialJob dt {
    font-weight: 600;
    font-size: 1.4rem;
    padding-bottom: 8px;
  }
  .v-PotentialRecruit dl {
    padding: 16px 0;
    border-bottom: 1px solid #eaeaea;
    flex-direction: column;
  }
  .v-PotentialRecruit dt {
    font-weight: 600;
    font-size: 1.4rem;
    padding-bottom: 8px;
  }
  .v-PotentialRecruit dd {
    font-size: 1.4rem;
  }
  .v-PotentialRecruit li {
    list-style: none;
  }
  .v-PotentialRecruit p {
    padding-bottom: 4px;
  }
  .v-PotentialFlow {
    width: 92%;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .v-PotentialFlow li {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    margin-bottom: 32px;
    border-radius: 0;
    height: auto;
  }
  .v-PotentialFlow li::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .v-PotentialFlow li::after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -64px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-top: 2px solid #5a5858;
    border-right: 2px solid #5a5858;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .v-PotentialFlow li:last-child {
    width: 100%;
    border-radius: 0;
    height: auto;
    margin-bottom: 0;
  }
  .v-PotentialFlow li:last-child::after {
    border: none;
  }

  /*クロスインタビュー共通化　博士採用・スペシャリスト採用＆インタビューページ＆インターンシップページで使用*/

  .c-InterviewCross {
    flex-direction: column;
  }
  .c-InterviewCross li {
    width: 100%;
  }
  .c-InterviewCross div {
    padding: 12px 0 8px 0;
  }
  /*テーブル共通化*/
  .c-Table th {
    display: inline-block;
    width: 100%;
    padding: 4px 12px;
  }

  .c-Table td {
    display: inline-block;
    padding: 12px;
    width: 100%;
  }
  .c-Table .text-s {
    font-size: 1.2rem;
  }

  /*GMOインターネットグループとは共通化　博士採用・スペシャリスト採用＆インターンシップページで使用*/
  .c-InfoGMO ul {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
    row-gap: 12px;
  }
  .c-InfoGMO ul + ul {
    margin-top: 16px;
  }
  .c-InfoGMO li {
    display: grid;
    padding: 20px 12px;
    background: #fff;
    justify-items: center;
    grid-template-rows: auto 1fr auto auto;
    row-gap: 4px;
  }
  .c-InfoGMO__service li img {
    width: 84%;
  }
  .c-InfoGMO li span {
    font-size: 36px;
    font-weight: bold;
    color: #005bac;
  }
  .c-InfoGMO li p {
    line-height: 1.4;
  }

  /*バナーエリア表示　トップ　研究テーマで共通化*/

  .c-TopSub {
    width: 100%;
    flex-direction: column;
    row-gap: 24px;
  }

  .c-TopSub h2 {
    background: #fff;
    text-align: center;
    font-size: 1.8rem;
    padding: 8px 0;
    margin-bottom: 0;
    color: #000;
  }

  .c-TopSub > li {
    flex: 1 0 0%;
  }

  .c-TopSub__img img {
    max-width: 100%;
    height: auto;
  }

  /* Research LP
------------------------------------------------------------*/
  .c-Research h2 {
    margin-bottom: 12px;
    font-size: 1.8rem;
  }

  .c-Research__title h1 {
    padding: 16px 0 16px 16px;
    font-size: 2.4rem;
  }

  .c-Research__title .subTitle {
    display: block;
    width: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 1.2rem;
  }

  .c-Research__title span {
    position: relative;
    margin-top: 4px;
    padding-left: 20px;
    color: #fff;
    font-weight: normal;
    font-size: 1.2rem;
  }

  .c-Research__title span::before {
    display: block;
    position: absolute;
    top: 12px;
    left: 4px;
    width: 12px;
    height: 1px;
    background-color: #fff;
    content: "";
  }

  .c-ResearchSec {
    margin: 0 auto;
    padding-top: 32px;
    padding-right: 6%;
    padding-bottom: 42px;
    padding-left: 6%;
  }

  .c-ResearchSec--pb0 {
    margin: 0 auto;
    padding-top: 32px;
    padding-right: 6%;
    padding-left: 6%;
  }

  .c-ResearchProject {
    margin-top: 24px;
    margin-bottom: 0;
  }

  .c-ResearchProject li + li {
    margin-top: 48px;
  }

  .c-ResearchProject h3 {
    margin-bottom: 20px;
    padding: 4px 16px;
    background: #08134d;
    color: #fff;
    font-size: 1.8rem;
  }

  .c-ResearchFlex {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .c-ResearchFlex p {
    width: 100%;
  }

  .c-ResearchFlex_img {
    margin-top: 20px;
    text-align: center;
  }

  .c-ResearchFlex_img img {
    display: inline-block;
    max-width: 140px;
    height: auto;
    margin-right: 12px;
    margin-bottom: 20px;
  }

  .c-ResearchInterview {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
  }

  .c-ResearchInterview div {
    padding-top: 12px;
    text-align: center;
  }

  .c-ResearchList li a:hover .c-ResearchItem__title {
    color: #005bac;
    text-decoration: underline;
    transition: all 0.2s ease-in;
  }

  .c-ResearchList li + li {
    margin-top: 20px;
  }

  .c-ResearchItem {
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    color: #000;
  }

  .c-ResearchItem__img {
    z-index: 1;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: all 0.2s;
  }

  .c-ResearchItem__img::before {
    display: block;
    padding-bottom: 56%;
    content: "";
  }

  .c-ResearchItem__img > img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transition: all 0.2s ease-in;
    transform: translateY(-50%) scale(1);
  }

  .c-ResearchList li a:hover .c-ResearchItem__img > img {
    transform: translateY(-50%) scale(1.13, 1.13);
  }

  .c-ResearchItem__title {
    font-size: 1.8rem;
    line-height: 1.5;
  }

  .c-ResearchItem span {
    display: inline-block;
    padding-top: 8px;
    color: #5a5858;
    font-size: 1.4rem;
  }

  .c-ResearchItem__text {
    padding-top: 8px;
  }

  .v-RsearchTop li + li {
    padding-top: 24px;
  }
  .v-RsearchTopItem {
    position: static;
  }

  .v-RsearchTopItem img {
    height: auto;
  }

  .v-RsearchTopItem__detail {
    position: static;
    background: #fff;
    padding: 16px 20px;
    width: 100%;
    color: #000;
  }
  .v-RsearchTopItem__detail dt {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .v-RsearchTopItem__detail dt span {
    position: relative;
    font-size: 1.3rem;
    font-weight: normal;
    padding-left: 20px;
  }

  .v-RsearchTopItem__detail dt span::before {
    display: block;
    position: absolute;
    top: 10px;
    left: 4px;
    width: 12px;
    height: 1px;
    background: #000;
    content: "";
  }

  .v-RsearchTopItem__detail dd {
    margin-top: 8px;
  }

  .pc-switcher {
    display: none;
  }
  /*--AL研LP--*/
  .v-Aiken {
    font-size: 1.4rem;
  }

  .v-Aiken section {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .v-Aiken img {
    height: auto;
    max-width: 100%;
  }

  .v-Aiken .v-AikenSec01 {
    background-size: 420%;
    background-repeat: repeat;
  }
  .v-Aiken .v-AikenSec03::before {
    display: none;
  }

  .v-Aiken .v-AikenSec04::before {
    width: 100vw;
  }

  .v-Aiken .v-AikenSec05 {
    margin-bottom: 0;
  }

  .v-AikenSec__inner {
    max-width: 100%;
    padding: 0 16px 40px;
  }

  .v-AikenSec05 .v-AikenSec__inner {
    padding-bottom: 48px;
  }

  .v-AikenMv__img {
    min-height: 216px;
    background-position: 47% center;
    background-size: 1030px;
  }
  .v-AikenMv__copy {
    max-width: 100%;
    height: auto;
  }
  .v-AikenMv__copy p {
    position: static;
    width: 100%;
    padding: 6px 2%;
    background: #072d62;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
  }
  .v-AikenMv__copy p::after {
    display: none;
  }
  .v-AikenMv__text {
    padding: 0 6% 32px;
    max-width: 100%;
    display: block;
  }
  .v-AikenMv__text p {
    margin-left: 0;
    font-size: 1.4rem;
  }

  .v-AikenMv__text h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 3.2rem;
  }

  .v-AikenMv__text h1 span {
    margin-right: 8px;
    color: #072d62;
    font-size: 4.8rem;
    font-family: "Roboto", sans-serif;
  }

  .v-AikenNav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px;
    row-gap: 12px;
  }

  .v-AikenNav li {
    width: 49%;
    margin: 0;
  }

  .v-AikenNav li a {
    display: flex;
    align-items: center;
    color: #000;
  }

  .v-AikenNav li a:hover {
    color: #005bac;
  }

  .v-AikenNav li span {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 50%;
    background: #072d62;
    content: "";
  }

  .v-AikenNav li span::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 1px;
    border-top: 5px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    transform: translate(-50%, -50%);
  }

  .v-AikenBnrArea {
    width: 90%;
    margin: 32px auto;
  }

  .v-AikenSec__title {
    flex-wrap: wrap;
    margin-bottom: 32px;
    font-size: 4rem;
  }

  .v-AikenSec__title span {
    margin-right: 12px;
  }

  .v-AikenSec__title h2 {
    position: relative;
    margin-top: 8px;
    padding-left: 32px;
    font-weight: normal;
    font-size: 1.8rem;
  }

  .v-AikenSec__title h2::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 1px;
    background-color: #000;
    content: "";
    transform: translateY(-50%);
  }

  .v-AikenSec02 .v-AikenSec__title h2,
  .v-AikenSec03 .v-AikenSec__title h2 {
    margin-left: auto;
  }

  .v-Aikengyomu + .v-Aikengyomu {
    margin-top: 32px;
  }

  .v-Aikengyomu dt {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 1.8rem;
  }

  .v-AikengyomuList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .v-AikengyomuList li {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 24px;
    border-radius: 24px;
  }

  .v-AikengyomuList li div {
    align-items: center;
  }

  .v-AikengyomuList li h3 {
    flex-shrink: 0;
    margin-right: 12px;
    font-size: 1.8rem;
  }

  .v-AikengyomuList li span {
    color: #005bac;
    font-size: 1.6rem;
    opacity: 0.4;
  }

  .v-AikenAtList__title {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    line-height: 1.4;
  }

  .v-AikenAtList__title span {
    color: #072d62;
    font-size: 4rem;
  }

  .v-AikenAtList__title h3 {
    margin-left: 8px;
    font-weight: 600;
    font-size: 1.8rem;
  }

  .v-AikenAtList__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 24px;
    background: #f2f4f7;
  }

  .v-AikenAtList__panel > p {
    margin-top: 8px;
    color: #005bac;
    text-align: center;
    font-weight: 600;
    font-size: 1.6rem;
  }
  .v-AikenAtListPanel {
    row-gap: 8px;
    margin-bottom: 12px;
  }

  .v-AikenAtListPanel li {
    width: 100%;
    padding: 4px 8px;
    border-radius: 12px;
  }

  .v-AikenAtListPanel li br {
    display: none;
  }
  .v-AikenAtListPanel--02 {
    flex-direction: column;
  }
  .v-AikenAtListPanel--02 li {
    width: 100%;
    padding: 20px 8px;
    border: 4px solid #d6e2ed;
    border-radius: 20px;
    background: #fff;
    text-align: center;
  }

  .v-AikenAtListPanel--02 li + li {
    margin-top: 12px;
  }

  .v-AikenAtListPanel li img {
    width: 64px;
    margin: 6px;
  }

  .v-AikenAtListPanel--02 li img {
    display: block;
    width: 160px;
    margin: 16px auto;
  }

  .v-AikenAtListPanel li h3,
  .v-AikenAtListPanel--02 li h3 {
    font-size: 1.4rem;
    font-weight: normal;
  }

  .v-AikenAtListPanel--02 li p {
    display: inline-block;
    margin: 2px;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(0, 91, 172, 0.1);
    font-size: 1.2rem;
  }
  .v-AikenDevList {
    display: block;
  }
  .v-AikenDevList li {
    width: 100%;
    position: relative;
  }

  .v-AikenDevList li::before {
    z-index: -1;
    position: absolute;
    top: 80px;
    left: -16px;
    width: 100vw;
    height: calc(100% - 40px);
    margin: 0;
    background: #f2f4f7;
    content: "";
  }

  .v-AikenDevList li + li {
    margin-top: 80px;
  }

  .v-AikenDevListItem img {
    display: block;
    width: 240px;
    margin: 0 auto;
  }

  .v-AikenDevListItem h3 {
    margin: 16px auto 12px;
    font-size: 1.8rem;
  }

  .v-AikenTech {
    position: relative;
    margin-top: 60px;
  }

  .v-AikenTech::before {
    z-index: -1;
    position: absolute;
    top: -40px;
    left: -16px;
    width: 100vw;
    height: calc(100% + 80px);
    margin: 0;
    background: #f2f4f7;
    content: "";
  }

  .v-AikenTech h3 {
    margin-bottom: 16px;
    font-size: 1.8rem;
  }

  .v-AikenTechTable tr {
    display: flex;
    flex-direction: column;
  }

  .v-AikenTechTable tr + tr {
    margin-top: 12px;
  }

  .v-AikenTechTable th {
    width: 100%;
    padding: 8px;
  }

  .v-AikenTechTable td {
    padding: 12px 12px 12px 20px;
  }

  .v-AikenTechTable ul li {
    font-weight: 600;
  }

  .v-AikenTechTable ul li p {
    font-weight: normal;
  }

  .v-AikenTechTable ul li::marker {
    color: #005bac;
  }

  .v-AikenTechTable ul li + li {
    margin-top: 16px;
  }

  .v-AikenMemList {
    margin-top: 32px;
  }

  .v-AikenMemList li {
    padding: 20px;
    border: 4px solid #d6e2ed;
    border-radius: 24px;
    background: #fff;
  }

  .v-AikenMemList li:nth-child(odd) {
    margin-left: 10%;
  }

  .v-AikenMemList li:nth-child(even) {
    margin-right: 10%;
  }

  .v-AikenMemList li + li {
    margin-top: 32px;
  }

  .v-AikenMemDetail dt {
    margin-bottom: 12px;
    text-align: center;
  }

  .v-AikenMemDetail dt img {
    width: 84px;
  }

  .v-AikenMemDetail dd > div {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 1.6rem;
  }

  .v-AikenMemDetail dd > div > span {
    padding-left: 16px;
    font-weight: normal;
    font-size: 1.3rem;
  }

  .v-AikenMemDetail--row {
    margin-top: 16px;
    background: #f2f4f7;
  }

  .v-AikenMemDetail--row dt {
    display: inline-block;
    padding: 2px 20px;
    background: #d6e2ed;
  }

  .v-AikenMemDetail--row dd {
    padding: 8px 16px 20px;
  }

  .v-AikenRecTable {
    border-bottom: 1px solid #eaeaea;
    background: #fff;
  }

  .v-AikenRecTable th {
    width: 100%;
    padding: 8px;
    background: #f2f4f7;
    vertical-align: middle;
  }

  .v-AikenRecTable tr {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #eaeaea;
  }

  .v-AikenRecTable td {
    padding: 12px 20px;
    font-size: 1.4rem;
  }

  .v-AikenRecTable ul,
  .v-AikenRecTable ol {
    list-style: none;
  }

  .v-AikenRecTable dl + dl {
    margin-top: 16px;
  }
  .v-AikenRecTableInfo {
    margin-top: 20px;
    padding: 20px;
    background: rgba(0, 91, 172, 0.1);
  }

  .v-AikenRecTableInfo--gray {
    padding: 20px;
  }

  .v-AikenRecTableInfo dt {
    font-weight: 600;
    font-size: 1.8rem;
  }

  .v-AikenRecTableInfo--gray dt {
    display: flex;
    flex-wrap: wrap;
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 16px;
    color: #072d62;
  }

  .v-AikenRecTableInfo--gray dt span {
    font-size: 1.4rem;
    font-weight: normal;
    color: #ffffff;
    padding: 2px 8px;
    margin-bottom: 4px;
    background: #072d62;
  }

  .v-AikenRecTableInfo dd {
    margin-top: 12px;
  }
  .v-AikenRecList {
    flex-direction: column;
  }
  .v-AikenRecList li {
    flex-direction: column;
  }

  .v-AikenRecList li {
    width: 100%;
    padding: 20px;
    border: 2px solid #d6e2ed;
    border-radius: 20px;
    background: #fff;
    text-align: center;
  }

  .v-AikenRecList--large li {
    padding: 20px;
  }

  .v-AikenRecList li + li {
    margin-top: 12px;
  }
  .v-AikenRecListItem {
    display: block;
  }
  .v-AikenRecListItem > p {
    margin-top: 8px;
    margin-bottom: 20px;
  }

  .v-AikenRecList li span,
  .v-AikenRecList--large li span {
    margin-right: 8px;
    padding: 2px 8px;
    border: 1px solid #00a0a0;
    color: #00a0a0;
  }

  .v-AikenRecList li h3 {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.6rem;
  }

  .v-AikenRecList--large li h3 {
    display: inline;
    margin-top: 4px;
    font-size: 1.6rem;
  }

  .v-AikenRecList .Btn,
  .v-AikenRecList--large .Btn {
    width: 100%;
  }
  .v-Jiken {
    font-size: 1.4rem;
  }
  .v-Jiken h2 {
    font-size: 1.8rem;
  }
  .v-Jiken h3 {
    font-size: 1.6rem;
  }
  .v-Jiken section {
    margin-top: 64px;
    margin-bottom: 40px;
  }
  .v-JikenSec__inner {
    max-width: 100%;
    padding: 0 16px 40px;
    margin: 0 auto;
  }
  .v-JikenSec__title {
    column-gap: 24px;
    row-gap: 8px;
    margin-bottom: 32px;
  }
  .v-JikenSec__title span {
    font-size: 4.2rem;
  }
  .v-JikenMv::before {
    display: none;
  }
  .v-JikenMv::after {
    top: 72px;
    right: 0;
    content: "";
    width: 140px;
    height: 84px;
  }
  .v-JikenMv__title {
    width: 100%;
    top: 20px;
    left: 50%;
    padding: 0 16px;
  }
  .v-JikenMv__title h1 {
    font-size: 3.8rem;
    text-align: left;
    line-height: 1.3;
  }
  .v-JikenMv__title span {
    display: block;
  }
  .v-JikenMv__lead {
    top: 88px;
    right: 4%;
    height: 100%;
  }
  .v-JikenMv__lead div {
    font-weight: normal;
    font-size: 1.6rem;
    padding: 24px 2px;
  }
  .v-JikenMv__img {
    aspect-ratio: 40 / 48;
    background-image: url("https://www.gmo-jisedai.com/wp-content/uploads/jiken-mv-sp.jpg");
    background-position: top left;
    background-size: 100%;
  }
  .v-JikenNav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 20px;
    row-gap: 16px;
  }
  .v-JikenNav::before {
    top: -80px;
    right: 0;
    content: "";
    width: 120px;
    height: 240px;
  }
  .v-JikenNav li {
    margin: 0;
  }
  .v-JikenNav li span {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 50%;
    background: #003133;
    content: "";
  }
  .v-JikenGyomu {
    padding-bottom: 120px;
  }
  .v-JikenGyomu::before {
    top: 0;
    left: 0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 560px;
  }
  .v-JikenGyomu02::before {
    width: 100vw;
    height: 114%;
  }
  .v-JikenGyomu dt,
  .v-JikenGyomu02 dt {
    column-gap: 12px;
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
  .v-JikenGyomu dt span,
  .v-JikenGyomu02 dt span {
    font-size: 4rem;
  }
  .v-JikenGyomu dd:nth-of-type(2) {
    width: 80%;
    left: -16px;
    bottom: -64px;
  }
  .v-JikenGyomuList {
    row-gap: 16px;
  }
  .v-JikenGyomuList li {
    padding: 20px;
    border-radius: 16px;
  }
  .v-JikenGyomu02 .v-JikenGyomuList {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  .v-JikenGyomuList li h3 {
    font-size: 1.6rem;
  }
  .v-JikenDevList {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }
  .v-JikenDevList::before {
    top: 84px;
    width: 100vw;
    height: 100%;
  }
  .v-JikenDevList h3 {
    margin-top: 16px;
    margin-bottom: 12px;
  }
  .v-JikenDevList + .v-JikenTech {
    margin-top: 32px;
  }
  .v-JikenTech {
    padding: 20px;
  }
  .v-JikenTech::before {
    width: 100vw;
    height: 114%;
  }
  .v-JikenTech__list dl {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    align-items: center;
  }
  .v-JikenTech__list li:nth-child(4) dl dt,
  .v-JikenTech__list li:nth-child(5) dl dt,
  .v-JikenTech__list li:nth-child(6) dl dt {
    font-size: 1.6rem;
    font-weight: 600;
  }
  .v-JikenTech__list dd {
    padding-left: 24px;
  }
  .v-JikenTech__list li + li dl > dt::after {
    display: none;
  }
  .v-JikenTech__list li {
    position: relative;
  }
  .v-JikenTech__list > li:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2%;
    border: 3px solid #eaeaea;
    height: 150%;
  }
  .v-JikenTechSprint {
    column-gap: 8px;
  }
  .v-JikenTechSprint li p {
    font-size: 1.1rem;
  }
  .v-JikenTechTable th {
    font-size: 1.6rem;
  }
  .v-JikenTechTable tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .v-JikenTechTable td {
    padding: 0 12px 0 20px;
  }
  .v-JikenRecruit::before {
    top: -120px;
    right: -16px;
    content: "";
    width: 84px;
    height: 240px;
  }
  .v-JikenOsaka {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding: 32px 16px;
  }
  .v-JikenOsaka__text h3 {
    font-size: 1.6rem;
  }
  .v-JikenFaq__q p,
  .v-JikenFaq__a p {
    padding: 12px 16px 8px;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .v-JikenFaq__a ul {
    padding-left: calc(16px + 1.5em);
  }
}