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

/*
  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;
}
#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;
  *vertical-align: baseline;
}
.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;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
.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;
}

nav[class],
ul[class],
ol[class] {
  list-style: none;
}

img,
picture {
  max-width: 100%;
  vertical-align: middle;
}

/* 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: #fcd700;
  color: #fff;
  text-shadow: none;
}

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

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

mark {
  background-color: #fcd700;
  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
-------------------------------------------------------------------------------*/
#Wrapper {
  overflow: hidden;
  width: 100%;
}

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

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

#l-ContainerHome {
  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: 960px;
  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: 960px;
  margin: 0 auto;
  padding-top: 32px;
  flex-wrap: wrap;
}

#l-Blog {
  width: 660px;
}

#l-Aside {
  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: 960px;
  margin: 30px auto 0;
  padding: 8px 0;
}

.c-Header .logo {
  width: 220px;
  padding-bottom: 4px;
  font-size: 0;
}

.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 nav {
  display: flex;
  align-items: center;
}

.c-HeaderNav {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
}

.c-HeaderNav li {
  display: flex;
  align-items: center;
  margin-right: 12px;
  margin-left: 12px;
}

.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: flex;
  flex-wrap: wrap;
  width: 960px;
  margin: 0 auto;
  padding: 40px 24px;
}

.c-FooterMenu + .c-FooterMenu {
  padding-left: 64px;
}

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

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

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

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

.c-FooterSNS a {
  color: #000;
}

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

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

.c-FooterSNS 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: 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;
}

#content {
  margin: 10px 0 30px;
  line-height: 1.5em;
}

#content h1 {
  margin: 20px 0 10px;
  color: #004ea5;
  font-size: 200%;
  line-height: 2em;
}

#content h2 {
  margin: 20px 0 10px;
  font-size: 200%;
}

#content h3 {
  margin: 20px 0 10px;
  font-size: 120%;
}

#content ol {
  margin-left: 3em;
}

