@charset "utf-8";
html, 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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
font-family: sans-serif;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
ul,
ul li{
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;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
img{
vertical-align: bottom;
}
input, select {
vertical-align:middle;
} .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.clearfix { min-height: 1%;
}:root {
--primaryColor : #2C4D98; }
   body {
color: #222;
font-family:
"Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
Helvetica, Arial, system-ui, sans-serif;
letter-spacing: 0.08em;
font-size: 14px;
line-height: 1.8;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ua-windows_nt body {
font-family:
"Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, system-ui, sans-serif;
}
html,
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,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
a {
box-sizing: border-box;
}
main {
display: block;
}
img {
max-width: 100%;
height: auto;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
address {
font-style: normal;
}
a:link {
color: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
}
a:hover {
color: inherit;
text-decoration: none;
}
a:active {
color: inherit;
}
p,
ul li,
ol li,
dl dd,
address {
margin-bottom: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 21px;
margin-bottom: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6,
dt,
th {
line-height: 1.6;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.video,
.wp-block-embed__wrapper {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.video iframe,
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}   .wf-en {
letter-spacing: 0.12em;
}
.wf-en,
.c-headline,
.c-heading {
font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
} .wf-trigger {
font-family: "brandon-grotesque", "Helvetica", "Arial", sans-serif;
}
body.wf-loaded .wf-en,
body.wf-loaded .c-headline {
font-family: "brandon-grotesque", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}
.f-medium {
font-weight: 500;
}
.f-blue {
color: #2b4d97;
}
.show-sml {
display: none;
}
.align-c {
text-align: center;
}
.align-r {
text-align: right;
}
.base-content p:empty {
display: none;
}
.base-content {
padding-top: 80px;
}
.c-btn,
.wp-block-button {
width: 346px;
}
.c-btn a,
.wp-block-button a {
position: relative;
display: block;
min-height: 60px;
padding: 17px 20px 0;
border: 2px solid #f3f7fd;
font-weight: bold;
color: #222;
letter-spacing: 0.2em;
text-align: center; }
.c-btn a::after,
.wp-block-button a::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 8px;
border-top: 2px solid #2b4d97;
border-right: 2px solid #2b4d97;
transform: translateY(-50%) rotate(45deg);
}
.c-btn.is-colored a,
.wp-block-button.is-colored a {
position: relative;
border: 2px solid #2b4d97;
background-color: #2b4d97;
color: #fff; }
.c-btn.is-colored a::after,
.wp-block-button.is-colored a::after {
content: "";
position: absolute;
top: 50%;
right: 18px;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(-50%) rotate(45deg);
}
.c-btn.is-full,
.wp-block-button.is-full {
width: 100%;
}
.c-btn.is-alignleft a,
.wp-block-button.is-alignleft a {
text-align: left;
}
.c-btn.is-anchor a,
.wp-block-button.is-anchor a {
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_down_blue.png);
background-size: 5px auto;
background-position: right 20px center;
} .c-btn.is-full a,
.wp-block-button.is-full a {
background-position: right 20px center;
}
.c-btn a,
.wp-block-button a,
.wpcf7-form .wpcf7-confirm,
.wpcf7-form .wpcf7-submit,
.c-card a,
.c-hoverfunc a {
transform: translateY(0px);
transition:
transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
box-shadow 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
box-shadow: 0px 0px 15px 3px rgba(44, 77, 152, 0);
position: relative;
will-change: transform;
}
.ua-desktop .c-btn a:hover,
.ua-desktop .wp-block-button a:hover,
.ua-desktop .wpcf7-form .wpcf7-confirm:hover,
.ua-desktop .wpcf7-form .wpcf7-submit:hover,
.ua-desktop .c-card a:hover,
.ua-desktop .c-hoverfunc:hover a {
transform: translateY(-3px);
transition:
transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
box-shadow: 0px 0px 15px 3px rgba(44, 77, 152, 0.15);
z-index: 2;
}
.ua-desktop .c-btn.is-colored a:hover,
.ua-desktop .wpcf7-form .wpcf7-confirm:hover,
.ua-desktop .wpcf7-form .wpcf7-submit:hover {
box-shadow: 0px 0px 15px 3px rgba(44, 77, 152, 0.3);
}
.c-pagettl {
margin-top: 0;
margin-bottom: 0;
font-size: 44px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.2;
text-align: right;
}
.c-headline {
margin-bottom: 0;
font-size: 24px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.2;
margin-top: 0;
word-break: break-all;
}
.c-headline::after {
content: "";
display: block;
width: 24px;
height: 2px;
background-color: #222;
margin-top: 1em;
}
.c-headline.is-sml {
font-size: 18px;
}
.c-headline.is-sml::after {
width: 14px;
}
.c-headline.align-c::after {
margin-left: auto;
margin-right: auto;
}
.c-headline.is-white::after {
background-color: #fff;
}
body.wf-loaded .c-headline.is-ja,
body.wf-loaded .is-ja {
font-weight: bold;
font-family:
"Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
Helvetica, Arial, system-ui, sans-serif;
}
.c-dl {
border-top: 1px solid #d7dbe4;
overflow: hidden;
}
.c-dl dt {
float: left;
width: 214px;
padding-top: 24px;
padding-bottom: 24px;
font-weight: bold;
}
.c-dl dd {
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 242px;
border-bottom: 1px solid #d7dbe4;
img {
margin-top: 18px;
width: 100%;
height: auto;
}
}
.c-dl li {
position: relative;
padding-left: 1em;
}
.c-dl li::before {
content: "-";
display: block;
position: absolute;
left: 0;
}
.c-dl li,
.c-dl p {
margin-bottom: 0;
}
.c-dl li br {
display: none;
}
.has-bg-left {
position: relative;
}
.has-bg-left::before {
content: "";
display: block;
width: 64.86%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-color: #f3f7fd;
}
.has-bg-right {
position: relative;
}
.has-bg-right::before {
content: "";
display: block;
width: 35.14%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: -1;
background-color: #f3f7fd;
}
.l-section {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
}
.l-section.l-section-aboutus {
overflow: hidden;
}
.l-section.has-bg-full {
background-color: #f3f7fd;
}
.l-section.has-bg-full::before {
content: "";
display: block;
width: 80px;
height: 100%;
position: absolute;
top: 0;
z-index: 0;
background-color: #fff;
}
.l-section.-adjust-no-headmargin {
padding-top: 0;
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
.l-section.has-bg-full::before {
width: 5.55vw;
}
}
.c-list-sort {
width: 180px;
}
.c-list-sort li {
background-color: #fff;
margin-bottom: 8px;
height: 40px;
}
.c-list-sort li a {
display: block;
height: 100%;
font-size: 14px;
padding: 8px 15px 0;
font-weight: bold;
color: #2b4d97;
}
.c-card a {
display: block;
}
.c-card .imgbox {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.c-card .imgbox p {
position: absolute;
margin-bottom: 0;
}
.c-card .metabox {
background-color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
padding: 17px 55px 17px 20px;
font-size: 16px;
font-weight: bold;
border: 2px solid #f3f7fd;
line-height: 1.4;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_right_blue.png) center right 20px / 20px 6px no-repeat #fff;
}
.c-card .metabox::after {
content: "VIEW MORE";
display: block;
position: absolute;
top: 20px;
right: 50px;
color: #2b4d97;
font-family: "brandon-grotesque", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.c-card .metabox p {
margin-bottom: 0;
}
.c-card .metabox p .desc {
margin-left: 11px;
font-size: 14px;
font-weight: normal;
letter-spacing: 0.15em;
}
.bg-bar {
display: block;
width: 80px;
height: 100%;
position: absolute;
top: 0;
z-index: 2;
}
.bg-bar.show-sml {
display: none;
}
.bg-bar.bg-left {
left: 0;
}
.bg-bar.bg-right {
right: 0;
}
.bg-bar.bg-top,
.bg-bar.bg-bottom {
left: 0;
height: 80px;
width: 100%;
z-index: 3;
}
.bg-bar.bg-top {
top: 0;
}
.bg-bar.bg-bottom {
top: auto;
top: initial;
bottom: 0;
left: 0;
}
.bg-bar.bg-blue {
background-color: #2b4d97;
}
.bg-bar.bg-white {
background-color: #ffffff;
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
.bg-bar {
width: 5.55vw;
}
.bg-bar.bg-top {
width: 100%;
}
.bg-bar.bg-bottom {
width: 100%;
}
}
.page-head {
position: relative;
padding-top: 108px;
padding-bottom: 120px;
}
.page-head .bg-right {
top: -80px;
height: calc(100% + 80px);
}
.page-head .c-pagettl {
margin-bottom: 101px;
}
.page-head .c-pagettl a {
display: inline-block;
opacity: 1;
transition: opacity 0.4s ease-out;
}
.ua-desktop .page-head .c-pagettl a:hover {
opacity: 0.5;
transition: opacity 0.2s ease-out;
}
.page-body {
margin-top: 80px;
position: relative;
} body.is-pagehead-short .page-head::after {
content: "";
display: block;
width: 35.14%;
height: 795px;
position: absolute;
top: 100%;
right: 0;
z-index: 1;
background-color: #fff;
}
body.is-pagehead-short .l-section:first-of-type::after {
content: "";
display: block;
width: 100%;
height: 80px;
position: absolute;
top: 795px;
left: 0;
z-index: 0;
background-color: #fff;
}
body.is-pagehead-short .page-head {
padding-bottom: 0;
}
body.is-pagehead-short .page-head .c-pagettl {
margin-bottom: 0;
}
body.is-pagehead-short .page-body {
margin-top: 0;
}
body.is-pagehead-short .l-section:first-of-type {
padding-top: 110px;
}    .l-outer {
width: calc(100% - 180px);
width: calc(100% - 160px);
margin: 0 auto;
}
.l-inner {
padding-left: 80px;
padding-right: 80px;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
&.is-single {
max-width: 680px;
box-sizing: content-box;
}
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
.l-outer {
width: calc(100% - 11.11vw);
}
.l-inner {
padding-left: 5.55vw;
padding-right: 5.55vw;
}
}
.wp-block-columns {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.base-content .wp-block-columns {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (min-width: 901px) {
.wp-block-columns.has-2-columns .wp-block-column:nth-child(1) {
width: 30.89%;
padding-right: 20px;
}
.wp-block-columns.has-2-columns .wp-block-column:nth-child(2) {
width: 69.11%;
}
} .l-header::after {
content: "";
display: block;
width: 100%;
height: 80px;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 4;
opacity: 0;
transition: opacity 0.4s ease-out;
}
.l-header::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 10px;
background-color: #2b4d97;
z-index: 12;
}
.l-header .header-logo {
position: absolute;
z-index: 10;
top: 0;
left: 0;
margin-bottom: 0;
width: 222px;
height: 222px;
background-color: #fff;
}
.l-header .header-logo {
display: block;
}
body.is-scrolled .l-header .header-logo {
background-color: #fff;
width: auto;
height: auto;
}
.l-header .header-logo .logo-scrolled {
display: none;
}
.l-header .header-logo a {
display: block;
}
.l-header .header-logo a,
.l-footer .footer-logo a {
display: block;
transform: scale(1, 1);
transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ua-desktop .l-header .header-logo a:hover,
.ua-desktop .l-footer .footer-logo a:hover {
transform: scale(0.9, 0.9);
transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 901px) {
body.home .header-logo a {
pointer-events: none;
}
body.home.is-scrolled .header-logo a {
pointer-events: auto;
}
body.is-scrolled .l-header::after {
height: 53px;
top: 10px;
opacity: 1;
box-shadow: 0px 0px 15px 3px rgba(44, 77, 152, 0.05); }
body.is-scrolled .l-header .header-logo {
position: fixed;
height: 53px;
top: 10px;
left: 0;
padding-left: 30px;
padding-bottom: 5px;
background-color: #fff;
width: auto;
z-index: 11;
}
body.is-scrolled .l-header .header-logo a {
height: 100%;
display: flex;
align-items: center;
}
body.is-scrolled .l-header .header-logo .logo-default {
display: none;
}
body.is-scrolled .l-header .header-logo .logo-scrolled {
display: block;
}
}
.l-header .inner {
position: relative;
}
.l-header .inner::before {
content: "";
display: block;
width: 80px;
height: 80px;
position: absolute;
top: 0;
right: 0;
background-color: #fff;
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
.l-header .inner::before {
width: 5.55vw;
}
}
.l-header .gnav {
display: flex;
justify-content: flex-end;
align-items: flex-start;
font-size: 15px;
font-weight: bold;
height: 80px;
position: fixed;
z-index: 5;
width: 100%;
top: 0;
right: 0;
}
.l-header .gnav li {
height: 100%;
margin-left: 60px;
margin-bottom: 0;
}
.l-header .gnav li a {
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
}
.l-header .gnav li a::after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #2b4d97;
position: absolute;
bottom: 20px;
left: 0;
opacity: 0;
transition: opacity 0.4s ease-out;
}
.l-header .gnav li a:hover::after,
.l-header .gnav li.is-current a::after {
opacity: 1;
transition: opacity 0.2s ease-out;
}
.l-header .gnav li:last-child {
background-color: #2b4d97;
width: 235px;
text-align: center;
}
.l-header .gnav li:last-child a {
color: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
}
.l-header .gnav li:last-child a:hover::after {
background-color: #fff;
} body.is-scrolled .l-header .gnav {
height: 53px;
top: 10px;
}
body.is-scrolled .l-header .gnav li a { }
body.is-scrolled .l-header .gnav li a::after {
bottom: 0px;
}  .l-header .header-note-hnav {
position: fixed;
top: 7px;
right: 54px;
font-size: 12px;
font-weight: bold;
opacity: 0;
pointer-events: none;
z-index: 5;
}
.l-header .header-note-hnav::after {
content: "";
display: inline-block;
position: relative;
top: 1px;
width: 11px;
height: 11px;
margin-left: 5px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/icon_window_blue.png) center right / 11px 11px no-repeat;
}
.l-header .header-note-hnav a {
display: inline-block;
height: 100%;
padding-bottom: 0;
}
.l-header .header-note-hnav a::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #2b4d97;
position: absolute;
bottom: 0;
opacity: 0;
transition: opacity 0.4s ease-out;
}
.l-header .header-note-hnav a:hover::after { opacity: 1;
transition: opacity 0.2s ease-out;
}
body.is-scrolled .l-header .header-note-hnav {
top: 15px; opacity: 1;
pointer-events: auto;
} .l-header .header-note-btn {
position: fixed;
top: 68px;
right: 54px;
margin: 0;
width: 184px;
height: 44px;
z-index: 5;
transition: opacity 0.4s ease-out;
}
.l-header .header-note-btn a {
display: block;
height: 100%;
padding: 12px 0 0 65px;
color: #fff;
background-color: #2b4d97;
font-size: 12px;
font-weight: bold;
border-radius: 50px;
letter-spacing: 0.02em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transform: translateY(0px);
transition:
transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
box-shadow 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: transform;
}
.l-header .header-note-btn a:before {
content: "";
display: block;
position: absolute;
top: 4px;
left: 4px;
width: 57px;
height: 36px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/icon_note.svg) 50% 50% no-repeat;
background-color: #fff;
background-size: 39px auto;
border-radius: 24px;
}
.ua-desktop .l-header .header-note-btn a:hover {
transform: translateY(-2px);
transition:
transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
box-shadow: 0px 0px 15px 3px rgba(44, 77, 152, 0.3);
z-index: 2;
}
body.is-scrolled .l-header .header-note-btn {
opacity: 0;
pointer-events: none;
cursor: default;
} .c-menu_icon {
width: 47px;
height: 47px;
position: fixed;
z-index: 11;
top: 0;
right: 0;
display: block;
display: none;
}
.c-menu_icon_btn {
display: block;
position: relative;
width: 20px;
height: 10px;
margin: 0 auto;
}
.c-menu_icon_btn span {
display: inline-block;
position: absolute;
z-index: 3;
left: 0;
width: 100%;
height: 2px;
background-color: #111;
border-radius: 8px;
will-change: transform;
transition:
transform 0.2s ease-out,
width 0.2s ease-out,
opacity 0.2s ease-out;
}
.c-menu_icon_btn span:nth-of-type(1) {
top: 0;
}
.c-menu_icon_btn span:nth-of-type(2) {
bottom: 0;
}
body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(1) {
transform-origin: center center;
transform: translateY(4px) translateX(0px) rotate(45deg);
}
body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(2) {
transform-origin: center center;
transform: translateY(-4px) translateX(0px) rotate(-45deg);
width: 100%;
}
.ua-edge body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(2),
.ua-ie body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(2) {
transform-origin: left top;
transform: translateY(0px) translateX(0px) rotate(-45deg);
}
.ua-desktop .c-menu_icon:hover .c-menu_icon_btn span:nth-of-type(2) {
width: 100%;
}
.l-menu {
display: none;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.l-menu .menu-overlay {
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
}
.l-menu .menu_inner {
width: 50%;
height: 100%;
background-color: #2b4d97;
padding: 187px 0 0;
position: relative;
margin-right: 0;
margin-left: auto;
color: #fff;
transform-origin: right top;
}
.l-menu .menu_inner::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
height: 47px;
}
body.is-menu-open .l-menu {
display: block;
}
.l-menu .menu_inner ul {
font-weight: bold;
text-align: center;
font-size: 20px;
}
.l-menu .menu_inner ul li {
height: 44px;
margin-bottom: 0;
}
.l-menu .menu_inner ul li a {
display: block;
height: 100%;
padding-top: 4px;
}
.l-menu .menu_inner ul li.is-current a {
background-color: #fff;
color: #2b4d97;
}
.l-footer {
position: relative;
z-index: 3;
padding-top: 75px;
padding-bottom: 80px;
background-color: #2b4d97;
color: #fff;
}
.l-footer .pagetop {
width: 80px;
height: 80px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_pagetop.png) center center / 28px 16px no-repeat #222;
position: absolute;
top: -80px;
right: 0;
z-index: 2;
font-size: 0;
transition: background 0.2s ease-out;
}
.ua-desktop .l-footer .pagetop:hover {
background-position: center top 24px;
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
.l-footer .pagetop {
width: 5.55vw;
}
}
.l-footer .l-inner {
display: flex;
width: 100%;
justify-content: space-between;
align-items: flex-start;
max-width: 100%;
}
.l-footer .footer-logo {
margin-bottom: 16px;
max-width: 189px;
}
.l-footer address {
letter-spacing: 0.1em;
}
.l-footer .footer-nav {
display: flex;
justify-content: space-between;
align-items: flex-start;
font-weight: bold;
height: 40px;
margin-top: -10px;
margin-bottom: 32px;
}
.l-footer .footer-nav li {
height: 100%;
margin-bottom: 0;
letter-spacing: 0.18em;
}
.l-footer .footer-nav li:not(:first-child) {
margin-left: 40px;
}
.l-footer .footer-nav li a {
display: block;
position: relative;
padding-top: 9px;
height: 100%;
}
.l-footer .footer-nav li a::before {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #fff;
position: absolute;
bottom: 0;
opacity: 0;
transition: opacity 0.2s ease-out;
}
.ua-desktop .l-footer .footer-nav li a:hover::before {
opacity: 1;
}
.l-footer .c-btn {
margin-left: auto;
}
.l-footer .c-btn a {
color: #fff;
border: 2px solid #ff8b00;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_right_circle.png) center right 10px / 20px 6px no-repeat #ff8b00;
text-indent: -1em;
}
.l-footer .c-btn a::after {
border-color: #ff8b00;
right: 30px;
}
.l-footer .c-btn a::before {
content: "";
position: absolute;
top: 50%;
right: 18px;
transform: translateY(-50%);
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 20px;
}
.l-footer .copyright {
display: none;
}
.l-entry {
padding: 56px 63px;
background-color: #fff;
border: 2px solid #f3f7fd;
max-width: 774px;
}
.l-entry .date {
display: inline-block;
color: #888;
}
.l-entry .category {
float: right;
color: #888;
}
.l-entry .ttl {
margin-top: 11px;
font-size: 20px;
font-weight: bold;
}
.ua-desktop .l-entry a:hover {
text-decoration: underline;
}
.l-entry .l-entry-content {
margin-top: 33px;
}
.l-entry .l-entry-content figure {
margin-bottom: 34px;
}
.l-entry .l-entry-content h2 {
font-size: 18px;
}
.l-entry .l-entry-content h3 {
font-size: 16px;
}
.l-entry .l-entry-content .aligncenter {
text-align: center;
}
.l-entry .l-entry-content .alignright {
text-align: right;
} .l-entry .l-entry-content .size75 img {
width: 75%;
}
.l-entry .l-entry-content .size50 img {
width: 50%;
}
.l-entry .l-entry-content .size25 img {
width: 25%;
}
.l-entry .l-entry-content .alignleft img {
float: left;
margin-right: 1em;
}
.l-entry .l-entry-content .alignright img {
float: right;
margin-left: 1em;
}
.l-entry .l-entry-content .wp-block-embed__wrapper {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.l-entry .l-entry-content .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.l-entry p {
margin-bottom: 24px;
}
.l-entry .l-entry-content .wp-block-columns .wp-block-column {
padding: 1em;
}
.l-entry .l-entry-content .wp-block-columns .wp-block-column:first-child {
padding-left: 0;
}
.l-entry .l-entry-content .wp-block-columns .wp-block-column:last-child {
padding-right: 0;
}
.l-entry .l-entry-content .wp-block-columns.has-2-columns .wp-block-column {
width: 50%;
}
.l-entry .l-entry-content .wp-block-columns.has-3-columns .wp-block-column {
width: 33.3%;
padding: 1em;
}
.l-entry .l-entry-content .wp-block-columns.has-4-columns .wp-block-column {
width: 25%;
padding: 1em;
}
.l-entry .l-entry-content .wp-block-columns.has-4-columns,
.l-entry .l-entry-content .wp-block-columns.has-5-columns {
flex-wrap: wrap;
}
.l-entry .l-entry-content .wp-block-columns.has-4-columns .wp-block-column,
.l-entry .l-entry-content .wp-block-columns.has-5-columns .wp-block-column {
width: 50%;
padding: 1em;
}
.l-pager {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 60px;
font-weight: bold;
}
.nav-archivetop {
margin: 0 120px;
}
.wp-pagenavi {
display: flex;
justify-content: center;
align-items: center;
margin: -2px 60px 0;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .page,
.wp-pagenavi .current {
display: block;
position: relative;
margin: 0 7.5px;
width: 27px;
height: 27px;
padding-top: 6px;
line-height: 1;
background-color: #2b4d97;
border-bottom: 2px solid transparent;
background-color: transparent;
color: #222;
transition: color 0.4s ease-out;
}
.wp-pagenavi .first:before,
.wp-pagenavi .last:before,
.wp-pagenavi .page:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
transform: scale(1, 0);
transform-origin: center bottom;
background-color: #2b4d97;
z-index: -1;
transition: transform 0.2s ease-out;
}
.wp-pagenavi .current {
border-bottom: 2px solid #2b4d97;
}
.nav-edge {
margin-bottom: 0;
}
.l-pager p.spacer {
display: block;
min-width: 80px;
margin: 0;
}
.nav-archivetop a,
.nav-edge a {
color: #2b4d97;
}
.nav-edge a {
padding-top: 2px;
}
.nav-prev a::before,
.nav-next a::after {
content: "";
display: inline-block;
width: 20px;
height: 13px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_right_blue.png) center right / 20px 6px no-repeat;
transform: translateX(0px);
transition: transform 0.2s ease-out;
}
.nav-next a::after {
margin-left: 18px;
}
.nav-prev a::before {
margin-right: 18px;
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_left_blue.png);
}
.ua-desktop .nav-archivetop a:hover,
.ua-desktop .nav-edge a:hover {
text-decoration: underline;
}
.nav-next a:hover::after {
transform: translateX(4px);
transition: transform 0.2s ease-out;
}
.nav-prev a:hover::before {
transform: translateX(-4px);
transition: transform 0.2s ease-out;
}
.ua-desktop .wp-pagenavi .first:hover::before,
.ua-desktop .wp-pagenavi .last:hover::before,
.ua-desktop .wp-pagenavi .page:hover::before {
transform: scale(1, 1);
transform-origin: center bottom;
color: #fff;
}
.ua-desktop .wp-pagenavi .first:hover,
.ua-desktop .wp-pagenavi .last:hover,
.ua-desktop .wp-pagenavi .page:hover {
color: #fff;
transition: color 0.2s ease-out;
} .list-contents {
display: flex;
flex-wrap: wrap;
gap: 26px 32px;
}
.list-contents .clist-item {
width: calc((100% - 32px) / 2);
margin: 0;
}
.list-contents .clist-item a {
display: block;
}
.list-contents .clist-item a:hover {
opacity: 0.7;
}
.list-contents .clist-item .clist-item__thumb {
border-radius: 16px;
}
.list-contents .clist-item .clist-item__title-unit {
position: relative;
padding: 17px 8px 0;
}
.list-contents .clist-item .clist-item__icn {
position: absolute;
top: -14px;
display: block;
width: 64px;
height: 24px;
margin: 0;
padding: 7px 5px 2px;
background: #fff;
border-radius: 8px;
text-align: center;
}
.list-contents .clist-item .clist-item__icn img {
vertical-align: top;
width: 44px;
height: auto;
}
.list-contents .clist-item .clist-item__title {
margin-bottom: 6px;
font-size: 15px;
line-height: 1.5;
}
.list-contents .clist-item .clist-item__subtitle {
margin-bottom: 6px;
font-size: 13px;
line-height: 1.5; }
.list-contents .clist-item .clist-item__more {
margin: -1px 0 0;
color: #2b4d97;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}
.list-contents .clist-item .clist-item__more::after {
content: "";
display: inline-block;
width: 20px;
height: 13px;
margin-left: 9px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_right_blue.png) center right / 20px 6px no-repeat;
transform: translateX(0px);
transition: transform 0.2s ease-out;
}
.list-contents .clist-item .clist-item__more.is-newwin::after {
position: relative;
top: 1px;
width: 14px;
height: 14px;
margin-left: 7px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/icon_window_blue.png) center right / 14px 14px no-repeat;
}
.list-contents .clist-item {
}
@media screen and (max-width: 820px) {
.list-contents .clist-item .clist-item__icn { top: -12px; width: 56px;
height: 21px;
margin: 0;
padding: 7px 5px 2px;
background: #fff;
border-radius: 8px;
text-align: center;
}
.list-contents .clist-item .clist-item__icn img {
vertical-align: top;
width: 38px;
height: auto;
}
.list-contents .clist-item .clist-item__title { font-size: 14px; }
.list-contents .clist-item .clist-item__subtitle {
font-size: 12px; }
.list-contents .clist-item .clist-item__more {  font-size: 11px;
}
}    .section-statement {
display: grid;
grid-gap: 100px;
> * {
display: contents;
}
.block {
display: grid;
grid-gap: 26px;
> * {
display: contents;
}
.label {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%;
color: var(--primaryColor);
width: fit-content;
margin: 0 auto;
}
.heading {
font-size: 27px;
font-style: normal;
font-weight: 600;
line-height: 160%;
font-feature-settings: "palt";
width: fit-content;
text-align: center;
margin: 0 auto;
br {
display: none;
}
}
}
}
.section-message {
padding-top: 72px;
.bg-bar.bg-right {
top: -80px;
height: calc(100% + 80px);
}
p {
margin-bottom: 22px;
}
}
.message-body {
.heading {
color: var(--primaryColor);
width: max-content;
font-size: 18px;
font-style: normal;
font-weight: 600;
grid-gap: 150%;
margin: 0 auto;
}
.text {
display: grid;
grid-gap: 1.5em;
margin-top: 24px;
> * {
display: contents;
}
p {
font-size: 16px;
line-height: 160%;
font-weight: 300;
grid-gap: 1.5em;
margin: 0;
}
}
}
.message-ceo {
display: grid;
grid-template-columns: 1fr minmax(auto, 216px);
grid-template-areas: "text image";
grid-gap: 30px;
align-items: flex-end;
margin-top: 42px;
@media screen and (min-width: 1400px) {
margin-top: 42px;
}
> * {
display: contents;
}
img {
display: block;
grid-area: image;
max-width: 100%;
height: auto;
}
.text {
grid-area: text;
text-align: right;
.wp-block-group__inner-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 0.25em 1em;
}
p {
font-size: 13px;
font-weight: 300;
line-height: 150%;
margin: 0;
&.company {
width: 100%;
}
&.name {
font-size: 18px;
}
}
}
}
.section-company_information {
margin-top: 80px;
.bg-bar.bg-top {
top: -80px;
}
}
.company_information-map {
margin: 120px auto 0;
}
.company_information-map .map-container {
height: 360px;
}
.company_information-map iframe {
width: 100%;
height: 100%;
}
.company_information-map .link-googlemap {
margin-top: 10px;
margin-bottom: 0;
}
.company_information-map .link-googlemap a {
font-size: 12px;
text-decoration: underline;
}
.ua-desktop .company_information-map .link-googlemap a:hover {
text-decoration: none;
}
.section-service-single .vp-head {
display: flex;
justify-content: space-between;
align-items: stretch;
min-height: 460px;
}
.section-service-single .vp-head .imgbox {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
width: 41.07%;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/service/virtualplanner_head_bg.jpg) center center / cover no-repeat;
}
.section-service-single .vp-head .textbox {
width: 58.92%;
padding: 20px;
display: flex;
align-items: center; }
.section-service-single .vp-head .textbox .inner {
max-width: 440px; margin: 0 0 0 48px;
padding-top: 12%;
}
.section-service-single .vp-head .textbox .sub {
margin-bottom: 12px;
font-size: 14px;
font-weight: bold;
}
.section-service-single .vp-head .textbox .vp-head-headline-en {
margin-bottom: 2px;
font-size: 36px;
font-weight: bold;
line-height: 1.2;
}
.section-service-single .vp-head .textbox .c-headline {
margin-top: 0;
margin-bottom: 33px;
font-size: 14px;
line-height: 1.8;
font-feature-settings: "palt";
letter-spacing: 0.15em;
}
.section-service-single .vp-head .textbox .c-headline::after {
margin-top: 30px;
display: none;
}
.section-service-single .vp-head .textbox .desc {
margin-bottom: 0;
line-height: 1.8;
}
.section-service-single .vp-content {
max-width: 920px;
margin: 67px auto 0;
padding-right: 20px;
padding-left: 20px;
}
.section-service-single .vp-content .vp-block { margin-bottom: 72px;
}
.section-service-single .vp-content .vp-block.-adjust-bottom {
margin-bottom: 0;
}
.section-service-single .vp-content .target-item-unit {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
} .section-service-single .vp-content .vp-block-headline {
position: relative;
margin-top: 0;
margin-bottom: 25px;
font-size: 20px;
color: #2b4d97;
position: relative;
}
.section-service-single .vp-content .vp-block-headline span {    }
.section-service-single .vp-content .vp-block-headline::before {
content: "";
display: block;
width: 96px;
height: 2px;
background-color: #2b4d97;
position: absolute;
top: 15px;
left: -120px;
margin-top: 0;  }
@media screen and (max-width: 1445px) {
.section-service-single .vp-content .vp-block-headline {
font-size: 18px;
}
.section-service-single .vp-content .vp-block-headline::before {
width: 24px;
height: 2px;
top: 13px;
left: -36px;
}
}
@media screen and (max-width: 1228px) {
.section-service-single .vp-content .vp-block-headline::before {
display: none;
}
}
.section-service-single .vp-content .target-item-list {
display: flex;
flex-wrap: wrap;
width: 565px;
}
.section-service-single .vp-content .target-item-list li {
min-width: 144px;
margin-left: 20px;
margin-bottom: 10px;
font-size: 15px;
font-weight: 600;
}
.section-service-single .vp-content .target-item-list li:before {
content: "";
display: inline-block;
width: 15px;
height: 12px;
margin-top: 2px;
margin-right: 6px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/icon-check_02.svg) center/contain no-repeat;
background-size: 14px auto;
}
.list-strength {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 100px;
}
.list-strength li {
position: relative;
width: calc(25% - 10px);
padding: 68px 15px 25px;
background-color: #f3f7fd;
}
@media screen and (max-width: 1080px) and (min-width: 900px) {
.list-strength li {
width: calc(50% - 10px);
}
.list-strength li:nth-child(n + 3) {
margin-top: 40px;
}
}
.list-strength li figure {
position: absolute;
top: -48px;
left: 50%;
margin-left: -48px;
}
.list-strength li p {
margin-bottom: 0;
font-size: 14px;
line-height: 1.6;
font-weight: bold;
}
.list-strength li .catch {
margin-bottom: 6px;
font-size: 12px;
color: #2b4d97;
}
.section-service-single .vp-content .vp-block.vp-block-clients .c-headline::after {
margin-top: 1.4em;
}
.vp-block.vp-block-clients .wp-block-column p {
max-width: 440px;
margin-left: auto;
margin-right: 0;
line-height: 2;
}
.list-clients-container {
margin-bottom: 0;
margin-top: 0;  padding: 20px 0 0;
}
@media screen and (max-width: 1000px) {
.list-clients-container {
padding: 20px 20px;
}
}
.list-clients-container ul {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap; max-width: 880px;
margin: 0 auto;
column-gap: 22px;
}
.list-clients-container li {
margin-bottom: 0;
width: 25%;
width: 18%; height: 64px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.list-clients-container li span {
display: block;
position: relative;
width: 100%;
padding-top: 24.51%;
}
.list-clients-container li img { max-width: 155px;
max-height: 38px;
width: auto;
height: 100%;
margin: auto; }
.list-result-container ul {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.list-result-container ul li {
outline: 1px solid #e8e8e8;
outline-offset: 1px;
width: 47.72%;
margin-bottom: 40px;
}
.list-result-container ul li:nth-last-child(-n + 2) {
margin-bottom: 0;
}
.section-service-single .vp-content .c-btn {
max-width: 690px;
margin-left: auto;
margin-right: auto;
}
.section-service-single .vp-content .c-btn a {
min-height: 70px;
padding-top: 15px;
font-size: 20px;
font-feature-settings: "palt";
letter-spacing: 0.2em;
}
.section-service-single .vp-content .c-btn a br {
display: none;
} .message-confirm {
display: none;
font-weight: bold;
color: #2b4d97;
margin-bottom: 40px;
}
.message-novalidate {
display: none;
font-weight: bold;
color: #ff3939;
margin-bottom: 40px;
}
.wpcf7-form.invalid .message-novalidate {
display: block;
}
.wpcf7-form ::-webkit-input-placeholder { color: #888;
}
.wpcf7-form :-ms-input-placeholder { color: #888;
}
.wpcf7-form ::placeholder { color: #888;
}
body.page-contact .c-headline {
font-size: 20px;
font-weight: bold;
font-family:
"Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
Helvetica, Arial, system-ui, sans-serif;
}
.wpcf7-form input,
.wpcf7-form textarea {
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
display: block;
background-color: #ffffff;
border-radius: 0px;
border: 1px solid transparent;
outline: none;
font-size: 16px;
font-family:
"Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
Helvetica, Arial, system-ui, sans-serif;
}
.wpcf7-form input[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
display: inline-block;
width: auto;
min-height: auto;
padding: 0;
background-color: unset;
border-radius: unset;
border: unset;
}
.wpcf7-form input:focus::-webkit-input-placeholder { color: transparent;
}
.wpcf7-form textarea:focus::-webkit-input-placeholder { color: transparent;
}
.wpcf7-form input:focus:-ms-input-placeholder { color: transparent;
}
.wpcf7-form textarea:focus:-ms-input-placeholder { color: transparent;
}
.wpcf7-form input:focus::placeholder { color: transparent;
}
.wpcf7-form textarea:focus::placeholder { color: transparent;
}
.wpcf7-form span.wpcf7-list-item {
display: table;
margin-left: 0;
}
.wpcf7-form span.wpcf7-list-item:not(:first-child) {
margin-top: 5px;
}
.wpcf7-form .wpcf7-list-item label {
display: flex;
align-items: center;
cursor: pointer;
}
.wpcf7-form .wpcf7-list-item label input {
margin-right: 20px;
flex-shrink: 0;
}
.section-contact .wp-block-columns {
align-items: stretch;
}
.section-contact .thanks-contact-message {
font-size: 22px;
margin-bottom: 50px;
}
.section-contact .thanks-contact-text {
font-size: 16px;
}
.section-contact .c-btn {
margin-top: 50px;
}
.form-progress {
position: -webkit-sticky;
position: sticky;
top: 134px;
margin-top: -5px;
color: #888;
font-weight: 500;
}
.form-progress li {
margin-bottom: 10px;
}
.form-item {
margin-bottom: 20px;
}
.form-item label {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.form-item.flex {
display: flex;
}
.form-head {
display: flex;
justify-content: flex-start;
align-items: center;
width: 27.67%;
height: 80px;
font-weight: bold;
line-height: 1.6;
}
.form-body {
display: block;
width: 72.32%;
}
.form-body span {
display: block;
}
.form-body span input,
.form-body span textarea {
width: 100%;
min-height: 80px;
padding: 8px 36px;
}
.form-body span textarea {
padding: 26px 36px;
}
.container-privacy-accept {
background-color: #fff;
margin-bottom: 60px;
}
.box-privacy {
padding: 40px 40px;
letter-spacing: 0.1em;
}
.box-privacy .inner {
height: 170px;
padding-right: 20px;
overflow-y: scroll;
overflow-x: hidden;
}
.box-privacy .inner h4:first-of-type {
margin-top: 0;
}
.box-privacy p,
.box-privacy ul {
color: #444444;
font-size: 12px;
}
.box-privacy ul li > ul {
padding-left: 1em;
}
.box-privacy ul li > ul li {
margin-bottom: 0;
}
@media screen and (min-width: 901px) {
.box-privacy .inner::-webkit-scrollbar {
width: 10px;
}
.box-privacy .inner::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: #e6eaf3;
}
.box-privacy .inner::-webkit-scrollbar-track {
background-color: rgba(230, 234, 243, 0.3);
}
}
.form-accept {
display: block;
padding: 20px 0;
border-top: 2px solid #f3f7fd;
text-align: center;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.form-accept .checkbox-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
opacity: 1;
transition: opacity 0.2s ease-out;
}
.ua-desktop .form-accept:hover .checkbox-wrapper {
opacity: 0.6;
}
.form-accept span.wpcf7-list-item {
display: block;
width: 20px;
height: 20px;
margin-left: 0;
}
.form-accept .checkbox-wrapper > span {
margin-right: 10px;
}
.container-privacy-accept input[type="checkbox"] {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
background-color: #e6eaf3;
margin: 0;
}
.container-privacy-accept input[type="checkbox"]::after {
content: "";
display: block;
width: 12px;
height: 11px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/icon_check.png) center center / contain no-repeat;
position: absolute;
top: 3px;
left: 3px;
visibility: hidden;
}
.container-privacy-accept input[type="checkbox"]:checked::after {
visibility: visible;
}
.wpcf7-form .wpcf7-confirm,
.wpcf7-form .wpcf7-submit {
display: block;
width: 100%;
min-height: 60px;
padding: 0 20px 0;
font-weight: bold;
letter-spacing: 0.2em;
text-align: center;
border: 2px solid #2b4d97;
color: #fff;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_right_white.png) center right 10px / 20px 6px no-repeat #2b4d97;
cursor: pointer;
}
.wpcf7-form .wpcf7-submit {
opacity: 1;
transition: opacity 0.2s ease-out;
}
.wpcf7-form .wpcf7-submit:disabled {
pointer-events: none;
opacity: 0.3;
} .wpcf7-form .wpcf7-back {
cursor: pointer;
margin-bottom: 50px;
padding: 10px 21px;
opacity: 1;
transition: opacity 0.4s ease-out;
}
.ua-desktop .wpcf7-form .wpcf7-back:hover {
opacity: 0.6;
transition: opacity 0.2s ease-out;
}
.wpcf7-form span.wpcf7-not-valid-tip {
color: #ff3939;
font-size: 12px;
margin-top: 4px;
}
.wpcf7-form div.wpcf7-validation-errors,
.wpcf7-form div.wpcf7-acceptance-missing {
border: 2px solid #ff3939;
color: #ff3939;
font-weight: bold;
height: 60px;
padding: 17px 20px;
display: none !important;
} body[data-formstatus="0"] .form-progress li:nth-child(1),
body[data-formstatus="1"] .form-progress li:nth-child(2),
body[data-formstatus="2"] .form-progress li:nth-child(3) {
font-weight: bold;
color: #2b4d97;
} .wpcf7 div.wpcf7-mail-sent-ok {
display: block;
color: #2b4d97;
font-weight: bold;
border: 2px solid #2b4d97;
background-color: #fff;
padding: 16px 25px 15px;
}
.form-btn-container {
position: relative;
}
div.wpcf7 .form-btn-container .ajax-loader {
position: absolute;
left: 50%;
margin-left: -8px;
bottom: -40px;
} @media screen and (max-width: 1000px) {
.section-contact .wp-block-columns {
display: block;
}
.section-contact .wp-block-columns.has-2-columns .wp-block-column:nth-child(1) {
width: 100%;
padding-right: 0;
}
.section-contact .wp-block-columns.has-2-columns .wp-block-column:nth-child(2) {
width: 100%;
}
.form-progress {
position: static;
top: 0;
margin-top: 0;
margin-bottom: 40px;
display: flex;
justify-content: center;
align-items: flex-start;
}
.form-progress li::after {
content: "";
display: inline-block;
width: 5px;
height: 8px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_progress_blue.png) center / contain no-repeat;
margin: 0 1em;
position: relative;
top: -1px;
}
.form-progress li:nth-child(2)::after,
.form-progress li:nth-child(3)::after {
display: none;
}
.form-item label {
display: block;
}
.form-item.flex {
display: block;
}
.form-head {
display: block;
width: 100%;
height: auto;
margin-bottom: 8px;
}
.form-body {
width: 100%;
}
.form-body span input,
.form-body span textarea {
min-height: 40px;
padding: 0px 15px;
}
.form-body span textarea {
padding-top: 9px;
}
.box-privacy {
padding: 20px;
}
.box-privacy .inner {
height: 158px;
}
.box-privacy .inner h4 {
margin-bottom: 10px;
}
.form-accept {
border-top-width: 2.5px;
margin-top: 0;
padding: 6px 0;
font-size: 14px;
}  }  body.archive .c-list-sort,
body.single .c-list-sort {
margin-top: 35px;
margin-bottom: 120px;
}
body.archive .c-list-sort:last-child,
body.single .c-list-sort:last-child {
margin-bottom: 0;
}
body.is-pagehead-short.single .l-section:first-of-type::after {
display: none;
}
.list-article .item {
margin-bottom: 60px;
}
body.archive .c-pagettl-category {
margin: 10px 5px 0 0;
} .ttl-alternate span.is-even {
color: #2b4d97;
}
body.page-recruit .page-head { padding-bottom: 80px;
}
body.page-recruit .page-head p {
margin-bottom: 26px;
}
body.page-recruit .page-body .c-headline { }
@media screen and (max-width: 950px) and (min-width: 901px) {
body.page-recruit .page-body .c-headline {
font-size: 18px;
}
}
.section-job_employee .bg-bar.bg-right {
top: -80px;
height: calc(100% + 80px);
}
.nav-recruit {
margin-top: 74px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.nav-recruit li {
width: calc(50% - 20px);
}
.nav-recruit li:nth-child(2n) {
margin-left: 40px;
}
@media screen and (min-width: 1001px) {
.ua-edge .nav-recruit li:nth-child(2n) {
margin-left: 39px;
}
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
.nav-recruit li {
width: 100%;
}
.nav-recruit li:nth-child(2n) {
margin-left: 0;
}
}
.list-jobs {
margin-top: 56px;
}
.list-jobs li {
margin-bottom: 20px;
background-color: #fff;
border: 2px solid #f3f7fd;
}
.list-jobs li:last-child {
margin-bottom: 0;
}
.list-jobs .job-ttl-box {
position: relative;
padding: 34px 40px 34px 40px;
overflow: hidden;
}
.list-jobs.list-toggle .job-ttl-box {
padding: 34px 93px 34px 40px;
opacity: 1;
transition: opacity 0.4s ease-out;
cursor: pointer;
}
.ua-desktop .list-jobs.list-toggle .job-ttl-box:hover {
opacity: 0.6;
transition: opacity 0.2s ease-out;
}
.list-jobs .job-ttl {
float: left;
margin: 0;
font-size: 16px;
color: #2b4d97;
}
.list-jobs .job-employment {
float: right;
margin: 0 !important;
font-size: 16px;
font-weight: bold;
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
.list-jobs .job-ttl {
float: none;
}
.list-jobs .job-employment {
float: none;
font-size: 15px;
}
}
.list-jobs-remotework .job-box-ttl {
width: 100%;
}
.list-jobs .job-toggle {
display: flex;
justify-content: center;
align-items: center;
width: 94px; height: 100%;
position: absolute;
top: 0;
right: 0;
font-size: 0;
}
.list-jobs .job-toggle .iconbox {
display: block;
position: relative;
width: 16px;
height: 16px;
margin: 0 auto;
transform: rotate(0deg);
transition: transform 0.2s ease-out;
}
.list-jobs .job-toggle .iconbox::before,
.list-jobs .job-toggle .iconbox::after {
content: "";
display: block;
position: absolute;
background-color: #2b4d97;
transform-origin: center;
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
backface-visibility: hidden;
}
.list-jobs .job-toggle .iconbox::before {
width: 2px;
height: 100%;
left: 7px;
}
.list-jobs .job-toggle .iconbox::after {
width: 100%;
height: 2px;
top: 7px;
opacity: 1;
transition:
transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
opacity 0.2s ease-out;
}
.list-jobs.list-toggle li.is-jobitem-open .iconbox {
transform: rotate(90deg);
transition: transform 0.2s ease-out;
}
.list-jobs.list-toggle li.is-jobitem-open .iconbox::after {
opacity: 0;
}
.list-jobs li .job-box-content {
padding-bottom: 34px;
}
.list-jobs li .job-box-content p {
padding-left: 40px;
padding-right: 40px;
}
.list-jobs.list-toggle li .job-box-content {
display: none;
}
.list-jobs.list-toggle li.is-jobitem-open .job-box-content {
display: block;
}
.list-jobs li .job-box-content .c-btn {
margin-top: 34px;
margin: 34px auto 6px;
width: calc(100% - 80px);
}
.list-jobs.list-toggle li .job-box-content .c-btn a {
padding-top: 20px;
height: 70px;
font-size: 16px;
}
.job-interview {
margin-top: 120px;
padding: 64px 20px 60px;
background-color: #fff;
}
.page-body .job-interview .c-headline {
font-size: 16px;
}
.page-body .job-interview .c-headline::after {
margin-top: 1.6em;
}
.job-interview .inner {
max-width: 960px;
margin: 0 auto;
}
.job-interview .ttl-inteview {
margin-top: 0;
font-size: 40px;
}
.job-interview-content {
margin-top: 80px;
}
.interview-item .interview-item-container,
.interview-item .interview-item-container > .wp-block-group__inner-container {
display: flex;
justify-content: center;
align-items: flex-start;
}
.interview-item .interview-item-container .box-ttl {
width: 32.3%;
max-width: 270px;
position: -webkit-sticky;
position: sticky;
z-index: 2;
top: 130px;
padding-top: 40px;
}
body.page-remotework .interview-item .interview-item-container .box-ttl {
position: relative;
top: 0;
}
.interview-item .interview-item-container .box-ttl .interview-name {
margin-top: 15px;
line-height: 1.8;
}
@media screen and (min-width: 901px) {
.interview-item .interview-item-container .box-ttl::before,
.interview-item .interview-item-container .box-ttl::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
}
.interview-item .interview-item-container .box-ttl::before {
width: 0;
height: 0;
border-style: solid;
border-width: 16px 32px 16px 0;
border-color: transparent #f3f7fd transparent transparent;
margin-top: -38px;
right: -51px;
}
.interview-item .interview-item-container .box-ttl::after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #ffffff transparent transparent;
margin-top: -32px;
right: -51px;
}
}
.interview-item .interview-item-container .box-ttl .interview-pop {
position: absolute;
top: 0;
width: 100%;
}
.section-job_remotework-message-content .interview-item .interview-item-container .box-ttl .interview-pop {
height: 14px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/recruit/message_pop.png) center / contain no-repeat;
}
.section-job_remotework-message-content .interview-item .interview-item-container .box-ttl .interview-pop img {
opacity: 0;
}
.interview-item .interview-item-container .box-ttl .inteview-img {
border-radius: 50%;
overflow: hidden;
}
.interview-item .interview-item-container .box-contents {
position: relative;
width: 67.7%;
margin-left: 44px;
padding: 32px 40px;
border-radius: 20px;
border: 7px solid #f3f7fd;
}
.interview-item .interview-item-container .box-contents p.question {
font-weight: bold;
margin-bottom: 6px;
}
.interview-item .interview-item-container .box-contents p {
margin-bottom: 25px;
}
.interview-item .interview-item-container .box-contents p:last-child {
margin-bottom: 0;
}
.interview-item-point {
border-top: 1px solid #e8e8e8;
margin-top: 72px;
padding-top: 80px;
}
.interview-item-point,
.interview-item-point > .wp-block-group__inner-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.interview-item-point .box-ttl {
width: 27.25%;
}
.interview-item-point .box-ttl .ttl {
margin: 0;
font-size: 16px;
letter-spacing: 0.15em;
line-height: 1.8;
}
.interview-item-point .box-contents {
width: 72.75%;
padding-left: 20px;
}
.interview-item-point .box-contents p {
max-width: 596px;
margin-left: auto;
margin-right: 0;
}
.section-job_remotework {
margin-top: 80px;
}
.section-job_remotework .bg-bar.bg-top {
top: -80px;
}
.section-job_remotework .c-headline {
font-size: 20px;
}
.section-job_remotework .list-jobs-remotework {
margin-top: 75px;
} body.page-remotework .ttl-alternate {
color: #2b4d97;
}
body.page-remotework .ttl-alternate span.is-even {
color: #6d89c8;
}
body.page-remotework .page-head {
padding-top: 0;
padding-bottom: 0;
}
.remotework-head {
height: 744px;
}
.remotework-head .l-outer {
position: relative;
}
.remotework-head .bg-head {
width: calc(100% - 160px);
height: 100%;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/recruit/remotework_head_bg.jpg) right top / cover no-repeat #f3f7fd;
position: absolute;
top: 0;
left: 80px;
z-index: -1;
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
.remotework-head .bg-head {
width: calc(100% - 11.1vw);
left: 5.55vw;
}
}
.remotework-head .head-content {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 52px 67px 0 0;
width: 441px;
}
.remotework-head-ttl {
margin-top: 0;
}
@media screen and (min-width: 1700px) {
.remotework-head .bg-head {
background-size: 1700px auto;
background-position: center top;
}
.remotework-head .head-content {
right: 50%;
margin-right: -756px;
}
}
@media screen and (max-width: 1001px) and (min-width: 901px) {
.remotework-head {
height: 700px;
}
.remotework-head .bg-head {
background-position: right -100px top;
}
.remotework-head .head-content {
padding: 30px 30px 0 0;
width: 401px;
}
}
.remotework-head .head-content p {
color: #444;
font-size: 13px;
font-weight: bold;
text-align: justify;
padding: 0 2px 0 6px;
letter-spacing: 0.17em;
}
.page-body-heading {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3;
}
.l-section.section-remotework-outline {
padding-top: 192px;
padding-bottom: 100px;
}
.list-merit {
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: -138px;
margin-bottom: -65px;
}
.list-merit li {
width: 256px;
height: 256px;
margin: 0 20px 0;
padding-top: 30px;
border: 12px solid #fff;
background-color: rgba(136, 206, 235, 0.9);
border-radius: 50%;
font-weight: bold;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 1.6;
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
.list-merit li {
width: 220px;
height: 220px;
padding-top: 20px;
font-size: 13px;
}
.list-merit li .merit-head span {
font-size: 28px;
}
}
.list-merit li .merit-head {
font-size: 15px;
line-height: 1.1;
}
.list-merit li .merit-head span {
font-size: 34px;
display: inline-block;
border-bottom: 3px solid #fff;
}
.remotework-outline-container .c-headline {
font-size: 36px;
color: #2b4d97;
}
.remotework-outline-container .preface {
margin-top: 35px;
font-weight: bold;
color: #666666;
}
body.page-remotework .outline-dl dt {
height: 52px;
background-color: #fff;
font-size: 18px;
color: #666;
font-weight: bold;
padding-top: 12px;
text-align: center;
}
body.page-remotework .outline-dl dd {
font-size: 14px;
margin-bottom: 0;
padding-top: 15px;
color: #444;
}
body.page-remotework .outline-details-item:nth-child(3) .outline-dl dd {
padding-top: 36px;
}
body.page-remotework .outline-dl dd ul li {
margin-bottom: 0;
position: relative;
padding-left: 1em;
}
body.page-remotework .outline-dl dd ul li::before {
content: "・";
display: inline;
position: absolute;
top: 0;
left: 0;
}
.outline-details-container {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 74px;
}
.outline-details-item:nth-child(-n + 2) {
width: calc(50% - 40px);
}
.outline-details-item:nth-child(2) {
margin-left: 80px;
margin-bottom: 56px;
}
.outline-details-item:nth-child(2) .outline-dl:not(:last-child) {
margin-bottom: 64px;
}
@media screen and (max-width: 1000px) and (min-width: 901px) {
.outline-details-item:nth-child(-n + 2) {
width: calc(50% - 2.8vw);
}
.outline-details-item:nth-child(2) {
margin-left: 5.55vw;
}
}
.outline-details-item:nth-child(3) {
width: 100%;
margin-top: 0;
}
.outline-list-flow {
list-style-type: none;
}
.outline-list-flow li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 40px;
}
.outline-list-flow .ol-head {
position: relative;
width: 315px;
height: 57px;
margin-right: 40px;
margin-bottom: 0;
padding: 17px 20px 0;
border-radius: 14px;
background-color: #88ceeb;
font-weight: bold;
color: #fff;
text-align: center;
}
.outline-list-flow .ol-head::before {
content: "";
display: block;
width: 6px;
height: 21px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_down_paleblue.png) center center / contain no-repeat;
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -3px;
}
.outline-list-flow .ol-head + p {
flex: 1;
margin-bottom: 0;
}
.outline-list-flow li:last-child {
margin-bottom: 0;
}
.outline-list-flow li:last-child .ol-head::before {
display: none;
}
.outline-list-flow .ol-head span {
border-bottom: 2px solid #fff;
font-size: 20px;
line-height: 1;
position: absolute;
left: 20px;
}
.section-job_remotework-voices {
margin-top: 80px;
}
.section-job_remotework-voices .ttl-interview {
font-size: 40px;
}
.section-job_remotework-voices .c-headline {
margin-bottom: 80px;
font-size: 16px;
color: #666;
}
.section-job_remotework-voices .c-headline::after {
margin-top: 28px;
}
.section-job_remotework-voices .voices-container {
background-color: #fff;
padding-top: 42px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 80px;
border: 2px solid #f3f7fd;
}
.section-job_remotework-interview-content .interview-item .interview-item-container .box-contents {
color: #666;
}
.section-job_remotework-voices .voices-container .interview-name {
color: #666;
}
.section-job_remotework-voices .voices-container .inner {
max-width: 960px;
margin: 0 auto;
}
.interview-item:not(:first-child) {
border-top: 1px solid #e6eaf3;
margin-top: 80px;
padding-top: 80px;
}
.section-job_remotework-message-content .interview-item-container .box-ttl {
order: 2;
}
@media screen and (min-width: 901px) {
.section-job_remotework-message-content .interview-item-container .box-ttl::before {
margin-top: -38px;
left: -51px;
transform: rotate(180deg);
}
.section-job_remotework-message-content .interview-item-container .box-ttl::after {
margin-top: -32px;
left: -51px;
transform: rotate(180deg);
}
}
.section-job_remotework-message-content .interview-item-container .box-contents {
margin-right: 44px;
}
.section-job_remotework-qa {
margin-top: 80px;
padding-bottom: 147px;
}
.section-job_remotework-qa .c-headline {
margin-bottom: 80px;
font-size: 40px;
letter-spacing: 0.6em;
}
.section-job_remotework-qa .c-headline.align-c::after {
margin-top: 0.75em;
}
.section-job_remotework-qa .c-headline span:first-child {
margin-left: 0.4em;
}
.list-qa li {
background-color: #fff;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.list-qa li:last-child {
margin-bottom: 0;
}
.list-qa li .inner {
max-width: 1020px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}
.list-qa li .item-block {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
.list-qa li .item-block.block-a::before {
display: block;
background-color: #e6eaf3;
width: 100%;
height: 1px;
}
.list-qa li .item-block.block-q {
margin-bottom: 22px;
}
.list-qa li .item-block.block-a {
padding-top: 40px;
border-top: 1px solid #e6eaf3;
}
@media screen and (min-width: 901px) {
.list-qa li .item-block.block-a .text-a {
display: block !important;
}
}
.list-qa li .item-block p {
position: relative;
margin-bottom: 0;
padding-left: 30px;
font-size: 16px;
flex: 1;
}
.list-qa li .item-block .icon {
content: "";
display: block;
width: 61px;
height: 61px;
border-radius: 50%;
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 1;
padding-top: 18px;
padding-left: 4px;
}
.list-qa li .item-block.block-q p {
color: #2b4d97;
font-weight: bold;
}
.list-qa li .item-block.block-a p {
color: #444444;
}
.list-qa li .item-block.block-q .icon {
background-color: #f3f7fd;
color: #2b4d97;
}
.list-qa li .item-block.block-a .icon {
background-color: #f3f3f3;
color: #666666;
}
.list-qa li .item-block.block-q .icon::before {
content: "Q";
display: inline;
}
.list-qa li .item-block.block-a .icon::before {
content: "A";
display: inline;
}
.section-job_remotework-entry {
margin-top: 80px;
padding-top: 0;
}
.section-job_remotework-entry .entry-container {
position: relative;
top: -180px;
margin-bottom: -180px;
}
.section-job_remotework-entry .ttl {
position: relative;
max-width: 1030px;
margin: 0 auto;
padding: 22px 20px;
font-size: 24px;
border: 7px solid #c7e9f7;
background-color: #fff;
color: #4ba9cf;
border-radius: 50px;
}
.section-job_remotework-entry .ttl br {
display: none;
}
.section-job_remotework-entry .ttl::before,
.section-job_remotework-entry .ttl::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
position: absolute;
bottom: 0;
left: 50%;
}
.section-job_remotework-entry .ttl::before {
border-color: #c7e9f7 transparent transparent transparent;
border-width: 20px 20px 0 20px;
bottom: -24px;
left: 50%;
margin-left: -20px;
}
.section-job_remotework-entry .ttl::after {
border-width: 15px 15px 0 15px;
border-color: #fff transparent transparent transparent;
bottom: -15px;
margin-left: -15px;
}
.section-job_remotework-entry .entry-body {
margin-top: 54px;
font-size: 16px;
}
@media screen and (min-width: 901px) {
.section-job_remotework-entry .entry-body p br {
display: none;
}
}
.section-job_remotework-entry .c-btn {
margin-top: 54px;
margin-bottom: 0;
}
.section-job_remotework-entry .c-btn a {
height: 70px;
font-size: 20px;
max-width: 690px;
margin: 0 auto;
padding-top: 13px;
border-radius: 12px;
}
.btn-entery-container {
position: fixed;
z-index: 5;
bottom: 30px;
right: 30px;
}
.btn-entery-container .c-btn {
margin-bottom: 0;
}
body.is-entrybtn-show .btn-entery-container {
opacity: 1;
pointer-events: auto;
transition: opacity 0.2s ease-out;
}
body.is-entrybtn-show.is-entrybtnarea-visible .btn-entery-container {
opacity: 0;
pointer-events: none;
}
.btn-entery-container .c-btn a {
position: relative;
border: 4px solid #2b4d97;
border-radius: 10px;
font-size: 16px;
padding-top: 12px;
color: #2b4d97;
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/icon_window_blue.png);
background-size: 16px 16px;
background-position: center right 20px;
background-repeat: no-repeat;
}
.btn-entery-container .c-btn a::before {
content: "";
display: block;
width: 120px;
height: 17px;
position: absolute;
top: -30px;
left: 50%;
margin-left: -60px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/recruit/entry_pop.png) center top / contain no-repeat;
}
body.page-remotework .btn-entery-container .c-btn a::after {
content: none;
} .c-heading-wrapper {
white-space: nowrap;
}
.c-heading-wrapper::after {
content: "";
display: block;
width: 24px;
height: 2px;
background-color: #222;
margin-top: 1em;
}
.c-heading {
margin-top: -8px;
margin-bottom: 0;
letter-spacing: 0.1em;
font-size: 40px;
font-weight: bold;
line-height: 1.2;
word-break: break-all;
}
.c-sub-heading {
margin-bottom: 35px;
font-size: 20px;
font-weight: bold;
}
.section-hero {
height: calc(100vh - 80px);
position: relative;
}
.section-hero .bg-img {
position: absolute;
top: 0;
left: 80px;
width: calc(100% - 160px);
height: calc(100% - 80px);  background:
linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%),
url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/home_hero.png) center cover no-repeat;
} .section-hero .copybox {
position: absolute; top: 50%;
left: 160px;
transform: translateY(-50%);
color: #000;
}
.section-hero .copybox p {
font-size: 60px;
font-weight: bold;
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
.section-hero .copybox {
left: 11.1vw;
}
.section-hero .bg-img {
left: 5.55vw;
width: calc(100% - 11.1vw);
}
}  .section-hero .scrolldown {
color: #fff;
position: absolute;
bottom: 0;
left: 16px;
z-index: 3;
padding-bottom: 30px;
font-weight: bold;
font-size: 10px;
}
.section-hero .scrolldown .scroll-text {
transform: rotate(-90deg);
margin: 0 auto 33px;
}
.section-hero .scrolldown .scroll-track {
display: block;
width: 2px;
height: 156px;
margin: 0 auto 0;
background-color: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 901px) {
.section-hero .scrolldown {
bottom: 0 !important;
}
body.is-scrolled-once .section-hero .scrolldown {
display: none;
}
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
.section-hero .scrolldown {
left: 0.8vw;
}
}
.section-hero .scrolldown .scroll-thumb {
display: block;
width: 100%;
height: 100%;
background-color: #fff;
transform-origin: center top;
animation: scrolldown 2s infinite;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
@keyframes scrolldown {
0% {
transform: scale(1, 0);
transform-origin: center top;
}
30% {
transform: scale(1, 1);
transform-origin: center top;
}
31% {
transform: scale(1, 1);
transform-origin: center bottom;
}
60% {
transform: scale(1, 0);
transform-origin: center bottom;
}
100% {
transform: scale(1, 0);
transform-origin: center bottom;
}
}
.section-service-home {
padding-top: 160px;
padding-bottom: 160px;
}
.section-service-home .c-card {
margin-top: 68px;
margin-bottom: 12px;
}
.section-service-home .c-card:first-child {
margin-top: 0;
}
.section-service-home .c-card + p {
margin-bottom: 0;
line-height: 1.6;
}
.section-service-home .c-card .imgbox {
padding-top: 27.39%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.section-service-home .c-card .imgbox p {
position: absolute;
bottom: 40px;
right: 50px;
}
@media screen and (max-width: 1280px) {
.section-service-home .c-card .imgbox p {
bottom: 35px;
right: 40px;
width: 192px;
}
}
@media screen and (max-width: 1280px) and (min-width: 901px) {
.section-service-home .c-card .imgbox p {
bottom: 25px;
right: 30px;
width: 160px;
}
.c-card .metabox p {
font-size: 15px;
}
}
@media screen and (max-width: 1080px) {
.c-card .metabox::after {
top: 28px;
}
.c-card .metabox p .show-sml {
display: block;
}
}
.section-news-home {
padding-top: 200px; padding-bottom: 0;
}
.list-news-home .item {
margin-bottom: 4px;
}
.list-news-home .item a {
width: 100%;
min-height: 81px;
padding: 14px 20px 14px 35px;
//border: 2px solid #f3f7fd;
display: flex;
justify-content: flex-start;
align-items: center;
}
.list-news-home .item a p {
margin-bottom: 0;
}
.list-news-home .item a .date {
width: 11%;
font-weight: bold;
}
.list-news-home .item a .category {
font-weight: bold;
width: 17%;
padding-left: 6.5%;
}
.list-news-home .item a .ttl {
width: 73%;
padding-left: 7%;
text-decoration: underline;
}
.home .l-inner {
padding: 0;
} .section-news-home .news-bloglist-box {
margin-top: 72px;
padding-top: 108px;
padding-bottom: 80px;
background-color: #f3f7fd;
}
.section-news-home .news-bloglist-box .list-news-home .item a {
border: none;
}
@media screen and (max-width: 1001px) and (min-width: 901px) {
.list-news-home .item a {
padding: 14px 20px 14px 20px;
}
.list-news-home .item a .date {
margin-top: -1.5em;
width: 100px;
}
.list-news-home .item a .category {
width: 100px;
padding-left: 0;
position: absolute;
top: 50%;
}
.list-news-home .item a .ttl {
width: calc(100% - 100px);
padding-left: 0;
}
}
.news-home-viewall {
margin-top: 16px;
margin-bottom: 0;
}
.news-home-viewall a {
font-weight: bold;
text-decoration: none;
color: #2b4d97;
}
.news-home-viewall a::after {
content: "";
display: inline-block;
width: 20px;
height: 13px;
margin-left: 10px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_right_blue.png) center right / 20px 6px no-repeat;
transform: translateX(0px);
transition: transform 0.2s ease-out;
}
.ua-desktop .news-home-viewall a:hover {
text-decoration: underline;
}
.news-home-viewall a:hover::after {
transform: translateX(4px);
transition: transform 0.2s ease-out;
}
.section-recruit-home {
margin-top: 80px;
}
.section-recruit-home .c-card:not(:last-child) {
margin-bottom: 20px;
}
.section-recruit-home .c-card .imgbox {
padding-top: 24.54%;
}
.section-recruit-home .c-card .imgbox p {
bottom: 10px;
left: 16px;
color: #fff;
}
.section-recruit-home .c-card .imgbox p span {
font-weight: bold;
margin-left: 20px;
} body.home .c-btn a,
.page-service .c-btn a {
font-size: 20px;
letter-spacing: 0;
display: flex;
align-items: center;
justify-content: center;
padding: unset;
}
@media screen and (max-width: 901px) {
body.home .c-btn a {
font-size: clamp(14px, 4.267vw, 18px);
height: 50px;
}
}
@media screen and (max-width: 901px) {
.page-service .c-btn a {
font-size: 3.73vw;
height: 60px;
}
} .contents-group {
position: relative;
padding-bottom: 80px;
padding-left: 80px;
}
.contents-group::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 100%;
background-color: #2b4d97;
z-index: 10;
}
.contents-group section {
background-color: #fff;
padding: 80px;
} .contents-group section:nth-child(even) {
background-color: #f3f7fd;
}
.flex-container {
display: flex;
align-items: start;
column-gap: 50px;
}
.center-container {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
} .section-hero-new {
position: relative;
margin-top: 130px;
height: 600px; background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/hero_bg.png);
background-repeat: no-repeat;
background-size: cover; }
.section-hero-new .hero-copy {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 1380px;
width: 90%;
font-size: 60px;
font-weight: bold;
} .l-section-aboutus .flex-container {
position: relative;
justify-content: flex-start;
align-items: flex-start;
}
.l-section-aboutus .about-content {
margin-top: 60px;
max-width: 530px;
position: relative;
z-index: 1;
}
.about-content .about-content-sub-head {
font-size: 20px;
font-weight: bold;
}
.about-content .about-content-head {
font-size: 30px;
font-weight: bold;
}
.about-content .c-desc {
margin-top: 30px;
margin-bottom: 0;
}
.about-content .c-btn {
margin-top: 30px;
width: 100%;
}
.about-content .c-btn a {
padding-top: 12px;
}
.about-content .about-sp-img {
display: none;
}
.l-section-aboutus .about-pc-img {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 45%;
min-width: 500px;
height: auto;
}
.l-section-aboutus figure picture img {
height: 330px;
width: 100%;
object-fit: contain;
} .feature-list-wrapper {
margin-top: 20px !important;
}
.feature-list {
display: flex;
align-items: stretch;
column-gap: 30px;
}
.feature-item {
position: relative;
padding: 60px 30px 50px;
width: 100%;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.35);
margin: 0;
aspect-ratio: 1.4 / 1;
}
.feature-item .feature-item-number {
position: absolute;
top: -30px;
left: 20px;
color: #2b4d97;
font-size: 60px;
font-weight: bold;
line-height: 1;
}
.feature-item .feature-item-head {
font-size: 19px;
font-weight: bold;
line-height: 1.7;
letter-spacing: normal;
}
.feature-item .feature-item-text {
margin-top: 30px;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.5;
} .section-service-home .section-head {
display: flex;
align-items: end;
column-gap: 50px;
}
.section-service-home .section-head .c-desc {
margin-top: 50px;
}
.service-inner-container {
position: relative;
margin-top: 50px;
padding: 50px 50px 50px 0;
background-color: #d9e5f5;
display: flex;
justify-content: flex-end;
}
.service-inner-container::after {
content: "";
position: absolute;
top: 0;
right: -80px;
width: 100vw;
height: 100%;
background-color: #d9e5f5;
z-index: -1;
}
.service-inner-container .service-content {
width: calc(100% - 240px);
}
.service-inner-container .service-result {
display: flex;
align-items: flex-end;
flex-direction: column;
}
.service-inner-container .service-result-card {
width: 100%;
padding: 13px;
background-color: #396cc6;
border-radius: 10px;
}
.service-inner-container .service-result-card .service-result-text {
margin: 0;
color: #fff;
font-size: 18px;
font-weight: normal;
text-align: center;
line-height: 2;
}
.service-inner-container .service-result-card .service-result-text.bg-white {
background-color: #fff;
color: #000;
border-radius: 5px;
}
.service-inner-container .service-result-detail-wrapper {
display: flex;
align-items: stretch;
width: 100%;
margin-top: 10px;
column-gap: 50px;
}
.service-inner-container .service-result-detail-wrapper .service-result-detail {
display: flex;
align-items: center;
justify-content: center;
position: relative;
text-align: center;
flex: 1;
}
.service-inner-container .service-result-detail-wrapper .service-result-detail span {
padding: 0 15px;
background-color: #d9e5f5;
font-size: 16px;
font-weight: normal;
line-height: 1.2;
z-index: 10;
}
.service-inner-container .service-result-detail-wrapper .service-result-detail::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
height: 3px;
background-color: #000;
}
.service-inner-container .service-arrow {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.service-inner-container .service-arrow span {
display: inline-block;
width: 83.4px;
height: 50px;
background: linear-gradient(180deg, #3b62ad 0%, #a5c1e5 80%, rgba(255, 255, 255, 0) 100%);
clip-path: polygon(0 55.2%, 50% 0, 100% 55.2%, 77% 55.2%, 77% 100%, 23% 100%, 23% 55.2%);
}
.service-intro-card-wrapper {
position: relative;
display: flex;
align-items: stretch;
column-gap: 30px;
}
.service-intro-card-wrapper::before {
content: "";
position: absolute;
top: 0;
left: -30px;
width: 3px;
height: 100%;
background-color: #2b4d97;
}
.service-intro-card-wrapper::after {
content: "資料作成\aアウトソーシング事業";
white-space: pre-wrap;
position: absolute;
top: 50%;
left: -210px;
transform: translateY(-50%);
color: #2b4d97;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.service-intro-card-wrapper .service-intro-card { padding: 24px 40px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.35);
flex: 1;
}
.service-intro-card-wrapper.column {
margin-top: 10px;
}
.service-intro-card-wrapper.column::after {
content: "スライド生成AI\a SaaS事業";
white-space: pre-wrap;
position: absolute;
top: 50%;
left: -180px;
transform: translateY(-50%);
color: #2b4d97;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.service-intro-card-wrapper.column .service-intro-card {
display: flex;
align-items: center;
column-gap: 15px;
}
.service-intro-card-wrapper.column .service-intro-card :is(.card-head, .card-text, .card-bottom) {
flex: 1;
}
.service-intro-card-wrapper.column .service-intro-card .card-text {
margin: 0;
letter-spacing: 0;
}
.service-intro-card-wrapper .service-intro-card .card-head {
display: flex;
align-items: center;
flex-direction: column;
}
.service-intro-card-wrapper .service-intro-card .card-head .card-title {
color: #2b4d97;
text-align: center;
font-size: 24px;
font-weight: bold;
letter-spacing: 0;
margin-bottom: 0;
}
.service-intro-card-wrapper .service-intro-card .card-head .card-img {
width: 100%;
height: 40px;
margin: 15px 0;
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/logo_virtualplanner.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.service-intro-card-wrapper .service-intro-card .card-head .card-img.card-img-lead {
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/logo_lead.svg);
height: 60px;
margin: 5px 0;
}
.service-intro-card-wrapper .service-intro-card .card-head .card-img.card-img-redeck {
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/logo_ReDeck.svg);
}
.service-intro-card-wrapper .service-intro-card .card-text {
margin-top: 14px;
line-height: 1.75;
letter-spacing: 0;
}
.service-intro-card-wrapper .service-intro-card .card-bottom {
display: flex;
justify-content: center;
}
.service-intro-card-wrapper .service-intro-card .c-btn {
max-width: 200px !important;
width: 100%;
line-height: 1.4;
}
.service-intro-card-wrapper .service-intro-card .c-btn a {
width: 100%;
line-height: 1.4;
text-align: left;
text-indent: -0.5em;
}
.plus-label {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 60px;
}
.plus-label span {
margin-left: 250px;
font-size: 18px;
}
.plus-label::before,
.plus-label::after {
content: "";
position: absolute;
background-color: #8da2cc;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.plus-label::before {
width: 50px;
height: 6px;
}
.plus-label::after {
width: 6px;
height: 50px;
}
.section-service-home .center-container {
margin-top: 50px;
}
.section-service-home .center-container figure img {
width: 80%;
} .section-note-home .l-inner {
display: flex;
align-items: center;
margin: 0 auto;
width: 80%;
max-width: 1050px;
}
.section-note-home a img {
width: 100%;
} .section-center {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
.section-center .l-inner {
width: 100%;
}
.c-heading-center {
font-size: 30px;
font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 40px;
}
.inquiry-box-wrapper {
display: flex;
align-items: start;
column-gap: 50px;
}
.inquiry-box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: 250px;
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/home_inquiry_service.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.inquiry-box:last-child {
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/home_inquiry_recruit.png);
}
.inquiry-head {
color: #fff;
font-size: 24px;
font-weight: bold;
}
.inquiry-box .c-btn a {
position: relative;
padding-top: 12px;
color: #2b4d97;
font-weight: bold;
background-color: #fff;
}  body.error404 .page-preface p a {
text-decoration: underline;
}
.ua-desktop body.error404 .page-preface p a:hover {
text-decoration: none;
} .loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 100;
}
.loading .logo-loading {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 162px;
height: 92px;
opacity: 0;
transform: scale(0.8);
transform-origin: center;
}
body.is-loading-start .loading .logo-loading {
opacity: 1;
transform: scale(1);
transition:
opacity 0.6s ease-out,
transform 0.6s ease-out;
}
body.is-loading-start.is-loading-done .loading .logo-loading {
opacity: 0;
transform: scale(1.25);
transition:
opacity 0.5s ease-in,
transform 0.5s ease-in;
}   .base-content {
opacity: 0;
transition: opacity 0.4s ease-out;
}
body.is-loading-done .base-content {
opacity: 1;
}
body.home .base-content {
opacity: 1;
}
.is-dev {
display: none;
}
body.logged-in .is-dev {
display: block;
}   .redeck-image-container div {
text-align: center;
}
.c-headline-wrapper .c-sub-headline .redeck-image-container div img {
width: fit-content;
}
@media screen and (min-width: 901px) {
.redeck-image-container div img {
max-width: 500px;
}
}
.wpcf7-response-output {
display: none !important;
} .sp-br,
.tab-br,
.pc-br,
.tab-under-br {
display: none;
}
@media screen and (min-width: 901px) and (max-width: 1280px) {
.l-section-aboutus .about-pc-img {
right: -15%;
}
}
@media screen and (min-width: 901px) and (max-width: 1440px) {
.service-inner-container .service-content {
width: calc(100% - 110px);
}
}
@media screen and (min-width: 901px) and (max-width: 1480px) {
.service-intro-card-wrapper::after {
display: flex;
justify-content: center;
height: 100%;
writing-mode: vertical-rl;
left: -100px;
}
.service-intro-card-wrapper.column::after {
left: -100px;
height: 150px;
text-orientation: upright;
}
}
@media screen and (min-width: 901px) and (max-width: 1280px) {
.service-intro-card-wrapper .service-intro-card {
padding: 20px;
}
.service-intro-card-wrapper .service-intro-card .card-text {
display: none;
}
.service-intro-card-wrapper .service-intro-card .card-bottom {
margin-top: 14px;
}
.service-intro-card-wrapper.column .service-intro-card .card-bottom {
margin: 0;
}
}
@media screen and (max-width: 1280px) {
.section-feature-home .flex-container {
flex-direction: column;
row-gap: 50px;
}
.feature-list-wrapper {
margin: 0;
}
.feature-list {
column-gap: 15px;
}
.feature-item {
padding: 40px 15px 20px;
}
.feature-item .feature-item-number {
top: -20px;
font-size: 45px;
}
.service-inner-container .service-result-detail-wrapper {
align-items: stretch;
margin-top: 10px;
column-gap: 20px;
}
.service-inner-container .service-result-detail-wrapper .service-result-detail {
align-items: start;
}
.service-inner-container .service-result-detail-wrapper .service-result-detail span {
padding: 0;
padding-top: 15px;
background-color: unset;
}
.service-inner-container .service-result-detail-wrapper .service-result-detail::before {
top: 0;
height: 2px;
}
.service-intro-card-wrapper .service-intro-card .card-head .card-title {
margin: 0;
font-size: 16px;
}
.service-intro-card-wrapper::after {
line-height: 1.4;
}
}
@media screen and (max-width: 1210px) {
.service-intro-card-wrapper .service-intro-card .c-btn a {
min-height: auto;
padding: 5px;
font-size: 14px;
line-height: 1.4;
}
} @media screen and (max-width: 900px) {
.sp-br {
display: inline;
}
} @media screen and (min-width: 901px) and (max-width: 1280px) {
.tab-br {
display: inline;
}
} @media screen and (min-width: 1281px) {
.pc-br {
display: inline;
}
} @media screen and (max-width: 1280px) {
.tab-under-br {
display: inline;
}
.service-intro-card-wrapper .service-intro-card .card-bottom {
max-width: 200px;
margin: 14px auto 0;
}
}
@media screen and (max-width: 901px) { .section-hero-new {
margin-top: 70px;
height: 100vh;
max-height: 454px;
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/hero_bg_sp.png);
}
.section-hero-new .hero-copy {
left: 30px;
top: 20%;
transform: translateY(-50%);
font-size: clamp(24px, 6.93vw, 32px);
} .c-heading-wrapper .c-sub-heading {
margin-bottom: 20px;
font-size: clamp(11px, 3.2vw, 13px);
}
.c-heading-center {
font-size: 22px;
margin: 0;
} .contents-group {
padding: unset;
background-color: unset;
}
.contents-group::before {
content: none;
}
.contents-group section {
padding: 80px 30px;
}
.l-section-aboutus .flex-container {
position: relative;
align-items: flex-start;
}
.l-section-aboutus .about-content {
margin-top: 0;
width: 100%;
position: relative;
z-index: 1;
} .about-content .about-content-sub-head {
margin-top: 40px;
}
.about-content .about-sp-img {
display: flex;
justify-content: flex-end;
margin-top: 20px;
margin-right: 10px;
}
.l-section-aboutus figure picture img {
height: 200px;
}
.l-section-aboutus .about-pc-img {
display: none;
} .feature-list {
flex-direction: column; }
.feature-item {
aspect-ratio: unset;
padding: 40px 30px;
}
.feature-item:not(:first-child) {
margin-top: 50px;
}
.feature-item .feature-item-text {
margin-top: 25px;
}
.feature-item .feature-item-head {
font-size: 18px;
} .section-service-home .section-head {
align-items: start;
flex-direction: column;
}
.section-service-home .c-desc {
margin-bottom: 30px;
}
.service-inner-container {
width: 100vw;
margin: 0 calc(50% - 50vw);
margin-top: 30px;
padding: 30px;
}
.service-inner-container::after {
display: none;
}
.service-inner-container .service-content {
width: calc(100% - 40px);
}
.service-inner-container .service-result {
display: flex;
align-items: flex-end;
flex-direction: column;
}
.service-inner-container .service-result-card {
padding: 13px;
background-color: #396cc6;
border-radius: 10px;
}
.service-inner-container .service-result-card .service-result-text {
margin: 0;
color: #fff;
font-size: clamp(12px, 3.73vw, 16px);
font-weight: bold;
text-align: center;
line-height: 2;
margin-bottom: 8px;
}
.service-inner-container .service-result-card .service-result-text.bg-white {
background-color: #fff;
border-radius: 5px;
font-weight: normal;
}
.service-inner-container .service-result-detail-wrapper {
column-gap: 10px;
}
.service-inner-container .service-result-detail-wrapper .service-result-detail span {
font-size: clamp(8px, 3.2vw, 13px);
letter-spacing: normal;
line-height: 1.5;
}
.service-inner-container .service-arrow {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.service-inner-container .service-arrow span {
display: inline-block;
width: 83.4px;
height: 50px;
background: linear-gradient(180deg, #3b62ad 0%, #a5c1e5 80%, rgba(255, 255, 255, 0) 100%);
clip-path: polygon(0 55.2%, 50% 0, 100% 55.2%, 77% 55.2%, 77% 100%, 23% 100%, 23% 55.2%);
}
.service-intro-card-wrapper {
column-gap: 10px;
}
.service-intro-card-wrapper::before {
left: -18px;
width: 2px;
}
.service-intro-card-wrapper::after {
content: "資料作成\aアウトソーシング事業";
left: -60px;
min-height: 171px;
font-size: 12px;
text-align: left;
line-height: 1.4;
writing-mode: vertical-rl;
text-orientation: upright;
text-align: center;
}
.service-intro-card-wrapper .service-intro-card {
padding: 15px 10px;
}
.service-intro-card-wrapper.column {
display: block;
margin-top: 0;
}
.service-intro-card-wrapper.column::after {
content: "スライド生成AI\aSaaS事業";
left: -60px;
min-height: 110px;
font-size: 12px;
text-align: left;
line-height: 1.4;
writing-mode: vertical-rl;
text-orientation: upright;
text-align: center;
}
.service-intro-card-wrapper.column .service-intro-card {
display: flex;
flex-direction: column;
padding: 10px;
}
.service-intro-card-wrapper.column .service-intro-card .card-head .card-img {
width: 117px;
margin-top: 0;
margin-bottom: 2px;
}
.service-intro-card-wrapper .service-intro-card .card-head .card-img {
margin-top: 25px;
width: 100%;
height: 30px;
}
.service-intro-card-wrapper .service-intro-card .card-head .card-title {
font-weight: bold;
line-height: 1.5;
}
.service-intro-card-wrapper .service-intro-card .card-bottom {
display: flex;
justify-content: center;
max-width: 112px;
width: 100%;
margin: 0 auto;
}
.service-intro-card-wrapper .service-intro-card .card-text {
display: none;
}
.service-intro-card-wrapper .service-intro-card .c-btn {
min-height: unset;
margin-top: 5px;
}
.service-intro-card-wrapper .service-intro-card .c-btn a {
height: 35px;
font-size: clamp(9px, 2.8vw, 12px);
letter-spacing: 0;
}
.service-intro-card-wrapper .service-intro-card .c-btn a::after {
width: 6px;
height: 6px;
right: 5px;
}
.plus-label span {
margin-left: 160px;
font-size: 12px;
line-height: 1.4;
}
.plus-label::before {
width: 40px;
}
.plus-label::after {
height: 40px;
}
.section-news-home .flex-container {
display: block;
}
.section-news-home .list-news-home {
width: 90%;
margin: 50px auto 0;
} .section-inquiry .c-heading-center {
margin-bottom: 30px;
}
.inquiry-head {
font-size: 20px;
}
.inquiry-box-wrapper {
margin-top: 32px;
flex-direction: column;
gap: 32px;
}
.inquiry-box-wrapper .c-btn {
width: fit-content;
} .l-header .gnav li:last-child a {
background-color: #2b4d97;
} .l-footer .footer-item.footer-content .footer-nav {
flex-direction: column;
}
.l-footer .footer-item.footer-content .footer-nav li {
width: 100%;
}
}