@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500&display=swap"); * {
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
* :focus {
outline: none;
}
[type=reset], [type=submit], button, html [type=button], input {
-webkit-appearance: none;
}
input, button {
border-radius: 0;
}
button {
border: none;
background: none;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}
p, dl, dt, dd {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 0.8em;
line-height: 1.6;
font-size: 1em;
font-weight: 500;
}
figure {
margin: 0;
padding: 0;
}
a, a:hover {
text-decoration: none;
}
table {
border-spacing: 0;
}
th, td {
font-weight: normal;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.4rem;
line-height: 2;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
letter-spacing: 0;
font-weight: 400;
-webkit-text-size-adjust: 100%;
background: #fff;
color: #333;
}  .ttl.h2 {
font-size: 20px;
font-size: 2rem;
font-weight: 500;
margin-bottom: 10px;
}
.ttl.h2.bb {
border-bottom: #CCC solid 1px;
margin-bottom: 30px;
padding-bottom: 0.8em;
}
.ttl.h3 {
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
}
.ttl.h4 {
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
}
.subttl.h3 {
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
}
.ff-en, .philosophy-sec .container-inner .philosophy-box .box .box-l dl dt, .recruit-main .box .box-l .ttl, .single-sec .date, a.btn-contact .single-sec .date, .single-sec a.btn-contact .date, footer .copyright-box .copyright, .date-cat-box .date, a.btn-contact .date-cat-box .date, .date-cat-box a.btn-contact .date, .contents-header.bgimage .ttl-box .subttl span.en, a.btn-contact .ff-en, a.btn-contact a.btn-viewmore, a.btn-contact .wp-pagenavi,
a.btn-contact .nav-pagenate-single, .wp-pagenavi,
.nav-pagenate-single, a.btn-viewmore {
font-family: "Lato", sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
}
.index-ttl {
font-size: 24px;
font-size: 2.4rem;
font-weight: 500;
text-align: left;
line-height: 1;
margin-bottom: 25px;
}
.index-ttl .ff-en, .index-ttl .philosophy-sec .container-inner .philosophy-box .box .box-l dl dt, .philosophy-sec .container-inner .philosophy-box .box .box-l dl .index-ttl dt, .index-ttl .recruit-main .box .box-l .ttl, .recruit-main .box .box-l .index-ttl .ttl, .index-ttl .single-sec .date, .single-sec .index-ttl .date, .index-ttl footer .copyright-box .copyright, footer .copyright-box .index-ttl .copyright, .index-ttl .date-cat-box .date, .date-cat-box .index-ttl .date, .index-ttl .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl .index-ttl span.en, .index-ttl a.btn-contact .ff-en, a.btn-contact .index-ttl .ff-en, .index-ttl a.btn-contact .wp-pagenavi, a.btn-contact .index-ttl .wp-pagenavi,
.index-ttl a.btn-contact .nav-pagenate-single,
a.btn-contact .index-ttl .nav-pagenate-single, .index-ttl .wp-pagenavi,
.index-ttl .nav-pagenate-single, .index-ttl a.btn-viewmore {
font-size: 12px;
font-size: 1.2rem;
padding: 3px;
color: #004593;
display: inline-block;
background: #F2F2F2;
}
.index-lead {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
}
.index-ttl-sub {
font-size: 15px;
font-size: 1.5rem;
font-weight: 500;
margin: 0 auto 20px;
padding: 10px 0.5em;
width: calc(100% - 32px);
color: #fff;
background: #46AEE3;
position: relative;
text-align: center;
}
.index-ttl-sub::before {
content: "";
width: 100%;
height: 5px;
background: #004593;
position: absolute;
left: 5px;
bottom: -5px;
}
.index-ttl-sub::after {
content: "";
width: 5px;
height: 100%;
background: #004593;
position: absolute;
right: -5px;
bottom: -5px;
}
ul {
list-style: none;
}
p {
margin: 0 0 1.8em;
text-align: justify;
}
p:last-child {
margin-bottom: 0;
}
.transition, table.company-profile tr td a, .wp-pagenavi a,
.nav-pagenate-single a, a.btn-viewmore {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a.btn-contactform-move {
font-size: 16px;
font-size: 1.6rem;
color: #fff;
margin: 0 auto;
padding: 1em 0;
width: 100%;
display: block;
text-align: center;
line-height: 1;
background: #ccc;
border: #ccc 1px solid;
border-radius: 4px;
pointer-events: none;
}
a.btn-contactform-move.active {
cursor: pointer;
border-color: #014593;
background: #014593;
pointer-events: auto;
}
a.btn-contactform-move.active:hover {
color: #014593;
background-color: #fff;
}
a {
color: #333;
}
a:not(.logolink) {
text-decoration: none;
}
a:not(.logolink) img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:not(.logolink):hover {
text-decoration: none !important;
}
a:not(.logolink):hover img {
opacity: 0.8;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a.logolink {
opacity: 1 !important;
}
a.txtlink {
color: #333;
text-decoration: underline;
}
a.txtlink:hover {
text-decoration: none;
}
a.btn-viewmore {
font-size: 16px;
font-size: 1.6rem;
display: block;
padding: 18px;
color: #fff;
text-align: center;
line-height: 1;
background: #004593;
border: #004593 solid 1px;
}
a.btn-viewmore:hover {
color: #004593;
background: #fff;
}
a.btn-newgraduate {
padding: 1em;
display: block;
color: #fff;
background: #5AAE25;
text-align: center;
}
a.btn-newgraduate:hover {
color: #5AAE25;
background: #fff;
}
a.btn-career {
padding: 1em;
display: block;
color: #1A337E;
background: #fff;
text-align: center;
}
a.btn-career:hover {
color: #1A337E;
background: #86D0E9;
}
a.btn-radius {
font-size: 16px;
font-size: 1.6rem;
color: #fff;
margin: 0 auto;
padding: 1em 0;
width: 100%;
display: block;
text-align: center;
line-height: 1;
background: #014593;
border-radius: 4px;
border: #014593 solid 1px;  }
a.btn-radius:hover {
color: #014593;
background-color: #fff;
}
a:hover {
opacity: 1;
}
.wp-pagenavi {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.wp-pagenavi,
.nav-pagenate-single {
margin-top: 40px;
text-align: center;
position: relative;
}
.wp-pagenavi .current,
.wp-pagenavi a,
.nav-pagenate-single .current,
.nav-pagenate-single a {
margin: 0 5px 10px;
width: 40px;
height: 40px;
line-height: 40px;
display: block;
margin-bottom: 10px;
border: #004593 1px solid;
color: #004593;
background: #fff;
font-weight: 500;
}
.wp-pagenavi .current,
.nav-pagenate-single .current {
background: #004593;
color: #fff;
}
.wp-pagenavi a:hover,
.nav-pagenate-single a:hover {
opacity: 1;
color: #fff;
background: #004593;
opacity: 1;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink,
.nav-pagenate-single a.previouspostslink,
.nav-pagenate-single a.nextpostslink {
background-repeat: no-repeat;
background-size: 0.5em;
background-position: center center;
}
.wp-pagenavi a.previouspostslink span, .wp-pagenavi a.nextpostslink span,
.nav-pagenate-single a.previouspostslink span,
.nav-pagenate-single a.nextpostslink span {
display: none;
}
.wp-pagenavi a.previouspostslink,
.nav-pagenate-single a.previouspostslink {
margin-right: 20px;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-blue-left.svg);
}
.wp-pagenavi a.previouspostslink:hover,
.nav-pagenate-single a.previouspostslink:hover {
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-white-left.svg);
}
.wp-pagenavi a.nextpostslink,
.nav-pagenate-single a.nextpostslink {
margin-left: 20px;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-blue.svg);
}
.wp-pagenavi a.nextpostslink:hover,
.nav-pagenate-single a.nextpostslink:hover {
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-white.svg);
}
.wp-pagenavi a.indexlink,
.nav-pagenate-single a.indexlink {
width: 100%;
margin: 0 auto;
background: #fff url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-blue.svg) no-repeat calc(100% - 1.4em) center;
background-size: 0.3em;
}
.wp-pagenavi a.indexlink:hover,
.nav-pagenate-single a.indexlink:hover {
opacity: 1;
color: #fff;
background-color: #004593;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-white.svg);
opacity: 1;
}
br.sp {
display: block !important;
}
br.sppc {
display: block !important;
}
br.tb {
display: none !important;
}
br.pc {
display: none !important;
}
.mq-pc {
display: none !important;
}
.mq-tb {
display: none !important;
}
.mq-sp.mq-tb {
display: block !important;
}
.btn {
padding: 0.6em 1em;
display: inline-block;
}
#pagetop-box {
display: none;
line-height: 0;
pointer-events: all;
position: fixed;
right: 0;
bottom: 0;
cursor: pointer;
}
#pagetop-box .pagetop {
width: 0;
cursor: pointer;
line-height: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#pagetop-box .pagetop:hover {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0.8;
}
.anchor {
margin-top: -70px;
padding-top: 70px;
}
.loader-image-box img {
width: 200px;
height: auto;
line-height: 1;
}
::-webkit-input-placeholder {
color: #ADADAD;
}
::-moz-placeholder {
color: #ADADAD;
}
:-ms-input-placeholder {
color: #ADADAD;
}
::-ms-input-placeholder {
color: #ADADAD;
}
::placeholder {
color: #ADADAD;
}
[type=text] {
line-height: normal;
}
.form-item-box input[type=text],
.form-item-box input[type=date],
.form-item-box input[type=email],
.form-item-box textarea {
font-size: 13px;
font-size: 1.3rem;
padding: 1.2em 1.2em;
width: 100%;
color: #333;
border: none;
background-color: #F7F7F7;
border: #F7F7F7 solid 2px;
border-radius: 4px;
line-height: normal;
}
.form-item-box input[type=text]:focus,
.form-item-box input[type=date]:focus,
.form-item-box input[type=email]:focus,
.form-item-box textarea:focus {
border: #025ecc solid 2px;
}
.form-item-box textarea {
height: 140px;
resize: none;
}
.form-item-box input[type=text].f-text-s {
width: 4em;
display: inline-block;
}
input[type=checkbox] {
display: none;
}
.ring-data .label-radio {
margin-bottom: 10px;
}
input[type=checkbox] + .mwform-checkbox-field-text {
margin: 0;
padding: 0 0 0 1.4em;
position: relative;
width: 100%;
display: inline-block;
line-height: 1;
}
input[type=checkbox] + .mwform-checkbox-field-text::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
border: 1px solid #D6151F;
background-color: #fff;
}
input[type=checkbox]:checked + .mwform-checkbox-field-text::after {
content: "";
display: block;
position: absolute;
top: -0.4em;
left: 0.4em;
width: 0.5em;
height: 1em;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
border-bottom: 2px solid #D6151F;
border-right: 2px solid #D6151F;
}
input[type=radio] {
display: none;
}
input[type=radio].f-radio + .mwform-radio-field-text {
padding-left: 1.4em !important;
position: relative;
margin-right: 1em;
line-height: 1;
}
input[type=radio].f-radio + .mwform-radio-field-text::before {
content: "";
display: block !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1em !important;
height: 1em !important;
border: 1px solid #909090 !important;
border-radius: 50% !important;
}
input[type=radio].f-radio:checked + .mwform-radio-field-text::before {
background: #909090;
}
input[type=radio].f-radio-btn:checked + .txt {
border-color: #000;
}
input.btn-submit { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer; font-size: 13px;
font-size: 1.3rem;
color: #fff;
margin: 0 auto;
padding: 1em 0;
width: 100%;
display: block;
text-align: center;
line-height: 1;
background: #014593;
border: #014593 1px solid;
border-radius: 4px;
}
input.btn-submit:hover {
color: #014593;
background-color: #fff;
}
input.button-txt-gray {
font-size: 14px;
font-size: 1.4rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
width: 100%;
cursor: pointer;
color: #ADADAD;
text-align: center;
text-decoration: none;
}
input.button-txt-gray:hover {
opacity: 0.6;
}
input.button-txt-gray.btn-submit-back {
margin-top: 20px;
}
select {
margin: 0;
padding: 0.8em 0.8em;
width: 100%;
border: #E0E0E0 1px solid;
background-color: #fff;
border-radius: 0;
-webkit-appearance: none;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/icon-select-arrow.svg);
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 8px 4px;
}
select.f-select {
width: auto;
padding-right: 2.5em;
}
select.news-dropdown {
padding-left: 0;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/icon-select-arrow-blue.svg);
border: none;
background-size: 1em; }
.ta-l {
text-align: left;
}
.ta-c {
text-align: center;
}
.ta-r {
text-align: right;
}
.ti1em {
text-indent: 1em;
}
.btnone {
border-top: none !important;
}
.boxlr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.boxlr .boxl {
width: 50%;
}
.boxlr .boxr {
width: 50%;
}
ul.disc {
margin-left: 1em;
}
ul.disc li {
list-style: disc;
margin-bottom: 0.4em;
}
ol.ol-roman-u {
margin-left: 1em;
}
ol.ol-roman-u li.li-roman-u {
margin-bottom: 1em;
list-style: upper-roman;
}
ol.ol-roman-u li.li-roman-u::marker {
font-weight: 700;
}
ol.ol-roman-l {
margin-left: 1em;
}
ol.ol-roman-l li.li-roman-l {
margin-bottom: 1em;
list-style: lower-roman;
}
ol.ol-roman-l li.li-roman-l::marker {
font-weight: 700;
}
a.btn-contact {
font-weight: 400;
font-size: 22px;
font-size: 2.2rem;
color: #fff !important;
margin: 0;
padding: 1em 0;
width: 100%;
display: block;
text-align: center;
line-height: 1;
background: #D6151F url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-white.svg) no-repeat calc(100% - 1.4em) center;
background-size: 0.3em;
border-radius: 1.6em;
}
a.btn-contact .ff-en, a.btn-contact .philosophy-sec .container-inner .philosophy-box .box .box-l dl dt, .philosophy-sec .container-inner .philosophy-box .box .box-l dl a.btn-contact dt, a.btn-contact .recruit-main .box .box-l .ttl, .recruit-main .box .box-l a.btn-contact .ttl, a.btn-contact .single-sec .date, .single-sec a.btn-contact .date, a.btn-contact footer .copyright-box .copyright, footer .copyright-box a.btn-contact .copyright, a.btn-contact .date-cat-box .date, .date-cat-box a.btn-contact .date, a.btn-contact .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl a.btn-contact span.en, a.btn-contact a.btn-viewmore, a.btn-contact .wp-pagenavi,
a.btn-contact .nav-pagenate-single {
font-size: 40px;
font-size: 4rem;
}
.bgimage-box {
width: 100%;
height: 0;
overflow: hidden;
}
.mt0 {
margin-top: 0 !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb1em {
margin-bottom: 1em !important;
}
.mb2em {
margin-bottom: 2em !important;
}
.mb3em {
margin-bottom: 3em !important;
}
.mwauto {
max-width: auto !important;
}
.mw18em {
max-width: 18em !important;
}
.mw19em {
max-width: 19em !important;
}
.mw20em {
max-width: 20em !important;
}
.mw21em {
max-width: 21em !important;
}
.mw22em {
max-width: 22em !important;
}
.mw28em {
max-width: 28em !important;
}
.mw29em {
max-width: 29em !important;
}
img {
max-width: 100%;
height: auto;
}
.list-block {
margin-bottom: 2em;
}
#loader-bg {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background: #fff;
}
#loader-bg .loader-box {
background: #fff;
width: 100%;
height: 100%;
position: relative;
}
#loader-bg .loader-box .loader-image-box img {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#wrapper {
margin: 50px auto 0;
width: 100%;
}
body.home #wrapper {
margin-top: 0;
}
.container, .company-greeting-sec .box .box-r .sign-box, .company-greeting-sec .box .box-l, .recruit-main .btn-box-bottom, .recruit-main .box .box-l, .business-sec .container-sp-full .business-image-box, .business-sec .container-sp-full .business-box .box-l {
margin: 0 auto;
width: calc(100% - 40px);
}
.container-sp-full {
margin: 0 auto;
width: 100%;
}
.container-wide {
margin: 0 auto;
width: calc(100% - 40px);
}
.container-inner {
margin: 0 auto;
width: calc(100% - 40px);
}
.contents-header {
margin: 0 0 60px;
padding: 0;
}
.contents-header.bgimage {
position: relative;
width: 100%;
height: 0;
padding-top: 42.66666%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}
.contents-header.bgimage .ttl-box {
position: absolute;
left: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.contents-header.bgimage .ttl-box .ttl {
margin: 0 0 10px;
padding: 0;
color: #fff;
text-align: left;
line-height: 1;
}
.contents-header.bgimage .ttl-box .ttl span.jp {
font-size: 24px;
font-size: 2.4rem;
display: block;
}
.contents-header.bgimage .ttl-box .subttl {
margin: 0;
line-height: 1;
}
.contents-header.bgimage .ttl-box .subttl span.en {
font-size: 12px;
font-size: 1.2rem;
padding: 5px;
color: #004593;
background: #fff;
display: inline-block;
}
.date-cat-box .date {
font-size: 12px;
font-size: 1.2rem;
display: inline-block;
color: #ccc;
}
.date-cat-box dd {
display: block;
margin-top: 10px;
}
.date-cat-box dd.icon-pdf span {
padding-right: 2.5em;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/icon-pdf.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 2em;
display: inline-block;
}
.image-box {
margin: 0;
padding: 0;
line-height: 0;
}
.image-box img {
width: 100%;
height: auto;
line-height: 0;
}
.notes-box ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 1em;
}
.notes-box ul li::before {
padding-right: 0.6em;
content: "•";
display: block;
color: #004593;
}
.notes-box ul li span {
display: block;
}
.anchor-sp {
margin-top: 0;
padding-top: 0;
}
.breadcrumbs-box {
margin-top: 60px;
border-top: #CCC solid 1px;
padding: 10px 0;
}
.breadcrumbs-box span span.breadcrumb_last {
margin-left: 1em;
}
.breadcrumbs-box p {
margin: 0;
}
.breadcrumbs-box a {
margin-left: 1em;
margin-right: 1em;
}
.breadcrumbs-box a:hover {
color: #004593;
}
main {
margin-bottom: 0;
}
.page-content {
margin: 0;
padding: 0;
}
header {
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 50px;
background: #fff;
}
header .header-box .box-lr .box-l .logo {
margin: 11px 0 0 15px;
padding: 0;
line-height: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header .header-box .box-lr .box-l .logo a {
display: block;
}
header .header-box .box-lr .box-l .logo a img {
width: auto;
height: 26px;
line-height: 0;
}
header .header-box .box-lr .box-l .logo p {
font-size: 10px;
font-size: 1rem;
line-height: 1;
margin: 0 0 0 10px;
}
header .header-box .box-lr .box-r {
display: none;
}
body.hm-active {
height: 100%;
overflow: hidden;
}
.hamburger-menu-box {
position: fixed;
right: 0;
top: 0;
width: 50px;
height: 50px;
}
.hamburger-menu-box .hamburger-menu {
margin: 0;
padding: 0;
text-align: right;
margin-top: 0;
margin-right: 0;
width: 50px;
height: 50px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #004593;
}
.hamburger-menu-box .hamburger-menu div {
position: absolute;
left: 15px;
width: 20px;
height: 2px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
}
.hamburger-menu-box .hamburger-menu div:nth-of-type(1) {
top: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.hamburger-menu-box .hamburger-menu div:nth-of-type(2) {
bottom: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.hamburger-menu-box .hamburger-menu.open {
background: none;
}
.hamburger-menu-box .hamburger-menu.open div {
background-color: #004593;
}
.hamburger-menu-box .hamburger-menu.open div:nth-of-type(1) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.hamburger-menu-box .hamburger-menu.open div:nth-of-type(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ghnav-box {
position: fixed;
top: 50px;
right: 0;
z-index: 1;
width: 100vw;
height: 100vh;
overflow: auto;
padding-bottom: 90px;
background: #fff;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.ghnav-box.hm-active {
pointer-events: auto;
opacity: 1;
}
.ghnav-box .nav-box {
margin: 0 auto 30px;
width: calc(100% - 60px);
}
.ghnav-box .nav-box ul.parent {
padding: 40px 0 20px;
}
.ghnav-box .nav-box ul.parent li {
text-align: left;
color: #333;
}
.ghnav-box .nav-box ul.parent li a {
font-size: 20px;
font-size: 2rem;
margin: 0;
padding: 0;
display: block;
line-height: 1;
font-weight: 400;
color: #333;
}
.ghnav-box .nav-box ul.parent li.no-children, .ghnav-box .nav-box ul.parent li.has-children {
margin: 0;
padding: 15px 20px;
border-bottom: #ccc solid 1px;
}
.ghnav-box .nav-box ul.parent li.has-children a.parent-link {
margin-bottom: 20px;
}
.ghnav-box .nav-box ul.parent li.has-children ul.children {
margin-left: 15px;
}
.ghnav-box .nav-box ul.parent li.has-children ul.children li.children-item {
position: relative;
margin-bottom: 18px;
}
.ghnav-box .nav-box ul.parent li.has-children ul.children li.children-item::before {
content: "";
width: 10px;
height: 1px;
background: #ccc;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ghnav-box .nav-box ul.parent li.has-children ul.children li.children-item:last-child {
margin-bottom: 0;
}
.ghnav-box .nav-box ul.parent li.has-children ul.children li.children-item a {
font-size: 16px;
font-size: 1.6rem;
display: block;
margin-left: 18px;
}
footer {
margin: 0;
padding: 20px 0 0;
background: #3B3F4C;
color: #fff;
}
footer a {
color: #F2F2F2;
}
footer a:hover {
opacity: 0.6;
}
footer .footer-box {
margin: 0 auto;
width: calc(100% - 48px);
}
footer .footer-box .footer-logo-box {
margin-bottom: 30px;
}
footer .footer-box .footer-logo-box .logo {
margin: 0 auto 25px;
padding: 0;
width: 165px;
line-height: 1;
}
footer .footer-box .footer-logo-box .logo a {
display: block;
margin-bottom: 10px;
}
footer .footer-box .footer-logo-box .logo a img {
width: 100%;
height: auto;
line-height: 0;
}
footer .footer-box .footer-logo-box .logo p {
font-size: 10px;
font-size: 1rem;
line-height: 1;
text-align: center;
}
footer .footer-box .footer-logo-box .address-box {
display: none;
}
footer .footer-box .footer-logo-box .sublogo-box {
margin: 0 auto;
width: 285px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
footer .footer-box .footer-logo-box .sublogo-box a {
display: block;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l .image-box a, footer .footer-box .footer-logo-box .sublogo-box .box-r .image-box a, footer .footer-box .footer-logo-box .sublogo-box .box-rr .image-box a {
width: 100%;
height: 100%;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l .image-box img, footer .footer-box .footer-logo-box .sublogo-box .box-r .image-box img, footer .footer-box .footer-logo-box .sublogo-box .box-rr .image-box img {
width: 100%;
height: 100%;
vertical-align: top;
line-height: 0;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l {
width: 65px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l .image-box {
width: 65px;
height: 40px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l .image-box img {
margin-left: auto;
}
footer .footer-box .footer-logo-box .sublogo-box .box-r {
width: 70px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-r .image-box {
width: 70px;
height: 40px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-r .image-box img {
margin-right: auto;
}
footer .footer-box .footer-logo-box .sublogo-box .box-rr {
width: 125px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-rr .image-box {
width: 125px;
height: 40px;
}
footer .footer-box .footer-nav-block .footer-nav-box {
display: none;
}
footer .footer-box .footer-nav-block .footer-other-nav-box {
margin: 0;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul {
text-align: center;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul li {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 10px;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul li a {
display: block;
}
footer .copyright-box {
width: calc(100% - 30px);
margin: 0 auto;
padding: 20px 0;
border-top: #6C6C6C solid 1px;
}
footer .copyright-box .copyright {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
margin: 0;
padding: 0;
line-height: 1;
text-align: center;
color: #F2F2F2;
}
.single-sec .date {
color: #B5B5B5;
}
.single-sec .ttl {
margin-bottom: 1.2em;
}
.single-sec .txt-box {
margin-top: 25px;
padding-top: 25px;
border-top: #E0E0E0 solid 1px;
}
.single-sec .txt-box p:last-child {
margin-bottom: 0;
}
.single-sec .txt-box img {
line-height: 0;
}
.business-sec .container-sp-full .business-box {
margin-bottom: 70px;
}
.business-sec .container-sp-full .business-box .box-l .ttl {
font-size: 20px;
font-size: 2rem;
margin-bottom: 10px;
}
.business-sec .container-sp-full .business-box .box-l .ttl span {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 22px;
color: #004593;
display: block;
border-bottom: #004593 2px solid;
line-height: 0.8;
}
.business-sec .container-sp-full .business-box .box-r {
margin-top: 20px;
position: relative;
}
.business-sec .container-sp-full .business-box .box-r::after {
content: "";
display: block;
background: #CDD3E3;
width: 56%;
height: 100%;
position: absolute;
right: 0;
bottom: -10px;
}
.business-sec .container-sp-full .business-box .box-r .image-box {
width: calc(100% - 10px);
position: relative;
z-index: 2;
}
.required {
font-size: 9px;
font-size: 0.9rem;
white-space: nowrap;
color: #D6151F;
display: inline-block;
margin: 0 0 0 1em;
padding: 0.2em 0.6em;
text-align: center;
border: #D6151F 1px solid;
border-radius: 2px;
background: #fff;
}
.notes-box {
padding: 0 20px;
}
#form-wrap {
display: none;
}
.form-block {
padding-top: 40px;
border-top: #CCC 1px solid;
}
.form-block .form-item-box table {
width: 100%;
}
.form-block .form-item-box table tr th {
margin: 0 0 10px;
padding: 0;
text-align: left;
display: block;
}
.form-block .form-item-box table tr td {
display: block;
margin: 0 0 20px;
padding: 0;
}
.form-block .form-item-box table tr td.name .name-family {
margin-bottom: 10px;
}
.form-block .form-item-box table tr td p {
margin-bottom: 0;
}
.form-block .form-item-box .form-privacy-box {
margin-bottom: 30px;
}
.form-block .form-item-box .form-privacy-box p {
margin-bottom: 1em;
}
.form-block .form-item-box .form-privacy-box p:last-child {
margin-bottom: 0;
}
.btn-privacy-box {
margin: 55px 0 30px;
padding: 15px;
background: #FCDFDF;
}
.btn-privacy-box.active {
background: #EFEFEF;
}
.btn-privacy-box.active input.f-checkbox + .mwform-checkbox-field-text::after {
content: "";
display: block;
position: absolute;
top: -0.4em;
left: 0.4em;
width: 0.5em;
height: 1em;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
border-bottom: 2px solid #D6151F;
border-right: 2px solid #D6151F;
}
.btn-privacy-box .checkbox-box {
width: 9em;
margin: 0 auto;
position: relative;
line-height: 1;
}
.btn-privacy-box .mwform-checkbox-field-text {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.thanks-box {
margin-bottom: 40px;
padding: 20px;
background: #F7F7F7;
}
.thanks-box .box .ttl {
margin-bottom: 0;
font-weight: 400;
}
.thanks-box .box p {
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 0;
}
.thanks-box .box p a {
color: #333;
}
.recaptcha-box {
margin-bottom: 30px;
}
.recaptcha-box p {
font-size: 10px;
font-size: 1rem;
}
.recaptcha-box p a {
text-decoration: underline;
}
.recaptcha-box p a:hover {
text-decoration: none;
}
.grecaptcha-badge {
visibility: hidden;
}
.page-404 p {
margin-bottom: 40px;
}
.profile-box {
margin-bottom: 50px;
}
table {
width: 100%;
}
table.company-profile {
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
}
table.company-profile tr th {
font-weight: 300;
width: 31.7%;
padding: 1em;
vertical-align: middle;
text-align: left;
border-top: #ccc solid 1px;
border-right: #ccc 1px solid;
background: #F7F7F7;
white-space: nowrap;
}
table.company-profile tr td {
font-weight: 300;
width: 68.3%;
padding: 1em;
vertical-align: top;
text-align: left;
border-top: #ccc solid 1px;
}
table.company-profile tr td dl.boardmember {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
table.company-profile tr td dl.boardmember dt {
width: 8em;
}
table.company-profile tr td dl.boardmember dd {
width: calc(100% - 8em);
}
table.company-profile tr td a {
text-decoration: underline;
}
table.company-profile tr td a:hover {
text-decoration: none;
}
table.company-profile tr:last-child th {
border-bottom: #ccc solid 1px;
}
table.company-profile tr:last-child td {
border-bottom: #ccc solid 1px;
}
.privacy-sec {
margin-bottom: 40px;
}
.privacy-sec .ttl {
font-weight: 700;
}
.privacy-sec ol.ol-roman-u li.li-roman-u {
margin-bottom: 5em;
}
.privacy-sec ol.ol-roman-l li.li-roman-l {
margin-bottom: 1em;
}
.privacy-sec table.privacy-company-info th {
padding-right: 2em;
}
.privacy-sec .privacy-box ul {
margin-top: 1em;
margin-bottom: 1.5em;
}
.privacy-sec .privacy-box ul.disc li {
margin-bottom: 0.4em;
}
.privacy-sec .privacy-box ul li {
margin-bottom: 20px;
}
.privacy-sec .privacy-box ul li:last-child {
margin-bottom: 0;
}
.privacy-sec .privacy-box .ttl-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.privacy-sec .privacy-box .ttl-box.nottl .no {
line-height: 1.8;
}
.privacy-sec .privacy-box .ttl-box.nottl .privacy-txt p.txt {
margin-top: 0;
}
.privacy-sec .privacy-box .ttl-box .no {
line-height: 1.6;
}
.privacy-sec .privacy-box .ttl-box .circle {
color: #004593;
line-height: 1.6;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt {
padding-left: 0.5em;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt .ttl {
font-weight: normal;
margin-bottom: 0;
line-height: 1.6;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt p.txt {
margin-top: 1em;
margin-bottom: 0;
line-height: 2;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt .subttl {
font-weight: 700;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt dl {
margin-top: 0.8em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt dl dt {
line-height: 1.6;
font-weight: 700;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt dl dd .inner-box {
margin-bottom: 20px;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt dl dd .inner-box .sttl {
margin-bottom: 0;
font-weight: 400;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt dl dd .inner-box ul li {
margin-bottom: 0;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt table {
margin-top: 20px;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt table tr th {
white-space: nowrap;
vertical-align: top;
}
.privacy-sec .privacy-box .ttl-box .privacy-txt table tr td {
vertical-align: top;
}
.information-security-sec .information-security-image-box {
margin-bottom: 40px;
width: 100%;
}
.information-security-sec .isms-image-box {
margin: 0 auto 40px;
width: 70%;
}
#scrolldown-wrap {
display: none;
}
.index-content .index-main {
margin-bottom: 30px;
position: relative;
}
.index-content .index-main .ttl {
font-size: 22px;
font-size: 2.2rem;
width: calc(100% - 30px);
padding: 20px 0;
color: #fff;
position: absolute;
left: 50%;
top: 45%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-image: -webkit-gradient(linear, left top, right top, from(rgb(4, 54, 207)), color-stop(50%, rgb(16, 52, 164)), to(rgb(26, 51, 126)));
background-image: -webkit-linear-gradient(left, rgb(4, 54, 207), rgb(16, 52, 164) 50%, rgb(26, 51, 126));
background-image: linear-gradient(90deg, rgb(4, 54, 207), rgb(16, 52, 164) 50%, rgb(26, 51, 126));
z-index: 10;
}
.index-content .index-main .ttl p {
margin-bottom: 0;
text-align: center;
}
.index-content .index-main .index-slide-box {
position: relative;
z-index: 2;
}
.index-content .index-main .index-slide-box .index-slide {
margin: 0 auto;
width: 100%;
}
.index-content .index-main .index-slide-box .index-slide .index-slide-item .slideimg {
width: 100%;
height: 0;
padding-top: 100vh;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
}
.index-content .index-main .index-slide-box .index-slide .slick-dots {
display: none !important;
}
.index-content .index-main .index-main-news {
padding: 0;
width: 100%;
background: #fff;
}
.index-content .index-main .index-main-news .box {
padding: 20px 30px;
}
.index-content .index-main .index-main-news .box .box-l {
display: none;
}
.index-content .index-main .index-main-news .box .box-r a:hover {
opacity: 0.6;
}
.index-sec {
margin-bottom: 60px;
}
.index-sec .box .box-l {
display: none;
}
.index-sec .box .box-r .image-box {
margin-bottom: 30px;
}
.index-sec .box .box-r .index-lead {
margin-bottom: 35px;
}
.index-news {
margin-bottom: 60px;
}
.index-news .news-box .boxl {
margin-bottom: 20px;
}
.index-news .news-box .boxl .btn-viewmore-box {
display: none;
}
.index-news .news-box ul {
width: 100%;
}
.index-news .news-box ul li {
padding-top: 10px;
padding-bottom: 15px;
border-bottom: #ccc 1px solid;
}
.index-news .news-box ul li:first-child {
margin-top: 0;
padding-top: 0;
}
.index-news .news-box ul li:last-child {
margin-bottom: 40px;
}
.index-news .news-box ul li a:hover {
opacity: 0.6;
}
.index-news .news-box ul li a dl.date-cat-box dd {
color: #333;
}
.recruit-main {
padding-top: 30px;
background: #004593;
}
.recruit-main .box .box-l .lead {
color: #fff;
margin-bottom: 5px;
}
.recruit-main .box .box-l .lead span {
margin-left: 0.5em;
letter-spacing: -0.2em;
display: inline-block;
}
.recruit-main .box .box-l .ttl {
font-size: 22px;
font-size: 2.2rem;
color: #fff;
}
.recruit-main .box .box-l .btn-box-head {
display: none;
}
.recruit-main .btn-box-bottom {
padding: 25px;
}
.recruit-main .btn-box-bottom p {
margin-bottom: 15px;
}
.recruit-main .btn-box-bottom p:last-child {
margin-bottom: 0;
}
.recruit-features {
padding: 55px 0;
}
.recruit-features .container-wide .box .box-r .image-box {
margin-bottom: 30px;
}
.recruit-features .container-wide .box .box-r p {
font-size: 20px;
font-size: 2rem;
margin-bottom: 30px;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li {
margin-bottom: 20px;
width: calc(50% - 10px);
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li a {
padding: 20px 0 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background: #fff;
-webkit-box-shadow: 0 0 8px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 8px rgba(51, 51, 51, 0.5);
position: relative;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li a::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 11px solid #004593;
border-left: 11px solid transparent;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li a p.ttl {
border-top: #004593 solid 1px;
margin: 0 auto;
width: calc(100% - 20px);
padding: 10px 0;
line-height: 1.5;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li a p.ttl.small {
font-size: 12px;
font-size: 1.2rem;
}
.features-sec {
margin-bottom: 50px;
}
.features-sec .container-inner p.subttl {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 5px;
}
.features-sec .container-inner p.subttl strong {
color: #004593;
font-weight: normal;
}
.features-sec .container-inner .ttl {
font-size: 18px;
font-size: 1.8rem;
}
.features-sec .container-inner .box .box-r {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
}
.features-sec .container-inner .box .box-r .image-box {
width: 140px;
}
.features-sec .container-inner .box .box-r .sign-box {
width: calc(100% - 155px);
position: relative;
}
.features-sec .container-inner .box .box-r .sign-box .inner-box {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.features-sec .container-inner .box .box-r .sign-box .inner-box p.sign {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 15px;
line-height: 1;
}
.features-sec .container-inner .box .box-r .sign-box .inner-box .image-box.sign {
margin: 0;
width: 120px;
}
.recruit-nav-box {
margin-top: 60px;
}
.recruit-nav-box ul li {
margin-bottom: 20px;
}
.recruit-nav-box ul li.noactive {
opacity: 0.5;
}
.recruit-nav-box ul li a {
margin: 0;
padding: 0;
display: block;
}
.recruit-nav-box ul li .box {
-webkit-box-shadow: 0 0 8px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 8px rgba(51, 51, 51, 0.5);
color: #1A337E;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.recruit-nav-box ul li .box .box-l {
width: 41%;
}
.recruit-nav-box ul li .box .box-r {
width: calc(59% - 30px);
background: #fff url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-blue.svg) no-repeat calc(100% - 1.4em) center;
background-size: 0.6em;
}
.recruit-nav-box ul li .box .box-r .ttl.icon-blank {
display: inline-block;
padding-right: 1.4em;
background: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/icon-blank-blue.svg) no-repeat right center;
background-size: 1em;
}
.recruit-nav-box ul li .box .box-r span {
font-size: 10px;
font-size: 1rem;
display: block;
}
.joblist-box ul li {
margin-bottom: 20px;
}
.joblist-box ul li a {
font-size: 16px;
font-size: 1.6rem;
padding: 0.8em 3em 0.8em 1.6em;
color: #004593;
display: inline-block;
border: #004593 solid 1px;
line-height: 1;
background: #fff url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/icon-blank-blue.svg) no-repeat calc(100% - 1.4em) center;
background-size: 0.8em;
}
.joblist-box ul li a:hover {
color: #fff;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/icon-blank-white.svg);
background-color: #004593;
}
.company-sec ul li {
margin-bottom: 40px;
}
.company-sec ul li a {
margin: 0;
padding: 0;
display: block;
-webkit-box-shadow: 0 0 8px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 8px rgba(51, 51, 51, 0.5);
}
.company-sec ul li a .index-ttl {
padding: 25px 30px;
background: #fff url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-blue.svg) no-repeat calc(100% - 1.4em) center;
background-size: 0.6em;
}
.company-sec ul li a .index-ttl span.ff-en, .company-sec ul li a .index-ttl span.wp-pagenavi,
.company-sec ul li a .index-ttl span.nav-pagenate-single, .company-sec ul li a .index-ttl .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl .company-sec ul li a .index-ttl span.en, .company-sec ul li a .index-ttl .date-cat-box span.date, .date-cat-box .company-sec ul li a .index-ttl span.date, .company-sec ul li a .index-ttl footer .copyright-box span.copyright, footer .copyright-box .company-sec ul li a .index-ttl span.copyright, .company-sec ul li a .index-ttl .single-sec span.date, .single-sec .company-sec ul li a .index-ttl span.date, .company-sec ul li a .index-ttl .recruit-main .box .box-l span.ttl, .recruit-main .box .box-l .company-sec ul li a .index-ttl span.ttl {
background: none;
}
.company-greeting-sec .box .box-r .image-box {
margin-top: 20px;
margin-bottom: 10px;
}
.company-greeting-sec .box .box-r .sign-box p.sign {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 15px;
line-height: 1;
}
.company-greeting-sec .box .box-r .sign-box .image-box.sign {
margin: 0;
width: 120px;
}
.philosophy-sec .container-inner .philosophy-box {
border-bottom: #CCC solid 1px;
margin-bottom: 55px;
padding-bottom: 30px;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l {
margin-bottom: 45px;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl {
margin-bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl dt {
font-size: 16px;
font-size: 1.6rem;
width: 2em;
color: #004593;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl dd {
width: calc(100% - 2em);
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl dd strong {
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
color: #004593;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl dd ul {
margin-top: 1em;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl dd ul li {
margin-bottom: 0.5em;
}
.page-company-nav-sec {
margin-top: 60px;
}
.page-company-nav-sec ul li {
margin-bottom: 20px;
}
.page-company-nav-sec ul li.current a {
border-color: #CCC;
color: #CCC;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-gray.svg);
}
.page-company-nav-sec ul li a {
padding: 1em;
display: block;
border: #004593 solid 1px;
background: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-blue.svg) no-repeat calc(100% - 1.4em) center;
background-size: 0.3em;
color: #004593;
}
.page-company-nav-sec ul li a span {
font-size: 10px;
font-size: 1rem;
display: block;
}
.page-company-nav-sec ul li a:hover {
border-color: #004593;
color: #fff;
background-color: #004593;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-white.svg);
}
.ttl.department {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 30px;
padding: 10px 0;
background-image: -webkit-gradient(linear, left top, right top, from(rgb(4, 54, 207)), color-stop(50%, rgb(16, 52, 164)), to(rgb(26, 51, 126)));
background-image: -webkit-linear-gradient(left, rgb(4, 54, 207), rgb(16, 52, 164) 50%, rgb(26, 51, 126));
background-image: linear-gradient(90deg, rgb(4, 54, 207), rgb(16, 52, 164) 50%, rgb(26, 51, 126));
color: #fff;
text-align: center;
position: relative;
}
.ttl.department::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 14px solid #fff;
border-left: 17px solid transparent;
}
.departments-sec {
margin-bottom: 40px;
}
.departments-sec .box .box-r .pcbox {
display: none;
}
.departments-sec .box .box-r .spbox {
margin-top: 50px;
display: table;
width: 100%;
}
.departments-sec .box .box-r .spbox .spbox-l {
width: 115px;
display: table-cell;
}
.departments-sec .box .box-r .spbox .spbox-l .image-box.thumbox img {
width: 100px;
height: 100px;
border-radius: 50%;
}
.departments-sec .box .box-r .spbox .spbox-r {
width: calc(100% - 95px);
display: table-cell;
vertical-align: middle;
}
.departments-sec .box .box-r .spbox .spbox-r p {
margin-bottom: 0;
}
.departments-nav-box {
padding-top: 30px;
border-top: #CCC solid 1px;
border-bottom: #CCC solid 1px;
}
.departments-nav-box ul.departments-nav {
margin: 0 auto;
width: calc(100% - 20px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 20px;
}
.departments-nav-box ul.departments-nav li {
width: calc(50% - 10px);
margin-bottom: 30px;
}
.departments-nav-box ul.departments-nav li.current a {
padding-bottom: 20px;
display: block;
border-bottom: #1A337E solid 1px;
}
.departments-nav-box ul.departments-nav li .box .box-l .image-box.thumbox {
margin: 0 auto 12px;
width: 80px;
}
.departments-nav-box ul.departments-nav li .box .box-l .image-box.thumbox img {
width: 80px;
height: 80px;
border-radius: 50%;
}
.departments-nav-box ul.departments-nav li .box .box-r p {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 0;
text-align: center;
}
#loader-bg {
z-index: 30000;
}
#loader-bg img {
z-index: 10;
}
.btn-doc-box {
z-index: 1800;
}
.ghnav-box {
z-index: 2000;
}
header {
z-index: 1900;
}
.hamburger-menu-box {
z-index: 2100;
}
.contents-header .ttl-box {
z-index: 2;
}
.index-ttl-sub {
z-index: 50;
}
#pagetop-box {
z-index: 90;
}
ul.slick-dots {
bottom: -50px;
left: -9px;
width: auto;
}
ul.slick-dots li button::before {
font-size: 15px;
color: #fff;
opacity: 1 !important;
}
ul.slick-dots li button:hover::before {
color: #004593;
}
ul.slick-dots li.slick-active button::before {
color: #004593;
}
.slide-arrow {
display: none;
}
.info-slide-nav {
display: none !important;
}
@media (min-width: 768px) {
body {
font-size: clamp(14.4px, (100vw - 360px) * 0.0039130435 + 14.4px, 18px);
}
a, .btn-submit, .button-txt-gray, .gnav-txt {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
br.sp {
display: none !important;
}
br.pc {
display: block !important;
}
br.tb {
display: block !important;
}
.mq-sp {
display: none !important;
}
.mq-tb,
.mq-sp.mq-tb {
display: block !important;
}
#pagetop-box .pagetop {
-webkit-transition: all 0.5s;
transition: all 0.5s;
width: 60px;
height: 60px;
background: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/pagetop.svg) no-repeat center center;
background-size: cover;
}
.ttl.h2 {
font-size: clamp(25.6px, (100vw - 360px) * 0.0069565217 + 25.6px, 32px);
margin-bottom: 25px;
}
.ttl.h3 {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
}
.ttl.h4 {
font-size: clamp(14.4px, (100vw - 360px) * 0.0039130435 + 14.4px, 18px);
}
.subttl.h3 {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
}
.index-ttl {
font-size: clamp(30.4px, (100vw - 360px) * 0.0082608696 + 30.4px, 38px);
margin-bottom: 30px;
}
.index-ttl .ff-en, .index-ttl a.btn-viewmore, .index-ttl .wp-pagenavi,
.index-ttl .nav-pagenate-single, .index-ttl a.btn-contact .ff-en, a.btn-contact .index-ttl .ff-en, .index-ttl a.btn-contact .wp-pagenavi, a.btn-contact .index-ttl .wp-pagenavi,
.index-ttl a.btn-contact .nav-pagenate-single,
a.btn-contact .index-ttl .nav-pagenate-single, .index-ttl .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl .index-ttl span.en, .index-ttl .date-cat-box .date, .date-cat-box .index-ttl .date, .index-ttl footer .copyright-box .copyright, footer .copyright-box .index-ttl .copyright, .index-ttl .single-sec .date, .single-sec .index-ttl .date, .index-ttl .recruit-main .box .box-l .ttl, .recruit-main .box .box-l .index-ttl .ttl, .index-ttl .philosophy-sec .container-inner .philosophy-box .box .box-l dl dt, .philosophy-sec .container-inner .philosophy-box .box .box-l dl .index-ttl dt {
font-size: clamp(16px, (100vw - 360px) * 0.0043478261 + 16px, 20px);
}
.index-ttl-sub {
font-size: clamp(20.8px, (100vw - 360px) * 0.0056521739 + 20.8px, 26px);
margin-bottom: 60px;
width: 100%;
max-width: 18em;
}
a.btn-contactform-move {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
margin: 0 auto;
max-width: 445px;
}
a {  }
a.btn-viewmore {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
width: 200px;
}
a.btn-radius {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
margin: 0 auto;
width: 445px;      }
a.btn-radius:hover { }
.wp-pagenavi,
.nav-pagenate-single {
margin-top: 50px;
}
.wp-pagenavi .current,
.wp-pagenavi a,
.nav-pagenate-single .current,
.nav-pagenate-single a {
margin: 0 5px 10px;
width: 50px;
height: 50px;
line-height: 50px;
margin-bottom: 0;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink,
.nav-pagenate-single a.previouspostslink,
.nav-pagenate-single a.nextpostslink {
background-size: 6px 12px;
}
.wp-pagenavi a.previouspostslink,
.nav-pagenate-single a.previouspostslink {
margin-right: 40px;
}
.wp-pagenavi a.nextpostslink,
.nav-pagenate-single a.nextpostslink {
margin-left: 40px;
}
.wp-pagenavi a.indexlink,
.nav-pagenate-single a.indexlink {
width: 360px;
} .boxlr-tb {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.boxlr-tb .boxl {
width: 50%;
}
.boxlr-tb .boxr {
width: 50%;
}
#wrapper {
margin-top: 120px;
}
.container-wide {
max-width: 1480px;
}
.container-sp-full {
width: calc(100% - 40px);
max-width: 1280px;
}
.container-inner {
max-width: 1000px;
}
[type=text] {
line-height: normal;
}
::-webkit-input-placeholder {
color: #ADADAD;
}
::-moz-placeholder {
color: #ADADAD;
}
:-ms-input-placeholder {
color: #ADADAD;
}
::-ms-input-placeholder {
color: #ADADAD;
}
::placeholder {
color: #ADADAD;
}
[type=text] {
line-height: normal;
}
.form-item-box input[type=text],
.form-item-box input[type=date],
.form-item-box input[type=email],
.form-item-box textarea {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
}
input.btn-submit {
font-size: clamp(16px, (100vw - 360px) * 0.0043478261 + 16px, 20px);
margin: 0 auto;
width: 380px;
}
input.button-txt-gray {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
}
input.button-txt-gray.btn-submit-back {
margin-top: 30px;
}
.contents-header {
margin-bottom: 130px;
}
.contents-header.bgimage {
padding-top: 23.809523%;
}
.contents-header.bgimage .ttl-box {
left: 100px;
}
.contents-header.bgimage .ttl-box .ttl {
margin-bottom: 30px;
}
.contents-header.bgimage .ttl-box .ttl span.jp {
font-size: clamp(38.4px, (100vw - 360px) * 0.0104347826 + 38.4px, 48px);
}
.contents-header.bgimage .ttl-box .subttl span.en {
font-size: clamp(16px, (100vw - 360px) * 0.0043478261 + 16px, 20px);
}
.date-cat-box .date {
display: block;
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
}
.date-cat-box .cat span {
font-size: clamp(9.6px, (100vw - 360px) * 0.0026086957 + 9.6px, 12px);
margin-left: 25px;
}
.date-cat-box dd {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
margin-top: 1em;
display: block;
padding-left: 0;
margin-top: 0;
padding-right: 40px;
}
.breadcrumbs-box {
font-size: clamp(11.2px, (100vw - 360px) * 0.0030434783 + 11.2px, 14px);
margin-top: 130px;
padding: 20px 0;
}
footer {
margin: 0;
padding: 20px 0 0;
background: #3B3F4C;
color: #fff;
}
footer a {
color: #F2F2F2;
}
footer a:hover {
opacity: 0.6;
}
footer .footer-box .footer-logo-box .logo {
width: 30%;
}
footer .footer-box .footer-logo-box .sublogo-box {
margin: 0 auto;
width: 470px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l {
width: 105px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l .image-box {
width: 105px;
height: 65px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-r {
width: 115px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-r .image-box {
width: 115px;
height: 65px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-rr {
width: 200px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-rr .image-box {
width: 200px;
height: 65px;
}
.single-sec .ttl {
margin-bottom: 1.2em;
}
.single-sec .txt-box {
margin-top: 40px;
padding-top: 50px;
}
.business-sec .container-sp-full .business-box {
margin-bottom: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.business-sec .container-sp-full .business-box:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.business-sec .container-sp-full .business-box .box-l {
margin: 0;
width: 39.0625%;
}
.business-sec .container-sp-full .business-box .box-l .ttl {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
margin-bottom: 25px;
}
.business-sec .container-sp-full .business-box .box-l .ttl span {
font-size: 36px;
font-size: 3.6rem;
margin-bottom: 45px;
}
.business-sec .container-sp-full .business-box .box-r {
margin-top: 0;
width: 56.25%;
}
.business-sec .container-sp-full .business-box .box-r::after {
width: 55.56%;
height: 85.9%;
bottom: -20px;
}
.business-sec .container-sp-full .business-box .box-r .image-box {
width: calc(100% - 20px);
}
.business-sec .container-sp-full .business-image-box {
margin: 0;
width: 100%;
}
.page-404 p {
margin-bottom: 60px;
}
.profile-box {
margin-bottom: 120px;
}
table {
width: 100%;
}
table.company-profile tr th {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
width: 13.5em;
padding-left: 2.5em;
padding-right: 2.5em;
}
table.company-profile tr td {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
width: calc(100% - 13.5em);
padding-left: 40px;
padding-right: 30px;
}
.privacy-sec {
margin-bottom: 80px;
}
.privacy-sec .privacy-box ul li {
margin-bottom: 30px;
}
.privacy-sec .privacy-box .ttl-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.privacy-sec .privacy-box .ttl-box .no {
font-size: clamp(14.4px, (100vw - 360px) * 0.0039130435 + 14.4px, 18px);
}
.privacy-sec .privacy-box .ttl-box .privacy-txt .ttl {
font-size: clamp(14.4px, (100vw - 360px) * 0.0039130435 + 14.4px, 18px);
}
.information-security-sec .information-security-image-box {
margin-top: 70px;
margin-bottom: 80px;
width: 100%;
}
.information-security-sec .isms-image-box {
margin: 40px auto 80px;
width: 430px;
}
.required {
font-size: clamp(8px, (100vw - 360px) * 0.002173913 + 8px, 10px);
}
.notes-box {
padding: 0 30px;
}
.form-block {
padding-top: 65px;
}
.form-block .form-item-box {
margin: 0 auto;
max-width: 760px;
}
.form-block .form-item-box table {
width: 100%;
}
.form-block .form-item-box table tr th {
margin: 0 0 10px;
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
}
.form-block .form-item-box table tr td {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
margin: 0 0 25px;
}
.form-block .form-item-box table tr td.privacy span {
display: inline-block;
}
.form-block .form-item-box .form-privacy-box {
margin-bottom: 50px;
}
.form-block .form-item-box .form-privacy-box p {
margin-bottom: 1em;
}
.form-block .form-item-box .form-privacy-box p:last-child {
margin-bottom: 0;
}
.btn-privacy-box {
margin: 80px auto 30px;
max-width: 740px;
}
.thanks-box {
margin-bottom: 60px;
padding: 20px;
}
.thanks-box .box p {
font-size: clamp(16px, (100vw - 360px) * 0.0043478261 + 16px, 20px);
margin-bottom: 0;
}
.thanks-box .box p a {
color: #333;
}
.recaptcha-box {
margin-bottom: 40px;
}
.recaptcha-box p {
font-size: clamp(9.6px, (100vw - 360px) * 0.0026086957 + 9.6px, 12px);
text-align: center;
}
@-webkit-keyframes scrollDown {
0% {
height: 0;
}
50% {
height: 100%;
}
100% {
height: 0;
top: auto;
bottom: 0;
}
}
@keyframes scrollDown {
0% {
height: 0;
}
50% {
height: 100%;
}
100% {
height: 0;
top: auto;
bottom: 0;
}
}
#scrolldown-wrap {
width: 22px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
left: 60px;
bottom: 70px;
z-index: 300;
}
#scrolldown-wrap.scrolldown-recruit {
left: auto;
right: 20px;
bottom: -70px;
}
#scrolldown-wrap.scrolldown-recruit #scrolldown-box {
background: #253B7C;
}
#scrolldown-wrap.scrolldown-recruit #scrolldown-box #scrolldown {
background: #fff;
}
#scrolldown-wrap .txt {
display: block;
width: 11px;
}
#scrolldown-wrap .txt .image-box {
margin-top: 0 !important;
}
#scrolldown-wrap #scrolldown-box {
overflow: hidden;
height: 160px;
width: 1px;
background: #fff;
position: relative;
}
#scrolldown-wrap #scrolldown-box #scrolldown {
height: 100%;
width: 1px;
overflow: hidden;
background: #253B7C;
position: absolute;
left: 0;
top: 0;
-webkit-animation: scrollDown 2s linear 0s infinite normal;
animation: scrollDown 2s linear 0s infinite normal;
}
.index-content {
margin-top: 120px;
position: relative;
}
.index-content .index-main {
margin-bottom: 0;
padding-bottom: 120px;
}
.index-content .index-main::after {
content: "";
width: calc(100% - 50px);
height: calc(100% - 240px);
background: #EDEDED;
position: absolute;
left: 0;
bottom: 0;
}
.index-content .index-main .ttl {
font-size: clamp(32px, (100vw - 360px) * 0.0086956522 + 32px, 40px);
width: auto;
padding: 0;
left: 8.92%;
top: 35%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: none;
}
.index-content .index-main .ttl p {
text-align: left;
}
.index-content .index-main .ttl p span {
padding: 2px 20px;
display: inline-block;
background-image: -webkit-gradient(linear, left top, right top, from(rgb(4, 54, 207)), color-stop(50%, rgb(16, 52, 164)), to(rgb(26, 51, 126)));
background-image: -webkit-linear-gradient(left, rgb(4, 54, 207), rgb(16, 52, 164) 50%, rgb(26, 51, 126));
background-image: linear-gradient(90deg, rgb(4, 54, 207), rgb(16, 52, 164) 50%, rgb(26, 51, 126));
}
.index-content .index-main .ttl p:first-child {
margin: 0 0 9px;
}
.index-content .index-main .ttl p:last-child {
margin: 0 0 0 100px;
}
.index-content .index-main .index-main-news {
width: 70.15%;
position: absolute;
right: 0;
bottom: 119px;
z-index: 10;
}
.index-content .index-main .index-main-news .box {
padding: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.index-content .index-main .index-main-news .box .box-l {
display: block;
width: 7em;
}
.index-content .index-main .index-main-news .box .box-l .news-ttl {
font-size: clamp(16px, (100vw - 360px) * 0.0043478261 + 16px, 20px);
color: #004593;
margin-bottom: 0;
line-height: 1;
}
.index-content .index-main .index-main-news .box .box-r {
width: calc(100% - 7em);
}
.index-content .index-main .index-slide-box .index-slide {
margin: 0 0 0 auto;
width: 78.57%;
}
.index-content .index-main .index-slide-box .index-slide .index-slide-item .slideimg {
width: 100%;
height: 0;
padding-top: 60.606%;
}
.index-content .index-main .index-slide-box .index-slide .slick-dots {
display: block !important;
}
.index-sec {
margin-bottom: 0;
position: relative;
}
.index-sec.index-business {
z-index: 10;
}
.index-sec.index-business .box {
background: #EDEDED;
}
.index-sec.index-business .box .box-l .image-box img {
margin-bottom: -60px;
}
.index-sec.index-business .box .box-r .index-ttl .ff-en, .index-sec.index-business .box .box-r .index-ttl a.btn-viewmore, .index-sec.index-business .box .box-r .index-ttl .wp-pagenavi,
.index-sec.index-business .box .box-r .index-ttl .nav-pagenate-single, .index-sec.index-business .box .box-r .index-ttl .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl .index-sec.index-business .box .box-r .index-ttl span.en, .index-sec.index-business .box .box-r .index-ttl .date-cat-box .date, .date-cat-box .index-sec.index-business .box .box-r .index-ttl .date, .index-sec.index-business .box .box-r .index-ttl footer .copyright-box .copyright, footer .copyright-box .index-sec.index-business .box .box-r .index-ttl .copyright, .index-sec.index-business .box .box-r .index-ttl .single-sec .date, .single-sec .index-sec.index-business .box .box-r .index-ttl .date, .index-sec.index-business .recruit-main .box .box-r .index-ttl .box-l .ttl, .recruit-main .index-sec.index-business .box .box-r .index-ttl .box-l .ttl, .index-sec.index-business .recruit-main .box .box-l .box-r .index-ttl .ttl, .recruit-main .index-sec.index-business .box .box-l .box-r .index-ttl .ttl, .index-sec.index-business .philosophy-sec .container-inner .philosophy-box .box .box-r .index-ttl .box-l dl dt, .philosophy-sec .container-inner .philosophy-box .index-sec.index-business .box .box-r .index-ttl .box-l dl dt, .index-sec.index-business .philosophy-sec .container-inner .philosophy-box .box .box-l dl .box-r .index-ttl dt, .philosophy-sec .container-inner .philosophy-box .index-sec.index-business .box .box-l dl .box-r .index-ttl dt {
color: #004593;
background: #fff;
}
.index-sec.index-company {
z-index: 9;
padding-top: 60px;
position: relative;
}
.index-sec.index-company::before {
content: "";
width: 50px;
height: 100%;
background: #EDEDED;
position: absolute;
left: 0;
top: 0;
}
.index-sec.index-company::after {
content: "";
width: 100%;
height: 30px;
background: #EDEDED;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.index-sec.index-company .box {
padding-top: 120px;
margin-left: auto;
background: #fff;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.index-sec.index-company .box .box-l {
z-index: 2;
}
.index-sec.index-company .box .box-r .container, .index-sec.index-company .box .box-r .business-sec .container-sp-full .business-box .box-l, .business-sec .container-sp-full .business-box .index-sec.index-company .box .box-r .box-l, .index-sec.index-company .box .box-r .business-sec .container-sp-full .business-image-box, .business-sec .container-sp-full .index-sec.index-company .box .box-r .business-image-box, .index-sec.index-company .recruit-main .box .box-r .box-l, .recruit-main .index-sec.index-company .box .box-r .box-l, .index-sec.index-company .box .box-r .recruit-main .btn-box-bottom, .recruit-main .index-sec.index-company .box .box-r .btn-box-bottom, .index-sec.index-company .company-greeting-sec .box .box-r .box-l, .company-greeting-sec .index-sec.index-company .box .box-r .box-l, .index-sec.index-company .company-greeting-sec .box .box-r .sign-box, .company-greeting-sec .index-sec.index-company .box .box-r .sign-box {
margin-left: 30px;
}
.index-sec .box {
width: calc(100% - 50px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index-sec .box .box-l {
width: 63%;
display: block;
}
.index-sec .box .box-r {
width: calc(37% - 30px);
padding-bottom: 30px;
}
.index-sec .box .box-r .container, .index-sec .box .box-r .business-sec .container-sp-full .business-box .box-l, .business-sec .container-sp-full .business-box .index-sec .box .box-r .box-l, .index-sec .box .box-r .business-sec .container-sp-full .business-image-box, .business-sec .container-sp-full .index-sec .box .box-r .business-image-box, .index-sec .recruit-main .box .box-r .box-l, .recruit-main .index-sec .box .box-r .box-l, .index-sec .box .box-r .recruit-main .btn-box-bottom, .recruit-main .index-sec .box .box-r .btn-box-bottom, .index-sec .company-greeting-sec .box .box-r .box-l, .company-greeting-sec .index-sec .box .box-r .box-l, .index-sec .company-greeting-sec .box .box-r .sign-box, .company-greeting-sec .index-sec .box .box-r .sign-box {
width: 100%;
max-width: 100%;
}
.index-sec .box .box-r .image-box {
display: none;
}
.index-sec .box .box-r .index-lead {
font-size: clamp(16.8px, (100vw - 360px) * 0.0045652174 + 16.8px, 21px);
margin-bottom: 30px;
}
.index-sec .box .box-r .btn-viewmore-box {
display: block;
}
.index-sec .box .box-r .btn-viewmore-box a.btn-viewmore {
width: 200px;
}
.home .index-news {
background: #EDEDED;
margin-bottom: 0;
padding: 30px 0;
}
.index-news .btn-viewall-box {
display: none;
}
.index-news .container, .index-news .business-sec .container-sp-full .business-box .box-l, .business-sec .container-sp-full .business-box .index-news .box-l, .index-news .business-sec .container-sp-full .business-image-box, .business-sec .container-sp-full .index-news .business-image-box, .index-news .recruit-main .box .box-l, .recruit-main .box .index-news .box-l, .index-news .recruit-main .btn-box-bottom, .recruit-main .index-news .btn-box-bottom, .index-news .company-greeting-sec .box .box-l, .company-greeting-sec .box .index-news .box-l, .index-news .company-greeting-sec .box .box-r .sign-box, .company-greeting-sec .box .box-r .index-news .sign-box {
width: calc(100% - 100px);
max-width: 100%;
}
.index-news.page-news .news-box {
padding-top: 0;
}
.index-news .news-box {
background: #fff;
padding: 30px 30px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index-news .news-box .boxl {
width: 180px;
}
.index-news .news-box .boxl .btn-viewmore-box {
display: block;
}
.index-news .news-box .boxl .btn-viewmore-box a.btn-viewmore {
width: 140px;
}
.index-news .news-box .boxr {
width: calc(100% - 180px);
}
.index-news .news-box ul li a {
display: block;
}
.recruit-main {
padding-top: 0;
padding-bottom: 70px;
background: none;
position: relative;
}
.recruit-main::before {
content: "";
background: #EDEDED;
width: 30%;
height: 70px;
display: block;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.recruit-main::after {
content: "";
background: #004593;
width: 70%;
height: 100%;
display: block;
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
}
.recruit-main .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
z-index: 2;
position: relative;
}
.recruit-main .box .box-l {
width: calc(49% - 75px);
max-width: auto;
padding-top: 12%;
}
.recruit-main .box .box-l .lead {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
color: #fff;
margin-bottom: 5px;
}
.recruit-main .box .box-l .ttl {
font-size: clamp(38.4px, (100vw - 360px) * 0.0104347826 + 38.4px, 48px);
}
.recruit-main .box .box-l .btn-box-head {
margin-right: 80px;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.recruit-main .box .box-l .btn-box-head p {
width: calc(50% - 20px);
}
.recruit-main .box .box-r {
width: 50.5952%;
}
.recruit-main .box .box-r .image-box {
margin-top: 70px;
}
.recruit-main .btn-box-bottom {
display: none; }
.recruit-features {
margin-bottom: 50px;
padding: 70px 0;
background: #EDEDED;
}
.recruit-features .container-wide .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.recruit-features .container-wide .box .box-l {
width: calc(51.352% - 110px);
position: relative;
}
.recruit-features .container-wide .box .box-l .inner-box {
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.recruit-features .container-wide .box .box-l .index-ttl span.ff-en, .recruit-features .container-wide .box .box-l .index-ttl span.wp-pagenavi,
.recruit-features .container-wide .box .box-l .index-ttl span.nav-pagenate-single, .recruit-features .container-wide .box .box-l .index-ttl .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl .recruit-features .container-wide .box .box-l .index-ttl span.en, .recruit-features .container-wide .box .box-l .index-ttl .date-cat-box span.date, .date-cat-box .recruit-features .container-wide .box .box-l .index-ttl span.date, .recruit-features .container-wide .box .box-l .index-ttl footer .copyright-box span.copyright, footer .copyright-box .recruit-features .container-wide .box .box-l .index-ttl span.copyright, .recruit-features .container-wide .box .box-l .index-ttl .single-sec span.date, .single-sec .recruit-features .container-wide .box .box-l .index-ttl span.date, .recruit-features .container-wide .recruit-main .box .box-l .index-ttl span.ttl, .recruit-main .recruit-features .container-wide .box .box-l .index-ttl span.ttl {
background: #fff;
}
.recruit-features .container-wide .box .box-l p {
font-size: clamp(25.6px, (100vw - 360px) * 0.0069565217 + 25.6px, 32px);
}
.recruit-features .container-wide .box .box-r {
width: 48.648%;
}
.recruit-features .container-wide .box .box-r .image-box {
margin-bottom: 0;
}
.recruit-departments .container-wide .recruit-departments-nav-box {
margin-top: 60px;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 80px 34px;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li {
width: calc(33.3333333333% - 22.6666666667px);
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li a::after {
border-bottom-width: 35px;
border-left-width: 35px;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li a p.ttl {
font-size: clamp(25.6px, (100vw - 360px) * 0.0069565217 + 25.6px, 32px);
padding: 15px 0;
width: calc(100% - 50px);
background: none;
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li a p.ttl.small {
font-size: clamp(25.6px, (100vw - 360px) * 0.0069565217 + 25.6px, 32px);
}
.features-sec {
margin-bottom: 70px;
}
.features-sec .container-inner p.subttl {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
margin-bottom: 10px;
}
.features-sec .container-inner .ttl {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
}
.features-sec .container-inner .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.features-sec .container-inner .box .box-l {
width: calc(66% - 80px);
}
.features-sec .container-inner .box .box-r {
width: 34%;
display: block;
margin-top: 0;
}
.features-sec .container-inner .box .box-r .image-box {
width: 100%;
margin-bottom: 20px;
}
.features-sec .container-inner .box .box-r .sign-box {
width: 100%;
}
.features-sec .container-inner .box .box-r .sign-box .inner-box {
position: relative;
left: auto;
top: auto;
-webkit-transform: none;
transform: none;
}
.features-sec .container-inner .box .box-r .sign-box .inner-box p.sign {
font-size: clamp(11.2px, (100vw - 360px) * 0.0030434783 + 11.2px, 14px);
margin-bottom: 20px;
}
.features-sec .container-inner .box .box-r .sign-box .inner-box .image-box.sign {
width: 45.29%;
}
.recruit-nav-box {
margin-top: 130px;
}
.recruit-nav-box ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.recruit-nav-box ul li {
width: calc(50% - 10px);
margin-bottom: 0;
}
.recruit-nav-box ul li .box .box-l {
width: 40.78%;
}
.recruit-nav-box ul li .box .box-r {
width: calc(59.22% - 50px);
}
.recruit-nav-box ul li .box .box-r .ttl {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
}
.recruit-nav-box ul li .box .box-r .ttl.icon-blank {
background-size: 17.47px 13.57px;
padding-right: 1.3em;
}
.recruit-nav-box ul li .box .box-r span {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
}
.joblist-box ul li {
margin-bottom: 30px;
}
.joblist-box ul li a {
font-size: clamp(19.2px, (100vw - 360px) * 0.0052173913 + 19.2px, 24px);
}
.company-sec ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.company-sec ul li {
width: calc(33.33% - 15px);
margin-bottom: 0;
}
.company-sec ul li a .index-ttl {
font-size: 23px;
font-size: 2.3rem;
padding: 15px 20px;
background-position-x: calc(100% - 0.5em);
}
.company-sec ul li a .index-ttl span.ff-en, .company-sec ul li a .index-ttl span.wp-pagenavi,
.company-sec ul li a .index-ttl span.nav-pagenate-single, .company-sec ul li a .index-ttl .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl .company-sec ul li a .index-ttl span.en, .company-sec ul li a .index-ttl .date-cat-box span.date, .date-cat-box .company-sec ul li a .index-ttl span.date, .company-sec ul li a .index-ttl footer .copyright-box span.copyright, footer .copyright-box .company-sec ul li a .index-ttl span.copyright, .company-sec ul li a .index-ttl .single-sec span.date, .single-sec .company-sec ul li a .index-ttl span.date, .company-sec ul li a .index-ttl .recruit-main .box .box-l span.ttl, .recruit-main .box .box-l .company-sec ul li a .index-ttl span.ttl {
font-size: 14px;
font-size: 1.4rem;
}
.company-greeting-sec .box {
margin: 60px auto 0;
max-width: 1000px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.company-greeting-sec .box .box-l {
width: calc(64% - 60px);
margin: 0;
}
.company-greeting-sec .box .box-r {
width: 36%;
}
.company-greeting-sec .box .box-r .image-box {
margin-top: 0;
margin-bottom: 20px;
}
.company-greeting-sec .box .box-r .sign-box {
margin: 0;
}
.company-greeting-sec .box .box-r .sign-box p.sign {
font-size: clamp(11.2px, (100vw - 360px) * 0.0030434783 + 11.2px, 14px);
margin-bottom: 20px;
}
.company-greeting-sec .box .box-r .sign-box .image-box.sign {
width: 50%;
}
.philosophy-sec .container-inner .philosophy-box {
border-bottom: none;
margin-bottom: 110px;
padding-bottom: 0;
}
.philosophy-sec .container-inner .philosophy-box .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l {
width: calc(50% - 30px);
margin-bottom: 0;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl {
margin-bottom: 35px;
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl dt {
font-size: clamp(14.4px, (100vw - 360px) * 0.0039130435 + 14.4px, 18px);
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl dd {
width: calc(100% - 1.5em);
}
.philosophy-sec .container-inner .philosophy-box .box .box-l dl dd strong {
font-size: clamp(14.4px, (100vw - 360px) * 0.0039130435 + 14.4px, 18px);
}
.philosophy-sec .container-inner .philosophy-box .box .box-r {
width: 50%;
}
.philosophy-sec .container-inner .philosophy-box .box .box-r .image-box {
padding-right: 50px;
}
.page-company-nav-sec {
margin-top: 130px;
}
.page-company-nav-sec ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-company-nav-sec ul li {
margin-bottom: 0;
width: calc(33.333% - 12px);
}
.page-company-nav-sec ul li a {
padding: 1em;
}
.page-company-nav-sec ul li a span {
font-size: clamp(9.6px, (100vw - 360px) * 0.0026086957 + 9.6px, 12px);
}
.ttl.department {
font-size: clamp(28.8px, (100vw - 360px) * 0.007826087 + 28.8px, 36px);
margin-bottom: 70px;
padding: 18px 80px;
display: inline-block;
}
.ttl.department::after {
border-bottom: 19px solid #fff;
border-left: 24px solid transparent;
}
.departments-sec {
margin-bottom: 40px;
}
.departments-sec .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.departments-sec .box .box-l {
width: calc(66% - 80px);
}
.departments-sec .box .box-r {
width: 34%;
}
.departments-sec .box .box-r .pcbox {
display: block;
}
.departments-sec .box .box-r .pcbox p {
margin-top: 20px;
}
.departments-sec .box .box-r .pcbox p span {
margin-left: 1em;
display: inline-block;
}
.departments-sec .box .box-r .spbox {
display: none;
}
.departments-nav-box {
padding-top: 90px;
padding-bottom: 90px;
}
.departments-nav-box ul.departments-nav {
width: calc(100% - 80px);
gap: 20px;
}
.departments-nav-box ul.departments-nav li {
width: calc(33.3333333333% - 13.3333333333px);
margin-bottom: 0;
}
.departments-nav-box ul.departments-nav li.current a {
padding-bottom: 15px;
}
.departments-nav-box ul.departments-nav li .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.departments-nav-box ul.departments-nav li .box .box-l {
width: 105px;
margin: 0 auto;
}
.departments-nav-box ul.departments-nav li .box .box-l .image-box.thumbox {
margin: 0 auto 5px;
width: 90px;
}
.departments-nav-box ul.departments-nav li .box .box-l .image-box.thumbox img {
width: 90px;
height: 90px;
}
.departments-nav-box ul.departments-nav li .box .box-r {
width: 100%;
}
.departments-nav-box ul.departments-nav li .box .box-r p {
font-size: 13px;
font-size: 1.3rem;
letter-spacing: 0;
}
.invisible {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 0;
}
.visible {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 1;
}
@-webkit-keyframes fadeInUpSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpSmall {
-webkit-animation-name: fadeInUpSmall;
animation-name: fadeInUpSmall;
}
.delay02s {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.delay03s {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.delay04s {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.delay05s {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay1s {
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.delay2s {
-webkit-animation-delay: 2s;
animation-delay: 2s; }
.delay3s {
-webkit-animation-delay: 3s;
animation-delay: 3s; }
.delay01s {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.delay0125s {
-webkit-animation-delay: 0.125s;
animation-delay: 0.125s;
}
.delay015s {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.delay0175s {
-webkit-animation-delay: 0.175s;
animation-delay: 0.175s;
}
.delay02s {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.delay0225s {
-webkit-animation-delay: 0.225s;
animation-delay: 0.225s;
}
.delay025s {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.delay0275s {
-webkit-animation-delay: 0.275s;
animation-delay: 0.275s;
}
.delay03s {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.delay0325s {
-webkit-animation-delay: 0.325s;
animation-delay: 0.325s;
}
.delay035s {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
.delay0375s {
-webkit-animation-delay: 0.375s;
animation-delay: 0.375s;
}
.delay04s {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.delay0425s {
-webkit-animation-delay: 0.425s;
animation-delay: 0.425s;
}
.delay045s {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
.delay0475s {
-webkit-animation-delay: 0.475s;
animation-delay: 0.475s;
}
.delay05s {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay0525s {
-webkit-animation-delay: 0.525s;
animation-delay: 0.525s;
}
.delay055s {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
}
.delay0575s {
-webkit-animation-delay: 0.575s;
animation-delay: 0.575s;
}
.delay06s {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.delay0625s {
-webkit-animation-delay: 0.625s;
animation-delay: 0.625s;
}
.delay065s {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}
.delay0675s {
-webkit-animation-delay: 0.675s;
animation-delay: 0.675s;
}
.delay07s {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.delay0725s {
-webkit-animation-delay: 0.725s;
animation-delay: 0.725s;
}
.delay075s {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.delay0775s {
-webkit-animation-delay: 0.775s;
animation-delay: 0.775s;
}
.delay08s {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.delay0825s {
-webkit-animation-delay: 0.825s;
animation-delay: 0.825s;
}
.delay085s {
-webkit-animation-delay: 0.85s;
animation-delay: 0.85s;
}
.delay0875s {
-webkit-animation-delay: 0.875s;
animation-delay: 0.875s;
}
.delay09s {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.delay0925s {
-webkit-animation-delay: 0.925s;
animation-delay: 0.925s;
}
.delay095s {
-webkit-animation-delay: 0.95s;
animation-delay: 0.95s;
}
.delay0975s {
-webkit-animation-delay: 0.975s;
animation-delay: 0.975s;
}
.delay1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.delay1_1s {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.delay1_125s {
-webkit-animation-delay: 1.125s;
animation-delay: 1.125s;
}
.delay1_15s {
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
.delay1_175s {
-webkit-animation-delay: 1.175s;
animation-delay: 1.175s;
}
.delay1_2s {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.delay1_225s {
-webkit-animation-delay: 1.225s;
animation-delay: 1.225s;
}
.delay1_25s {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.delay1_275s {
-webkit-animation-delay: 1.275s;
animation-delay: 1.275s;
}
.delay1_3s {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.delay1_325s {
-webkit-animation-delay: 1.325s;
animation-delay: 1.325s;
}
.delay1_35s {
-webkit-animation-delay: 1.35s;
animation-delay: 1.35s;
}
.delay1_375s {
-webkit-animation-delay: 1.375s;
animation-delay: 1.375s;
}
.delay1_4s {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.delay1_425s {
-webkit-animation-delay: 1.425s;
animation-delay: 1.425s;
}
.delay1_45s {
-webkit-animation-delay: 1.45s;
animation-delay: 1.45s;
}
.delay1_475s {
-webkit-animation-delay: 1.475s;
animation-delay: 1.475s;
}
.delay1_5s {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay1_525s {
-webkit-animation-delay: 1.525s;
animation-delay: 1.525s;
}
.delay1_55s {
-webkit-animation-delay: 1.55s;
animation-delay: 1.55s;
}
.delay1_575s {
-webkit-animation-delay: 1.575s;
animation-delay: 1.575s;
}
.delay1_6s {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.delay1_625s {
-webkit-animation-delay: 1.625s;
animation-delay: 1.625s;
}
.delay1_65s {
-webkit-animation-delay: 1.65s;
animation-delay: 1.65s;
}
.delay1_675s {
-webkit-animation-delay: 1.675s;
animation-delay: 1.675s;
}
.delay1_7s {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.delay1_725s {
-webkit-animation-delay: 1.725s;
animation-delay: 1.725s;
}
.delay1_75s {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}
.delay1_775s {
-webkit-animation-delay: 1.775s;
animation-delay: 1.775s;
}
.delay1_8s {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.delay1_825s {
-webkit-animation-delay: 1.825s;
animation-delay: 1.825s;
}
.delay1_85s {
-webkit-animation-delay: 1.85s;
animation-delay: 1.85s;
}
.delay1_875s {
-webkit-animation-delay: 1.875s;
animation-delay: 1.875s;
}
.delay1_9s {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.delay1_925s {
-webkit-animation-delay: 1.925s;
animation-delay: 1.925s;
}
.delay1_95s {
-webkit-animation-delay: 1.95s;
animation-delay: 1.95s;
}
.delay1_975s {
-webkit-animation-delay: 1.975s;
animation-delay: 1.975s;
}
.delay2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.delay2_1s {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.delay2_125s {
-webkit-animation-delay: 2.125s;
animation-delay: 2.125s;
}
.delay2_15s {
-webkit-animation-delay: 2.15s;
animation-delay: 2.15s;
}
.delay2_175s {
-webkit-animation-delay: 2.175s;
animation-delay: 2.175s;
}
.delay2_2s {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.delay2_225s {
-webkit-animation-delay: 2.225s;
animation-delay: 2.225s;
}
.delay2_25s {
-webkit-animation-delay: 2.25s;
animation-delay: 2.25s;
}
.delay2_275s {
-webkit-animation-delay: 2.275s;
animation-delay: 2.275s;
}
.delay2_3s {
-webkit-animation-delay: 2.3s;
animation-delay: 2.3s;
}
.delay2_325s {
-webkit-animation-delay: 2.325s;
animation-delay: 2.325s;
}
.delay2_35s {
-webkit-animation-delay: 2.35s;
animation-delay: 2.35s;
}
.delay2_375s {
-webkit-animation-delay: 2.375s;
animation-delay: 2.375s;
}
.delay2_4s {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.delay2_425s {
-webkit-animation-delay: 2.425s;
animation-delay: 2.425s;
}
.delay2_45s {
-webkit-animation-delay: 2.45s;
animation-delay: 2.45s;
}
.delay2_475s {
-webkit-animation-delay: 2.475s;
animation-delay: 2.475s;
}
.delay2_5s {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay2_525s {
-webkit-animation-delay: 2.525s;
animation-delay: 2.525s;
}
.delay2_55s {
-webkit-animation-delay: 2.55s;
animation-delay: 2.55s;
}
.delay2_575s {
-webkit-animation-delay: 2.575s;
animation-delay: 2.575s;
}
.delay2_6s {
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.delay2_625s {
-webkit-animation-delay: 2.625s;
animation-delay: 2.625s;
}
.delay2_65s {
-webkit-animation-delay: 2.65s;
animation-delay: 2.65s;
}
.delay2_675s {
-webkit-animation-delay: 2.675s;
animation-delay: 2.675s;
}
.delay2_7s {
-webkit-animation-delay: 2.7s;
animation-delay: 2.7s;
}
.delay2_725s {
-webkit-animation-delay: 2.725s;
animation-delay: 2.725s;
}
.delay2_75s {
-webkit-animation-delay: 2.75s;
animation-delay: 2.75s;
}
.delay2_775s {
-webkit-animation-delay: 2.775s;
animation-delay: 2.775s;
}
.delay2_8s {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.delay2_825s {
-webkit-animation-delay: 2.825s;
animation-delay: 2.825s;
}
.delay2_85s {
-webkit-animation-delay: 2.85s;
animation-delay: 2.85s;
}
.delay2_875s {
-webkit-animation-delay: 2.875s;
animation-delay: 2.875s;
}
.delay2_9s {
-webkit-animation-delay: 2.9s;
animation-delay: 2.9s;
}
.delay2_925s {
-webkit-animation-delay: 2.925s;
animation-delay: 2.925s;
}
.delay2_95s {
-webkit-animation-delay: 2.95s;
animation-delay: 2.95s;
}
.delay2_975s {
-webkit-animation-delay: 2.975s;
animation-delay: 2.975s;
}
.delay3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.delay4s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.slide-arrow {
display: block;
background-repeat: no-repeat;
background-position-y: center;
background-size: contain;
display: block;
position: absolute;
top: calc(50% - 20px);
width: 24px;
height: 40px;
z-index: 2;
cursor: pointer;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.slide-arrow:hover {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0.6;
}
.slide-arrow.arrow-prev {
left: 20px;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/icon-slide-arrow-prev.svg);
background-position-x: left;
}
.slide-arrow.arrow-next {
right: 20px;
background-image: url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/icon-slide-arrow-next.svg);
background-position-x: left;
}
.info-slide-nav {
display: block !important;
}
.info-slide-nav .slick-track {
-webkit-transform: unset !important;
transform: unset !important;
}
.info-slide-nav .slick-track .slide-item {
cursor: pointer;
}
.info-slide-nav .slick-track .slide-item .bgimage-box {
position: relative;
}
.info-slide-nav .slick-track .slide-item .bgimage-box::after {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
top: 0;
}
.info-slide-nav .slick-track .slide-item.slick-current .bgimage-box::after {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.info-slide-nav .slick-track .slide-item:hover .bgimage-box::after {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
}
@media (min-width: 992px) {
.anchor {
margin-top: -140px;
padding-top: 140px;
}
.mq-sp {
display: none !important;
}
.mq-pc {
display: block !important;
}
.mq-sp.mq-tb {
display: none !important;
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
a.btn-viewmore {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
width: 300px;
}
.index-ttl {
font-size: clamp(34.4px, (100vw - 360px) * 0.0093478261 + 34.4px, 43px);
}
.index-ttl .ff-en, .index-ttl a.btn-viewmore, .index-ttl .wp-pagenavi,
.index-ttl .nav-pagenate-single, .index-ttl a.btn-contact .ff-en, a.btn-contact .index-ttl .ff-en, .index-ttl a.btn-contact .wp-pagenavi, a.btn-contact .index-ttl .wp-pagenavi,
.index-ttl a.btn-contact .nav-pagenate-single,
a.btn-contact .index-ttl .nav-pagenate-single, .index-ttl .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl .index-ttl span.en, .index-ttl .date-cat-box .date, .date-cat-box .index-ttl .date, .index-ttl footer .copyright-box .copyright, footer .copyright-box .index-ttl .copyright, .index-ttl .single-sec .date, .single-sec .index-ttl .date, .index-ttl .recruit-main .box .box-l .ttl, .recruit-main .box .box-l .index-ttl .ttl, .index-ttl .philosophy-sec .container-inner .philosophy-box .box .box-l dl dt, .philosophy-sec .container-inner .philosophy-box .box .box-l dl .index-ttl dt {
font-size: clamp(18.4px, (100vw - 360px) * 0.005 + 18.4px, 23px);
}
.index-ttl-sub {
font-size: clamp(24px, (100vw - 360px) * 0.0065217391 + 24px, 30px);
}
.container, .business-sec .container-sp-full .business-box .box-l, .business-sec .container-sp-full .business-image-box, .recruit-main .box .box-l, .recruit-main .btn-box-bottom, .company-greeting-sec .box .box-l, .company-greeting-sec .box .box-r .sign-box {
max-width: 1280px;
}
.container-inner {
max-width: 1000px;
}
.hamburger-menu-box {
display: none;
}
header {
height: 120px;
}
header .header-box .box-lr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
header .header-box .box-lr .box-l {
width: 330px;
}
header .header-box .box-lr .box-l .logo {
width: 214px;
margin: 20px 0 0 70px;
display: block;
}
header .header-box .box-lr .box-l .logo a {
margin-bottom: 8px;
}
header .header-box .box-lr .box-l .logo a img {
width: 100%;
height: auto;
}
header .header-box .box-lr .box-l .logo p {
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
margin: 0;
text-align: center;
}
header .header-box .box-lr .box-r {
display: block;
width: calc(100% - 330px);
}
header .header-box .box-lr .box-r .nav-box {
width: 100%;
display: table;
text-align: right;
height: 120px;
}
header .header-box .box-lr .box-r .nav-box nav {
display: table-cell;
padding: 0;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent {
margin: 0 40px 0 auto;
width: 765px;
display: table;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item {
display: table-cell;
width: 19%;
margin: 0;
white-space: nowrap;
vertical-align: middle;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item:last-child {
width: 23%;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item a.parent-link {
font-weight: 500;
display: table;
width: 100%;
padding: 0;
height: 120px;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item a.parent-link .box {
width: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
position: relative;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item a.parent-link .box::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 2px;
background: #004593;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item a.parent-link:hover .box {
position: relative;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item a.parent-link:hover .box span {
opacity: 0.6;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item a.parent-link:hover .box::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item.has-children {
position: relative;
cursor: pointer;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item.has-children a {
position: relative;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item.has-children .children {
width: 100%;
height: 0;
overflow: hidden;
position: absolute;
top: calc(100% - 20px);
left: 0;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item.has-children .children li {
margin: 0;
padding: 0;
display: block;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item.has-children .children li a {
font-weight: 500;
width: 100%;
display: block;
white-space: nowrap;
padding: 10px 20px;
background: #004593;
color: #fff;
text-align: left;
line-height: 1.4;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item.has-children .children li a:hover {
background: #0052AF;
}
header .header-box .box-lr .box-r .nav-box nav .gnav-ul.parent li.parent-item.has-children:hover .children {
height: auto;
top: 100%;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
footer {
padding-top: 80px;
}
footer .footer-box {
width: calc(100% - 200px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
footer .footer-box .footer-logo-box {
width: 380px;
}
footer .footer-box .footer-logo-box .logo {
margin: 0 0 35px;
width: 214px;
}
footer .footer-box .footer-logo-box .logo p {
font-size: clamp(11.2px, (100vw - 360px) * 0.0030434783 + 11.2px, 14px);
font-weight: normal;
}
footer .footer-box .footer-logo-box .address-box {
display: block;
margin-bottom: 35px;
}
footer .footer-box .footer-logo-box .address-box a {
color: #fff;
}
footer .footer-box .footer-logo-box .address-box p {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
margin: 0;
}
footer .footer-box .footer-logo-box .sublogo-box {
width: 360px;
margin: 0;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l {
width: 80px;
height: 50px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l .image-box {
width: 80px;
height: 50px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-l .image-box img {
margin: 0;
}
footer .footer-box .footer-logo-box .sublogo-box .box-r {
width: 90px;
height: 50px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-r .image-box {
width: 90px;
height: 50px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-r .image-box img {
margin: 0;
}
footer .footer-box .footer-logo-box .sublogo-box .box-rr {
width: 155px;
height: 50px;
}
footer .footer-box .footer-logo-box .sublogo-box .box-rr .image-box {
width: 155px;
height: 50px;
}
footer .footer-box .footer-nav-block {
width: calc(100% - 380px);
}
footer .footer-box .footer-nav-block .footer-nav-box {
margin: 0 0 80px auto;
display: table;
}
footer .footer-box .footer-nav-block .footer-nav-box .footer-nav {
display: table-cell;
padding-left: 40px;
}
footer .footer-box .footer-nav-block .footer-nav-box .footer-nav:first-child {
padding-left: 0;
}
footer .footer-box .footer-nav-block .footer-nav-box .footer-nav nav.fnav ul.parent li a {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
}
footer .footer-box .footer-nav-block .footer-other-nav-box {
margin: 0;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul {
margin: 0 0 10px auto;
display: table;
text-align: left;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul li {
display: table-cell;
margin-right: 0;
padding-left: 20px;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul li:nth-child(odd) {
width: auto;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul li:first-child {
padding-left: 0;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul li a {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
}
footer .copyright-box {
width: calc(100% - 200px);
}
footer .copyright-box .copyright {
font-size: clamp(12.8px, (100vw - 360px) * 0.0034782609 + 12.8px, 16px);
}
.index-content {
margin-top: 120px;
position: relative;
}
.index-content .index-main {
margin-bottom: 0;
padding-bottom: 120px;
}
.index-content .index-main::after {
content: "";
width: calc(100% - 100px);
height: calc(100% - 240px);
background: #EDEDED;
position: absolute;
left: 0;
bottom: 0;
}
.index-content .index-main .ttl {
font-size: clamp(32px, (100vw - 360px) * 0.0086956522 + 32px, 40px);
width: auto;
padding: 0;
left: 8.92%;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: none;
}
.index-content .index-main .ttl p {
text-align: left;
}
.index-content .index-main .ttl p span {
padding: 2px 20px;
display: inline-block;
background-image: -webkit-gradient(linear, left top, right top, from(rgb(4, 54, 207)), color-stop(50%, rgb(16, 52, 164)), to(rgb(26, 51, 126)));
background-image: -webkit-linear-gradient(left, rgb(4, 54, 207), rgb(16, 52, 164) 50%, rgb(26, 51, 126));
background-image: linear-gradient(90deg, rgb(4, 54, 207), rgb(16, 52, 164) 50%, rgb(26, 51, 126));
}
.index-content .index-main .ttl p:first-child {
margin: 0 0 9px;
}
.index-content .index-main .ttl p:last-child {
margin: 0 0 0 100px;
}
.index-content .index-main .index-main-news {
width: 70.15%;
bottom: 120px;
}
.index-content .index-main .index-main-news .box {
padding: 20px 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.index-content .index-main .index-main-news .box .box-l {
display: block;
width: 7em;
}
.index-content .index-main .index-main-news .box .box-l .news-ttl {
font-size: clamp(16px, (100vw - 360px) * 0.0043478261 + 16px, 20px);
color: #004593;
margin-bottom: 0;
line-height: 1;
}
.index-content .index-main .index-main-news .box .box-r {
width: calc(100% - 7em);
}
.index-content .index-main .index-slide-box .index-slide {
margin: 0 0 0 auto;
width: 78.57%;
}
.index-content .index-main .index-slide-box .index-slide .index-slide-item .slideimg {
width: 100%;
height: 0;
padding-top: 60.606%;
}
.index-content .index-main .index-slide-box .index-slide .slick-dots {
display: block !important;
}
.index-sec.index-business .box .box-l .image-box img {
margin-bottom: -60px;
}
.index-sec.index-company {
padding-top: 60px;
}
.index-sec.index-company::before {
width: 100px;
}
.index-sec.index-company::after {
height: 60px;
}
.index-sec.index-company .box {
padding-top: 120px;
margin-left: auto;
background: #fff;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.index-sec.index-company .box .box-r .container, .index-sec.index-company .box .box-r .business-sec .container-sp-full .business-box .box-l, .business-sec .container-sp-full .business-box .index-sec.index-company .box .box-r .box-l, .index-sec.index-company .box .box-r .business-sec .container-sp-full .business-image-box, .business-sec .container-sp-full .index-sec.index-company .box .box-r .business-image-box, .index-sec.index-company .recruit-main .box .box-r .box-l, .recruit-main .index-sec.index-company .box .box-r .box-l, .index-sec.index-company .box .box-r .recruit-main .btn-box-bottom, .recruit-main .index-sec.index-company .box .box-r .btn-box-bottom, .index-sec.index-company .company-greeting-sec .box .box-r .box-l, .company-greeting-sec .index-sec.index-company .box .box-r .box-l, .index-sec.index-company .company-greeting-sec .box .box-r .sign-box, .company-greeting-sec .index-sec.index-company .box .box-r .sign-box {
margin: 0 0 0 70px;
}
.index-sec .box {
width: calc(100% - 100px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index-sec .box .box-l {
width: 63.29%;
display: block;
}
.index-sec .box .box-r {
width: calc(36.71% - 70px);
}
.index-sec .box .box-r .image-box {
display: none;
}
.index-sec .box .box-r .index-lead {
font-size: clamp(20.8px, (100vw - 360px) * 0.0056521739 + 20.8px, 26px);
margin-bottom: 50px;
}
.index-sec .box .box-r .btn-viewmore-box a.btn-viewmore {
width: 240px;
}
.home .index-news {
padding: 120px 0;
}
.index-news .container, .index-news .business-sec .container-sp-full .business-box .box-l, .business-sec .container-sp-full .business-box .index-news .box-l, .index-news .business-sec .container-sp-full .business-image-box, .business-sec .container-sp-full .index-news .business-image-box, .index-news .recruit-main .box .box-l, .recruit-main .box .index-news .box-l, .index-news .recruit-main .btn-box-bottom, .recruit-main .index-news .btn-box-bottom, .index-news .company-greeting-sec .box .box-l, .company-greeting-sec .box .index-news .box-l, .index-news .company-greeting-sec .box .box-r .sign-box, .company-greeting-sec .box .box-r .index-news .sign-box {
width: calc(100% - 200px);
}
.index-news .news-box {
padding: 70px 70px 40px;
}
.index-news .news-box .boxl {
width: 270px;
}
.index-news .news-box .boxl .btn-viewmore-box a.btn-viewmore {
width: 200px;
}
.index-news .news-box .boxr {
width: calc(100% - 270px);
}
.recruit-departments .container-wide .recruit-departments-nav-box ul li a p.ttl {
padding: 15px 20px 15px 0;
background: #fff url(//www.alfresa-system.com/cms/wp-content/themes/alfresa/assets/images/common/icon/arrow-blue.svg) no-repeat right center;
background-size: 0.6em;
}
.company-sec ul li a .index-ttl {
font-size: 32px;
font-size: 3.2rem;
padding: 50px 60px;
background-position-x: calc(100% - 1.4em);
}
.company-sec ul li a .index-ttl span.ff-en, .company-sec ul li a .index-ttl span.wp-pagenavi,
.company-sec ul li a .index-ttl span.nav-pagenate-single, .company-sec ul li a .index-ttl .contents-header.bgimage .ttl-box .subttl span.en, .contents-header.bgimage .ttl-box .subttl .company-sec ul li a .index-ttl span.en, .company-sec ul li a .index-ttl .date-cat-box span.date, .date-cat-box .company-sec ul li a .index-ttl span.date, .company-sec ul li a .index-ttl footer .copyright-box span.copyright, footer .copyright-box .company-sec ul li a .index-ttl span.copyright, .company-sec ul li a .index-ttl .single-sec span.date, .single-sec .company-sec ul li a .index-ttl span.date, .company-sec ul li a .index-ttl .recruit-main .box .box-l span.ttl, .recruit-main .box .box-l .company-sec ul li a .index-ttl span.ttl {
font-size: 16px;
font-size: 1.6rem;
}
.departments-nav-box ul.departments-nav li {
width: calc(16.6666666667% - 16.6666666667px);
}
.slide-arrow.arrow-prev {
left: 130px;
}
.slide-arrow.arrow-next {
right: 130px;
}
}
@media (min-width: 1330px) {
footer .footer-box .footer-nav-block .footer-nav-box .footer-nav {
padding-left: 70px;
}
footer .footer-box .footer-nav-block .footer-other-nav-box ul li {
padding-left: 50px;
}
}
@media (min-width: 1350px) {
.contents-header.bgimage {
padding-top: 320px;
}
}