/* 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: 960px;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 80px;
}

.c-Section__inner h2 {
  margin-bottom: 40px;
  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: 0 auto;
  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;
  padding: 8px 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;
  margin-bottom: 32px;
}

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

.c-BlogList > li a {
  display: flex;
  width: 100%;
  color: #000;
  text-decoration: none;
  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;
}

.c-BlogTag li span,
.tagcloud a {
  display: block;
  width: auto;
  margin: 8px 8px 4px 0;
  padding: 4px 12px;
  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: 8px;
}
.c-BlogItemRow__tag .c-BlogTag li:nth-child(n + 9) {
  display: none;
}
.c-BlogItemRow__date {
  padding-bottom: 8px;
  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;
  margin-bottom: 0;
}

.v-Blog .c-BlogList > li > a {
  padding: 32px 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: 64px;
  font-size: 1.6rem;
  line-height: 1.9;
  word-break: break-word;
}

.v-Blog__content h1,
.v-Blog__content h2 {
  margin: 64px 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: 40px 0 16px;
  font-size: 2rem;
  line-height: 1.5;
}

.v-Blog__content h4 {
  margin: 32px 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;
}

.v-Blog__content ul {
  margin: 8px 0 24px 2em;
}

.v-Blog__content li {
  margin-bottom: 8px;
}

.v-Blog__content li::marker {
  font-size: 1rem;
}

.v-Blog__content ol {
  margin: 8px 0 24px 2em;
}

.v-Blog__content ol li::marker {
  font-size: 1.6rem;
}

.v-Blog__content ol ol {
  margin-top: 4px;
  margin-bottom: 16px;
}

.v-Blog__content ol ol li {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 1.5rem;
}

.v-Blog__content .outline {
  margin: 32px 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 {
  margin-left: 2em;
  list-style: none;
  line-height: 1.6;
}

.v-Blog__content .outline li {
  margin-bottom: 16px;
  text-indent: -1em;
}

.v-Blog__content .outline li > ol {
  margin-left: 2em;
  list-style: none;
}

.v-Blog__content .outline li > ol > li {
  text-indent: -2em;
  font-size: 1.4rem;
  margin-bottom: 12px;
}

.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: 24px 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: 24px !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;
  margin-top: 40px;
}

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

.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 {
  width: 290px;
}

.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: 960px;
  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: 960px;
  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;
}

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

.v-TopAboutList > li:nth-child(2n) {
  margin-left: 32px;
}

.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-InternshipHeroSP {
  display: none;
}
.v-InternshipHeroSP__date {
  display: none;
}
.v-InternshipHero {
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  background: linear-gradient(90deg, #114485, #009999);
}
.v-InternshipHero__date {
  background: #fcd700;
  padding: 8px 0;
}
.v-InternshipHero__dateInner {
  width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-InternshipHero__date dl {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.v-InternshipHero__date dl:not(:first-child) {
  margin-left: 24px;
}
.v-InternshipHero__date dt {
  color: #fff;
  background: #005bac;
  font-size: 1.7rem;
  font-weight: bold;
  padding: 6px 15px;
}
.v-InternshipHero__date dd {
  color: #005bac;
  font-size: 2rem;
  font-weight: bold;
  padding: 0 32px 0 16px;
}

.v-InternshipHero__inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  background: url(https://www.gmo-jisedai.com/wp-content/uploads/pc-static-back-2304.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.v-InternshipHero__box {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.v-InternshipHero__title {
  width: 664px;
}
.v-InternshipHero__title--intro {
  display: inline-block;
  background: #005bac;
  color: #fff;
  font-size: 2.4rem;
  padding: 8px 24px 8px 16px;
}
.v-InternshipHero__title--title {
  display: inline-block;
  margin: 8px 0;
  padding: 4px 24px 4px 16px;
  background: #00a0a0;
  color: #fff;
  font-size: 8rem;
  font-weight: 900;
  font-style: oblique;
  font-family: "Arial Black", Gadget, "sans-serif";
  line-height: 1em;
}
.v-InternshipHero__read {
  width: 562px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  margin-top: 20px;
  line-height: 2.8rem;
}
.v-InternshipHero__text {
  width: 495px;
  color: #fff;
  font-size: 14px;
  margin-top: 8px;
  line-height: 2.8rem;
}

.v-InternshipExplanation {
  background: #fcd700;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  font-weight: bold;
  color: #005bac;
}
.v-InternshipExplanation__inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.v-InternshipExplanation__btn {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  background: #005bac;
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  padding: 0 32px 0 16px;
}
.v-InternshipExplanation__btn::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-InternshipInfomationWrap {
  padding: 32px;
}
.v-InternshipInfomation {
  width: 960px;
  margin: 0 auto;
  padding: 24px;
  border: 2px solid #005bac;
  background-color: #fff;
}
.v-InternshipInfomation__title {
  font-size: 2rem;
  color: #005bac;
  font-weight: 600;
  margin-bottom: 16px;
  text-align: center;
}
.v-InternshipInfomation__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-InternshipInfomation__text {
  color: #005bac;
  font-size: 1.6rem;
  margin: 0 16px;
}
.v-InternshipInfomation__btn {
  height: 64px;
  color: #fff;
  margin: 0 20px;
  width: 232px;
}
.v-InternshipInfomation__btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #005bac;
  width: 232px;
  height: 64px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  padding: 0 48px 0 40px;
}
.v-InternshipInfomation__btn span {
  font-size: 1.3rem;
}
.v-InternshipInfomation span:after {
  content: "\a";
  white-space: pre;
}
.v-InternshipInfomation__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);
}
.v-Internship--w {
  background: #fff;
}
.v-Internship--g {
  background: #f7f7f7;
}
.v-Internship--s {
  background: rgba(0, 91, 172, 0.03);
  position: relative;
}
.v-Internship--s::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30vw 50vw;
  border-color: transparent transparent rgba(0, 91, 172, 0.1) transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.v-Internship__inner {
  width: 960px;
  margin: 0 auto;
  padding: 48px 0 56px;
}
.v-Internship__title {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 32px;
}
.v-Internship__title:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 5px;
  background: #005bac;
  content: "";
}
.v-Internship__semititle {
  font-size: 2rem;
  font-weight: 600;
  color: #005bac;
  margin-bottom: 12px;
}
.v-Internship__semititle:first-letter {
  font-size: 3.2rem;
}
.v-Internship__text {
  padding-top: 32px;
  font-size: 16px;
  line-height: 1.7;
}
.v-Internship__link {
  padding-top: 16px;
  text-align: right;
  font-size: 13px;
}
.v-InternshipSpecialWrap {
  width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.v-InternshipSpecial {
  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-InternshipSpecial:nth-child(1) {
  margin-left: 20px;
  margin-bottom: 40px;
}
.v-InternshipSpecial:nth-child(2) {
  margin-left: 40px;
  margin-bottom: 40px;
}
.v-InternshipSpecial:nth-child(3) {
  margin-left: 20px;
}

.v-InternshipSpecial::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-InternshipSpecial__title {
  font-size: 2rem;
  font-weight: 600;
  color: #005bac;
}
.v-InternshipSpecial__title:first-letter {
  font-size: 3.2rem;
}
.v-InternshipSpecial__text {
  margin-top: 12px;
  font-size: 1.6rem;
}
.v-InternshipSpecial__text span {
  font-weight: 600;
}
.v-InternshipCourse:first-of-type {
  margin-top: 24px;
}
.v-InternshipCourse:not(:first-of-type) {
  margin-top: 56px;
}
.v-InternshipCourse::after {
  content: "";
  clear: both;
  display: block;
}
.v-InternshipCourse__img {
  width: 300px;
  margin-left: 40px;
  float: right;
}
.v-InternshipCourse__title {
  border-bottom: 2px solid #005bac;
  font-size: 20px;
  font-weight: 600;
  width: calc(100% - 340px);
}
.v-InternshipCourse__title:first-letter {
  color: #005bac;
}
.v-InternshipCourse__text {
  padding-top: 20px;
  font-size: 16px;
  line-height: 1.7;
}
.v-InternshipTable {
  margin-top: 32px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.v-InternshipTable th {
  width: 158px;
  padding: 20px;
  border-right: 1px dotted #ccc;
  border-bottom: 1px solid #ccc;
  background: #f7f7f7;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
}

.v-InternshipTable th.v-InternshipTable__th--em {
  background: #fff6ce;
}

.v-InternshipTable td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
}

.v-InternshipTable td p {
  padding: 20px;
}

.v-InternshipTable td p:nth-of-type(n + 2) {
  border-top: 1px dotted #ccc;
}

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

.v-InternshipTable td p span.v-InternshipTable__span--em {
  background: linear-gradient(transparent 50%, #fff6ce 50%);
}

.v-InternshipBtn {
  width: 340px;
  height: 72px;
  margin: 0 auto;
  background: linear-gradient(90deg, #005bac, #00a0a0);
  text-align: center;
}

.v-InternshipBtn__wrap {
  padding-top: 32px;
}

.v-InternshipBtn__text {
  padding-bottom: 24px;
  text-align: center;
  font-size: 16px;
}

.v-InternshipBtn__text span {
  background: linear-gradient(transparent 50%, #fff6ce 50%);
}

.v-InternshipBtn > s {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #666;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 72px;
  background: #aaa;
  text-decoration-line: none;
}

.v-InternshipBtn > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 72px;
}

.v-InternshipBtn > 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-InternshipBtn > a:hover {
  background: #fcd700;
}

.v-InternshipPast {
  padding-top: 40px;
}
.v-InternshipJoin {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding: 0;
}

.v-InternshipJoin li {
  box-sizing: border-box;
  width: 48%;
  padding: 20px;
  list-style-type: none;
}

.v-InternshipJoin li:first-of-type {
  border: 1px solid #005bac;
  background: url(https://www.gmo-jisedai.com/wp-content/uploads/intern-back01.png);
  background-color: #fff;
  background-position: 20px 20px;
  background-repeat: no-repeat;
}

.v-InternshipJoin li:nth-of-type(2) {
  top: 50px;
  left: 20px;
  border: 1px solid #00a0a0;
  background: url(https://www.gmo-jisedai.com/wp-content/uploads/intern-back02.png);
  background-color: #fff;
  background-position: 20px 20px;
  background-repeat: no-repeat;
}

.v-InternshipJoin__title {
  padding-bottom: 16px;
  padding-left: 136px;
  font-size: 20px;
}

.v-InternshipJoin__text {
  padding-left: 136px;
  line-height: 1.7;
}

.v-InternshipVoice {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}

.v-InternshipVoice li {
  box-sizing: border-box;
  position: relative;
  width: 310px;
  margin-top: 16px;
  margin-bottom: 8px;
  padding: 20px;
  border: 1px solid #005bac;
  border-radius: 8px;
  background: #fff;
  list-style: none;
  font-size: 14px;
}

.v-InternshipVoice li:before {
  display: block;
  position: absolute;
  bottom: -15px;
  left: 20px;
  width: 0;
  height: 0;
  border-top: 15px solid #005bac;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  content: "";
}

.v-InternshipVoice li:after {
  display: block;
  position: absolute;
  bottom: -14px;
  left: 20px;
  width: 0;
  height: 0;
  border-top: 15px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  content: "";
}

.v-InternshipVoice li:nth-child(odd) {
  border: 1px solid #00a0a0;
}

.v-InternshipVoice li:nth-child(odd):before {
  border-top: 15px solid #00a0a0;
}

.v-InternshipGallery {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 312px);
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  width: 960px;
  margin: 12px auto 0;
  padding: 0;
}

.v-InternshipGallery li {
  list-style: none;
}

.v-InternshipGallery li img {
  width: 100%;
}

.v-InternshipFull {
  display: flex;
  justify-content: center;
  width: 960px;
  margin: 0 auto;
  padding: 32px 0;
}

.v-InternshipSns {
  display: flex;
  justify-content: center;
  width: 960px;
  margin: 0 auto;
  padding: 32px 0 0 0;
}
.v-InternshipSns li {
  list-style: none;
  box-sizing: border-box;
  padding: 4px;
}

.v-InternshipGroupWrap{
  margin-bottom:56px;
}
.v-InternshipGroup{
  list-style: none;
  margin-top:32px;
}
.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;
}

/* About
------------------------------------------------------------*/
.v-About {
  width: 960px;
  margin: 0 auto 64px auto;
  font-size: 1.6rem;
  line-height: 1.7;
}
.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 {
  margin: -4px 0;
}
.v-AboutArea__list li {
  display: flex;
  margin: 4px 0;
}
.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;
}
.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: 960px;
  margin: 0 auto 64px 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__link a {
  text-decoration: none;
}
.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: 960px;
  margin: 0 auto;
}
.v-Topics h2 {
  margin-bottom: 40px;
  font-size: 2.6rem;
}
.v-TopicsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.v-TopicsList li {
  position: relative;
  width: 300px;
  margin-bottom: 24px;
}

