.show-sml {
display: block;
}
.hide-sml {
display: none;
}
.c-btn,
.wp-block-button {
max-width: 100%;
width: 100%;
min-height: 44px;
}
.c-btn a,
.wp-block-button a {
min-height: 46px;
padding-top: 8px;
background-size: 15px auto;
}
.c-btn.is-anchor a,
.wp-block-button.is-anchor a {
background-size: 5px 11px;
background-position: right 15px center;
}
.c-pagettl {
font-size: 24px;
}
.c-headline {
margin-bottom: 18px;
font-size: 20px;
}
.c-headline::after {
margin-top: 16px;
width: 12px;
height: 1px;
}
.base-content .wp-block-columns {
display: block;
}
.c-dl {
overflow: auto;
border-top: none;
line-height: 1.5;
}
.c-dl dt {
float: none;
width: 100%;
padding-top: 7px;
padding-bottom: 7px;
}
.c-dl dd {
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 15px;
padding-left: 0;
img {
margin-top: 14px;
}
}
.c-dl li br {
display: inline;
}
.c-card .metabox {
padding: 13px 55px 13px 22px;
font-size: 14px;
background-size: 16px auto;
}
.c-card .metabox::after {   top: 24px;     }
@media screen and (max-width: 440px) {
.c-card .metabox {
display: block;
padding-right: 44px;
background-position: 93% 75%;
}
.c-card .metabox::after {
position: static;
text-align: right;  font-size: 13px;
}
}
.l-outer {
width: 100%;
}
.l-inner {
padding-left: 30px;
padding-right: 30px;
max-width: 660px;
}
.bg-bar {
width: 15px;
}
.bg-bar.bg-top,
.bg-bar.bg-bottom {
height: 15px;
width: 100%;
}
.bg-bar.show-sml {
display: block;
}
.bg-bar.hide-sml {
display: none;
}
.l-section.has-bg-full::before {
width: 15px;
}
.has-bg-left::before {
width: 68.4%;
}
.has-bg-right::before {
width: 31.6%;
}
body.is-pagehead-short .page-head::after {
width: 31.6%;
height: 397px;
}
body.is-pagehead-short .l-section:first-of-type::after {
display: none;
}
.page-head {
padding-top: 56px;
padding-bottom: 55px;
}
.page-head .bg-bar {
display: none;
}
.page-head .c-pagettl {
margin-bottom: 49px;
}
.page-body {
margin-top: 15px;
}
.base-content {
padding-top: 47px;
}   .l-header {
height: 47px;
background-color: #fff;
position: fixed;
top: 10px;
left: 0;
width: 100%;
z-index: 10;
box-shadow: 0px 0px 15px 3px rgba(44, 77, 152, 0.05);
} .l-header .inner::before {
display: none;
}
.l-header .header-logo {
height: 100%;
position: relative;
}
.l-header .header-logo a {
width: 180px;
height: 100%;
padding-top: 7px;
padding-left: 15px;
}
.l-header .header-logo img {
width: 146px;
height: auto;
}
.l-header .gnav {
display: none;
} .l-header .header-note-hnav {
display: none;        }
.l-header .header-note-hnav::after {        } .l-header .header-note-hnav.is-menu_nav {
display: block;
position: static;  font-size: 14px;
font-weight: bold;
opacity: 1;
pointer-events: auto;
letter-spacing: 0.05em; background: #264282;
margin: 10px 8px 0;
border-radius: 8px;
}
.l-header .header-note-hnav.is-menu_nav::after {
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/icon_window_white.png) center right / 11px 11px no-repeat;
}
.l-header .header-note-hnav.is-menu_nav a {
display: inline-block;
padding-top: 10px;
} .l-header .header-note-btn {
display: none;        }
.l-header .header-note-btn a {     font-size: 10px;       }
.l-header .header-note-btn a:before {           }
.ua-desktop .l-header .header-note-btn a:hover {    }
body.is-scrolled .l-header .header-note-btn {   }
.c-menu_icon {
display: block;
top: 10px;
}
.l-footer {
margin-top: 45px;
padding-top: 40px;
padding-bottom: 46px;
}
.l-footer .pagetop {
width: 100%;
height: 45px;
top: -45px;
background-size: 14px 8px;
}
.l-footer .l-inner {
display: block;
padding: 0;
}
.l-footer .footer-logo {
max-width: 100%;
margin-bottom: 30px;
text-align: center;
}
.l-footer .footer-logo img {
width: clamp(142px, 41.6vw, 168px);
}
.l-footer address {
line-height: 1.4;
text-align: center;
}
.l-footer .footer-item.footer-head {
padding: 0 20px;
}
.l-footer .footer-item.footer-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 25px;
}
.l-footer .footer-item.footer-content .footer-nav {
order: 2;
width: 100%;
height: auto;
margin-top: 51px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.l-footer .footer-item.footer-content .footer-nav li {
text-align: center;
margin-left: 0;
margin-bottom: 0;
width: 100%;
height: 38px;
border-bottom: 1px solid #fff;
}
.l-footer .footer-item.footer-content .footer-nav li:first-child {
border-top: 1px solid #fff;
}
.l-footer .footer-item.footer-content .footer-nav li a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 0;
position: relative;
}
.l-footer .footer-item.footer-content .footer-nav li a::after {
content: "";
position: absolute;
top: 50%;
right: 10%;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(-50%) rotate(45deg);
}
.l-footer .footer-nav li a::before {
display: none;
}
.l-footer .c-btn {
width: 85%;
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
.l-footer .copyright {
display: block;
position: static;
order: 3;
transform: rotate(0deg) translateX(0%);
color: #fff;
font-size: 10px;
text-align: center;
margin-top: 28px;
font-weight: normal;
opacity: 1 !important;
pointer-events: auto !important;
}
.l-section {
padding-top: 54px;
padding-bottom: 60px;
}
.contents-group::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 10px;
background-color: #2b4d97;
z-index: 12;
}
.page-home .contents-group::after {
display: none;
}
.c-heading {
font-size: clamp(22px, 6.4vw, 26px);
}
.about-content .about-content-sub-head {
font-size: clamp(14px, 4.267vw, 18px);
line-height: 1.625;
}
.about-content .about-content-head {
font-size: clamp(18px, 5.33vw, 22px);
margin-top: 8px;
}
.about-content .c-desc {
margin-top: 24px;
}
.l-section-aboutus figure picture img {
height: 150px;
}
.section-service-home .c-desc {
font-size: clamp(13px, 3.73vw, 15px);
letter-spacing: 0.05em;
margin-top: 24px;
}
.section-news-home .flex-container {
display: block;
}
.section-news-home .list-news-home {
width: 90%;
margin: 50px auto 0;
}
.section-note-home .l-inner {
width: 100%;
}
.inquiry-box-wrapper {
margin-top: 32px;
flex-direction: column;
gap: 32px;
}
.inquiry-box-wrapper .c-btn {
width: 85%;
max-width: 320px;
}
.inquiry-box {
height: auto;
aspect-ratio: 1.75 / 1;
}
.inquiry-head {
margin-top: 0;
margin-bottom: 24px;
}
.inquiry-box .c-btn {
aspect-ratio: 5.36 / 1;
height: auto;
}
.inquiry-box .c-btn a {
height: 100%;
} .list-contents .clist-item .clist-item__thumb {
border-radius: 8px;
}
.list-contents .clist-item .clist-item__title-unit { padding: 15px 4px 0;
}
.list-contents .clist-item .clist-item__icn { top: -10px; width: 48px;
height: 20px; padding: 6px 5px 1px;   }
.list-contents .clist-item .clist-item__icn img {
vertical-align: top;
width: 32px;
height: auto;
}
.list-contents .clist-item .clist-item__subtitle {
font-size: 11px; }
@media screen and (max-width: 600px) {
.list-contents {
display: flex;
flex-wrap: wrap;
gap: 16px 20px;
padding-top: 4px;
}
.list-contents .clist-item {
width: calc((100% - 20px) / 2);
margin: 0;
}
.list-contents .clist-item .clist-item__title {
margin-bottom: 5px;
font-size: 13px; }
}    body.page-company .c-headline {
margin-bottom: 35px;
}
.company_information-map {
margin-top: 30px;
padding: 0 30px;
}
.company_information-map .map-container {
height: 315px;
}
.company_information-map .link-googlemap {
margin-top: 10px;
}
.section-statement {
grid-gap: 52px;
.block {
grid-gap: 14px;
.label {
font-size: 14px;
margin: 0;
}
.heading {
font-size: 18px;
text-align: left;
margin: 0;
br {
display: block;
}
}
}
}
.section-message {
p {
margin-bottom: 20px;
br {
display: none;
}
}
.wp-block-column {
overflow: hidden;
}
.bg-bar.bg-right {
top: -15px;
height: calc(100% + 15px);
}
.bg-bar.bg-top {
top: -15px;
display: none;
}
}
.message-body {
.heading {
font-size: 14px;
margin: 0;
}
.text {
margin-top: 17px;
p {
font-size: 14px;
}
}
}
.message-ceo {
grid-template-columns: 1fr;
grid-template-areas:
"image"
"text";
grid-gap: 14px;
padding: 0 14px;
img {
max-width: 162px;
margin-left: auto;
}
.text {
p {
&.name {
font-size: 16px;
}
}
}
}
.section-company_information {
margin-top: 15px;
.c-dl {
margin-top: -6px;
}
.bg-bar.bg-top {
top: -15px;
}
} body.page-contact .c-headline {
font-size: 16px;
}
.section-contact .bg-top {
top: -15px;
}
@media screen and (max-width: 374px) {
.form-progress {
font-size: 12px;
}
}
.ua-ios .box-privacy .inner {
padding-right: 0;
} body.is-pagehead-short .section-news_archive:first-of-type,
body.is-pagehead-short .section-news_detail:first-of-type {
padding-top: 52px;
}
body.archive .c-list-sort,
body.single .c-list-sort {
margin-top: 0;
margin-bottom: 20px;
}
body.archive .c-list-sort .c-list-sort:last-child,
body.single .c-list-sort .c-list-sort:last-child {
margin-bottom: 60px;
}
body.archive .c-pagettl-category {
margin: 10px 3px 0 0;
}
.c-list-sort {
width: 100%;
}
.c-list-sort li {
margin-bottom: 1px;
height: 44px;
}
.c-list-sort li:last-child {
margin-bottom: 0;
}
.c-list-sort li a {
padding-top: 11px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_right_blue.png) right 20px top calc(50% - 2px) / 15px auto no-repeat;
}
.archive-nav {
margin-top: 60px;
}
.archive-nav-item {
margin-bottom: 20px;
}
.archive-nav-item:last-child {
margin-bottom: 0;
}
.archive-nav-item .c-list-sort {
display: none;
}
.archive-nav-ttl {
position: relative;
height: 44px;
margin-bottom: 1px;
padding: 10px 15px 0;
background-color: #fff;
font-size: 14px;
font-weight: bold;
}
.archive-nav-ttl .iconbox {
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 13px;
right: 20px;
transform: rotate(0deg);
transition: transform 0.2s ease-out;
}
.archive-nav-ttl .iconbox::before,
.archive-nav-ttl .iconbox::after {
content: "";
display: block;
background-color: #2c4d98;
position: absolute;
}
.archive-nav-ttl .iconbox::before {
width: 100%;
height: 2px;
top: 7px;
left: 0;
opacity: 1;
transition: opacity 0.2s ease-out;
}
.archive-nav-ttl .iconbox::after {
width: 2px;
height: 100%;
top: 0;
left: 7px;
}
.archive-nav-item.is-archivenavitem-open .archive-nav-ttl .iconbox {
transform: rotate(90deg);
transition: transform 0.2s ease-out;
}
.archive-nav-item.is-archivenavitem-open .archive-nav-ttl .iconbox::before {
opacity: 0;
transition: opacity 0.2s ease-out;
}
.list-article .item {
margin-bottom: 40px;
}
.l-entry {
padding: 20px 15px;
}
.l-entry .date {
margin-bottom: 0;
font-size: 12px;
}
.l-entry .category {
margin-top: 3px;
margin-bottom: 0;
font-size: 12px;
}
.l-entry .ttl {
font-size: 15px;
line-height: 1.5;
}
.l-entry .l-entry-content {
margin-top: 19px;
}
.l-entry .l-entry-content figure {
margin-bottom: 24px;
}
.l-entry .l-entry-content p {
margin-bottom: 18px;
}
.l-entry .l-entry-content h2 {
font-size: 16px;
}
.l-entry .l-entry-content h3 {
font-size: 15px;
}
.l-entry .l-entry-content .wp-block-columns {
display: flex;
}
.l-pager {
flex-wrap: wrap;
justify-content: space-between;
font-size: 13px;
}
.nav-prev a::before {
margin-right: 14px;
}
.nav-next a::after {
margin-left: 14px;
}
body.archive .l-pager .nav-prev {
order: 1;
margin-bottom: 20px;
}
body.archive .l-pager .nav-next {
order: 2;
margin-bottom: 20px;
}
body.archive .l-pager .wp-pagenavi {
order: 3;
margin: 0 auto;
width: 100%;
}
body.single .l-pager {
flex-wrap: nowrap;
}
.nav-archivetop {
margin: 0;
}
@media screen and (max-width: 374px) {
.l-pager {
font-size: 12px;
}
} body.is-pagehead-short .l-section.section-service-single {
padding-top: 50px;
padding-top: 10px;
}
.section-service-single::before {
background-color: #2c4d98 !important;
}
.section-service-single.-section-service-head::before {
background-color: #fff !important;
}
.l-section.section-service-single .l-inner {
padding-left: 15px;
padding-right: 15px;
}
.l-section.section-service-single .bg-bar.bg-left {
top: 400px;
height: calc(100% - 399px);
}
.section-service-single-container {
padding-bottom: 60px; border-width: 0;
} .section-service-single .anchor-service-wrap {
margin: -80px auto 48px;  }
.section-service-single .anchor-service {
display: block;
}
.section-service-single .anchor-service .anchor-service__item { max-width: inherit;
height: unset;
}
.section-service-single .anchor-service .anchor-service__item a {    }
.section-service-single .anchor-service .anchor-service__item .anchor-service-bg {
height: 120px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/service/vp-logo-tate.svg) center center / cover no-repeat;
background-size: 100px;     }
.section-service-single .anchor-service .anchor-service__item.--lead .anchor-service-bg {
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/service/relate_lead_logo.svg) center center / cover no-repeat;
background-size: 120px;
}
.section-service-single .anchor-service .anchor-service__item.--redeck .anchor-service-bg {
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/service/logo_ReDeck.svg) center center / cover no-repeat;
background-size: 180px;
}
.section-service-single .anchor-service .anchor-service__item .anchor-service-bg img {
display: none;  }
.section-service-single .anchor-service .anchor-service__item .anchor-service-logo { top: 40px;  margin: 0;
padding: 0 20px 0 0;
text-align: right;
}
.section-service-single .anchor-service .anchor-service__item .anchor-service-logo img {
max-width: 88px;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.section-service-single .anchor-service .anchor-service__item .anchor-service-title-unit {
padding: 10px 18px 6px;
}
.section-service-single .anchor-service .anchor-service__item .anchor-service-title-eyebrow {  font-size: 12px; }
.section-service-single .anchor-service .anchor-service__item .anchor-service-title {  font-size: 15px; }
.section-service-single .vp-head {
flex-direction: column;
min-height: inherit;
}
.section-service-single .vp-head .imgbox {
display: block;
position: relative;
width: 100%;
height: 150px;
}
.section-service-single#virtual-planner .vp-head .imgbox {
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/service/virtualplanner_head_bg_sml.jpg) !important;
}
.section-service-single .vp-head .imgbox img {
width: 107px;
height: auto;
position: absolute;
left: 50%;
margin-left: -53px;
bottom: -19px;
}
.section-service-single .vp-head .textbox {
width: 100%;
padding-bottom: 0;
}
.section-service-single .vp-head .textbox .inner {
max-width: 100%;
width: 100%;
}
.section-service-single .vp-head .textbox .sub {
margin-top: 0;
margin-bottom: 12px;
font-size: 12px;
}
.section-service-single .vp-head .textbox .vp-head-headline-en {
margin-bottom: 0;
font-size: 24px;
}
.section-service-single .vp-head .textbox .c-headline {
margin-top: 0;
margin-bottom: 10px;
font-size: 13px;
}
.section-service-single .vp-head .textbox .c-headline::after {
margin-top: 1em;
}
.section-service-single .vp-content {
margin-top: 32px;
}
.section-service-single .vp-content .vp-block {
margin-bottom: 60px;
}
.section-service-single .vp-content .vp-block-headline {
font-size: 16px;
margin-bottom: 20px;
}
.section-service-single .vp-content .target-item-unit {
display: block; }
.section-service-single .vp-content .target-item-list {  width: auto;
}
.section-service-single .vp-content .target-item-list li {
min-width: inherit;
margin-left: 0;
margin-right: 12px;
margin-bottom: 5px;
font-size: 13px;
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;
}
.section-service-single .vp-content .vp-block.vp-block-clients .c-headline {
margin-bottom: 33px;
}
.section-service-single .vp-content .vp-block.vp-block-clients .c-headline::after {
margin-top: 16px;
}
.vp-block.vp-block-clients .wp-block-column p {
max-width: 100%;
}
.list-clients-container {
margin-bottom: 15px;
margin-top: 32px;
padding: 0;
}
.list-result-container ul li { }
.list-clients-container li {
width: calc(33.333% - 15px);
height: auto;
padding: 0;
}
.list-clients-container li img {
max-width: 100%;
}
.section-service-single .vp-content .c-btn a {
padding-top: 11px;
font-size: 14px;
line-height: 1.6;
background-position: right 10px center;
text-align: left;
}
.section-service-single .vp-content .c-btn a br {
display: inline;
} body.page-recruit .page-head {
padding-bottom: 60px;
}
body.page-recruit .page-head .c-headline {
margin-bottom: 17px;
}
.nav-recruit {
display: block;
margin-top: 30px;
}
.nav-recruit li {
width: 100%;
}
.nav-recruit li:nth-child(2n) {
margin-left: 0;
margin-bottom: 0;
}
.nav-recruit li:not(:last-child) {
margin-bottom: 20px;
}
.section-job_employee {
padding-top: 59px;
}
.page-body .job-interview .c-headline::after {
margin-top: 1em;
}
.section-job_employee .bg-bar.bg-top {
top: -15px;
}
.section-job_employee .bg-bar.bg-right {
top: 0px;
height: 100%;
}
body.page-recruit .page-body .c-headline { font-size: 20px;
}
.list-jobs li {
margin-bottom: 20px;
}
.list-jobs .job-toggle {
width: 75px;
height: 75px;
}
.list-jobs .job-ttl-box {
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding: 17px 20px 17px;
margin-bottom: 0;
}
.list-jobs.list-toggle .job-ttl-box {
padding: 17px 75px 17px 20px;
}
.list-jobs .job-ttl {
float: none;
font-size: 14px;
}
.list-jobs .job-employment {
font-size: 12px;
float: none;
}
.list-jobs li .job-box-content p {
padding-left: 20px;
padding-right: 20px;
}
.list-jobs.list-toggle li .job-box-content .c-btn a {
height: 44px;
padding-top: 8px;
font-size: 14px;
} .list-jobs li .job-box-content {
padding-bottom: 0;
}
.list-jobs li .job-box-content .c-btn {
width: 100%;
margin-top: 24px;
margin-bottom: 0;
}
.job_employee-interview {
width: calc(100% + 30px);
margin-top: 60px;
margin-left: -15px;
padding: 94px 20px 20px;
border-left: 1px solid #f3f7fd;
border-right: 1px solid transparent;
}
.job_employee-interview .ttl-inteview {
margin-bottom: 9px;
font-size: 20px;
}
.job-interview-content {
margin-top: 40px;
}
.job_employee-interview-content .box-ttl .align-c {
text-align: left;
}
.interview-item .interview-item-container {
flex-direction: column;
}
.interview-item .interview-item-container .box-ttl {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
width: calc(100% - 30px);
max-width: 273px;
order: 2;
margin: 28px auto 0 auto;
padding-top: 0;
position: relative;
top: 0;
}
@media screen and (max-width: 374px) {
.interview-item .interview-item-container .box-ttl {
margin-left: auto;
}
}
.interview-item .interview-item-container .box-ttl .text-group {
padding-right: 10px;
}
.section-job_remotework-message-content .interview-item .interview-item-container .box-ttl .interview-name.align-c {
text-align: center;
}
.interview-item .interview-item-container .box-ttl .interview-pop {
position: static;
margin-bottom: 10px;
}
.interview-item .interview-item-container .box-ttl .interview-pop.align-c,
.interview-item .interview-item-container .box-ttl .interview-name.align-c {
text-align: left;
}
.interview-item .interview-item-container .box-ttl .interview-name {
margin-top: 0;
padding-left: 0;
}
.interview-item .interview-item-container .box-ttl .interview-pop img {
width: auto;
height: 11px;
}
.interview-item .interview-item-container .box-ttl .inteview-img {
width: 145px;
margin: 0;
order: 2;
}
.interview-item .interview-item-container .box-contents {
position: relative;
width: 100%;
margin-left: 0;
padding: 13px 16px;
border-radius: 10px;
border: 3px solid #f3f7fd;
font-size: 12px;
}
.interview-item .interview-item-container .box-contents p {
margin-bottom: 22px;
}
.interview-item .interview-item-container .box-contents::before,
.interview-item .interview-item-container .box-contents::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
}
.interview-item .interview-item-container .box-contents::before {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 34px 17px 0;
border-color: transparent #f3f7fd transparent transparent;
margin-top: -39px;
left: -35px;
}
.interview-item .interview-item-container .box-contents::after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #ffffff transparent transparent;
margin-top: -32px;
left: -20px;
}
.interview-item .interview-item-container .box-contents::before,
.interview-item .interview-item-container .box-contents::after {
top: auto;
top: initial;
bottom: 0;
left: 50%;
}
.interview-item .interview-item-container .box-contents::before {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 6px 0 6px;
border-color: #f3f7fd transparent transparent transparent;
margin-left: -6px;
bottom: -17px;
}
.interview-item .interview-item-container .box-contents::after {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 6px 0 6px;
border-color: #fff transparent transparent transparent;
margin-left: -6px;
bottom: -11px;
}
.interview-item .interview-item-container .box-ttl .inteview-img {
width: 145px;
}
@media screen and (max-width: 374px) {
.interview-item .interview-item-container .box-ttl .inteview-img {
width: 50%;
}
}
.interview-item:not(:first-child) {
margin-top: 40px;
padding-top: 40px;
}
.interview-item-point {
border-top: 1px solid #e8e8e8;
margin-top: 47px;
padding-top: 35px;
flex-direction: column;
}
.interview-item-point .box-ttl {
width: 100%;
margin-bottom: 30px;
}
.interview-item-point .box-ttl .ttl {
font-size: 14px;
}
.interview-item-point .box-contents {
width: 100%;
padding-left: 0;
}
.interview-item-point .box-contents p {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.section-job_remotework {
margin-top: 15px;
}
.section-job_remotework.has-bg-right::before {
width: 68.4%;
right: auto;
right: initial;
left: 0;
}
.section-job_remotework .bg-bar.bg-top {
top: -15px;
}
.remotework-head {
height: 338px;
}
.remotework-head .bg-head {
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/recruit/remotework_head_bg_sml.jpg);
background-position: left center;
left: 0;
width: 100%;
}
.remotework-head .head-content {
right: auto;
right: initial;
left: 0;
padding: 15px 0 0 15px;
width: 100%;
}
@media screen and (min-width: 500px) {
.remotework-head .head-content {
left: 50%;
margin-left: -250px;
width: 205px;
}
}
.remotework-head-ttl img {
width: 190px;
}
.remotework-head .head-content p {
display: none;
}
.page-body-heading {
position: relative;
max-width: 648px;
margin: 0 auto;
padding: 11px 24px 58px;
}
.page-body-heading .remotework-preface {
margin-bottom: 28px;
padding: 0 6px;
font-weight: bold;
font-size: 12px;
}
.list-merit {
display: block;
top: 0;
margin-bottom: 0;
}
.list-merit li {
width: 100%;
height: auto;
min-height: 106px;
margin: 0 auto 20px;
padding: 17px 15px 17px 0;
border: 5px solid #fff;
background-color: rgba(136, 206, 235, 1);
box-shadow: 0px 0px 0px 2px #f3f7fd;
border-radius: 15px;
font-weight: bold;
font-size: 14px;
color: #fff;
text-align: left;
line-height: 1.6;
display: flex;
justify-content: flex-start;
align-items: center;
}
.list-merit li .merit-head {
font-size: 10px;
line-height: 1.1;
text-align: center;
width: 75px;
margin: 0;
}
.list-merit li .merit-head span {
font-size: 20px;
display: inline-block;
border-bottom: 2px solid #fff;
}
.list-merit li p {
margin-bottom: 0;
}
.section-job_remotework .c-headline {
font-size: 16px;
}
.section-job_remotework .list-jobs-remotework {
margin-top: 35px;
} .l-section.section-remotework-outline {
padding-top: 57px;
padding-bottom: 60px;
}
.remotework-outline-container .c-headline {
font-size: 20px;
}
.remotework-outline-container .preface {
text-align: left;
font-size: 12px;
}
.remotework-outline-container .preface br {
display: none;
}
.outline-details-container {
margin-top: 27px;
flex-direction: column;
}
body.page-remotework .outline-dl {
margin-bottom: 34px;
}
.outline-details-item:nth-child(2) .outline-dl:not(:last-child) {
margin-bottom: 34px;
}
.outline-details-item:nth-child(2) .outline-dl:not(:last-child) {
margin-bottom: 34px;
}
body.page-remotework .outline-dl dt {
height: 36px;
padding-top: 5px;
font-size: 16px;
}
.outline-details-item:nth-child(-n + 2) {
width: 100%;
}
.outline-details-item:nth-child(2) {
margin-left: 0;
margin-bottom: 0;
}
.outline-details-item:nth-child(3) {
margin-top: 0;
}
.section-job_remotework-voices {
margin-top: 15px;
padding-top: 60px;
}
.section-job_remotework-voices .ttl-interview {
margin-bottom: 9px;
font-size: 20px;
}
.section-job_remotework-message-content .interview-item .interview-item-container .box-ttl .interview-pop {
min-width: 82px;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/recruit/message_pop_sml.png) left center / 82px 11px no-repeat;
}
.section-job_remotework-qa {
margin-top: 15px;
padding-bottom: 117px;
}
.section-job_remotework-qa .bg-bar.bg-top {
top: -15px;
}
.section-job_remotework-qa .c-headline {
margin-bottom: 65px;
font-size: 20px;
letter-spacing: 0.6em;
}
body.page-remotework .outline-details-item:nth-child(3) .outline-dl {
margin-bottom: 0;
}
body.page-remotework .outline-details-item:nth-child(3) .outline-dl dd {
padding-top: 22px;
}
.outline-list-flow li {
flex-direction: column;
align-items: flex-start;
background: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/assets/arrow_down_paleblue.png) center bottom 20px / 6px 21px no-repeat;
padding-bottom: 52px;
margin-bottom: 0;
}
.outline-list-flow li:last-child {
background: none;
padding-bottom: 0;
}
.outline-list-flow li p {
margin-bottom: 0;
}
.outline-list-flow li p br {
display: none;
}
.outline-list-flow .ol-head {
width: 100%;
margin: 0;
height: 47px;
margin-bottom: 15px;
padding-top: 11px;
}
.outline-list-flow .ol-head::before {
display: none;
}
.section-job_remotework-voices .voices-container {
padding-top: 32px;
padding-bottom: 40px;
border: 1px solid #f3f7fd;
}
.section-job_remotework-voices .c-headline {
margin-bottom: 40px;
}
.section-job_remotework-voices .l-inner {
padding-left: 15px;
padding-right: 15px;
}
.list-qa li .item-block p {
padding-left: 0;
font-size: 14px;
}
.list-qa li .item-block .icon {
position: absolute;
width: 46px;
height: 46px;
left: 50%;
top: -23px;
margin-left: -23px;
font-size: 18px;
padding-top: 11px;
}
.list-qa li .item-block .box-toggle {
color: #2c4d98;
font-weight: bold;
padding-right: 20px;
padding-left: 20px;
}
.list-qa li .item-block .box-toggle .box-toggle-text {
opacity: 1;
transition: opacity 0.2s ease-out;
}
.list-qa li.is-listqa-open .item-block .box-toggle .box-toggle-text {
opacity: 0;
}
.list-qa li .item-block .box-toggle .icon-toggle {
width: 14px;
height: 14px;
position: relative;
margin-left: auto;
margin-right: 0;
display: inline-block;
float: right;
margin-top: 3px;
transform: rotate(0deg);
transition: transform 0.2s ease-out;
}
.list-qa li .item-block .box-toggle .icon-toggle::before,
.list-qa li .item-block .box-toggle .icon-toggle::after {
content: "";
display: block;
position: absolute;
background-color: #2c4d98;
}
.list-qa li .item-block .box-toggle .icon-toggle::before {
width: 100%;
height: 2px;
top: 6px;
opacity: 1;
transition: opacity 0.2s ease-out;
}
.list-qa li .item-block .box-toggle .icon-toggle::after {
width: 2px;
height: 100%;
left: 6px;
}
.list-qa li.is-listqa-open .item-block .box-toggle .icon-toggle {
transform: rotate(90deg);
}
.list-qa li.is-listqa-open .box-toggle .icon-toggle::before {
opacity: 0;
}
.list-qa li {
margin-bottom: 45px;
}
.list-qa li .item-block {
display: block;
}
.list-qa li .inner {
padding-top: 25px;
}
.list-qa li .item-block.block-q .icon {
top: -46px;
background-color: #fff;
}
.list-qa li .item-block.block-q {
margin-bottom: 14px;
padding-top: 0;
}
.list-qa li .item-block.block-a .icon {
background-color: #f3f7fd;
color: #2c4d98;
}
.list-qa li .item-block .box-toggle .icon-toggle {
margin-top: 5px;
}
.list-qa li .item-block.block-a {
padding-top: 14px;
padding-bottom: 14px;
border-top: none;
background-color: #f3f7fd;
}
.list-qa li .item-block.block-a .text-a {
display: none;
margin-bottom: 5px;
padding-right: 20px;
padding-left: 20px;
text-align: justify;
}
.section-job_remotework-entry {
margin-top: 15px;
padding-top: 0;
}
.section-job_remotework-entry .entry-container {
top: -103px;
margin-bottom: -103px;
}
.section-job_remotework-entry .entry-container .entry {
margin-bottom: 20px;
}
.section-job_remotework-entry .entry-container .entry img {
width: auto;
height: 13px;
}
.section-job_remotework-entry .ttl {
margin: 0 auto;
margin: 0 10px;
padding: 24px 15px;
font-size: 16px;
border: 4px solid #c7e9f7;
border-radius: 10px;
}
.section-job_remotework-entry .ttl br {
display: inline;
}
.section-job_remotework-entry .ttl::before {
border-color: #c7e9f7 transparent transparent transparent;
border-width: 10px 10px 0 10px;
bottom: -14px;
left: 50%;
margin-left: -10px;
}
.section-job_remotework-entry .ttl::after {
border-width: 10px 10px 0 10px;
border-color: #fff transparent transparent transparent;
bottom: -9px;
margin-left: -10px;
}
.section-job_remotework-entry .entry-body {
font-size: 14px;
margin-top: 36px;
}
.section-job_remotework-entry .c-btn {
margin-top: 32px;
}
.section-job_remotework-entry .c-btn a {
height: 52px;
font-size: 14px;
max-width: 690px;
margin: 0 auto;
padding-top: 11px;
border-radius: 5px;
}
.btn-entery-container {
bottom: 0;
right: 0;
width: 100%;
padding: 30px;
}
.btn-entery-container .c-btn a {
border: 2px solid #2c4d98;
border-radius: 5px;
font-size: 15px;
padding-top: 7px;
color: #2c4d98;
background-position: center right 12px;
}
.btn-entery-container .c-btn a::before {
height: 13px;
top: -28px;
} body.home .c-headline {
margin-bottom: 40px;
font-size: 24px;
}
@media screen and (max-width: 901px) {
body.home .c-headline {
margin-bottom: 5px;
font-size: 24px;
}
}
.section-hero {
height: 400px;
position: relative;
max-height: 800px;
}
.section-hero .bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//stream-line.co.jp/wp-content/themes/streamline-ver1.1.7/cmn/img/home/hero_01_sml.jpg);
}
.section-hero .copybox .copy-en {
margin-bottom: 11px;
font-size: 21px;
}
@media screen and (max-width: 374px) {
.section-hero .copybox .copy-en {
font-size: 20px;
}
}
.section-hero .copybox .copy-ja {
font-size: 14px;
}
.section-hero .copybox {
bottom: auto;
bottom: initial;
top: 30px;
left: 0;
margin-bottom: -80px;
padding: 0 20px;
}
.section-hero .bg-bar.bg-bottom {
height: 47px;
}
.section-hero .scrolldown {
position: fixed;
bottom: 0;
left: 50%;
margin-left: -17px;
padding-bottom: 20px;
}
.section-hero .scrolldown .scroll-text {
transform: rotate(0deg);
margin-bottom: 10px;
font-size: 8px;
}
.section-hero .scrolldown .scroll-track {
height: 78px;
width: 1px;
}
.section-hero .scrolldown.is-hide {
display: none;
}
.section-hero .copyright {
position: absolute;
bottom: 50%;
right: -108px;
margin-bottom: 0px;
transform: rotate(90deg);
transform-origin: center center;
margin: 0;
color: #fff;
white-space: nowrap;
font-size: 8px;
}
.section-service-home {
padding-top: 64px;
padding-bottom: 48px;
}
.section-service-home .c-card {
margin-top: 36px;
}
.section-service-home .c-card .imgbox p img {
width: 107px;
}
.section-service-home .c-card .imgbox {
padding-top: 33.75%;
}
.section-service-home .c-card .imgbox p {
bottom: 20px;
right: 20px;
}
.section-news-home {
padding-top: 77px;
padding-bottom: 0;
}
.list-news-home .item a {
position: relative;
padding: 16px 0;
display: block;
}
.list-news-home .item a .date,
.list-news-home .item a .category {
font-size: 12px;
}
.list-news-home .item a .category {
margin-left: 0;
position: absolute;
top: 16px;
right: 20px;
padding-left: 0;
width: auto;
}
.list-news-home .item a .ttl {
margin-left: 0;
margin-top: 6px;
padding-left: 0;
width: 100%;
}
.news-home-viewall {
margin-top: 30px;
}
.section-recruit-home {
margin-top: 15px;
padding-top: 64px;
}
.c-card .metabox p .desc {
margin-left: 0;
margin-top: 2px;
display: inline-block;
letter-spacing: 0;
}
.section-recruit-home .c-card .imgbox {
padding-top: 33.22%;
}
.section-recruit-home .c-card .imgbox p {
bottom: 5px;
left: 5px;
font-size: 12px;
}
.section-recruit-home .c-card .imgbox p > img {
width: 101px;
}
.section-recruit-home .c-card .imgbox p span {
margin-left: 15px;
} .section-news-home .news-bloglist-box {
margin-top: 48px;
padding-top: 60px;
padding-bottom: 56px; }
.section-news-home .news-bloglist-box .list-news-home .item a { }