.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;
  margin-top: 64px;
}

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

.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;
}

.v-EntryList li {
  width: calc(50% - 12px);
  border: 1px solid #ccc;
}
.v-EntryList li:nth-child(n + 3) {
  margin-top: 24px;
}
.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
------------------------------------------------------------*/
.BTNjoin {
}

.BTNjoin a {
  display: table;
  margin: 30px auto;
  padding: 20px 40px;
  border: #004ea5 solid 2px;
  background: #fff;
  background: url("./common/images/arrow.gif") no-repeat right 10px center;
  color: #004ea5;
  text-decoration: none;
  font-size: 120%;
}

.BTNjoin a:hover {
  background: #004ea5;
  color: #fff;
}

#EntryData {
  width: 100%;
}

#EntryData table {
  width: 100%;
  border: 1px solid #bdc8ca;
}

#EntryData table th {
  width: 15%;
  padding: 8px;
  border-right: 1px dotted #bdc8ca;
  border-bottom: 1px solid #bdc8ca;
  background-color: #f7fafa;
  color: #425258;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  line-height: 1.6em;
}

#EntryData table td {
  width: 85%;
  padding: 8px;
  border-right: 1px solid #bdc8ca;
  border-bottom: 1px solid #bdc8ca;
  vertical-align: top;
  text-align: left;
  word-break: break-all;
  line-height: 1.6em;
}

#EntryData table ol {
  margin-left: 1.5em !important;
}

#EntryData table ul {
  margin-left: 1.5em;
}

#EntryData .Entry_tr {
  display: table;
  height: auto;
}

#EntryData .Entry_th {
  display: table-cell;
  width: 143px;
  margin: 0 8px 0 0;
  padding: 8px;
  border-right: 1px dotted #bdc8ca;
  border-bottom: 1px solid #bdc8ca;
  background-color: #f7fafa;
  color: #425258;
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
  line-height: 1.3;
}

#EntryData .Entry_td {
  width: 774px;
  padding: 8px 8px;
  border-bottom: 1px solid #bdc8ca;
  vertical-align: top;
  text-align: left;
  word-break: break-all;
  line-height: 1.3;
}

#EntryData .Entry_td ol {
  margin-left: 1.5em !important;
}

.PhotoGallery {
  display: table;
  margin: 0 -10px 0 0;
  padding: 0;
}

.PhotoGallery li {
  float: left;
  margin: 0 10px 0 0;
  list-style: none;
}

.PhotoGallery li img {
  width: 228px;
  height: auto;
  border: #ccc solid 1px;
}

.PhotoGallery li:last-child {
  margin: 0;
}
/* 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: 960px;
  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: 960px;
  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;
}

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

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

.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: 20px;
  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;
}

.v-OsakaInt li {
  width: 30%;
  list-style: none;
}

.v-OsakaInt li:nth-child(3n-1) {
  margin-right: 5%;
  margin-left: 5%;
}

.v-OsakaInt li:nth-child(n + 4) {
  margin-top: 5%;
}

.v-OsakaInt li a {
  text-decoration: none;
}

.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: 680px;
  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: 776px;
  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: 960px;
  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: 720px;
  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: 720px;
  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-InterviewRecruit p {
  text-align: center;
  font-size: 1.6rem;
  padding-bottom: 32px;
}

.v-Interview__menberWrap {
  width: 960px;
  margin: 56px auto;
}
.v-Interview__member {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.v-Interview__member li {
  width: 19%;
  margin-top: 16px;
  margin-bottom: 16px;
  list-style: none;
  text-align: center;
}

.v-Interview__member li:hover {
  opacity: 0.7;
}
.v-Interview__member li:not(:nth-child(4n + 1)) {
  margin-left: 8%;
}

.v-Interview__member a {
  text-decoration: none;
  font-size: 13px;
}

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

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

.v-Interview__session {
  width: 960px;
  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;
  list-style: none;
  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 {
  text-decoration: none;
  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-top: 32px;
  padding-bottom: 16px;
}

.v-InterviewReport {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.v-InterviewReport li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 46%;
}
.v-InterviewReport li:not(:nth-child(2n + 1)) {
  margin-left: 8%;
}

.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: 960px;
  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: 960px;
  height: auto;
  margin-top: 68px;
  background: #f2f2f4;
  position: relative;
}
.v-SpeDocV__inner {
  overflow: hidden;
  position: relative;
  width: 100vw;
  min-width: 960px;
  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: 960px;
  height: 100%;
  z-index: 1;
}
.v-SpeDocV__img.j-fadeMain {
  width: 100vw;
  min-width: 960px;
}
.v-SpeDocV__img.j-fadeMain--sp {
  display: none;
}
.v-SpeDocV__left {
  z-index: 2;
  position: absolute;
  color: #fff;
}
.v-SpeDocV__left--pc {
  width: 960px;
  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: 960px;
  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: 720px;
  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: 960px;
  height: auto;
  margin-top: 68px;
  background: #f2f2f4;
  position: relative;
}
.v-PotentialV__inner {
  overflow: hidden;
  position: relative;
  width: 100vw;
  min-width: 960px;
  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: 960px;
  height: 100%;
  z-index: 1;
}
.v-PotentialV__img.j-fadeMain {
  width: 100vw;
  min-width: 960px;
}
.v-PotentialV__img.j-fadeMain--sp {
  display: none;
}
.v-PotentialV__left {
  z-index: 2;
  position: absolute;
  color: #fff;
}
.v-PotentialV__left--pc {
  width: 960px;
  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;
}
.v-PotentialJob dl {
  width: 48%;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 32px;
  padding-bottom: 32px;
}
.v-PotentialJob dl:nth-child(even) {
  margin-left: 4%;
}
.v-PotentialJob dt {
  font-weight: 600;
  font-size: 1.6rem;
  padding-bottom: 24px;
}
.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;
}
.c-InterviewCross li {
  width: 48%;
  padding-bottom: 32px;
}
.c-InterviewCross li:nth-child(2n) {
  margin-left: 2%;
}
.c-InterviewCross div {
  padding-top: 12px;
  text-align: center;
}

/*GMOインターネットグループとは共通化　ポテンシャル採用＆インターンシップページで使用*/

.c-InternshipGMO {
  margin: 32px auto 40px 0;
}
.c-InternshipGMO ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  box-sizing: border-box;
  width: 960px;
  padding: 0 20px 20px 20px;
  background: #fff;
}
.c-InternshipGMO li {
  width: 200px;
  list-style: none;
  text-align: center;
  margin-top: 20px;
}
.c-InternshipGMO li img {
  width: 70%;
}
.c-InternshipGMO li span {
  font-size: 36px;
  font-weight: bold;
  color: #005bac;
}
.c-InternshipGMO li p {
  line-height: 2em;
}
.c-Internship__note {
  font-size: 12px;
  text-align: right;
}
.c-InternshipGMO li p + img {
  padding-top: 12px;
}

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

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

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

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

.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;
}

.c-TopSub > li:nth-child(2n) {
  margin-left: 32px;
}

/* 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: 960px;
  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: 960px;
  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;
}
/*--AL研LP--*/
.v-Aiken {
  font-size: 1.6rem;
}

.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-2308.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: 55%;
  height: 100%;
  padding: 6px 32px;
  background: #072d62;
  color: #fff;
  font-size: 2rem;
}

.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.6rem;
  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.2rem;
  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.2);
}

.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;
  list-style: none;
}

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

.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 li {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 20px;
  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;
}

.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;
}