@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap");
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes scale {
0% {
opacity: 0;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes scale {
0% {
opacity: 0;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes scroll {
0% {
top: 70px;
height: 0
}
45% {
height: 45px;
top: 70px
}
90% {
height: 0;
top: 115px;
opacity: 1
}
to {
height: 0;
top: 115px;
opacity: 0
}
}
@keyframes scroll {
0% {
top: 70px;
height: 0
}
45% {
height: 45px;
top: 70px
}
90% {
height: 0;
top: 115px;
opacity: 1
}
to {
height: 0;
top: 115px;
opacity: 0
}
}
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 0
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
font-size: 62.5%
}
address,
blockquote,
body,
dl,
form,
iframe,
ol,
p,
pre,
ul {
margin: 0
}
details,
main {
display: block
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0
}
ol,
ul {
padding: 0;
list-style: none
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
a,
hr {
color: inherit
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
border-top-width: 1px;
margin: 0;
clear: both
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: inherit
}
address {
font-style: inherit
}
a {
background-color: transparent;
text-decoration: none
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
embed,
iframe,
object {
vertical-align: bottom
}
button,
input,
optgroup,
select,
textarea {
vertical-align: middle;
color: inherit;
font: inherit;
background: 0 0;
text-align: inherit
}
input {
outline: 0
}
button,
optgroup,
select {
padding: 0;
margin: 0;
outline: 0;
border-radius: 0
}
input,
optgroup,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[type=checkbox] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox
}
[type=radio] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
cursor: default
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
select::-ms-expand {
display: none
}
fieldset,
legend,
option {
padding: 0
}
fieldset {
margin: 0;
min-width: 0
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
label[for] {
cursor: pointer
}
summary {
display: list-item
}
[contenteditable] {
outline: 0
}
table {
border-spacing: 0;
width: 100%;
margin: 0 auto 20px;
border-collapse: collapse
}
caption,
th {
text-align: left
}
th {
font-weight: 700
}
[hidden],
template {
display: none
}
.u-mt0 {
margin-top: 0 !important
}
.u-mb0 {
margin-bottom: 0 !important
}
.u-pt0 {
padding-top: 0 !important
}
.u-pb0 {
padding-bottom: 0 !important
}
.u-mt5 {
margin-top: 5px !important
}
.u-mb5 {
margin-bottom: 5px !important
}
.u-pt5 {
padding-top: 5px !important
}
.u-pb5 {
padding-bottom: 5px !important
}
.u-mt10 {
margin-top: 10px !important
}
.u-mb10 {
margin-bottom: 10px !important
}
.u-pt10 {
padding-top: 10px !important
}
.u-pb10 {
padding-bottom: 10px !important
}
.u-mt15 {
margin-top: 15px !important
}
.u-mb15 {
margin-bottom: 15px !important
}
.u-pt15 {
padding-top: 15px !important
}
.u-pb15 {
padding-bottom: 15px !important
}
.u-mt20 {
margin-top: 20px !important
}
.u-mb20 {
margin-bottom: 20px !important
}
.u-pt20 {
padding-top: 20px !important
}
.u-pb20 {
padding-bottom: 20px !important
}
.u-mt25 {
margin-top: 25px !important
}
.u-mb25 {
margin-bottom: 25px !important
}
.u-pt25 {
padding-top: 25px !important
}
.u-pb25 {
padding-bottom: 25px !important
}
.u-mt30 {
margin-top: 30px !important
}
.u-mb30 {
margin-bottom: 30px !important
}
.u-pt30 {
padding-top: 30px !important
}
.u-pb30 {
padding-bottom: 30px !important
}
.u-mt35 {
margin-top: 35px !important
}
.u-mb35 {
margin-bottom: 35px !important
}
.u-pt35 {
padding-top: 35px !important
}
.u-pb35 {
padding-bottom: 35px !important
}
.u-mt40 {
margin-top: 40px !important
}
.u-mb40 {
margin-bottom: 40px !important
}
.u-pt40 {
padding-top: 40px !important
}
.u-pb40 {
padding-bottom: 40px !important
}
.u-mt45 {
margin-top: 45px !important
}
.u-mb45 {
margin-bottom: 45px !important
}
.u-pt45 {
padding-top: 45px !important
}
.u-pb45 {
padding-bottom: 45px !important
}
.u-mt50 {
margin-top: 50px !important
}
.u-mb50 {
margin-bottom: 50px !important
}
.u-pt50 {
padding-top: 50px !important
}
.u-pb50 {
padding-bottom: 50px !important
}
.u-mt55 {
margin-top: 55px !important
}
.u-mb55 {
margin-bottom: 55px !important
}
.u-pt55 {
padding-top: 55px !important
}
.u-pb55 {
padding-bottom: 55px !important
}
.u-mt60 {
margin-top: 60px !important
}
.u-mb60 {
margin-bottom: 60px !important
}
.u-pt60 {
padding-top: 60px !important
}
.u-pb60 {
padding-bottom: 60px !important
}
.u-mt65 {
margin-top: 65px !important
}
.u-mb65 {
margin-bottom: 65px !important
}
.u-pt65 {
padding-top: 65px !important
}
.u-pb65 {
padding-bottom: 65px !important
}
.u-mt70 {
margin-top: 70px !important
}
.u-mb70 {
margin-bottom: 70px !important
}
.u-pt70 {
padding-top: 70px !important
}
.u-pb70 {
padding-bottom: 70px !important
}
.u-mt75 {
margin-top: 75px !important
}
.u-mb75 {
margin-bottom: 75px !important
}
.u-pt75 {
padding-top: 75px !important
}
.u-pb75 {
padding-bottom: 75px !important
}
.u-mt80 {
margin-top: 80px !important
}
.u-mb80 {
margin-bottom: 80px !important
}
.u-pt80 {
padding-top: 80px !important
}
.u-pb80 {
padding-bottom: 80px !important
}
.u-mt85 {
margin-top: 85px !important
}
.u-mb85 {
margin-bottom: 85px !important
}
.u-pt85 {
padding-top: 85px !important
}
.u-pb85 {
padding-bottom: 85px !important
}
.u-mt90 {
margin-top: 90px !important
}
.u-mb90 {
margin-bottom: 90px !important
}
.u-pt90 {
padding-top: 90px !important
}
.u-pb90 {
padding-bottom: 90px !important
}
.u-mt95 {
margin-top: 95px !important
}
.u-mb95 {
margin-bottom: 95px !important
}
.u-pt95 {
padding-top: 95px !important
}
.u-pb95 {
padding-bottom: 95px !important
}
.u-mt100 {
margin-top: 100px !important
}
.u-mb100 {
margin-bottom: 100px !important
}
.u-pt100 {
padding-top: 100px !important
}
.u-pb100 {
padding-bottom: 100px !important
}
body {
background: #fff;
color: #333;
font-family: "Poppins", "游ゴシック", "YuGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
#page,
body.is-fixed,
html.is-fixed {
overflow: hidden
}
#page {
position: relative;
font-size: 1.5rem;
font-weight: 500;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: .17em
}
a:link {
text-decoration: none
}
a:active,
a:hover,
a:link,
a:visited {
color: #00f
}
a,
span {
display: inline-block; }
img,
td,
th {
vertical-align: top
}
img {
line-height: 1;
font-size: 0;
height: auto;
max-width: 100%
}
td,
th {
padding: 10px;
border: 1px solid #ccc
}
p {
margin-bottom: 20px
}
ol {
padding-left: 25px
}
input {
border: 1px solid #a7a6aa
}
input,
textarea {
padding: 5px 7px;
border-radius: 2px;
margin: 0;
background-color: #fff
}
input[type=text],
textarea {
outline: 0;
border: 1px solid #aaa;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
input[type=text]:focus,
textarea:focus {
-webkit-box-shadow: 0 0 7px #52a8ec;
box-shadow: 0 0 7px #52a8ec;
border: 1px solid #52a8ec
}
input[type=checkbox],
input[type=radio] {
margin-right: 5px;
vertical-align: baseline;
border-style: none
}
label {
margin-right: 15px
}
input[type=submit] {
-webkit-appearance: none
}
input[type=checkbox],
input[type=radio] {
display: none
}
input[type=checkbox]+label,
input[type=radio]+label {
padding-left: 25px;
position: relative
}
input[type=radio]+label::before {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
-webkit-appearance: button;
appearance: button;
-moz-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #999;
border-radius: 50%;
-webkit-box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
vertical-align: middle;
cursor: pointer;
padding: 5px
}
input[type=checkbox]:disabled+label,
input[type=radio]:disabled+label {
color: #bbb
}
input[type=radio]:disabled+label::before {
background-color: #ddd;
border-color: #ddd
}
input[type=radio]:checked+label::after {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 6px;
content: "";
width: 6px;
height: 6px;
background: #0074c1;
border-radius: 50%
}
input[type=checkbox]+label::before {
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: button;
appearance: button;
-moz-appearance: none;
border: 1px solid #999;
background-color: #fff;
vertical-align: middle;
padding: 5px;
border-radius: 2px
}
input[type=checkbox]:disabled+label::before {
background-color: #ddd;
border-color: #ddd
}
input[type=checkbox]:checked+label::after {
content: "";
position: absolute;
top: calc(50% - 4px);
left: 0;
width: 6px;
height: 10px;
border-right: 4px solid #0074c1;
border-bottom: 4px solid #0074c1;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%)
}
@media only screen and (max-width:767px) {
#page {
font-size: 3.4vw
}
}
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-slide,
.swiper-wrapper {
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.swiper-wrapper {
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/44*27);
height: var(--swiper-navigation-size);
margin-top: calc(-1*var(--swiper-navigation-size)/2);
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: 0;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
--swiper-pagination-color: #000000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar { position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5); left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.tingle-modal * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.tingle-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
-webkit-overflow-scrolling: touch;
background: rgba(50, 65, 91, .4);
opacity: 0;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
line-height: 195%;
word-break: normal;
word-wrap: break-word;
font-size: 1.5rem;
font-weight: 500;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: .17em
}
.tingle-modal--confirm .tingle-modal-box {
text-align: center
}
.tingle-modal--noOverlayClose {
cursor: default
}
.l-footer__information br,
.tingle-modal--noClose .tingle-modal__close {
display: none
}
.tingle-modal__close {
position: fixed;
top: 2.5rem;
right: 2.5rem;
z-index: 1000;
padding: 0;
width: 60px;
height: 60px;
border: 0;
text-align: center;
background-color: #444;
color: #fff;
cursor: pointer
}
.l-header__contact a.is-hover svg,
.l-header_recruit__entry a.is-hover svg,
.tingle-modal__close svg * {
fill: #fff
}
.tingle-modal__close svg {
width: 20px;
height: 20px
}
.tingle-modal__closeLabel {
display: block;
margin-top: 5px;
font-size: 1.2rem;
line-height: 0
}
.tingle-modal__close:hover {
color: #fff
}
.tingle-modal-box {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: auto;
margin-bottom: auto;
width: auto;
max-width: calc(100vw - 90px); opacity: 1;
cursor: auto;
will-change: transform, opacity;
margin-bottom: 8vh
}
.tingle-modal-box__content { overflow: hidden
}
.tingle-modal-box__footer {
padding: 1.5rem 2rem;
width: auto;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #f5f5f5;
cursor: auto
}
.tingle-modal-box__footer::after {
display: table;
clear: both;
content: ""
}
.tingle-modal-box__footer--sticky {
position: fixed;
bottom: -200px;
z-index: 10001;
opacity: 1;
-webkit-transition: bottom .3s ease-in-out .3s;
transition: bottom .3s ease-in-out .3s
}
.tingle-enabled {
position: fixed;
right: 0;
left: 0;
overflow: hidden
}
.tingle-modal--visible .tingle-modal-box__footer {
bottom: 0
}
.tingle-enabled .tingle-content-wrapper {
-webkit-filter: blur(8px);
filter: blur(8px)
}
.tingle-modal--visible {
visibility: visible;
opacity: 1
}
.tingle-modal--visible .tingle-modal-box {
-webkit-animation: scale .2s cubic-bezier(.68, -.55, .265, 1.55) forwards;
animation: scale .2s cubic-bezier(.68, -.55, .265, 1.55) forwards
}
.tingle-modal--overflow {
overflow-y: scroll;
padding-top: 8vh
}
.tingle-btn {
display: inline-block;
margin: 0 .5rem;
padding: 1rem 2rem;
border: 0;
background-color: gray;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
vertical-align: middle;
text-decoration: none;
font-size: inherit;
font-family: inherit;
line-height: normal;
cursor: pointer;
-webkit-transition: background-color .4s ease;
transition: background-color .4s ease
}
.tingle-btn--primary {
background-color: #3498db
}
.tingle-btn--danger {
background-color: #e74c3c
}
.tingle-btn--default {
background-color: #34495e
}
.tingle-btn--pull-left {
float: left
}
.tingle-btn--pull-right {
float: right
}
@media (max-width:767px) {
.tingle-modal {
top: 0;
display: block;
padding-top: 60px;
width: 100%;
font-size: 3.4vw
}
.tingle-modal-box {
width: 100%;
max-width: 100%;
border-radius: 0;
margin-bottom: 0
}
.tingle-modal-box__content {
overflow-y: scroll
}
.tingle-modal--noClose {
top: 0
}
.tingle-modal--noOverlayClose {
padding-top: 0
}
.tingle-modal-box__footer .tingle-btn {
display: block;
float: none;
margin-bottom: 1rem;
width: 100%
}
.tingle-modal__close {
top: 0;
right: 0;
left: 0;
display: block;
width: 100%;
height: 60px;
border: 0;
background-color: #2c3e50;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff
}
.tingle-modal__closeLabel {
display: inline-block;
vertical-align: middle;
font-size: 3.4vw;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}
.tingle-modal__closeIcon {
display: inline-block;
margin-right: .8rem;
width: 1.6rem;
font-size: 0;
vertical-align: sub
}
.tingle-modal__closeIcon svg {
width: 3vw;
height: 3vw;
line-height: 0
}
}
@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))) {
.tingle-modal:before {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
pointer-events: none
}
.tingle-enabled .tingle-content-wrapper {
-webkit-filter: none;
filter: none
}
}
.l-footer {
background: #32415b;
color: #fff;
padding: 70px 0 15px;
position: relative;
z-index: 10
}
.l-footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.l-footer__information {
width: 540px;
font-size: 1.3rem;
letter-spacing: .1em
}
.l-footer__information svg {
fill: #68caef;
margin: 0; }
.l-footer__address a {
border-bottom: 1px solid transparent
}
.l-footer__address a.is-hover,
.l-footer__tel a.is-hover {
border-color: #fff
}
.l-footer__btn,
.l-footer__tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.l-footer__tel {
letter-spacing: .05em;
margin-top: 25px
}
.l-footer__tel li {
margin-right: 35px
}
.l-footer__tel svg {
margin: 0 10px 0 0
}
.l-footer__address a,
.l-footer__btn a,
.l-footer__tel a {
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-footer__tel a {
border-bottom: 1px solid transparent
}
.l-footer__btn {
margin-top: 26px;
margin-bottom: 40px
}
.l-footer__btn a {
border: 1px solid #fff;
border-radius: 30px;
font-weight: 500;
padding: 12px 28px;
margin-right: 15px
}
.l-footer__btn a.is-hover {
background: #fff;
color: #32415b
}
.l-footer__logo {
margin-bottom: 20px
}
.l-footer__logo svg {
width: 159px;
height: 54px;
fill: #fff
}
.l-footer__logo .mark {
fill: #0074c1
}
.l-footer__link {
width: 255px;
margin-left: 30px
}
.l-footer__navi {
padding-top: 17px;
font-size: 1.3rem;
margin-bottom: 10px
}
.l-footer__navi dt {
font-weight: 500;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #fff
}
.l-footer__navi a {
color: #fff;
padding-left: 20px;
margin: 10px 0;
line-height: 120%;
letter-spacing: .05em;
position: relative
}
.l-footer__navi a::before,
.l-header__price a::after {
content: "";
position: absolute;
height: 1px;
background: #fff
}
.l-footer__navi a,
.l-footer__navi a::before,
.l-footer__privacy a {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-footer__navi a::before {
top: 8px;
width: 5px;
left: 0
}
.l-footer__navi a.is-hover {
color: #68caef
}
.l-footer__navi a.is-hover::before {
background: #68caef;
width: 10px
}
.l-footer__navi svg {
fill: #68caef;
margin-left: 20px;
width: 14px
}
.l-footer__privacy {
margin-top: 18px
}
.l-footer__privacy .list {
margin-right: 20px
}
.l-footer__privacy a {
font-size: 1.3rem;
color: #fff;
border-bottom: 1px solid transparent
}
.l-footer__privacy a.is-hover {
border-color: #fff
}
.l-footer__copyright {
font-size: 1.3rem;
margin-top: 24px;
letter-spacing: .05em
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.l-footer__information {
width: 100%
}
.l-footer__link {
width: 45%;
margin: 3rem 0;
}
}
@media only screen and (max-width:767px) {
.l-footer {
text-align: center;
padding: 40px 0 20px
}
.l-footer__information br,
.l-footer__inner {
display: block
}
.l-footer__logo {
width: 30vw;
margin: 0 auto 5vw
}
.l-footer__logo svg {
width: 100%;
height: auto
}
.l-footer__link {
display: none
}
.l-footer__address {
margin-bottom: 10px
}
.l-footer__address svg,
.l-footer__tel svg {
-webkit-transform: scale(.8);
transform: scale(.8)
}
.l-footer__address svg {
margin-left: 5px
}
.l-footer__tel {
margin-top: 5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.l-footer__tel li {
margin: 5px 8px
}
.l-footer__tel svg {
margin-right: 5px
}
.l-footer__information {
font-size: 3vw;
width: 100%
}
.l-footer__btn {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.l-footer__btn a {
margin: 0
}
.l-footer__media {
margin-bottom: 8vw
}
.l-footer__media a {
width: 45vw
}
.l-footer__privacy {
text-align: left;
margin: 20px 0 0
}
.l-footer__privacy .list {
margin-bottom: 5px
}
.l-footer__privacy .list:last-child {
margin-bottom: 15px
}
.l-footer__privacy a {
font-size: 3vw
}
.l-footer__copyright {
font-size: 3vw;
position: absolute;
margin: 0;
bottom: 20px;
right: 6.6vw
}
}
.l-header {
position: fixed;
width: 100%;
left: 0;
top: 0; background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
color: #fff;
padding: 30px 0;
font-size: 1.4rem;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-header.is-fixed,
.p-contact_form.-confirm td {
padding: 15px 0
}
.l-header__inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
padding: 0 45px
}
.l-header__logo svg {
width: 136px;
height: 46px;
fill: #fff
}
.l-header__logo a {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-header__logo a.is-hover {
opacity: .7
}
.l-header__info,
.l-header__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.l-header__price a {
color: #fff;
position: relative
}
.l-header__price a::after {
width: 0;
left: 50%;
bottom: -5px
}
.l-header__price a.is-hover::after,
.l-header_recruit__navi a.is-hover::before {
width: 100%;
left: 0
}
.l-header__price svg {
fill: #fff;
margin-right: 10px
}
.l-header__contact {
margin-left: 30px
}
.l-header__contact a,
.l-header__menu.is-hover {
-webkit-box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2)
}
.l-header__contact a {
background: #fff;
text-align: center;
width: 200px;
color: #2d99d5;
padding: 14px;
border-radius: 40px
}
.l-header__contact a.is-hover {
background: #0074c1;
color: #fff;
-webkit-box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .35);
box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .35)
}
.l-header__contact svg,
.l-header__menu,
.l-header__price a::after {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-header__contact svg {
fill: #2d99d5;
margin-right: 10px
}
.l-header__menu {
width: 65px;
height: 65px;
border: 1px solid #fff;
border-radius: 40px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
cursor: pointer;
margin-left: 35px
}
.l-header__menu.is-hover {
border-color: #0074c1;
background: #0074c1
}
.l-header__menu .bar {
display: block;
height: 1px;
width: 35px;
background: #fff;
margin: 4px 0
}
.l-header__menu .text {
font-size: 1.1rem;
font-weight: 500;
line-height: 150%
}
.l-header_recruit {
padding: 40px 0 32px;
width: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 99
}
.l-header_recruit__inner {
width: 1110px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.l-header_recruit__logo svg {
width: 136px;
height: 46px
}
.l-header__contact a,
.l-header_recruit__logo a {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-header_recruit__logo a.is-hover {
opacity: .7s
}
.l-header_recruit__logo .mark {
fill: #0074c1
}
.l-header_recruit__navi {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.l-header_recruit__navi ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.l-header_recruit__navi li:last-child a::after {
content: none
}
.l-header_recruit__navi a {
color: #fff;
font-size: 1.4rem;
margin: 0 17px;
position: relative
}
.l-header_recruit__navi a::after {
content: "";
position: absolute;
top: 0;
right: -14px;
height: 15px;
width: 1px;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
background: #fff
}
.c-drawer__navi .pages a::before,
.l-header_recruit__navi a::before {
content: "";
position: absolute;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-header_recruit__navi a::before {
bottom: -4px;
background: #fff;
left: 50%;
height: 1px;
width: 0
}
.l-header_recruit__entry {
margin-left: 18px
}
.l-header_recruit__entry a {
padding: 13px 39px;
border-radius: 30px;
background: #fff;
color: #68caef;
font-weight: 500;
font-size: 1.4rem;
letter-spacing: .1em;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border: 1px solid #fff
}
.l-header_recruit__entry a.is-hover {
background: #68caef;
color: #fff
}
.l-header_recruit__entry svg {
fill: #68caef;
margin-left: 20px;
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.l-header_recruit__inner {
width: 95%
}
}
@media only screen and (max-width:767px) {
.l-header {
padding: 4vw 0
}
.l-header__inner {
padding: 0 6.5vw
}
.l-header__logo svg {
width: 25vw;
height: 8.4vw
}
.l-header__price {
display: none
}
.l-header__contact {
margin-left: 0
}
.l-header__contact a {
font-size: 3vw;
letter-spacing: .08em;
width: 37.3vw;
padding: 10px;
font-weight: 700
}
.l-header__contact svg {
margin-right: 2vw;
width: 3vw;
height: 3vw
}
.l-header__menu {
width: 10.6vw;
height: 10.6vw;
margin-left: 3.5vw
}
.l-header__menu .bar {
width: 6.4vw;
margin: .6vw 0;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-header__menu .text {
font-size: 2.5vw;
letter-spacing: .04em;
font-weight: 500;
line-height: 120%
}
.l-header__menu.is-act .bar {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
top: -3px
}
.l-header__menu.is-act .bar:first-child {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
top: 2px
}
.l-header_recruit {
padding: 3vw 5vw
}
.l-header_recruit__navi {
display: none
}
.l-header_recruit__inner {
width: 100%
}
.l-header_recruit__entry a {
padding: 8px 20px 12px;
font-size: 3vw
}
.l-header_recruit__entry svg {
-webkit-transform: scale(.8);
transform: scale(.8);
margin-left: 10px
}
.l-header_recruit__logo svg {
width: 30vw;
height: auto
}
}
.l-main {
line-height: 195%;
word-break: normal;
word-wrap: break-word;
padding-top: 125px
}
.l-main.-recruit {
padding: 0
}
@media only screen and (max-width:767px) {
.l-main {
padding-top: 18.5vw
}
}
.c-loading {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-loading.is-act {
opacity: 0;
pointer-events: none
}
.c-container {
width: 1140px;
margin: 0 auto;
padding: 0 15px
}
.c-drawer {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
position: fixed;
background: #fff;
z-index: 999;
pointer-events: none;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
overflow-y: scroll;
overflow-x: hidden
}
.c-drawer::before {
content: "";
position: absolute;
height: 100%;
width: calc(50vw - 300px);
min-height: 830px;
top: 0;
left: 0;
background-image: url(//mabp.co.jp/img/common/drawer_bg.jpg);
background-size: cover;
background-position: center center;
z-index: -1
}
.c-drawer.is-act {
opacity: 1;
pointer-events: auto
}
.c-drawer__close {
position: absolute;
top: 5vh;
left: calc(50% + 515px);
cursor: pointer;
width: 50px;
height: 50px
}
.c-drawer__close::after,
.c-drawer__close::before {
content: "";
position: absolute;
width: 40px;
height: 1px;
background: #32415b;
top: 25px;
left: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.c-drawer__close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.c-drawer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10vh 0 0
}
.c-drawer__information {
margin-bottom: 40px
}
.c-drawer__company {
width: 255px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: justify;
align-content: space-between;
font-size: 1.3rem;
letter-spacing: .1em
}
.c-drawer__company svg {
fill: #fff
}
.c-drawer__company .address {
display: inline;
line-height: 185%;
color: #fff;
border-bottom: 1px solid transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-drawer__company .address.is-hover,
.c-drawer__company .tel a.is-hover {
border-color: #fff
}
.c-drawer__company .address svg {
margin-left: 10px
}
.c-drawer__company .tel {
margin-top: 15px;
margin-bottom: 35px
}
.c-drawer__company .tel li {
margin-bottom: 16px;
white-space: nowrap
}
.c-drawer__company .tel .ico {
width: 24px
}
.c-drawer__company .contact,
.c-drawer__company .tel a {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-drawer__company .tel a {
border-bottom: 1px solid transparent;
color: #fff
}
.c-drawer__company .contact {
border: 1px solid #fff;
font-weight: 500;
width: 120px;
text-align: center;
color: #68caef;
background: #fff;
border-radius: 30px;
padding: 12px;
display: block
}
.c-drawer__company .contact.is-hover {
background: #0074c1;
color: #fff;
-webkit-box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2)
}
.c-drawer__logo svg {
fill: #fff;
width: 159px;
height: 54px
}
.c-drawer__navi {
width: 790px
}
.c-drawer__navi .block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
.c-drawer__navi .title {
width: 195px
}
.c-drawer__navi .title .ja {
font-weight: 700;
display: block;
color: #0074c1;
font-size: 1.6rem;
margin-bottom: 6px
}
.c-drawer__navi .title .en {
font-weight: 500;
font-size: 1.3rem;
color: #a9a9b4;
letter-spacing: .1em
}
.c-crumbs,
.c-drawer__navi .pages a {
letter-spacing: .15em;
position: relative
}
.c-drawer__navi .pages a {
color: #333;
padding-left: 35px;
margin-bottom: 14px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-size: 1.3rem
}
.c-drawer__navi .pages a::before {
top: 5px;
left: 2px;
height: 2px;
width: 10px;
background: #32415b
}
.c-drawer__navi .pages a.is-hover {
color: #0074c1
}
.c-drawer__navi .pages a.is-hover::before {
width: 18px;
background: #0074c1
}
.c-drawer__navi .pages svg {
fill: #0074c1;
margin-left: 12px;
width: 14px
}
.c-drawer__navi .news {
position: relative;
padding-top: 45px;
padding-bottom: 45px;
z-index: 1
}
.c-drawer__navi .news::after {
content: "";
position: absolute;
top: 0;
left: -57px;
width: 100vw;
height: 100%;
background: #f2f5fd;
z-index: -1
}
.c-crumbs {
font-size: 1.4rem;
margin: 26px 0 45px;
z-index: 10
}
.c-crumbs a,
.p-advisor_single__qualified dd ul li span {
color: #333
}
.c-crumbs img {
vertical-align: middle;
display: inline-block;
margin: 0 22px
}
.c-ttl01 {
margin-bottom: 35px;
line-height: 100%
}
.c-ttl01__bg {
position: absolute;
text-transform: uppercase;
font-weight: 600;
font-size: 16rem;
width: 100%;
text-align: left;
top: 146px;
left: -10px;
letter-spacing: .01em;
color: #fff;
z-index: -1
}
.c-ttl01__bg.-color {
color: #f2f5fd
}
.c-ttl01__ja {
color: #32415b;
display: block;
font-size: calc(.4898vw + 2.81633rem);
line-height: 135%;
font-weight: 700;
letter-spacing: .13em
}
.c-ttl01__ja .en {
font-weight: 500;
font-size: 3.8rem
}
.c-ttl01__en,
.c-ttl01__ja .color,
.c-ttl05 .en.-color {
color: #0074c1
}
.c-ttl01__ja .grad {
color: #0074c1;
background: -webkit-linear-gradient(0deg, #0074c1, #68caef);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.c-ttl01__en {
line-height: 170%;
font-weight: 500;
font-size: 1.3rem;
letter-spacing: .2em
}
.c-ttl01__en.-gray {
color: #a9a9b4
}
.c-ttl02,
.c-ttl03 {
position: relative;
margin-bottom: 58px
}
.c-ttl02::before {
content: "";
position: absolute;
top: 12px;
right: calc(100% + 25px);
height: 2px;
width: 100px;
width: calc(50vw - 580px);
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef)
}
.c-ttl02 .ja {
color: #0074c1;
font-weight: 700;
font-size: 2.8rem;
letter-spacing: .19em;
margin-right: 14px
}
.c-ttl02 .en {
color: #a9a9b4;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .18em;
vertical-align: top
}
.c-ttl03 {
margin-bottom: 25px;
padding-left: 48px
}
.c-ttl03::before {
top: 12px;
left: 0
}
.c-ttl03::after,
.c-ttl03::before,
.c-ttl05::after,
.c-ttl05::before {
content: "";
position: absolute;
width: 15px;
height: 3px;
background: #0074c1
}
.c-ttl03::after {
left: 15px;
background: #68caef;
top: 12px
}
.c-ttl03 .ja {
font-weight: 700;
color: #0074c1;
font-size: 2rem;
margin-right: 12px
}
.c-ttl03 .en {
font-weight: 500;
color: #a9a9b4;
font-size: 1.3rem;
vertical-align: bottom
}
.c-ttl04 {
font-size: 2.8rem;
letter-spacing: .12em;
color: #32415b;
font-weight: 700;
text-align: center;
margin-bottom: 50px
}
.c-ttl04.-small {
font-size: 2.4rem
}
.c-ttl04 .text {
position: relative
}
.c-ttl04 .text::after,
.c-ttl04 .text::before {
content: "";
position: absolute;
width: 22px;
height: 1px;
top: 16px;
left: -35px;
background: #32415b;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg)
}
.c-ttl04 .text::after {
left: auto;
right: -35px
}
.c-ttl05,
.c-ttl06 {
position: relative;
padding-top: 35px;
margin-bottom: 60px;
text-align: center
}
.c-ttl05::after,
.c-ttl05::before {
top: 0;
left: calc(50% - 15px)
}
.c-ttl05::after {
background: #68caef;
left: 50%
}
.c-ttl05 .ja {
font-weight: 700;
color: #32415b;
font-size: min(3.6rem, 3.6vw);
display: block;
letter-spacing: .2em
}
.c-ttl05 .en {
font-weight: 500;
color: #a9a9b4;
font-size: 1.3rem;
margin-top: 20px;
letter-spacing: .1em
}
.c-ttl06 {
z-index: 1;
padding-top: 30px;
margin-bottom: 20px
}
.c-ttl06 .en {
font-size: 14rem;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: -1;
font-weight: 600;
color: #fff
}
.c-ttl06 .en.-color {
opacity: .5;
color: #68caef
}
.c-ttl06 .en.-color02 {
color: #f2f5fd
}
.c-ttl06 .en.js-anim_elm {
opacity: 0;
letter-spacing: -.2em;
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.c-ttl06 .en.js-anim_elm.is-act {
opacity: 1;
letter-spacing: .02em
}
.c-ttl06 .ja {
font-size: 3.6rem;
font-weight: 700;
color: #32415b;
line-height: 150%;
letter-spacing: .15em
}
.c-ttl06 .ja.-white,
.c-ttl06 .sub.-white {
color: #fff
}
.c-btn01 a.is-hover,
.c-btn01 span.is-hover,
.c-btn02.-color a.is-hover,
.c-btn02.-color span.is-hover,
.c-ttl06 .color {
color: #0074c1
}
.c-ttl06 .sub {
font-size: 1.3rem;
font-weight: 500;
display: block;
color: #a9a9b4;
letter-spacing: .1em
}
.c-btn01 a,
.c-btn01 span {
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
color: #fff;
border-radius: 30px;
padding: 15px 26px;
font-size: 1.4rem;
line-height: 170%;
letter-spacing: .24em;
-webkit-box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
min-width: 160px;
z-index: 1
}
.c-btn01 a svg,
.c-btn01 span svg {
top: -3px;
left: 0;
margin-left: 20px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.c-btn01 a .cls-1,
.c-btn01 span .cls-1 {
fill: none;
stroke: #fff
}
.c-btn01 a::before,
.c-btn01 span::before,
.c-btn02 a::before,
.c-btn02 span::before,
.c-btn03 a::before,
.c-btn03 span::before {
content: "";
position: absolute;
width: calc(100% - 2px);
height: calc(100% - 2px);
top: 1px;
left: 1px;
background: #fff;
z-index: -1;
border-radius: 40px;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-advisors_box a.is-hover svg,
.c-btn01 a.is-hover svg,
.c-btn01 span.is-hover svg,
.c-btn03 a.is-hover svg,
.c-btn03 span.is-hover svg,
.c-objective a.is-hover .c-btn02 svg,
.c-story_box a.is-hover .btn svg {
left: 5px
}
.c-btn01 a.is-hover .cls-1,
.c-btn01 span.is-hover .cls-1,
.c-btn02.-color a.is-hover .cls-1,
.c-btn02.-color span.is-hover .cls-1,
.c-btn03 a.is-hover .cls-1,
.c-btn03 span.is-hover .cls-1 {
stroke: #0074c1
}
.c-btn01 a.is-hover::before,
.c-btn01 span.is-hover::before,
.c-btn02.-color a.is-hover::before,
.c-btn02.-color span.is-hover::before,
.c-btn03 a.is-hover::before,
.c-btn03 span.is-hover::before,
.c-objective a.is-hover .c-btn02 span::before {
opacity: 1
}
.c-btn01 a,
.c-btn01 span,
.c-btn02 a,
.c-btn02 span,
.c-btn02 svg {
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-btn02 a,
.c-btn02 span {
background: #fff;
color: #0074c1;
font-size: 1.2rem;
font-weight: 500;
padding: 12px 35px;
letter-spacing: .12em;
border-radius: 30px;
-webkit-box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
z-index: 1
}
.c-btn02 a.is-hover,
.c-btn02 span.is-hover {
background: #0074c1;
color: #fff
}
.c-btn02 svg {
top: -2px;
left: 0;
display: inline-block;
margin-left: 15px
}
.c-btn02 .cls-1 {
stroke: #0074c1;
fill: none
}
.c-btn02.-color a,
.c-btn02.-color span,
.c-btn03 a,
.c-btn03 span {
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
color: #fff
}
.c-btn02.-color a,
.c-btn02.-color span {
border: 0
}
.c-btn02.-color .cls-1,
.c-objective a.is-hover .c-btn02 .cls-1 {
stroke: #fff
}
.c-btn03 a,
.c-btn03 span {
font-size: 1.4rem;
font-weight: 500;
padding: 12px 35px;
letter-spacing: .12em;
border-radius: 30px;
-webkit-box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
min-width: 320px;
text-align: center;
position: relative;
z-index: 1
}
.c-btn03 a.is-hover,
.c-btn03 span.is-hover,
.c-news_list a.is-hover .title {
color: #0074c1
}
.c-btn03 a,
.c-btn03 span,
.c-btn03 svg,
.c-news_list a {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-btn03 svg {
position: relative;
top: -2px;
margin-left: 20px;
left: 0;
display: inline-block
}
.c-btn03 .cls-1 {
stroke: #fff;
fill: none
}
.c-case_list>div {
margin-bottom: 30px
}
.c-case_box { -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
padding: 35px;
background: #fff
}
.c-case_box__cat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 12px;
padding-left: 5px
}
.c-case_box__cat li {
color: #32415b;
background: #fff;
border: 1px solid #32415b;
font-size: 1.4rem;
border-radius: 5px;
padding: 0 17px;
margin-right: 10px;
line-height: 190%
}
.c-case_box__cat li.bg {
color: #fff;
background: #32415b;
border-color: #32415b
}
.c-case_box__title {
padding-left: 5px;
font-weight: 700;
font-size: 2rem;
line-height: 170%;
letter-spacing: .14em;
margin-bottom: 12px
}
.c-case_box__information {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.c-case_box__company,
.c-case_box__company .body dl,
.c-case_box__information {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.c-case_box__company {
background: #f2f5fd;
border-radius: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 505px
}
.c-case_box__company .head {
width: 135px;
text-align: center;
margin-bottom: 0
}
.c-case_box__company .body {
width: calc(100% - 135px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 17px 0 20px
}
.c-case_box__company .body dl {
width: 100%
}
.c-case_box__company .body dl.half {
width: auto;
margin-top: 7px;
margin-right: 15px
}
.c-case_box__company .body dl.half dt {
width: auto;
padding: 0 15px;
text-align: center;
background: #0074c1;
color: #fff;
border-radius: 5px
}
.c-case_box__company .body dl.half dd {
margin-left: 15px
}
.c-case_box__company .body dl.half dd::before {
content: none
}
.c-case_box__company .body dt {
color: #32415b;
width: 80px;
font-weight: 400
}
.c-case_box__company .body dd::before {
content: "/";
display: inline-block;
margin-right: 20px
}
.c-case_box__company .body dd,
.c-case_box__company .body dt {
line-height: 185%;
font-size: 1.3rem;
letter-spacing: .04em
}
.c-case_box__company .body .ico {
margin-right: 10px;
fill: #0074c1
}
.c-case_box__company .body .price {
width: 13px;
height: 13px
}
.c-news_list {
max-width: 920px;
margin: 0 auto
}
.c-news_list a {
display: block;
border-bottom: 1px solid #dbdce6;
-webkit-box-shadow: 0 1px 0 0 #e7e7ef;
box-shadow: 0 1px 0 0 #e7e7ef;
padding: 9px 0;
margin-bottom: 13px
}
.c-news_list a.is-hover {
border-color: #0074c1;
-webkit-box-shadow: 0 1px 0 0 #0074c1;
box-shadow: 0 1px 0 0 #0074c1
}
.c-news_list .date {
color: #a9a9b4;
font-weight: 500;
font-size: 1.2rem;
letter-spacing: .06em;
margin-right: 6px
}
.c-news_list .cat {
color: #fff;
background: #0074c1;
line-height: 30px;
border-radius: 5px;
padding: 0 10px;
letter-spacing: .1em;
font-size: 1.4rem;
margin-right: 10px
}
.c-news_list .cat.-media {
background: #68caef
}
.c-news_list .new {
font-weight: 600;
font-size: 1.4rem;
color: #0074c1;
letter-spacing: .1em
}
.c-news_list .title {
color: #222;
margin: 10px 0 0;
letter-spacing: .1em;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-advisors_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -32px
}
.c-advisors_list>div {
margin-right: 62px;
margin-bottom: 55px
}
.c-advisors_list>div:nth-child(3n) {
margin-right: 0
}
.c-advisors_box {
width: 350px;
padding-top: 75px
}
.c-advisors_box a {
height: 100%;
padding-top: 175px;
padding-bottom: 25px;
display: block;
position: relative;
z-index: 1; -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
background-size: cover;
background-image: url(//mabp.co.jp/img/advisors/box_bg.png);
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-advisors_box a.is-hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .35);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .35)
}
.c-advisors_box .img {
height: 208px;
width: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0
}
.c-advisors_box .img img {
position: absolute;
bottom: 0;
right: 0
}
.c-advisors_box .img .en {
position: absolute;
height: 800px;
top: -5px;
left: -10px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
z-index: -1;
pointer-events: none
}
.c-advisors_box .img .en span {
display: block;
opacity: .1;
color: #fff;
font-weight: 600;
font-size: 8rem;
line-height: 90%;
letter-spacing: .04em
}
.c-advisors_box .catch {
margin-left: 20px;
margin-bottom: 22px
}
.c-advisors_box .catch span {
background: #fff;
color: #0074c1;
font-size: 2rem;
letter-spacing: .12em;
font-weight: 700;
padding: 5px 8px;
margin-bottom: 6px;
margin-right: 12px
}
.c-advisors_box .good {
line-height: 140%;
color: #fff;
padding-left: 18px;
font-size: 1.3rem;
margin-bottom: 4px
}
.c-advisors_box .good span:not(:first-child)::before,
.p-advisor_single__good span:not(:first-child)::before {
content: "、"
}
.c-advisors_box .qualified {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 140%;
padding: 0 18px;
font-size: 1.3rem;
color: #fff
}
.c-advisors_box .qualified .qualified_name {
width: 55px
}
.c-advisors_box .qualified .qualified_value {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.c-advisors_box .btn,
.c-advisors_box .name {
color: #fff;
font-weight: 700;
font-size: 1.7rem;
padding-left: 18px;
letter-spacing: .08em;
margin-bottom: 0
}
.c-advisors_box .name .position {
font-weight: 400;
font-size: 1.3rem;
padding-right: 18px
}
.c-advisors_box .btn {
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .1em
}
.c-advisors_box .btn svg {
position: relative;
top: -2px;
margin-left: 15px;
left: 0
}
.c-advisors_box .btn .cls-1,
.c-story_box .btn .cls-1 {
fill: none;
stroke: #fff
}
.c-story_list>div {
margin-bottom: 120px
}
.c-story_box a {
max-width: 1040px;
padding: 60px 470px 50px 65px;
display: block; background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);  color: #fff;
position: relative;
}
.c-story_box a.is-hover .img {
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .35);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .35)
}
.c-story_box a.is-hover .img img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
-webkit-transition: all .8s ease;
transition: all .8s ease
}
.c-story_box .img {
position: absolute;
top: -50px;
right: -70px;
overflow: hidden; -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
width: 505px;
aspect-ratio: 505 / 351;
}
.c-advisors_box .btn svg,
.c-story_box .img,
.c-story_box .img img,
.c-story_box a {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-story_box .new {
position: absolute;
top: 10px;
left: 10px;
width: 100px;
height: 100px;
overflow: hidden
}
.c-story_box .new span {
position: absolute;
top: 22px;
left: -55px;
background: #fff;
color: #0074c1;
font-size: 1.4rem;
font-weight: 600;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 180px;
text-align: center;
height: 25px
}
.c-story_box .title {
margin-bottom: 10px;
}
.c-story_box .title span {
line-height: 240%;
font-size: 1.8rem;
letter-spacing: .14em;
font-weight: 700;
border-bottom: 1px solid #fff;
display: inline
}
.c-story_box .information dd,
.c-story_box .information dt {
padding-left: 25px;
position: relative;
font-weight: 500
}
.c-story_box .information svg {
fill: #fff;
position: absolute;
top: 8px;
left: 0
}
.c-story_box .btn {
font-weight: 500;
font-size: 1.2rem;
letter-spacing: .1em;
margin-top: 12px
}
.c-story_box .btn svg {
margin-left: 30px;
position: relative;
left: 0
}
.c-slidenavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #32415b;
font-weight: 500;
font-size: 1.6rem
}
.c-slidenavi__button,
.c-slidenavi__button svg,
.c-story_box .btn svg {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-slidenavi__button {
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: 0;
cursor: pointer
}
.c-slidenavi__button:hover {
background: #0074c1 !important
}
.c-slidenavi__button:hover svg {
fill: #fff
}
.c-slidenavi__button svg {
fill: #32415b
}
.c-slidenavi__button.-color {
background: #f2f5fd
}
.c-slidenavi__pagination {
width: 145px;
text-align: center
}
.c-slidenavi__pagination span {
margin: 0 10px
}
.c-comparison {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.c-comparison__circle {
background: #fff;
width: 495px;
height: 495px;
border-radius: 50%;
padding: 62px 66px;
position: relative
}
.c-comparison__circle::after {
content: "";
position: absolute;
width: 505px;
height: 498px;
top: 0;
left: -6px;
background-image: url(//mabp.co.jp/img/common/comparison_circle.svg);
background-size: cover
}
.c-comparison__circle.-reverse::after {
-webkit-transform: scale(1, -1);
transform: scale(1, -1)
}
.c-comparison__circle.-small {
width: 450px;
height: 450px;
padding-top: 70px
}
.c-comparison__circle.-small::after {
width: 458px;
height: 452px
}
.c-comparison__title {
text-align: center;
margin-bottom: 15px;
color: #0074c1
}
.c-comparison__list.-sub dt,
.c-comparison__title.-sub {
color: #68caef
}
.c-comparison__title.-sub .cls-1 {
stroke: #68caef
}
.c-comparison__title .text {
display: block;
font-size: 2rem;
font-weight: 700
}
.c-comparison__title svg {
width: 48px;
height: 50px
}
.c-comparison__title .cls-1 {
stroke: #0074c1;
fill: none
}
.c-comparison__list {
margin-bottom: 10px
}
.c-comparison__list.-sub dd svg {
fill: #68caef
}
.c-comparison__list.-de dt {
color: #32415b
}
.c-comparison__list.-de dd svg {
fill: #32415b
}
.c-comparison__list dt {
color: #0074c1;
font-size: 1.7rem;
letter-spacing: .2em;
margin-bottom: 5px
}
.c-comparison__list dd {
line-height: 180%;
padding-left: 30px;
letter-spacing: .15em;
white-space: nowrap;
position: relative
}
.c-comparison__list dd svg {
position: absolute;
top: 5px;
left: 0;
fill: #0074c1
}
.c-objective {
margin-top: 60px
}
.c-objective li {
width: 350px
}
.c-bottom_bnr a,
.c-bottom_bnr svg,
.c-objective a,
.c-objective a.is-hover .c-btn02 span {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-objective a {
display: block;
height: 100%;
background: #f2f5fd;
color: #333;
text-align: center; padding: 70px 35px 50px;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2)
}
.c-objective a.is-hover {
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .3);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .3)
}
.c-objective a.is-hover .c-btn02 span {
color: #fff
}
.c-objective a .c-btn02 span::before {
top: 0;
left: 0;
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
width: 100%;
height: 100%
}
.c-objective .ico {
height: 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
margin-bottom: 16px
}
.c-objective .ico::before {
content: "";
position: absolute;
top: -20px;
left: 48%;
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
z-index: -1
}
.c-objective .title {
color: #0074c1;
font-weight: 700;
font-size: 2.4rem;
letter-spacing: .12em;
line-height: 150%;
font-size: calc(.32653vw + 1.87755rem)
}
.c-objective .en {
color: #a9a9b4;
font-size: 1.2rem;
letter-spacing: .18em;
font-weight: 500;
margin-bottom: 15px
}
.c-objective .ja {
letter-spacing: .12em;
text-align: justify;
min-height: 116px
}
.c-bottom_bnr,
.c-objective {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.c-bottom_bnr a,
.c-bottom_bnr svg {
position: relative
}
.c-bottom_bnr a {
display: block;
color: #fff;
-webkit-filter: drop-shadow(10px 10px 20px rgba(50, 65, 91, .2));
filter: drop-shadow(10px 10px 20px rgba(50, 65, 91, .2))
}
.c-bottom_bnr a.is-hover {
opacity: .8
}
.c-bottom_bnr a.is-hover svg {
left: 5px
}
.c-bottom_bnr .en,
.c-bottom_bnr .ja {
position: absolute;
left: 34px;
top: 100px;
font-weight: 700;
font-size: 2.4rem;
letter-spacing: .2em
}
.c-bottom_bnr .en {
top: 135px;
font-weight: 500;
font-size: 1.3rem;
letter-spacing: .1em
}
.c-bottom_bnr svg {
margin-left: 20px;
left: 0
}
.c-bottom_bnr .cls-1 {
stroke: #fff;
fill: none
}
.wp-pagenavi {
padding: 40px 0;
text-align: center;
overflow: hidden
}
.wp-pagenavi a,
.wp-pagenavi span {
background: #fff;
color: #32415b;
text-decoration: none;
width: 50px;
height: 50px;
border: 1px solid #fff;
font-size: 1.6rem;
display: inline-block;
border-radius: 30px;
padding-top: 11px;
margin: 0 5px;
vertical-align: middle
}
.wp-pagenavi span {
color: #fff;
background: #32415b
}
.wp-pagenavi a:hover,
.wp-pagenavi span {
border-color: #32415b
}
.wp-pagenavi .extend,
.wp-pagenavi .pages {
display: none
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
padding-top: 14px
}
.wp-pagenavi .alignleft {
vertical-align: top;
max-width: 40%
}
.wp-pagenavi .alignleft a,
.wp-pagenavi .alignright a {
border: 0;
background: 0 0;
color: #0074c1
}
.wp-pagenavi .alignleft,
.wp-pagenavi .alignright,
.wp-pagenavi .center {
margin-top: 0;
margin-bottom: 0;
float: none;
display: inline-block
}
.wp-pagenavi .alignright {
vertical-align: top;
max-width: 40%
}
.c-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
background: rgba(50, 65, 91, .4);
opacity: 0;
pointer-events: none;
z-index: 100;
padding: 5vh 45px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-modal.is-open {
opacity: 1;
pointer-events: auto
}
.c-modal__body {
width: 100%;
max-width: 1400px;
height: 100%;
background: #fff; margin: 0 auto;
position: relative;
padding: 0 90px 10px
}
.c-pagenavi_single {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 70px
}
.c-pagenavi_single__all a,
.c-pagenavi_single__post a,
.wp-pagenavi a,
.wp-pagenavi span {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-pagenavi_single__all a {
background: #32415b;
text-align: center;
border: 1px solid #32415b;
width: 160px;
border-radius: 5px;
padding: 10px;
color: #fff
}
.c-pagenavi_single__all a.is-hover {
background: #fff;
color: #32415b
}
.c-pagenavi_single__post {
width: calc(50% - 80px);
padding-right: 140px
}
.c-pagenavi_single__post.-right {
padding: 0 0 0 140px
}
.c-pagenavi_single__post.-right a {
text-align: right;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.c-pagenavi_single__post a {
color: #222;
font-size: 1.3rem;
line-height: 160%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.c-pagenavi_single__post a.is-hover {
color: #0074c1
}
.c-pagenavi_single__post a.is-hover svg {
fill: #0074c1
}
.c-pagenavi_single__post svg,
.p-section_contact__btn a::after {
width: 10px;
height: 16px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.c-pagenavi_single__post .ico {
margin: 0 0 0 30px
}
.c-pagenavi_single__post .ico.-reverce {
margin: 0 30px 0 0;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1)
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.c-container {
width: 85.07463vw;
margin: 0 auto;
padding: 0 15px
}
.c-drawer::before {
width: calc(50vw - 19.5vw);
z-index: 5
}
.c-drawer__inner {
padding: 12vh 0 0
}
.c-drawer__company {
width: 20vw;
position: relative;
z-index: 10
}
.c-drawer__close {
left: auto;
right: 30px
}
.c-drawer__navi {
width: 54vw
}
.c-drawer__navi .pages a {
margin-bottom: 10px
}
.c-drawer__navi .news::after {
left: -25vw
}
.c-objective li {
width: 32%
}
.c-modal__body {
padding: 0 40px
}
.c-advisors_list {
margin: 0
}
.c-advisors_list>div {
width: 32%;
margin-right: 2%
}
.c-advisors_list>div:nth-child(3n) {
margin-right: 0
}
.c-advisors_box .catch span {
font-size: calc(1.1257vw + .53659rem);
letter-spacing: .1em
}
.c-ttl02::before {
width: calc(50vw - 450px)
}
.c-ttl06 .en {
font-size: calc(9.38086vw + 1.80488rem)
}
.c-bottom_bnr li {
width: calc(50% - 15px)
}
.c-bottom_bnr a {
width: 100%
}
}
@media only screen and (max-width:767px) {
.c-table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: scroll
}
.c-table-responsive tbody {
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap
}
.c-table-responsive tr {
vertical-align: top
}
.c-table-responsive2 td,
.c-table-responsive2 th,
.c-table-responsive2 tr {
display: block
}
.c-crumbs {
overflow-x: scroll;
white-space: nowrap;
font-size: 3vw;
margin: 3vw 0 10vw
}
.c-crumbs img {
margin: 0 2vw
}
.c-container {
padding: 0 6.6vw;
width: 100%
}
.c-drawer {
top: 18.5vw;
height: calc(100vh - 18.5vw);
overflow-x: hidden;
overflow-y: scroll
}
.c-drawer::before,
.c-drawer__navi .news::after {
content: none
}
.c-drawer__close {
top: 0;
left: auto;
right: 0;
display: none
}
.c-drawer__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 8vw 0 0
}
.c-drawer__logo {
display: none
}
.c-drawer__company {
padding: 8vw 0;
text-align: center;
width: calc(100% + 13.2vw);
background: url(//mabp.co.jp/img/common/drawer_bg.jpg);
margin: 0 -6.6vw
}
.c-drawer__company .address {
margin-bottom: 10px
}
.c-drawer__company .address svg {
margin-left: 5px
}
.c-drawer__company .tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px
}
.c-drawer__company .tel li {
margin: 5px
}
.c-drawer__company .contact {
margin: 0 auto
}
.c-case_box__company .body svg,
.c-comparison__list dd svg,
.c-drawer__company svg {
-webkit-transform: scale(.8);
transform: scale(.8)
}
.c-drawer__information {
width: 100%;
font-size: 3.2vw;
padding-bottom: 0
}
.c-drawer__navi {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.c-drawer__navi .block {
display: block;
width: 62%
}
.c-drawer__navi .block:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.c-drawer__navi .block:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 38%
}
.c-drawer__navi .block:nth-child(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
width: 38%
}
.c-drawer__navi .block:nth-child(4) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.c-drawer__navi .title {
position: relative;
left: -1vw
}
.c-drawer__navi .title .ja {
font-size: 3.8vw;
margin-bottom: 2px
}
.c-drawer__navi .title .en {
font-size: 2.8vw
}
.c-drawer__navi .pages a {
font-size: 3vw;
padding-left: 2.5vw;
line-height: 140%;
margin-bottom: 12px
}
.c-drawer__navi .pages a::before {
height: 1px;
width: 1.5vw;
left: -1vw
}
.c-drawer__navi .news {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
width: 45vw;
margin: 0 auto 8vw;
padding: 0
}
.c-ttl01 {
margin-bottom: 4.5vw
}
.c-ttl01__bg {
font-size: 15vw;
left: 0;
top: 22vw
}
.c-ttl01__ja {
font-size: 6.5vw;
line-height: 150%
}
.c-ttl01__en {
margin-top: -5px;
font-size: 3vw;
letter-spacing: .1em
}
.c-ttl02 {
padding-left: 3vw;
margin-bottom: 8vw
}
.c-ttl02::before {
right: 100%;
width: 6.6vw
}
.c-ttl02 .ja {
font-size: 5vw
}
.c-ttl02 .en {
font-size: 3vw;
letter-spacing: .1em
}
.c-ttl03 {
padding-left: 10vw;
margin-bottom: 4vw
}
.c-ttl03::after,
.c-ttl03::before {
height: 2px;
width: 12px
}
.c-ttl03::after {
left: 12px
}
.c-ttl03 .ja {
font-size: 4.2vw
}
.c-ttl03 .en {
font-size: 3vw;
letter-spacing: .1em
}
.c-ttl04 {
margin-bottom: 8vw
}
.c-ttl04 .text,
.c-ttl05 .ja {
line-height: 150%;
font-size: 4.8vw;
letter-spacing: .1em
}
.c-ttl04 .text::after,
.c-ttl04 .text::before {
top: calc(50% - 2px)
}
.c-ttl04 .text::before {
left: -25px
}
.c-ttl04 .text::after {
right: -25px
}
.c-ttl05 {
padding-top: 6vw;
margin-bottom: 10vw
}
.c-ttl05 .ja {
font-size: 5.2vw;
letter-spacing: .12em
}
.c-ttl05 .en {
font-size: 3vw;
margin-top: 1vw
}
.c-ttl06 {
margin-bottom: 4.5vw;
padding-top: 5vw
}
.c-ttl06 .en {
font-size: 15vw;
left: 0;
top: 0;
white-space: nowrap
}
.c-ttl06 .ja {
font-size: 6.5vw;
line-height: 150%
}
.c-ttl06 .color {
display: inline
}
.c-ttl06 .sub {
margin-top: -5px;
font-size: 3vw;
letter-spacing: .1em
}
.c-btn01 a,
.c-btn01 span {
font-size: 3.2vw;
max-width: 100%
}
.c-btn02 a,
.c-btn02 span {
font-size: 3vw;
max-width: 100%;
letter-spacing: .06em
}
.c-btn03 {
text-align: center
}
.c-btn03 a,
.c-btn03 span {
font-size: 3.2vw;
max-width: 100%;
min-width: 85%
}
.c-slidenavi {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.c-slidenavi__button {
width: 45px;
height: 45px
}
.c-slidenavi__pagination {
width: auto;
padding: 0 3.5vw;
font-size: 3.8vw
}
.c-slidenavi__pagination span {
margin: 0 2vw
}
.c-objective {
display: block
}
.c-objective li {
width: 100%;
margin-bottom: 5vw
}
.c-objective a {
padding: 6vw 5vw;
position: relative
}
.c-objective .ico {
position: absolute;
top: 5vw;
right: 6vw;
opacity: .6
}
.c-objective .ico::before {
top: 0;
left: 43%;
width: 40px;
height: 40px
}
.c-objective .title {
font-size: 4.2vw;
text-align: left
}
.c-objective .en {
font-size: 2.8vw;
letter-spacing: .1em;
text-align: left
}
.c-objective .ja {
min-height: auto
}
.c-case_box {
padding: 5vw
}
.c-case_box__cat {
margin-bottom: 2vw
}
.c-case_box__cat li {
margin-right: 1.5vw;
margin-bottom: 1.5vw;
font-size: 3.2vw;
padding: 0 10px
}
.c-case_box__title {
font-size: 4vw;
margin-bottom: 0
}
.c-case_box__information {
display: block
}
.c-case_box__company {
width: 100%;
margin-top: 3vw;
display: block;
padding: 5vw 6vw
}
.c-case_box__company .head {
font-weight: 700;
width: 100%;
text-align: left;
line-height: 100%;
margin-bottom: 10px
}
.c-case_box__company .body {
width: 100%;
padding: 0
}
.c-case_box__company .body dl.half {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.c-case_box__company .body dl.half dt {
width: 16vw;
padding: 0 10px;
font-size: 2.8vw
}
.c-case_box__company .body dl.half dd {
margin-left: 8px
}
.c-case_box__company .body dt {
width: 19vw;
font-size: 3vw
}
.c-case_box__company .body dd {
font-size: 3vw
}
.c-case_box__company .body dd::before {
margin-right: 3vw
}
.c-advisors_box {
width: 100%
}
.c-advisors_box a {
padding-top: 36vw
}
.c-advisors_box .img {
height: 50vw
}
.c-advisors_box .img img {
-webkit-transform: scale(.8);
transform: scale(.8);
right: -6vw
}
.c-advisors_box .img .en {
left: -5px
}
.c-advisors_box .img .en span {
font-size: 18vw
}
.c-advisors_box .catch {
margin-bottom: 2vw
}
.c-advisors_box .catch span {
font-size: 4.4vw;
padding: 4px 7px;
margin-right: 0
}
.c-advisors_box .good,
.c-advisors_box .qualified {
font-size: 3.2vw;
letter-spacing: .1em;
line-height: 180%
}
.c-advisors_box .qualified .qualified_name {
width: 45px
}
.c-advisors_box .name {
font-size: 4vw
}
.c-advisors_box .name .position {
font-size: 3.4vw
}
.c-advisors_box .btn {
font-size: 3vw
}
.c-story_box a {
width: 100%;
padding: 5vw
}
.c-story_box .img {
position: relative;
width: 100%;
top: 0;
right: 0; margin-bottom: 5vw
}
.c-story_box .date {
font-size: 3vw;
letter-spacing: .1em
}
.c-story_box .title {
margin-bottom: 3vw
}
.c-story_box .title span {
font-size: 3.8vw;
display: inline;
line-height: 220%
}
.c-story_box .new {
top: 5px;
left: 5px
}
.c-story_box .new span {
top: 3vw;
left: -17vw;
font-size: 3.2vw;
letter-spacing: .1em
}
.c-comparison {
display: block
}
.c-comparison__circle {
width: 85vw !important;
height: 85vw !important;
padding: 8vw 5vw 5vw;
margin-bottom: 1vw
}
.c-comparison__circle::after {
width: 86.8vw !important;
height: 85.6vw !important;
left: -1vw;
top: -.5vw;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.c-comparison__circle.-small {
padding: 12vw 5vw 5vw
}
.c-comparison__circle.-reverse::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.c-comparison__title {
margin-bottom: 0
}
.c-comparison__title .text {
font-size: 4vw;
letter-spacing: .12em
}
.c-comparison__title svg {
width: 8vw;
height: auto
}
.c-comparison__list {
padding-left: 2vw
}
.c-comparison__list dt {
font-size: 3.6vw;
margin-bottom: 0
}
.c-comparison__list dd {
font-size: 3vw;
letter-spacing: .08em;
padding-left: 5.5vw
}
.c-bottom_bnr {
display: block
}
.c-bottom_bnr li {
width: 100%;
margin: 5vw 0
}
.c-bottom_bnr .ja {
font-size: 4.8vw;
left: 5vw;
top: 14.5vw
}
.c-bottom_bnr .en {
font-size: 3vw;
left: 5vw;
top: 22vw
}
.c-news_list a {
padding: 3vw 0;
margin-bottom: 2vw
}
.c-news_list .date {
font-size: 3vw
}
.c-news_list .cat {
font-size: 3vw;
line-height: 200%;
padding: 0 2vw;
border-radius: 3px
}
.c-news_list .new {
font-size: 3.2vw
}
.c-news_list .title {
margin: 2vw 0 0
}
.c-advisors_list {
margin: 0
}
.c-advisors_list>div {
margin-right: 0;
margin-bottom: 5vw
}
.c-story_list>div {
margin-bottom: 25vw
}
.c-modal {
padding: 5vw
}
.c-modal__body {
padding: 0 0 10vw
}
.c-pagenavi_single {
margin-top: 16vw
}
.c-pagenavi_single__post {
width: 30%;
padding: 0 !important
}
.c-pagenavi_single__post a {
padding: 10px
}
.c-pagenavi_single__post .text {
display: none
}
.c-pagenavi_single__all {
width: 40%
}
.c-pagenavi_single__all a {
width: 100%
}
.wp-pagenavi {
margin: 0 -8vw;
padding: 3vw 0
}
.wp-pagenavi a,
.wp-pagenavi span {
width: 10vw;
height: 10vw;
margin: 0 .5vw;
padding-top: 1.5vw;
font-size: 3.8vw
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
padding-top: 2.2vw
}
.wp-pagenavi svg {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
.p-page_kv01 {
color: #fff;
text-align: center;
background-size: cover;
background-position: center center;
background-color: #32415b
}
.p-page_kv01.-company {
background-image: url(//mabp.co.jp/img/main/kv_company.jpg)
}
.p-page_kv01.-about {
background-image: url(//mabp.co.jp/img/main/kv_about.jpg)
}
.p-page_kv01.-production {
background-image: url(//mabp.co.jp/img/main/kv_production.jpg)
}
.p-page_kv01.-rate {
background-image: url(//mabp.co.jp/img/main/kv_rate.jpg)
}
.p-page_kv01.-advisors {
background-image: url(//mabp.co.jp/img/main/kv_advisors.jpg)
}
.p-page_kv01.-case {
background-image: url(//mabp.co.jp/img/main/kv_case.jpg)
}
.p-page_kv01.-story {
background-image: url(//mabp.co.jp/img/main/kv_story.jpg)
}
.p-page_kv01.-construction {
background-image: url(//mabp.co.jp/img/main/kv_construction.jpg)
}
.p-page_kv01.-real-estate {
background-image: url(//mabp.co.jp/img/main/kv_real-estate.jpg)
}
.p-page_kv01.-healthcare {
background-image: url(//mabp.co.jp/img/main/kv_healthcare.jpg)
}
.p-page_kv01.-contact {
background-image: url(//mabp.co.jp/img/main/kv_contact.jpg)
}
.p-page_kv01.-news {
background-image: url(//mabp.co.jp/img/main/kv_news.jpg)
}
.p-page_kv01__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 250px;
padding-top: 28px
}
.p-page_kv01__title .ja {
display: block;
width: 100%;
font-weight: 700;
font-size: min(3.8rem, 3.8vw);
letter-spacing: .2em
}
.p-page_kv01__title .en {
font-size: 1.3rem;
font-weight: 500;
margin-top: 12px;
letter-spacing: .1em
}
.p-page_kv02 {
text-align: center;
background-size: cover;
background-position: center center
}
.p-page_kv02.-growth {
background-image: url(//mabp.co.jp/img/main/kv_growth.jpg)
}
.p-page_kv02.-relieve {
background-image: url(//mabp.co.jp/img/main/kv_relieve.jpg)
}
.p-page_kv02.-successor {
background-image: url(//mabp.co.jp/img/main/kv_successor.jpg)
}
.p-page_kv02__inner,
.p-section_contact__head .free {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 600px;
-ms-flex-line-pack: center;
align-content: center;
padding-top: 30px
}
.p-page_kv02__title span {
background: #fff;
color: #32415b;
font-size: min(1.8rem, 1.8vw);
font-weight: 700;
padding: 5px 28px;
border-radius: 30px
}
.p-page_kv02__copy {
width: 100%;
color: #fff;
font-weight: 700;
font-size: min(4rem, 4vw);
line-height: 165%;
margin-top: 20px;
letter-spacing: .16em
}
.p-section_contact {
background-image: url(//mabp.co.jp/img/common/contact_bottom_bg2.jpg);
background-size: cover;
background-position: center center;
color: #fff;
margin-top: 100px;
padding-top: 74px;
padding-bottom: 100px;
position: relative;
z-index: 10;
margin-bottom: -2px
}
.p-section_contact__head {
padding-left: 265px;
position: relative;
margin-bottom: 48px
}
.p-section_contact__head .free {
position: absolute;
top: -20px;
left: 130px;
line-height: 220%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
color: #0074c1;
text-align: center;
width: 110px;
height: 110px;
border-radius: 50%;
font-size: min(1.2rem, 1.2vw);
letter-spacing: .05em;
padding-top: 5px
}
.p-section_contact__head .free span {
font-weight: 700;
width: 100%;
font-size: min(2.6rem, 2.6vw)
}
.p-section_contact__title {
font-weight: 700;
font-size: min(1.8rem, 1.8vw);
letter-spacing: .09em
}
.p-section_contact__tel {
font-weight: 500;
font-size: min(4.4rem, 4.4vw);
line-height: 100%;
margin-top: 8px;
letter-spacing: .09em
}
.p-section_contact__tel .time {
font-weight: 500;
font-size: min(1.4rem, 1.4vw);
letter-spacing: .1em;
vertical-align: middle;
margin-left: 25px
}
.p-section_contact__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-section_contact__list li {
position: relative;
white-space: nowrap
}
.p-section_contact__list svg {
position: absolute;
left: 0;
top: 3px;
fill: #0074c1
}
.p-section_contact__box {
background: #fff; width: 350px;
color: #333;
padding: 45px 30px 30px
}
.p-section_contact__box .title {
color: #0074c1;
font-weight: 700;
letter-spacing: .09em;
font-size: min(1.5rem, 1.5vw);
padding-bottom: 10px;
margin-bottom: 18px;
position: relative
}
.p-section_contact__box .title::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef)
}
.p-section_contact__box .list li {
padding-left: 32px;
letter-spacing: .0em
}
.p-section_contact__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 48px
}
.p-section_contact__btn a {
border: 1px solid #fff;
color: #fff;
border-radius: 30px;
margin: 0 15px;
width: 350px;
text-align: center;
padding: 15px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
position: relative
}
.p-section_contact__btn a::after {
content: "";
position: absolute;
width: 0;
height: 100%;
background: #fff;
top: 0;
left: 0;
border-radius: 40px;
z-index: -1
}
.p-section_contact__btn a.is-hover {
color: #0074c1
}
.p-section_contact__btn a.is-hover::after {
width: 100%
}
.p-section_case {
margin-top: 100px;
background-color: #f2f5fd;
background-image: url(//mabp.co.jp/img/common/bg_wave.png);
background-size: cover;
padding: 90px 0 100px;
margin-bottom: -100px;
position: relative
}
.p-section_case__slider {
margin-bottom: 50px
}
.p-section_case__slider .swiper-container {
overflow: visible
}
.p-section_case__btn {
position: absolute;
bottom: 100px;
right: calc(50% - 555px)
}
.p-section_story {
padding-top: 90px;
position: relative
}
.p-section_story__btn {
position: absolute;
bottom: 0;
right: calc(50% - 555px)
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-section_contact__box {
width: 32.2%;
padding: 15px
} .p-section_contact__box .list svg {
-webkit-transform: scale(.8);
transform: scale(.8);
top: 5px
}
.p-section_contact__box .list li {
line-height: 200%;
padding-left: calc(2.81426vw + -8.58537px);
font-size: calc(.93809vw + .28049rem)
}
}
@media only screen and (max-width:767px) {
.p-page_kv01__title {
padding-top: 5vw;
height: 45vw
}
.p-page_kv01__title .ja {
font-size: 5.2vw
}
.p-page_kv01__title .en {
font-size: 3vw;
margin-top: 2vw
}
.p-section_contact {
margin: 15vw 0 -2px;
padding: 10vw 0
}
.p-section_contact__head {
padding: 0;
text-align: center;
margin-bottom: 8vw
}
.p-section_contact__head .free {
font-size: 2.8vw;
width: 22vw;
height: 22vw;
top: 25vw;
left: 0;
letter-spacing: 0
}
.p-section_contact__head .free span {
font-size: 4.6vw;
line-height: 100%
}
.p-section_contact__title {
font-size: 3.8vw
}
.p-section_contact__tel {
font-size: 6.2vw;
text-align: left;
padding-left: 26vw;
padding-top: 5vw
}
.p-section_contact__tel .time {
font-size: 3vw;
margin: 0
}
.p-section_contact__list {
display: block
}
.p-section_contact__box {
width: 90%;
padding: 5vw;
margin: 0 auto 5vw
}
.p-section_contact__box .title {
text-align: center;
font-size: 3.8vw;
padding-bottom: 5px;
margin-bottom: 10px
}
.p-section_contact__box .list {
padding: 0 4vw
}
.p-section_contact__box .list li {
padding-left: 20px;
font-size: 3.2vw
}
.p-section_contact__box .list svg {
-webkit-transform: scale(.7);
transform: scale(.7)
}
.p-section_contact__btn {
margin-top: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 8vw
}
.p-section_contact__btn a {
width: 48%;
margin: 0;
padding: 12px
}
.p-page_kv02__title {
margin-bottom: 5vw
}
.p-page_kv02__title span {
font-size: 3.6vw;
line-height: 8vw;
padding: 0 15px
}
.p-page_kv02__inner {
height: 60vw;
padding: 0;
margin: 0 -6.6vw
}
.p-page_kv02__copy {
font-size: 4.8vw;
margin: 0
}
.p-section_case {
margin-bottom: -15vw;
padding: 14vw 0;
margin-top: 18vw
}
.p-section_case__slider {
margin-bottom: 5vw
}
.p-section_case__btn {
margin-top: 10vw;
position: relative;
bottom: 0;
right: 0
}
.p-section_story {
padding-top: 18vw;
position: relative
}
.p-section_story__btn {
margin-top: 10vw;
position: relative;
bottom: 0;
right: 0
}
}
.u-ico {
position: relative;
display: inline-block;
top: 2px
}
.u-w500 {
font-weight: 500;
font-size: 104%
}
.u-checkbox input[type=checkbox],
.u-visible-sp {
display: none
}
.u-fadein {
opacity: 0;
-webkit-transition: all 1.8s cubic-bezier(.19, 1, .22, 1);
transition: all 1.8s cubic-bezier(.19, 1, .22, 1);
-webkit-transform: translateY(25px);
transform: translateY(25px)
}
.u-fadein.is-act {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.u-checkbox {
padding: 2px 0
}
.u-checkbox input[type=checkbox]:checked+.u-checkbox-text::after {
content: "";
position: absolute;
top: calc(50% - 3px);
left: 3px;
width: 4px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%)
}
.u-checkbox input[type=checkbox]:checked+.u-checkbox-text::before {
background: #0074c1;
border-color: #0074c1
}
.u-checkbox input[type=checkbox].is-cheked.is-cheked+.u-checkbox-text::after {
content: "";
position: absolute;
top: calc(50% - 3px);
left: 3px;
width: 4px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%)
}
.u-checkbox input[type=checkbox].is-cheked.is-cheked+.u-checkbox-text::before {
background: #0074c1;
border-color: #0074c1
}
.u-checkbox .u-checkbox-text { vertical-align: middle;
cursor: pointer;
position: relative
}
.u-checkbox .u-checkbox-text::before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: button;
appearance: button;
-moz-appearance: none;
border: 1px solid #0074c1;
background-color: #fff;
vertical-align: middle;
padding: 5px;
border-radius: 2px
}
.u-center {
text-align: center
}
.u-block_center {
display: block;
margin-left: auto;
margin-right: auto
}
.u-right {
text-align: right
}
.u-none {
display: none
}
@media only screen and (max-width:767px) {
.u-visible-sp {
display: block
}
.u-hidden-sp {
display: none
}
.u-checkbox {
margin-bottom: 1em
}
}
.p-about_comparison {
background-color: #f2f5fd; -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
max-width: 1400px;
padding: 84px 0 100px;
margin: 0 auto 102px;
background-image: url(//mabp.co.jp/img/common/bg_wave.png);
background-size: cover;
background-position: center top
}
.p-about_comparison__title {
text-align: center;
color: #0074c1;
font-weight: 700;
margin-bottom: 35px
}
.p-about_comparison__title .en {
font-weight: 500
}
.p-about_comparison__title .border {
font-size: 3.6rem;
line-height: 185%;
letter-spacing: .12em;
position: relative;
z-index: 1
}
.p-about_comparison__title .border::after {
content: "";
position: absolute;
width: calc(100% + 20px);
height: 20px;
left: -10px;
bottom: 10px;
background: #fff;
z-index: -1
}
.p-about_comparison__text {
text-align: center;
margin-bottom: 50px
}
.p-about_comparison__text p {
line-height: 200%;
margin-bottom: 25px
}
.p-about_feature {
margin-bottom: 90px
}
.p-about_feature__block {
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2); display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px 65px 35px;
margin-bottom: 50px
}
.p-about_feature__block.-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.p-about_feature__title {
border-bottom: 1px solid #0074c1;
color: #0074c1;
font-weight: 700;
font-size: 2.4rem;
padding-bottom: 8px;
margin-bottom: 26px
}
.p-about_feature__text {
width: 630px;
padding-top: 30px
}
.p-about_feature__text p,
.p-advisor_single__career .text p {
margin-bottom: 0
}
.p-about_feature__text .note {
letter-spacing: .1em;
font-size: 1.3rem;
margin-top: 10px
}
.p-about_feature__img {
padding: 0 26px
}
.p-about_objective__title {
text-align: center;
color: #32415b;
font-size: 3.6rem;
font-weight: 700;
line-height: 155%;
letter-spacing: .2em;
margin-bottom: 20px
}
.p-about_objective__guide {
text-align: center
}
@media only screen and (max-width:767px) {
.p-about_comparison {
border-radius: 0;
padding: 15vw 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 18vw
}
.p-about_comparison__title {
margin-bottom: 8vw
}
.p-about_comparison__title .border {
font-size: 5.2vw;
display: inline;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(60%, #fff), to(#fff));
background: linear-gradient(transparent 0%, transparent 60%, #fff 60%, #fff 100%)
}
.p-about_comparison__title .border::after {
content: none
}
.p-about_comparison__text {
margin-bottom: 10vw
}
.p-about_comparison__text p {
margin-bottom: 20px
}
.p-about_feature__block {
display: block;
padding: 7vw;
margin-bottom: 10vw
}
.p-about_feature__text {
width: 100%;
padding: 0;
margin-bottom: 8vw
}
.p-about_feature__title {
font-size: 4.2vw;
letter-spacing: .12em;
padding-bottom: 2vw;
margin-bottom: 5vw
}
.p-about_feature__img {
width: 100%;
padding: 0 10vw
}
.p-about_objective__title {
font-size: 4.8vw
}
.p-about_objective__title br {
display: none
}
.p-about_objective__guide {
margin-bottom: -6vw
}
}
.p-advisor_archive {
padding-top: 25px
}
.p-advisor_single__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 72px
}
.p-advisor_single__profile {
width: 542px
}
.p-advisor_single__copy {
font-weight: 700;
border-bottom: 1px solid #32415b;
font-size: 3.4rem;
color: #32415b;
line-height: 153%;
padding-top: 66px;
padding-bottom: 12px;
letter-spacing: .1em;
margin-bottom: 36px
}
.p-advisor_single__title {
letter-spacing: .1em;
margin-bottom: 28px
}
.p-advisor_single__title .name {
font-weight: 700;
font-size: 2.2rem;
margin-left: 20px
}
.p-advisor_single__title .en {
font-size: 1.3rem;
letter-spacing: .1em;
color: #a9a9b4;
font-weight: 500;
margin-left: 25px
}
.p-advisor_single__good,
.p-advisor_single__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.p-advisor_single__good dt,
.p-advisor_single__qualified dt {
border-radius: 5px;
padding: 5px;
color: #32415b;
background: #f2f5fd;
font-weight: 400;
text-align: center;
margin-right: 15px
}
.p-advisor_single__good dt {
width: 110px
}
.p-advisor_single__qualified {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 15px
}
.p-advisor_single__qualified dt {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 110px
}
.p-advisor_single__qualified dd {
padding: 5px 0
}
.p-advisor_single__qualified dd ul {
list-style: disc;
margin-left: 20px;
color: #0074c1
}
.p-advisor_single__img {
z-index: 1;
width: 508px;
text-align: center;
position: relative
}
.p-advisor_single__img::after {
content: "";
position: absolute;
width: 100%;
height: 300px; top: 45px;
left: 0;
background-image: url(//mabp.co.jp/img/advisors/box_bg.png);
z-index: -1;
background-size: cover
}
.p-advisor_single__career,
.p-advisor_single__career .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.p-advisor_single__career {
margin-bottom: 80px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-advisor_single__career .title {
text-align: center;
color: #32415b;
background: #f2f5fd;
width: 220px;
border-radius: 5px;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.p-advisor_single__career .text {
width: 855px
}
.p-advisor_single__value {
position: relative;
padding-top: 90px;
min-height: 460px
}
.p-advisor_single__value .title {
padding-top: 8px;
position: relative;
padding-left: 75px;
margin-bottom: 20px
}
.p-advisor_single__value .title .ja {
font-weight: 700;
color: #0074c1;
line-height: 100%;
font-size: 1.8rem;
position: relative
}
.p-advisor_single__value .title .en {
font-size: 1.3rem;
font-weight: 500;
color: #a9a9b4;
letter-spacing: .1em;
line-height: 100%;
position: relative;
top: -5px
}
.p-advisor_single__value .title .ico {
width: 60px;
height: 60px;
border-radius: 50%;
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0
}
.p-advisor_single__value .title .ico svg {
fill: #fff;
width: 17px;
height: 17px
}
.p-advisor_single__value .text {
position: relative;
z-index: 2;
background: #f2f5fd;
width: 540px; margin-left: auto;
padding: 67px 65px 50px
}
.p-advisor_single__value p {
margin-bottom: 0
}
.p-advisor_single__slider {
width: 635px;
z-index: 1;
position: absolute;
top: 0;
left: 0
}
.p-advisor_single__slider .c-slidenavi {
margin-top: 25px
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-advisor_single__career .text {
width: calc(100% - 250px)
}
.p-advisor_single__value {
padding-top: calc(-58.16135vw + 846.09756px)
}
}
@media only screen and (max-width:767px) {
.p-advisor_archive {
padding: 0
}
.p-advisor_single__main,
.p-advisor_single__qualified dd li span {
display: block
}
.p-advisor_single__profile {
width: 100%
}
.p-advisor_single__title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 5vw
}
.p-advisor_single__title .position {
width: 100%;
margin: 0;
margin-bottom: 2vw
}
.p-advisor_single__title .name {
font-size: 4.8vw;
margin: 0
}
.p-advisor_single__title .en {
font-size: 3vw;
letter-spacing: .1em;
margin: 0 0 0 4vw
}
.p-advisor_single__copy {
font-size: 5.4vw;
padding: 0 0 4vw;
margin-bottom: 7vw
}
.p-advisor_single__good,
.p-advisor_single__qualified {
letter-spacing: .1em
}
.p-advisor_single__good dt {
min-width: 90px;
padding: 0 15px
}
.p-advisor_single__qualified dt {
min-width: 110px;
padding: 0 28px
}
.p-advisor_single__img {
width: 100%;
margin: -7vw 0 -20vw
}
.p-advisor_single__img::after {
height: 50%;
top: 28vw
}
.p-advisor_single__img img {
-webkit-transform: scale(.7);
transform: scale(.7)
}
.p-advisor_single__career {
display: block;
margin-bottom: 10vw
}
.p-advisor_single__career .title {
width: auto;
line-height: 10vw;
margin-bottom: 4vw
}
.p-advisor_single__career .text {
width: 100%
}
.p-advisor_single__slider {
width: 100%;
position: relative
}
.p-advisor_single__value {
padding: 0;
min-height: auto
}
.p-advisor_single__value .text {
width: 100%;
margin-top: 8vw;
padding: 5vw
}
.p-advisor_single__value .title {
padding: 0 0 0 12vw;
margin-bottom: 2vw
}
.p-advisor_single__value .title .ico {
width: 9vw;
height: 9vw
}
.p-advisor_single__value .title .ico svg {
width: 3vw;
height: auto
}
.p-advisor_single__value .title .ja {
font-size: 4.2vw
}
.p-advisor_single__value .title .en {
font-size: 3vw;
letter-spacing: .05em
}
}
.p-business_trends {
position: relative;
z-index: 1;
margin-bottom: 115px
}
.p-business_trends__img {
position: absolute;
top: 165px;
left: calc(50vw - 80px);
z-index: -1;
width: 100%
}
.p-business_trends__title {
border-bottom: 1px solid #0074c1;
padding-bottom: 15px;
margin-bottom: 40px
}
.p-business_trends__title .ja {
font-weight: 700;
color: #0074c1;
font-size: 2.4rem;
line-height: 162%
}
.p-business_trends__title .en {
margin-bottom: 5px;
display: block;
color: #a9a9b4;
font-weight: 500;
letter-spacing: .1em;
font-size: 1.3rem
}
.p-business_trends__text {
position: relative;
width: 570px;
margin-top: 110px;
padding: 70px 0;
z-index: 1
}
.p-business_trends__text::after {
content: "";
position: absolute;
top: 0;
right: -60px;
width: 80vw;
height: 100%;
background: #fff;
z-index: -1;
border-radius: 0 10px 10px 0;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2)
}
.p-business_trends__text p {
margin-bottom: 30px;
letter-spacing: .16em
}
.p-business_trends__text .list {
margin-bottom: 38px
}
.p-business_trends__text .list li {
position: relative;
counter-increment: section;
padding-left: 40px;
margin-bottom: 19px;
letter-spacing: .14em
}
.p-business_trends__text .list li::before {
content: counter(section);
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
top: 2px;
left: 0;
background: #0074c1;
color: #fff;
font-weight: 500;
text-align: center;
line-height: 28px;
padding-top: 1px;
padding-left: 2px
}
.p-business_trends__graph {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 95px
}
.p-business_trends__box {
background: #f2f5fd; text-align: center;
position: relative;
width: 540px;
padding: 42px 0 30px
}
.p-business_trends__box img.right {
margin-top: 24px
}
.p-business_trends__box .title {
position: absolute;
top: -10px;
left: 35px;
font-weight: 700;
color: #32415b;
font-size: 1.8rem
}
.p-business_news {
background-color: #f2f5fd;
padding-bottom: 45px;
margin-bottom: 98px;
background-size: cover;
background-position: top 55% left 0;
background-image: url(//mabp.co.jp/img/common/bg_wave.png)
}
.p-business_news__title {
font-weight: 700;
font-size: 2.8rem;
position: relative;
top: -14px;
color: #32415b;
letter-spacing: .14em;
margin-bottom: 34px
}
.p-business_news__title svg {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
fill: #0074c1;
margin-right: 20px
}
.p-business_news__box,
.p-business_point__text p {
margin-bottom: 30px
}
.p-business_news__box a {
background: #fff;
width: 1000px;
max-width: 100%;
margin: 0 auto; display: block;
padding: 37px 43px;
border: 1px solid #fff;
color: #222;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-business_news__box a:hover {
border-color: #0074c1
}
.p-business_news__box .date {
font-size: 1.6rem;
color: #999;
letter-spacing: .1em;
margin-right: 8px
}
.p-business_news__box .new {
letter-spacing: .1em;
color: #e55239;
font-weight: 500;
border: 1px solid #e55239;
border-radius: 3px;
line-height: 24px;
vertical-align: top;
padding: 0 5px
}
.p-business_news__box .title {
color: #222;
font-size: 1.8rem;
font-weight: 700;
margin-top: 5px;
margin-bottom: 15px
}
.p-business_news__box .information {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-business_news__box .cross {
width: 16px;
height: 16px
}
.p-business_news__box .cross .cls-1 {
fill: #747474
}
.p-business_news__box .company {
background: #f7fbfd;
border-radius: 5px;
width: 430px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0
}
.p-business_news__box .head {
width: 100px;
text-align: center;
font-weight: 700;
line-height: 150%;
margin-bottom: 0
}
.p-business_news__box .body {
letter-spacing: .04em
}
.p-advisor_single__qualified dt,
.p-business_news__box .body dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.p-business_news__box .body dt {
font-weight: 400;
color: #0074c1
}
.p-business_news__btn {
text-align: right
}
.p-business_news__btn a,
.p-case_archive__search__tab li {
text-align: center;
font-size: 1.4rem;
color: #32415b;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-business_news__btn a {
width: 320px;
border: 1px solid #32415b;
border-radius: 30px;
padding: 10px
}
.p-business_news__btn a.is-hover {
background: #32415b;
color: #fff
}
.p-business_news__btn a.is-hover svg {
fill: #fff
}
.p-business_news__btn svg {
fill: #32415b;
margin-left: 20px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-business_point {
margin-bottom: 100px
}
.p-business_point__block {
position: relative;
padding-top: 112px;
margin-bottom: 70px;
z-index: 1
}
.p-business_point__img {
position: absolute;
top: 0;
left: 445px;
z-index: -1
}
.p-business_point__img.-reverse {
left: 0
}
.p-business_point__text {
background: #fff; width: 635px;
padding: 80px 55px 42px 65px;
min-height: 390px;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2)
}
.p-business_point__text.-reverse {
margin-left: auto
}
.p-business_point__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px
}
.p-business_point__title .point {
color: #0074c1;
font-size: 1.4rem;
font-weight: 500;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
line-height: 100%;
letter-spacing: .05em;
position: relative;
top: -18px
}
.p-business_point__title .num {
font-weight: 600;
font-size: 9.5rem;
line-height: 100%;
color: #0074c1;
background: -webkit-linear-gradient(0deg, #0074c1, #68caef);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.p-business_point__title .ja {
font-weight: 700;
font-size: 2.4rem;
color: #0074c1;
margin-left: 18px
}
.p-business_merit {
background: #f2f5fd; padding: 70px 0 75px
}
.p-business_merit__body {
margin-top: -20px
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-business_trends__box {
width: 48.5%;
padding: 42px 25px 30px
}
.p-business_trends__box img.right {
margin-top: 24px
}
.p-business_point__img {
left: auto;
right: -12vw;
max-width: 60vw
}
.p-business_point__img.-reverse {
right: auto;
left: -12vw
}
.p-business_merit {
margin: 0 -10vw
}
}
@media only screen and (max-width:767px) {
.p-business_trends {
margin-bottom: 25vw
}
.p-business_trends__text {
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 8vw
}
.p-business_trends__text::after {
content: none
}
.p-business_point__text p,
.p-business_trends__text p {
margin-bottom: 20px
}
.p-business_trends__title {
margin-bottom: 8vw
}
.p-business_trends__title .en {
font-size: 3vw
}
.p-business_trends__title .ja {
font-size: 4.8vw
}
.p-business_news__box .company .head br,
.p-business_trends__title .ja br {
display: none
}
.p-business_trends__img {
position: relative;
left: 0;
top: 0; overflow: hidden
}
.p-business_trends__graph {
margin-top: 15vw;
display: block
}
.p-business_trends__box {
width: 100%;
margin-bottom: 10vw;
padding: 10vw 5vw 5vw
}
.p-business_trends__box .title {
font-size: 4vw;
left: 5vw
}
.p-business_trends__box img.right {
margin-top: 0
}
.p-business_news {
margin-bottom: 18vw
}
.p-business_news__title {
font-size: 5.6vw;
top: -3vw
}
.p-business_news__title svg {
width: 5vw;
height: auto;
margin-right: 3vw
}
.p-business_news__box a {
width: 100%;
padding: 5vw
}
.p-business_news__box .date {
font-size: 3.4vw
}
.p-business_news__box .new {
line-height: 5vw;
font-size: 3.2vw
}
.p-business_news__box .title {
font-size: 4.2vw
}
.p-business_news__box .information {
display: block
}
.p-business_news__box .company {
width: 100%;
display: block;
padding: 5vw 5vw 3vw
}
.p-business_news__box .company .head {
width: 100%;
line-height: 100%;
text-align: left;
margin-bottom: 2vw
}
.p-business_news__box .company .body {
width: 100%;
font-size: 3.2vw
}
.p-business_point {
margin-bottom: 15vw
}
.p-business_point__img {
position: relative;
top: 0;
left: 0
}
.p-business_point__block {
padding: 0;
margin-bottom: 14vw
}
.p-business_point__title {
margin-bottom: 4vw
}
.p-business_point__title .ja {
font-size: 4.6vw;
margin-left: 3.5vw
}
.p-business_point__title .point {
font-size: 3.2vw;
top: -2vw;
padding-right: 2vw
}
.p-business_point__title .num {
font-size: 14vw
}
.p-business_point__text {
width: 100%;
padding: 0;
min-height: auto;
-webkit-box-shadow: none;
box-shadow: none
}
.p-business_merit {
margin: 0 -6.6vw;
padding: 14vw 6.6vw;
border-radius: 0
}
}
.p-case_archive {
background: #f2f5fd;
position: relative;
z-index: 1
}
.p-case_archive::after,
.p-case_archive::before {
content: "";
position: absolute;
left: 0;
height: 100px;
width: 100%;
background: #f2f5fd;
z-index: -1
}
.p-case_archive::before {
top: -100px
}
.p-case_archive::after {
bottom: -100px
}
.p-case_archive__search {
background: #fff;
padding: 30px 0 35px;
margin-bottom: 55px
}
.p-case_archive__search .cat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 20px;
color: #0074c1;
}
.p-case_archive__search .cat dt {
background: #0074c1;
color: #fff;
min-width: 160px;
border-radius: 5px;
text-align: center;
line-height: 32px;
letter-spacing: .4em;
margin-right: 30px
}
.p-case_archive__search .cat dd {
letter-spacing: .1em;
width: auto;
margin-right: 25px
}
.p-case_archive__search__tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.p-case_archive__search__tab li {
min-width: 180px;
background: #e5e5e5;
font-weight: 700;
border-radius: 10px 10px 0 0;
margin-right: 7px;
padding: 7px 0;
cursor: pointer
}
.p-case_archive__search__tab li:last-child {
margin: 0
}
.p-case_archive__search__tab li.is-active {
color: #fff;
background: #32415b
}
.p-case_archive__search__body {
display: none;
background: #f2f5fd;
padding: 20px 40px
}
.p-case_archive__search__body.is-show {
display: block
}
.p-case_archive__search .list li {
display: inline-block;
letter-spacing: .1em;
width: 205px
}
.p-case_archive__search .list.-purpose {
padding-left: 40px
}
.p-case_archive__search .list.-purpose li {
width: 205px
}
.p-case_archive__result {
margin-bottom: 50px
}
.p-case_archive__result .body,
.p-case_archive__result .cat {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.p-case_archive__result .cat {
margin-right: 30px;
font-size: 1.6rem
}
.p-case_archive__result .cat dt {
color: #32415b
}
.p-case_archive__result .cat dt::after {
content: "："
}
.p-case_archive__btn,
.p-case_archive__btn .delete,
.p-case_archive__btn .submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.p-case_archive__btn .delete,
.p-case_archive__btn .submit { background: #0074c1;
color: #fff;
width: 220px;
height: 50px;
border: 0;
font-weight: 700
}
.p-case_archive__btn .delete {
color: #0074c1;
background: #e6e6e6
}
.p-case_archive__btn .submit svg {
left: 30px
}
.p-case_archive__btn .delete svg,
.p-case_archive__btn .submit svg {
position: relative;
top: 1px;
width: 1em
}
@media all and (-ms-high-contrast:none) {
.p-case_archive__btn .delete svg,
.p-case_archive__btn .submit svg {
top: -2px;
left: 20px
}
}
.p-case_archive__btn .delete svg {
left: 25px
}
@media all and (-ms-high-contrast:none) {
.p-case_archive__btn .delete svg {
left: 15px
}
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-case_archive__search .cat dt {
width: 15%;
margin-right: 5%
}
.p-case_archive__search .cat dd {
width: auto;
margin-right: 2%
}
}
@media only screen and (max-width:767px) {
.p-case_archive__search .cat {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 5vw
}
.p-case_archive__search .cat dt {
width: 100%;
margin: 0 0 3vw;
padding: 2vw;
line-height: 100%;
font-size: 3.2vw
}
.p-case_archive__search .cat dd {
width: 100%;
margin-right: 0
}
.p-case_archive__search__tab {
width: 100%;
margin-top: 20px
}
.p-case_archive__search__tab li {
width: 100%;
min-width: auto;
font-size: 1.1rem;
margin-right: 5px;
padding: 7px 0
}
.p-case_archive__search__body {
width: 100%;
padding: 20px
}
.p-case_archive__search .list li,
.p-case_archive__search .list.-purpose li {
width: 49%
}
.p-case_archive__search .list.-purpose {
padding-left: 20px
}
.p-case_archive__result .body {
display: block
}
.p-case_archive__result .cat {
font-size: 3.6vw;
margin: 0
}
.p-case_archive__btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.p-case_archive__btn .btn {
width: 100%;
margin-bottom: 1em
}
.p-case_archive__btn .btn:last-child {
margin-bottom: 0
}
.p-case_archive__btn .delete,
.p-case_archive__btn .submit {
width: 270px;
margin: auto
}
.p-case_archive__btn .delete svg,
.p-case_archive__btn .submit svg {
left: 65px
}
}
.p-company_overview__table {
margin-bottom: 80px
}
.p-company_overview__table a {
color: #333;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-company_overview__table .office a.is-hover,
.p-company_overview__table a.is-hover {
color: #0074c1
}
.p-company_overview__table svg {
fill: #0074c1;
margin-left: 10px
}
.p-company_overview__table th {
padding: 20px 0;
border: 0;
letter-spacing: .1em;
width: 165px;
color: #32415b;
border-right: 10px solid #fff;
border-bottom: 1px solid #848d9d;
-webkit-box-shadow: 0 2px 0 0 #adb3bd;
box-shadow: 0 2px 0 0 #adb3bd
}
.p-company_overview__table td {
padding: 20px 0;
border: 0;
border-bottom: 1px solid #dbdce6;
-webkit-box-shadow: 0 2px 0 0 #e7e7ef;
box-shadow: 0 2px 0 0 #e7e7ef;
letter-spacing: .1em
}
.p-company_overview__table .map {
padding: 20px 0 28px 35px
}
.p-company_overview__table .office {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.p-company_overview__table .office dt {
color: #0074c1;
width: 115px
}
.p-company_overview__table .office a {
color: #222
}
.p-company_overview__table .zipcode {
width: 110px
}
.p-company_overview__table .name {
width: 165px
}
.p-company_overview__table .tel {
width: 40px
}
@media only screen and (max-width:767px) {
.p-company_overview__table {
margin-bottom: 14vw
}
.p-company_overview__table td,
.p-company_overview__table th {
display: block;
width: 100%
}
.p-company_overview__table th {
font-size: 4.2vw;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 5vw 0 2vw
}
.p-company_overview__table td {
padding: 0 0 5vw
}
.p-company_overview__table .map {
padding: 0;
position: relative
}
.p-company_overview__table .office {
display: block;
margin-top: 5vw;
letter-spacing: .05em
}
.p-company_overview__table .office svg {
-webkit-transform: scale(.8);
transform: scale(.8)
}
.p-company_overview__table .name {
width: 34vw
}
.p-company_overview__table svg {
margin-left: 5px
}
.p-company_overview__table .tel {
width: 9vw
}
.p-company_overview__table .director a {
width: 100%
}
.p-company_overview__table .director a span {
width: 100%;
display: block
}
.p-company_overview__table .director a .name {
background: #f9f9f9
}
.p-company_overview__table .director a .person {
padding: 10px 0
}
}
.mw_wp_form_confirm .form_tel,
.p-contact_form .mwform-checkbox-field input[type=checkbox],
.p-contact_form .mwform-radio-field input[type=radio] {
display: none
}
.p-form_guide {
max-width: 960px;
margin: 0 auto
}
.p-contact_form {
max-width: 730px;
margin: 0 auto
}
.p-contact_form.-confirm .require {
margin-top: 0;
margin-bottom: 5px
}
.p-contact_form th {
vertical-align: top;
border: 0;
font-weight: 400;
width: 140px;
padding: 15px 0
}
.p-contact_form .block,
.p-contact_form td {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.p-contact_form td {
padding: 0;
vertical-align: top;
border: 0;
font-weight: 400;
width: 590px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.p-contact_form .block {
margin: 10px 0
}
.p-contact_form .block:first-child {
margin-top: 0
}
.p-contact_form .note {
padding: 10px 0;
margin-bottom: 0;
font-size: 1.4rem;
line-height: 170%
}
.p-contact_form .privacy {
font-size: 1.4rem;
line-height: 170%;
margin-bottom: 30px
}
.p-contact_form .privacy a {
color: #0074c1;
border-bottom: 1px solid transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease;
line-height: 130%
}
.p-contact_form .privacy a.is-hover,
.p-recruit_entry__form .privacy a.is-hover {
border-color: #0074c1;
opacity: .7
}
.p-contact_form .input {
width: 430px
}
.p-contact_form .pl {
padding-left: 20px
}
.p-contact_form .title {
background: #f2f5fd;
color: #32415b;
border-radius: 5px;
width: 110px;
text-align: center;
margin-right: 34px;
margin-bottom: 0;
margin-top: 5px;
padding: 10px 0
}
.p-contact_form .mw_wp_form .horizontal-item {
display: block;
margin: 0
}
.p-contact_form .require {
vertical-align: top;
background-color: #32415b;
padding: 3px 4px;
color: #fff;
font-size: 1.4rem;
letter-spacing: 1px;
margin: 16px 30px 0 0;
line-height: 26px;
border-radius: 5px;
font-family: "Poppins", "游ゴシック", "YuGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-style: normal;
display: inline-block;
width: 60px;
text-align: center
}
.p-contact_form .require.-no {
color: #32415b;
background: #f2f5fd
}
@media all and (-ms-high-contrast:none) {
.p-contact_form input[type=text] {
width: 100%
}
}
.p-contact_form input[type=text],
.p-contact_form textarea,
.p-contact_form input[type=tel] {
border: 0;
border-radius: 5px;
background: #f2f5fd;
margin: 15px 0
}
.p-contact_form input[type=text]::-webkit-input-placeholder,
.p-contact_form textarea::-webkit-input-placeholder {
color: #a9a9b4
}
.p-contact_form input[type=text]::-moz-placeholder,
.p-contact_form textarea::-moz-placeholder {
color: #a9a9b4
}
.p-contact_form input[type=text]::-ms-input-placeholder,
.p-contact_form textarea::-ms-input-placeholder {
color: #a9a9b4
}
.p-contact_form input[type=text]::placeholder,
.p-contact_form textarea::placeholder {
color: #a9a9b4
}
.p-contact_form .mwform-radio-field input[type=radio]:checked+.mwform-radio-field-text::after {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 6px;
content: "";
width: 6px;
height: 6px;
background: #0074c1;
border-radius: 50%
}
.p-contact_form .mwform-checkbox-field .mwform-checkbox-field-text,
.p-contact_form .mwform-radio-field .mwform-radio-field-text {
padding-left: 25px;
position: relative
}
.p-contact_form .mwform-radio-field .mwform-radio-field-text::before {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
-moz-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #999;
border-radius: 50%;
-webkit-box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
vertical-align: middle;
cursor: pointer;
padding: 5px
}
.p-contact_form .mwform-checkbox-field input[type=checkbox]:checked+.mwform-checkbox-field-text::before {
background: #32415b
}
.p-contact_form .mwform-checkbox-field input[type=checkbox]:checked+.mwform-checkbox-field-text::after {
content: "";
position: absolute;
top: calc(50% - 4px);
left: 3px;
width: 6px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%)
}
.p-contact_form .mwform-checkbox-field .mwform-checkbox-field-text::before {
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-appearance: none;
border: 1px solid #32415b;
background-color: #fff;
vertical-align: middle;
padding: 5px;
border-radius: 2px
}
.p-contact_form .c-btn_area {
text-align: center;
margin-bottom: 40px;
overflow: hidden
}
.p-contact_form .c-btn_area input {
margin: 0 20px
}
.p-contact_form input[name=submitConfirm] {
text-align: center;
background: #32415b;
color: #fff;
padding: 0;
width: 350px;
height: 60px;
border: 0;
display: block;
margin: 20px auto;
max-width: 100%;
cursor: pointer
}
.p-contact_form input[name=submitBack]:hover,
.p-contact_form input[name=submitConfirm]:hover,
.p-contact_form input[name=submitSubmit]:hover,
.p-index_trends__box a.is-hover::after {
opacity: .8
}
.p-contact_form input[name=submitBack] {
background: #ddd;
padding: 0;
height: 60px;
border: 0;
cursor: pointer;
float: left;
margin: 1%;
width: 48%
}
.p-contact_form input[name=submitSubmit] {
background: #0074c1;
color: #fff;
height: 60px;
border: 0;
cursor: pointer;
float: left;
margin: 1%;
width: 48%
}
.p-contact_form .contactNotice {
max-width: 920px;
border: 1px solid #ddd;
border-radius: 4px;
padding: 20px;
margin: 20px auto
}
.p-contact_form .contactNotice .ttl {
background: #32415b;
color: #fff;
padding: 5px 20px;
margin: -20px -20px 20px
}
.p-contact_form .contactNotice p,
.p-recruit_entry .contactNotice p {
margin: 0
}
@media only screen and (max-width:767px) {
.p-contact_form {
padding: 0 6.6vw
}
.p-contact_form.-confirm th {
border-top: 1px solid #32415b
}
.p-contact_form .title,
.p-contact_form th {
width: 100%;
font-size: 1.4rem;
font-weight: 700
}
.p-contact_form th {
display: block;
padding-top: 25px;
padding-bottom: 0
}
.p-contact_form td {
display: block;
font-size: 1.4rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-contact_form td input,
.p-contact_form td textarea {
width: 100%;
font-size: 1.6rem;
margin: 10px 0 !important
}
.p-contact_form td.radio input,
.p-contact_form td.tel input,
.p-contact_form td.zip input {
width: auto
}
.p-contact_form .block {
display: block
}
.p-contact_form .title {
padding: 0 0 5px;
margin: 10px 0;
text-align: left;
border-bottom: 1px solid #32415b;
background: 0 0;
border-radius: 0
}
.p-contact_form .mw_wp_form .horizontal-item {
font-size: 1.4rem;
letter-spacing: 0
}
.p-contact_form .note,
.p-contact_form .privacy {
font-size: 3.2vw
}
.p-contact_form .zipcode {
width: 80%
}
.p-contact_form .require {
padding: 0;
width: 11%;
font-size: 1rem;
margin: 13px 0
}
.p-contact_form .input {
width: 85%
}
.p-contact_form input[type=radio] {
position: relative;
-moz-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 18px;
height: 18px;
content: "";
background-color: #fff;
border: 1px solid #999;
border-radius: 24px;
-webkit-box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
vertical-align: middle;
cursor: pointer;
padding: 5px
}
.p-contact_form input[type=radio]:checked:after {
display: block;
position: absolute;
top: 5px;
left: 5px;
content: "";
width: 6px;
height: 6px;
background: #0074c1;
border-radius: 12px
}
.p-contact_form input[type=checkbox] {
display: inline-block;
position: relative;
margin-right: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #999;
vertical-align: middle;
padding: 5px
}
.p-contact_form input[type=checkbox]:checked::after {
position: absolute;
content: "";
top: -3px;
left: 3px;
width: 8px;
height: 14px;
border-right: 4px solid #0074c1;
border-bottom: 4px solid #0074c1;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
.p-identity_mission {
background-size: cover;
background-position: center center;
background-image: url(//mabp.co.jp/img/identity/mission_bg.jpg);
padding: 100px 0 85px;
color: #fff;
text-align: center
}
.p-identity_mission__title {
margin-bottom: 50px
}
.p-identity_mission__title .en {
display: block;
font-size: 3rem;
font-weight: 500;
margin-bottom: 30px
}
.p-identity_mission__title .ja {
font-weight: 700;
font-size: 4rem;
letter-spacing: .15em
}
.p-identity_mission__text {
margin: -28px 0 0;
line-height: 250%
}
.p-identity_overview {
background-color: #f2f5fd;
background-image: url(//mabp.co.jp/img/common/bg_wave.png);
max-width: 1400px; -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
padding: 100px 0 30px;
margin: 0 auto 170px
}
.p-identity_overview__block {
margin-bottom: 65px
}
.p-identity_overview__title {
text-align: center;
padding-bottom: 16px;
position: relative;
margin-bottom: 40px
}
.p-identity_overview__title::after {
content: "";
position: absolute;
bottom: 0;
left: calc(50% - 15px);
height: 3px;
width: 30px;
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef)
}
.p-identity_overview__strength dt span,
.p-identity_overview__title span {
font-size: 3rem;
font-weight: 500;
color: #0074c1;
background: -webkit-linear-gradient(0deg, #0074c1, #68caef);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.p-identity_overview__strategy {
text-align: center;
font-weight: 700;
font-size: 2.8rem;
letter-spacing: .12em;
color: #32415b
}
.p-identity_overview__strength,
.p-identity_overview__value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 128px;
margin-bottom: 12px
}
.p-identity_overview__strength dt {
width: 445px
}
.p-identity_overview__strength dt span {
line-height: 140%;
letter-spacing: .04em;
font-size: 4rem
}
.p-identity_overview__strength dd {
color: #222;
font-weight: 700;
font-size: 2.2rem
}
.p-identity_overview__value {
counter-increment: section;
padding-left: 95px;
padding-top: 15px;
margin-bottom: 24px
}
.p-identity_overview__value .title {
font-weight: 700;
color: #32415b;
font-size: 2.8rem;
width: 320px;
line-height: 100%
}
.p-identity_overview__value .title::before {
content: "Value0" counter(section);
display: block;
font-weight: 500;
font-size: 1.5rem;
margin-bottom: 16px;
line-height: 100%
}
.p-identity_overview__value p {
margin-bottom: 0
}
.p-identity_message {
background: #f2f5fd;
padding: 58px 0;
position: relative;
margin-bottom: 100px
}
.p-identity_message__text {
max-width: 610px
}
.p-identity_message__text p {
margin-bottom: 30px
}
.p-identity_message__text .name {
text-align: right;
font-size: 1.7rem
}
.p-identity_message__text .name span {
font-size: 2rem;
margin-left: 25px
}
.p-identity_message__title {
margin-bottom: 35px
}
.p-identity_message__title .en {
display: block;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .1em;
color: #a9a9b4;
margin-bottom: 10px
}
.p-identity_message__title .ja {
font-weight: 700;
color: #0074c1;
font-size: 2.4rem;
line-height: 150%;
letter-spacing: .16em
}
.p-identity_message__img {
position: absolute;
top: -70px;
left: calc(50% + 110px);
width: 100%
}
@media all and (-ms-high-contrast:none) {
.p-identity_message__img img {
max-width: 100% !important
}
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-identity_overview__strength {
padding-left: calc(24.01501vw + -184.19512px)
}
.p-identity_overview__strength dt span {
font-size: calc(1.1257vw + 25.36585px);
width: calc(27.2045vw + 91.34146px)
}
.p-identity_overview__strength dd {
font-size: calc(.75047vw + 12.2439px)
}
.p-identity_overview__value .title {
width: 30%;
font-size: calc(2.25141vw + -1.26829px)
}
.p-identity_overview__value p {
width: 70%;
font-size: calc(.56285vw + 7.68293px)
}
.p-identity_message__img {
left: auto;
right: 0;
width: calc(88.18011vw + -596.34146px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
border-radius: 10px
}
.p-identity_message__img img {
max-width: 100vw;
width: 690px
}
}
@media only screen and (max-width:767px) {
.p-identity_mission {
padding: 12vw 0
}
.p-identity_mission__title {
margin-bottom: 8vw
}
.p-identity_mission__title .en {
font-size: 4vw;
margin-bottom: 4vw
}
.p-identity_mission__title .ja {
font-size: 5vw
}
.p-identity_mission__text {
margin-top: 5vw
}
.p-identity_mission__text br {
display: none
}
.p-identity_overview {
border-radius: 0;
padding: 15vw 0 1vw;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0
}
.p-identity_overview__block {
margin-bottom: 18vw
}
.p-identity_overview__title {
letter-spacing: .12em;
padding-bottom: 2.5vw;
margin-bottom: 7vw
}
.p-identity_overview__title span {
font-size: 6vw
}
.p-identity_overview__strategy {
font-size: 4.6vw
}
.p-identity_overview__strength {
padding: 0;
display: block;
text-align: center
}
.p-identity_overview__strength dt {
width: 100%
}
.p-identity_overview__strength dt span {
font-size: 6.4vw
}
.p-identity_overview__strength dd {
font-size: 3.6vw
}
.p-identity_overview__value {
padding: 0;
display: block;
margin-bottom: 8vw
}
.p-identity_overview__value .title {
font-size: 4.6vw;
margin-bottom: 4vw
}
.p-identity_overview__value .title::before {
margin-bottom: 3vw;
font-size: 3.2vw;
letter-spacing: .1em
}
.p-identity_message {
margin-bottom: 15vw;
padding: 15vw 0
}
.p-identity_message__title {
margin-bottom: 4vw
}
.p-identity_message__title .en {
font-size: 3vw;
margin-bottom: 2vw
}
.p-identity_message__text .name span,
.p-identity_message__title .ja {
font-size: 4.2vw
}
.p-identity_message__img {
position: relative;
top: 0;
left: 0
}
.p-identity_message__text p {
margin-bottom: 20px
}
.p-identity_message__text .name {
font-size: 3.6vw;
letter-spacing: .08em
}
}
.p-index_kv {
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
color: #fff;
margin-bottom: 190px;
padding-bottom: 55px;
position: relative
}
.p-index_kv__movie {
position: absolute;
width: 970px;
height: 548px;
top: 30px;
left: calc(50% - 175px);
border-radius: 10px 0 0 10px;
overflow: hidden;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.p-index_kv__movie video {
height: 100%
}
.p-index_kv__title {
padding: 60px 0 45px;
position: relative
}
.p-index_kv__title::after {
content: "";
position: absolute;
width: 50vw;
height: 1px;
background: #fff;
right: calc(100% - 350px);
bottom: 22px
}
.p-index_kv__title .ja {
display: block;
font-weight: 700;
font-size: 4.4rem;
line-height: 140%;
letter-spacing: .13em;
margin-bottom: 10px
}
.p-index_kv__title .en {
font-size: 1.2rem;
font-weight: 500;
line-height: 183%;
letter-spacing: .2em
}
.p-index_kv__text {
margin-bottom: 55px
}
.p-index_kv__scroll {
width: 100px;
height: 100px;
border: 1px solid #fff;
font-size: 1.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50px;
font-weight: 500;
color: #fff !important;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-index_kv__scroll.is-hover {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
.p-index_kv__scroll::after {
content: "";
position: absolute;
width: 4px;
height: 45px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
left: 50%;
top: 70px;
-webkit-transform: skewY(-40deg);
transform: skewY(-40deg);
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: scroll;
animation-name: scroll
}
.p-index_statement {
padding: 190px 0 100px;
position: relative;
z-index: 1;
background-color: #f2f5fd;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-image: url(//mabp.co.jp/img/common/bg_wave.png)
}
.p-index_statement__text p {
margin-bottom: 35px;
line-height: 190%
}
.p-index_statement__img {
width: 100%;
position: absolute;
top: 90px;
left: calc(50vw + 130px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.p-index_statement__img li {
margin-right: 30px; -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
overflow: hidden
}
.p-index_statement__img li:first-child {
margin-top: 90px
}
.p-index_service {
padding: 190px 0 95px;
position: relative;
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% auto;
background-image: url(//mabp.co.jp/img/index/service_bg.jpg)
}
.p-index_service__text {
margin-top: 45px
}
.p-index_strength {
position: relative;
padding: 195px 0 0;
margin-bottom: 165px
}
.p-index_strength__list {
margin-top: 40px;
margin-bottom: 125px
}
.p-index_strength__list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 180px;
padding-left: calc(14.69388vw + -55.10204px);
margin-bottom: 9px
}
.p-index_strength__list .en {
font-weight: 600;
font-size: 4rem;
font-size: calc(.81633vw + 2.69388rem);
letter-spacing: .04em;
position: relative;
width: 440px;
margin-bottom: 0
}
.p-index_strength__list .en::before {
content: "";
position: absolute;
width: 20px;
height: 4px;
background: #0074c1;
top: 26px;
left: -45px
}
.p-index_strength__list .en span {
line-height: 150%;
color: #0074c1;
background: -webkit-linear-gradient(0deg, #0074c1, #68caef);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.p-index_strength__list .ja {
font-weight: 700;
font-size: 2.2rem;
font-size: calc(.4898vw + 1.41633rem);
color: #222;
margin-bottom: 0
}
.p-index_strength__point {
max-width: 510px;
margin: 0 0 67px auto;
counter-increment: section
}
.p-index_strength__point .title {
color: #0074c1;
line-height: 160%;
letter-spacing: .14em;
font-weight: 700;
font-size: 2.4rem;
margin-bottom: 40px;
position: relative;
z-index: 1
}
.p-index_strength__point .title::before {
content: counter(section);
position: absolute;
top: 0;
left: -35px;
z-index: -1;
color: #f2f5fd;
font-size: 12rem
}
.p-index_strength__img {
position: absolute;
bottom: 255px;
left: calc(50% - 700px);
z-index: 2;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
border-radius: 10px
}
.p-index_strength__img.-bg {
bottom: -60px;
left: calc(50% - 910px);
z-index: 1
}
.p-index_support {
background-color: #f2f5fd;
padding: 190px 0 100px;
position: relative;
z-index: 1;
background-size: cover;
background-position: center top;
background-image: url(//mabp.co.jp/img/common/bg_wave.png)
}
.p-index_support__result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-top: -34px
}
.p-index_support__result .title {
margin: 0 10px 0 40px
}
.p-index_support__result .ja {
color: #0074c1;
font-weight: 700;
display: block;
font-size: 3.2rem;
line-height: 150%;
letter-spacing: .13em;
margin-bottom: -5px
}
.p-index_support__result .ja img {
vertical-align: middle;
margin: 0 10px;
position: relative;
top: -2px
}
.p-index_support__result .en {
font-weight: 500;
font-size: 1.2rem;
color: #0074c1;
letter-spacing: .18em
}
.p-index_support__result .grad {
margin-left: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.p-index_support__result .number {
font-weight: 600;
font-size: 14rem;
line-height: 130%;
letter-spacing: 0;
text-shadow: 5px 5px 15px rgba(50, 65, 91, .2);
color: #0074c1;
background: -webkit-linear-gradient(0deg, #0074c1, #68caef);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.p-index_support__result .vertical {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 4.5rem;
font-weight: 700;
line-height: 130%;
letter-spacing: 0;
color: #68caef
}
.p-index_support__text {
text-align: center;
margin-bottom: 50px
}
.p-index_support__tab {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-index_support__tab li {
width: 200px;
background: #fff;
font-weight: 700;
color: #0074c1;
border-radius: 5px;
font-size: 1.4rem;
padding: 11px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .2);
cursor: pointer
}
.p-index_support__tab li::after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 8px 0;
border-color: #35a0d8 transparent transparent;
bottom: -10px;
left: calc(50% - 8px);
-webkit-transition: all .3s ease;
transition: all .3s ease;
opacity: 0;
z-index: -1
}
.p-index_support__tab li:hover {
-webkit-box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .35);
box-shadow: 5px 5px 10px 0 rgba(50, 65, 91, .35)
}
.p-index_support__tab li.is-active {
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
color: #fff
}
.p-index_support__tab li.is-active::after {
opacity: 1;
bottom: -12px
}
.p-index_support__body {
display: none;
padding-top: 55px;
position: relative
}
.p-index_support__body.is-show {
display: block
}
.p-index_support__slider {
margin-bottom: 50px
}
.p-index_advisors__slider .swiper-container,
.p-index_support__slider .swiper-container {
overflow: visible
}
.p-index_support__btn {
position: absolute;
right: 0;
bottom: 0
}
.p-index_advisors {
padding: 190px 0 0;
margin-bottom: 40px;
position: relative
}
.p-index_advisors__slider {
margin-top: 58px;
margin-bottom: 52px;
max-width: 350px;
position: relative;
left: -32px
}
.p-index_advisors__btn {
position: absolute;
bottom: 0;
left: calc(50% + 235px)
}
.p-index_story {
padding: 190px 0 95px;
position: relative;
z-index: 1
}
.p-index_story::before {
content: "";
position: absolute;
top: 0;
right: calc(50% - 695px);
height: 100%;
width: 100%;
background-color: #f2f5fd;
z-index: -1;
border-radius: 0 10px 10px 0;
background-image: url(//mabp.co.jp/img/common/bg_wave.png);
background-size: auto 2400px;
background-repeat: no-repeat;
background-position: center bottom
}
.p-index_interview {
margin-top: 50px;
margin-bottom: 105px;
position: relative
}
.p-index_interview__slider {
margin-top: 92px;
margin-bottom: 60px
}
.p-index_interview__slider .swiper-container {
overflow: visible;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-index_interview__slider .swiper-slide {
opacity: 0 !important
}
.p-index_interview__slider .swiper-slide-active {
opacity: 1 !important
}
.p-index_interview__btn {
position: absolute;
right: 0;
bottom: 0
}
.p-index_trends {
margin-bottom: 65px
}
.p-index_trends__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-index_trends__box {
width: 540px;
margin-bottom: 30px
}
.p-index_trends__box.-n01 a {
background-image: url(//mabp.co.jp/img/index/trends_bg01.png)
}
@media only screen and (min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
.p-index_trends__box.-n01 a {
background-image: url(//mabp.co.jp/img/index/trends_bg01@2x.png)
}
}
.p-index_trends__box.-n02 a {
background-image: url(//mabp.co.jp/img/index/trends_bg02.png)
}
@media only screen and (min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
.p-index_trends__box.-n02 a {
background-image: url(//mabp.co.jp/img/index/trends_bg02@2x.png)
}
}
.p-index_trends__box.-n03 a {
background-image: url(//mabp.co.jp/img/index/trends_bg03.png)
}
@media only screen and (min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
.p-index_trends__box.-n03 a {
background-image: url(//mabp.co.jp/img/index/trends_bg03@2x.png)
}
}
.p-index_trends__box.-n04 a {
background-image: url(//mabp.co.jp/img/index/trends_bg04.png)
}
@media only screen and (min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
.p-index_trends__box.-n04 a {
background-image: url(//mabp.co.jp/img/index/trends_bg04@2x.png)
}
}
.p-index_media__pickup a,
.p-index_trends__box a {
display: block;
position: relative;
border-radius: 10px
}
.p-index_trends__box a,
.p-index_trends__box a::after {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-index_trends__box a {
color: #fff;
background-size: cover;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
padding: 58px 45px 40px
}
.p-index_trends__box a::after {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
border: 1px solid #fff;
border-radius: 9px;
opacity: 0
}
.p-index_trends__box a.is-hover {
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .35);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .35)
}
.p-index_media__pickup a.is-hover .btn svg,
.p-index_trends__box a.is-hover svg {
left: 5px
}
.p-index_trends__box .title {
position: relative;
padding-top: 26px;
margin-bottom: 16px
}
.p-index_trends__box .title.-color02::after,
.p-index_trends__box .title.-color03::before,
.p-index_trends__box .title.-color04::before {
background: #fff
}
.p-index_trends__box .title.-color04::after {
background: #0074c1
}
.p-index_trends__box .title::after,
.p-index_trends__box .title::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 3px;
background: #0074c1
}
.p-index_trends__box .title::after {
background: #68caef;
left: 15px
}
.p-index_trends__box .title .ja {
font-size: 2.4rem;
font-weight: 700;
margin-right: 25px
}
.p-index_trends__box .title .light {
font-weight: 500
}
.p-index_trends__box .title .en {
font-weight: 500;
font-size: 1.2rem;
letter-spacing: .1em;
vertical-align: top
}
.p-index_trends__box .btn {
font-weight: 500;
font-size: 1.4rem;
letter-spacing: .1em;
margin-bottom: 0
}
.p-index_trends__box .btn svg {
margin: 0 0 2px 18px;
position: relative;
left: 0
}
.p-index_trends__box .btn .cls-1 {
fill: none;
stroke: #fff
}
.p-index_media__pickup {
margin-top: 95px;
margin-bottom: 60px
}
.p-index_media__pickup a {
background: #fff;
max-width: 603px;
padding: 33px 35px 28px
}
.p-index_media__pickup a.is-hover .img img {
-webkit-transition: all .8s ease;
transition: all .8s ease;
-webkit-transform: scale(1.08);
transform: scale(1.08)
}
.p-index_media__pickup .img {
position: absolute;
z-index: -1;
width: 635px;
height: 450px; top: -50px;
left: 475px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.p-index_media__pickup .btn svg,
.p-index_media__pickup .img img,
.p-index_media__pickup a,
.p-index_trends__box .btn svg {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-index_media__pickup .date {
color: #a9a9b4;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .1em;
display: inline-block;
margin-bottom: 5px
}
.p-index_media__pickup .title,
.p-news_single__body h2 {
color: #222;
font-size: 1.8rem;
font-weight: 700;
line-height: 183%;
margin-bottom: 26px
}
.p-index_media__pickup .content {
color: #333;
letter-spacing: .16em;
margin-bottom: 25px
}
.p-index_media__pickup .btn {
color: #0074c1;
font-weight: 500;
font-size: 1.2rem;
letter-spacing: .08em;
margin-bottom: 0
}
.p-index_media__pickup .btn svg {
margin-left: 30px;
position: relative;
left: 0
}
.p-index_media__pickup .btn .cls-1 {
stroke: #0074c1;
fill: none
}
.p-index_media__list a,
.p-index_media__other {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.p-index_media__head {
width: 190px;
position: relative;
min-height: 150px
}
.p-index_media__head .title {
font-weight: 600;
color: #32415b;
font-size: 2.2rem
}
.p-index_media__head .btn {
position: absolute;
left: 0;
bottom: 5px
}
.p-index_media__list {
width: calc(100% - 190px);
margin-top: -7px
}
.p-index_media__list a {
padding: 14px 35px;
border: 1px solid #fff;
background: #fff;
color: #333;
margin-bottom: 5px;
max-width: 825px;
letter-spacing: .18em
}
.p-index_media__list a.is-hover {
border-color: #0074c1;
color: #0074c1
}
.p-index_media__list .date {
color: #a9a9b4;
font-size: 1.2rem;
letter-spacing: .05em;
width: 110px;
font-weight: 500
}
.p-index_media__list .title {
width: calc(100% - 110px)
}
.p-index_about {
position: relative;
padding: 190px 0 0
}
.p-index_about__company {
color: #0074c1;
font-weight: 700;
font-size: 2rem;
margin-top: -10px;
margin-bottom: 18px
}
.p-index_about__company svg {
width: 123px;
height: 41px;
fill: #231916
}
.p-index_about__company .logo {
margin-right: 8px
}
.p-index_about__company .mark {
fill: #0074c1;
vertical-align: middle
}
.p-index_about__company .text {
vertical-align: super;
letter-spacing: .15em
}
.p-index_about__address {
line-height: 260%;
letter-spacing: .1em;
margin-bottom: 84px
}
.p-index_about__address svg {
fill: #0074c1;
margin: 0 0 0 10px
}
.p-index_about__address span {
letter-spacing: .04em;
margin-right: 18px
}
.p-index_about__address span svg {
margin: 0 10px 0 5px
}
.p-index_about__address a,
.p-index_about__news a,
.p-index_media__list a {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-index_about__address a {
color: #333
}
.p-index_about__address a.is-hover,
.p-index_about__news a.is-hover .title {
color: #0074c1
}
.p-index_about__news {
width: 600px;
position: relative
}
.p-index_about__news a {
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #c3c4d6
}
.p-index_about__news a.is-hover {
border-color: #0074c1
}
.p-index_about__news .date {
color: #a9a9b4;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .05em;
margin-right: 15px
}
.p-index_about__news .new {
color: #0074c1;
font-weight: 600;
font-size: 1.4rem
}
.p-index_about__news .title {
margin-top: 10px;
color: #32415b;
margin-bottom: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-index_about__news .cat {
background: #0074c1;
color: #fff;
border-radius: 5px;
font-size: 1.5rem;
padding: 0 6px;
margin-right: 15px
}
.p-index_about__news .btn {
position: absolute;
top: -70px;
right: 0
}
.p-index_about__img {
position: absolute;
top: 148px;
left: calc(50% + 110px);
width: 100%;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
border-radius: 10px
}
.p-index_about__btn {
position: absolute;
top: 195px;
left: calc(50% - 110px)
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-index_kv__movie {
left: auto;
right: -12vw;
width: 70vw;
height: 39.5vw
}
.p-index_kv__title {
padding-top: 5vw
}
.p-index_strength__point {
max-width: calc(31.89493vw + 9.53659rem)
}
.p-index_support__result .title {
margin-left: 0
}
.p-index_support__result .ja {
font-size: calc(2.25141vw + .27317rem)
}
.p-index_support__result .number {
font-size: calc(15.00938vw + -4.5122rem)
}
.p-index_support__result .vertical {
font-size: calc(3.75235vw + .12195rem)
}
.p-index_support__tab li {
width: calc(20% - 10px)
}
.p-index_advisors__btn {
left: auto;
right: 30px
}
.p-index_story::before {
right: 2vw
}
.p-index_trends__box {
width: 48.5%
}
}
@media only screen and (max-width:767px) {
.p-index_kv {
padding-bottom: 11vw;
margin-bottom: 29vw
}
.p-index_kv__movie {
height: 52vw;
left: 0;
top: 0;
position: relative;
width: 91vw;
margin-left: auto;
margin-bottom: 5vw
}
.p-index_kv__movie video {
width: 100%
}
.p-index_kv__title {
padding: 0 0 2.5vw;
margin-bottom: 3.5vw
}
.p-index_kv__title::after {
bottom: 0;
right: auto;
left: -6.6vw;
width: 90vw
}
.p-index_kv__title .ja {
font-size: 8vw;
margin-bottom: 0
}
.p-index_kv__title .en {
font-size: 2.8vw;
line-height: 150%
}
.p-index_kv__text {
margin-bottom: 0
}
.p-index_kv__scroll {
display: none
}
.p-index_statement {
padding-top: 41vw;
padding-bottom: 15vw
}
.p-index_statement .c-ttl01__bg {
top: 38vw
}
.p-index_statement__img {
left: auto;
top: -22vw;
right: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.p-index_statement__img li {
width: 28vw;
margin: 0 0 0 4vw
}
.p-index_statement__img li:first-child {
margin-top: 10vw
}
.p-index_statement__text p {
line-height: 160%;
margin-bottom: 20px
}
.p-index_service {
padding-top: 25vw;
padding-bottom: 4vw
}
.p-index_service__text {
margin-top: 6vw
}
.p-index_strength {
padding-top: 25vw;
margin-bottom: 20vw
}
.p-index_strength__list {
margin: 8vw 0 14vw
}
.p-index_strength__list li {
padding-left: 12vw;
display: block;
margin-bottom: 20px
}
.p-index_strength__list .en::before {
height: 2px;
top: 5vw;
left: -10vw
}
.p-index_strength__list .en span {
font-size: 6.2vw
}
.p-index_strength__list .ja {
font-size: 3.4vw
}
.p-index_strength__img {
display: none
}
.p-index_strength__point {
padding-left: 5vw;
margin-bottom: 8vw
}
.p-index_strength__point .title {
padding-top: 10px;
font-size: 4.2vw;
margin-bottom: 10px
}
.p-index_strength__point .title::before {
font-size: 15vw;
left: -4.5vw;
top: 2.8vw
}
.p-index_support {
padding-top: 25vw;
padding-bottom: 15vw
}
.p-index_support__result {
display: block;
margin-top: 8vw
}
.p-index_support__result .title {
margin: 0
}
.p-index_support__result .ja {
font-size: 4.4vw;
line-height: 170%
}
.p-index_support__result .ja img {
width: 3vw;
height: 3vw;
margin: 0 5px
}
.p-index_support__result .en {
font-size: 2.8vw;
letter-spacing: .1em
}
.p-index_support__result .grad {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.p-index_support__result .number {
font-size: 12vw
}
.p-index_support__result .vertical {
font-size: 4vw
}
.p-index_support__tab {
margin: 0 -5vw
}
.p-index_support__tab li {
width: auto;
margin: 0 .5% 5vw;
font-size: 3.2vw;
line-height: 140%;
letter-spacing: .05em;
padding: 10px 4vw
}
.p-index_support__tab li::after {
bottom: -5px
}
.p-index_support__tab li.is-active::after {
bottom: -8px
}
.p-index_support__body,
.p-index_trends__box .title {
padding-top: 4vw
}
.p-index_support__slider {
margin-bottom: 5vw
}
.p-index_support__btn {
margin-top: 10vw;
position: relative
}
.p-index_advisors {
padding-top: 25vw;
margin-bottom: 18vw
}
.p-index_advisors__slider {
left: 0;
max-width: 100%;
margin-bottom: 5vw;
margin-top: 0
}
.p-index_advisors__btn {
margin-top: 10vw;
position: relative;
left: 0
}
.p-index_story {
padding-top: 15vw;
padding-bottom: 15vw;
background: #f2f5fd
}
.p-index_interview {
margin-top: 8vw;
margin-bottom: 20vw
}
.p-index_interview__slider {
margin-top: 0;
margin-bottom: 5vw
}
.p-index_interview__btn {
position: relative;
margin-top: 10vw
}
.p-index_trends {
margin-bottom: 12vw
}
.p-index_trends__box {
margin-bottom: 5vw;
padding: 0 5vw
}
.p-index_trends__box a {
padding: 5vw 6vw
}
.p-index_trends__box .title::after,
.p-index_trends__box .title::before {
height: 2px;
width: 12px
}
.p-index_trends__box .title::after {
left: 12px
}
.p-index_trends__box .title .ja {
font-size: 4vw;
display: block
}
.p-index_trends__box .title .en {
font-size: 2.8vw;
letter-spacing: 0
}
.p-index_trends__box .btn {
font-size: 3vw
}
.p-index_media,
.p-index_media__pickup {
margin-top: 0
}
.p-index_media__pickup a {
padding: 5vw
}
.p-index_media__pickup .img {
position: relative;
left: 0;
top: 0;
width: 100%;
height: auto;
z-index: 5;
margin-bottom: 5vw
}
.p-index_media__pickup .date {
font-size: 3vw;
letter-spacing: .1em
}
.p-index_media__pickup .title {
font-size: 4vw;
margin-bottom: 3vw
}
.p-index_media__pickup .content {
margin-bottom: 2vw
}
.p-index_media__other {
display: block
}
.p-index_media__head {
width: 100%;
margin-bottom: 8vw;
min-height: auto
}
.p-index_media__head .btn {
left: auto;
right: 0
}
.p-index_media__list a {
padding: 5vw;
line-height: 170%;
display: block
}
.p-index_media__list .date {
width: 100%;
font-size: 3vw
}
.p-index_media__list,
.p-index_media__list .title {
width: 100%
}
.p-index_about {
padding-top: 25vw;
margin-bottom: 15vw
}
.p-index_about__img {
top: 24vw;
left: auto;
right: -5vw;
width: 50vw;
border-radius: 10px
}
.p-index_about__company {
margin-bottom: 0
}
.p-index_about__company .logo svg {
width: 25vw;
height: auto
}
.p-index_about__company .text {
font-size: 4vw
}
.p-index_about__address {
font-size: 3vw;
letter-spacing: .05em;
margin-bottom: 10vw
}
.p-index_about__address svg {
-webkit-transform: scale(.8);
transform: scale(.8);
margin-left: 5px
}
.p-index_about__address span svg {
margin: 0 5px 0 0
}
.p-index_about__news {
width: 100%
}
.p-index_about__news .cat {
font-size: 3vw;
letter-spacing: .1em;
line-height: 6vw
}
.p-index_about__news .new {
font-size: 3.2vw;
letter-spacing: .1em
}
.p-index_about__news .btn {
text-align: right;
margin-top: 5vw;
position: relative;
top: 0
}
.p-index_about__news .btn a {
display: inline-block;
border: 0
}
.p-index_about__btn {
top: 0;
left: 0;
position: relative;
margin-top: 8vw;
margin-bottom: 16vw
}
}
.p-news_archive__tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 34px
}
.p-news_archive__tab a {
padding: 14px 0 6px;
margin: 0 5px;
color: #333;
width: 160px;
text-align: center;
border-bottom: 1px solid #a9a9b4;
position: relative
}
.p-news_archive__tab a::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 3px;
background: #0074c1;
opacity: 0
}
.p-news_archive__tab a.is-act,
.p-rate_front__title span {
color: #0074c1
}
.p-news_archive__tab a.is-act::after {
opacity: 1
}
.p-news_single {
max-width: 920px;
margin: 65px auto 0
}
.p-news_single__date {
font-weight: 500;
font-size: 1.2rem;
color: #a9a9b4;
letter-spacing: .1em;
margin-right: 10px
}
.p-news_single__cat {
color: #fff;
background: #0074c1;
border-radius: 5px;
line-height: 30px;
padding: 0 6px;
margin-right: 5px
}
.p-news_single__cat.-media {
background: #68caef
}
.p-news_single__title {
line-height: 160%;
font-size: 2rem;
font-weight: 700;
color: #222;
border-bottom: 1px solid #dbdce6;
-webkit-box-shadow: 0 1px 0 0 #e7e7ef;
box-shadow: 0 1px 0 0 #e7e7ef;
padding-bottom: 13px;
margin: 18px 0 40px;
letter-spacing: .16em
}
.p-news_single__body h2 {
color: #0074c1;
line-height: 155%;
letter-spacing: .2em;
margin-bottom: 25px
}
.p-news_single__body h3 {
background: #f2f5fd;
color: #32415b;
font-weight: 700;
font-size: 1.6rem;
border-left: 3px solid #32415b;
margin: 35px 0 30px;
padding: 12px 20px;
letter-spacing: .2em
}
.p-news_single__body h4 {
color: #32415b;
letter-spacing: .25em;
font-weight: 700;
margin-bottom: 20px;
font-size: 1.6rem
}
.p-news_single__body p {
margin-bottom: 30px
}
.p-news_single__body a {
display: block;
}
.p-news_single__body ul {
border: 1px solid #a9a9b4; padding: 28px 35px 20px;
margin: 35px 0
}
.p-news_single__body ul li {
position: relative;
margin: 6px 0;
padding-left: 35px
}
.p-news_single__body ul li::before {
content: url(//mabp.co.jp/img/common/ico_check.svg);
position: absolute;
top: 2px;
left: 0;
width: 10px;
height: 10px
}
@media only screen and (max-width:767px) {
.p-news_archive__tab a {
width: auto;
padding: 1.5vw 3vw;
margin: 0 1vw
}
.p-news_single {
padding: 0 6.6vw;
margin: 0
}
.p-news_single__title {
font-size: 4.8vw
}
.p-news_single__cat {
font-size: 3.2vw;
line-height: 200%
}
.p-news_single__date {
font-size: 3.2vw
}
.p-news_single__body h2 {
font-size: 4.4vw
}
.p-news_single__body h3 {
line-height: 155%;
padding: 3vw 4vw
}
.p-news_single__body h3,
.p-news_single__body h4 {
font-size: 3.6vw;
letter-spacing: .15em
}
.p-news_single__body ul {
padding: 5vw
}
.p-news_single__body ul li {
padding-left: 7vw
}
.p-news_single__body ul li::before {
top: 1vw;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
.p-objective_method {
background-color: #f2f5fd; -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
max-width: 1400px;
padding: 100px 0;
margin: 0 auto 98px;
background-image: url(//mabp.co.jp/img/common/bg_wave.png);
background-size: 100% auto;
background-position: left bottom;
background-repeat: no-repeat
}
.p-objective_method__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 35px
}
.p-objective_method__box {
background: #fff; width: 540px;
padding: 65px 35px 60px;
margin-bottom: 30px
}
.p-objective_method__box p {
margin-bottom: 0
}
.p-objective_method__ico {
text-align: center;
height: 66px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
margin-bottom: 20px
}
.p-objective_method__ico::before {
content: "";
position: absolute;
width: 60px;
height: 60px;
background: #f2f5fd;
border-radius: 50%;
top: -24px;
left: calc(50% + 5px);
z-index: -1
}
.p-objective_method__title {
text-align: center;
margin-bottom: 16px
}
.p-objective_method__title .ja {
color: #0074c1;
font-size: 2.4rem;
font-weight: 700;
letter-spacing: .14em;
line-height: 100%
}
.p-objective_method__title .en,
.p-objective_point__text .title .en {
display: block;
font-weight: 500;
color: #a9a9b4;
font-size: 1.3rem;
letter-spacing: .1em
}
.p-objective_method__worries {
background: #0074c1;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; padding: 40px 0
}
.p-objective_method__worries .title {
font-size: 1.8rem;
font-weight: 700;
width: 384px;
text-align: center
}
.p-objective_method__worries .title img {
display: block;
margin: 0 auto 15px
}
.p-objective_method__worries .list li {
position: relative;
padding-left: 30px;
margin: 4px 0
}
.p-objective_method__worries .list svg {
fill: #fff;
position: absolute;
top: 5px;
left: -3px
}
.p-objective_merit {
margin-bottom: 95px
}
.p-objective_merit__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 26px
}
.p-objective_merit__text {
width: 515px
}
.p-objective_merit__text .title {
font-weight: 700;
font-size: 2.4rem;
color: #0074c1;
line-height: 165%;
letter-spacing: .14em;
margin-bottom: 34px
}
.p-objective_merit__text p {
margin-bottom: 30px
}
.p-objective_merit__pickup {
color: #32415b;
padding-left: 28px;
margin-bottom: 30px
}
.p-objective_merit__pickup .en {
font-weight: 600;
font-size: 3.6rem;
letter-spacing: .1em
}
.p-objective_merit__pickup .ja {
font-size: 1.3rem;
vertical-align: top;
margin-left: 16px
}
.p-objective_merit__list li {
background: #f2f5fd;
margin-bottom: 10px; position: relative;
padding: 16px 65px
}
.p-objective_merit__list svg {
position: absolute;
fill: #0074c1;
left: 25px;
top: 22px
}
.p-objective_point {
background: #f2f5fd;
max-width: 1400px;
margin: 0 auto; -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
padding: 100px 0
}
.p-objective_point__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 110px;
margin-bottom: 70px
}
.p-objective_point__text {
width: 510px;
padding-top: 10px
}
.p-objective_point__text .title {
border-bottom: 1px solid #32415b;
color: #0074c1;
font-weight: 700;
padding-bottom: 10px;
font-size: 2.4rem;
margin-bottom: 22px
}
.p-objective_point__text .title .en {
margin-bottom: 8px;
color: #32415b;
font-size: 1.5rem;
position: relative
}
.p-objective_point__text .title .en::after,
.p-objective_point__text .title .en::before {
content: "";
position: absolute;
top: 8px;
left: 58px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #32415b
}
.p-objective_point__text .title .en::after {
left: 72px
}
.p-objective_point__check {
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 25px 0;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2)
}
.p-objective_point__check .title {
text-align: center;
position: relative;
margin-right: 80px
}
.p-objective_point__check .title .ja {
width: 100%;
left: 0;
top: 52px;
position: absolute;
font-size: 1.3rem;
color: #32415b;
letter-spacing: .35em
}
.p-objective_point__check .title .en {
color: #0074c1;
font-weight: 600;
font-size: 3.6rem;
line-height: 185%
}
.p-objective_point__check .text {
width: 760px
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-objective_method__box {
width: calc(50% - 15px)
}
.p-objective_method__worries .title {
width: 284px;
width: calc(30.01876vw + -10.2439px)
}
.p-objective_merit__img {
width: calc(40% - 20px)
}
.p-objective_merit__text {
width: 60%
}
.p-objective_merit__text .title br {
display: none
}
.p-objective_point__img {
width: calc(45% - 30px)
}
.p-objective_point__text {
width: 55%
}
.p-objective_point__check {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.p-objective_point__check .title {
margin: 0;
width: 25%
}
.p-objective_point__check .text {
width: 68%
}
}
@media only screen and (max-width:767px) {
.p-objective_method {
border-radius: 0;
padding: 15vw 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 18vw
}
.p-objective_method__box {
padding: 0 5vw 5vw;
margin-bottom: 5vw
}
.p-objective_method__ico {
-webkit-transform: scale(.6);
transform: scale(.6);
margin-bottom: 0;
position: relative;
top: 5vw;
margin-bottom: 5vw
}
.p-objective_method__title .ja {
font-size: 4.5vw
}
.p-objective_method__title .en {
margin-top: 1vw;
font-size: 3vw;
letter-spacing: .05em;
line-height: 150%
}
.p-objective_method__worries {
display: block;
padding: 5vw
}
.p-objective_method__worries .title {
width: 100%;
font-size: 4vw;
margin-bottom: 4vw
}
.p-objective_method__worries .title img {
width: 10vw;
height: auto
}
.p-objective_method__worries .list li {
padding-left: 7vw
}
.p-objective_merit__list svg,
.p-objective_method__worries .list svg {
-webkit-transform: scale(.8);
transform: scale(.8)
}
.p-objective_merit {
margin-bottom: 18vw
}
.p-objective_merit__body {
display: block;
margin-bottom: 12vw
}
.p-objective_merit__img,
.p-objective_merit__text {
width: 100%
}
.p-objective_merit__text .title {
font-size: 4.4vw;
margin-bottom: 5vw
}
.p-objective_merit__text .title br {
display: none
}
.p-objective_merit__text p {
margin-bottom: 20px
}
.p-objective_merit__pickup {
text-align: center;
padding: 0;
margin-bottom: 5vw
}
.p-objective_merit__pickup .en {
display: block;
font-size: 7vw
}
.p-objective_merit__pickup .ja {
font-size: 3.2vw
}
.p-objective_merit__list li {
padding: 4vw 5vw 4vw 11vw;
margin-bottom: 5px
}
.p-objective_merit__list svg {
top: 5vw;
left: 5vw
}
.p-objective_point {
padding: 18vw 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.p-objective_point__body {
margin: 0;
display: block
}
.p-objective_point__text {
width: 100%;
margin-top: 5vw
}
.p-objective_point__text .title .ja {
font-size: 4.2vw;
letter-spacing: .12em
}
.p-objective_point__text .title .en {
font-size: 3vw;
margin-bottom: 0
}
.p-objective_point__text .title .en::after,
.p-objective_point__text .title .en::before {
left: 11vw;
-webkit-transform: scale(.8);
transform: scale(.8)
}
.p-objective_point__text .title .en::before {
left: 14vw
}
.p-objective_point__check {
display: block;
padding: 2vw 5vw 5vw
}
.p-objective_point__check .text,
.p-objective_point__check .title {
width: 100%
}
.p-objective_point__check .title .en {
font-size: 8vw;
line-height: 180%
}
.p-objective_point__check .title .ja {
font-size: 3vw;
top: 10.6vw
}
}
.p-privacy_section {
max-width: 920px;
padding: 0 50px;
margin: 60px auto 0
}
.p-privacy_section__block {
margin-bottom: 100px
}
.p-privacy_section__block ol {
list-style: decimal
}
.p-privacy_section__block__list {
padding-left: 2.5rem;
margin: 10px 0
}
.p-privacy_section__block__list.-gray {
color: #626262
}
.p-privacy_section__block__list.-asterisk li {
position: relative;
left: 3rem
}
.p-privacy_section__block__list.-asterisk li::before {
content: '※';
position: absolute;
left: -2rem
}
.p-privacy_section__title {
border-bottom: 1px solid #32415b;
font-weight: 700;
font-size: 2.4rem;
margin-bottom: 20px;
padding-bottom: 15px
}
@media only screen and (max-width:767px) {
.p-privacy_section {
padding: 0 6.6vw;
margin: 0
}
.p-privacy_section__block {
margin-bottom: 18vw
}
.p-privacy_section__block__list {
padding-left: 1rem
}
.p-privacy_section__block__list.-asterisk li {
left: 1rem
}
.p-privacy_section__title {
font-size: 4.6vw
}
}
.p-rate_front {
text-align: center;
padding-top: 15px;
margin-bottom: 100px
}
.p-rate_front__title {
font-weight: 700;
color: #32415b;
font-size: 3.6rem;
line-height: 175%;
letter-spacing: .2em;
margin-bottom: 45px
}
.p-rate_timing {
background: #f2f5fd;
padding: 80px 0 70px;
margin-bottom: 102px
}
.p-rate_timing__guide {
text-align: center;
font-size: 1.8rem;
margin: -8px 0 58px
}
.p-rate_timing__period {
font-size: 1.8rem;
color: #32415b;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px
}
.p-rate_timing__period span {
text-align: center
}
.p-rate_timing__period span:nth-child(1) {
width: 740px
}
.p-rate_timing__period span:nth-child(2) {
width: 210px
}
.p-rate_timing__period span:nth-child(3) {
width: 90px;
color: #a9a9b4
}
.p-rate_timing__period mark {
background: 0 0;
color: inherit
}
.p-rate_timing__flow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
margin-bottom: 50px
}
.p-rate_timing__flow::after,
.p-rate_timing__flow::before {
content: "";
position: absolute;
height: 2px;
background: #a9a9b4
}
.p-rate_timing__flow::before {
top: -28px;
left: 28px;
width: calc(100% - 28px)
}
.p-rate_timing__flow::after {
width: 13px;
top: -32px;
right: -2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.p-rate_timing__flow li {
background: #fff; border: 1px solid #a9a9b4;
font-weight: 700;
font-size: 1.6rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding: 18px 12px;
position: relative;
height: 280px
}
.p-rate_timing__flow li:first-child::before {
content: "";
position: absolute;
width: 20px;
height: 20px;
background: #a9a9b4;
border-radius: 50%;
top: -38px;
left: 16px
}
.p-rate_timing__flow li.color {
color: #0074c1;
border-color: #0074c1
}
.p-rate_timing__flow li.gray {
color: #a9a9b4
}
.p-rate_timing__flow li .num,
.p-rate_timing__list .num {
background: #0074c1;
width: 35px;
height: 35px;
color: #fff;
font-size: 1.8rem;
line-height: 35px;
text-align: center
}
.p-rate_timing__flow li .num {
position: absolute;
top: -46px;
left: 10px;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
border-radius: 30px
}
.p-rate_timing__list {
margin-bottom: 45px
}
.p-rate_timing__list li {
margin-bottom: 10px
}
.p-rate_timing__list .num {
border-radius: 50%;
font-weight: 500;
margin-right: 15px
}
.p-rate_timing__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-rate_timing__table {
width: 540px
}
.p-rate_timing__table .title {
font-weight: 700;
color: #0074c1;
font-size: 2rem;
margin-bottom: 15px
}
.p-rate_timing__table .sub_title {
color: #32415b;
font-size: 1.8rem;
font-weight: 700;
position: relative;
margin-top: 22px;
padding-left: 35px;
margin-bottom: 10px
}
.p-rate_timing__table .sub_title::before {
content: "";
position: absolute;
width: 20px;
height: 3px;
background: #0074c1;
left: 0;
top: 12px
}
.p-rate_timing__table table {
margin-bottom: 28px
}
.p-rate_timing__table td,
.p-rate_timing__table th {
text-align: center;
border-color: #a9a9b4;
background: #fff;
vertical-align: middle;
letter-spacing: .1em;
padding: 10px 16px
}
.p-rate_timing__table th {
background: #e2e2e2;
font-size: 1.8rem
}
.p-rate_timing__table small {
display: block;
line-height: 100%
}
.p-rate_timing__table .left {
text-align: left
}
.p-rate_feature__title span,
.p-rate_timing__table .dot {
color: #0074c1
}
.p-rate_timing__table .weight {
width: 155px
}
.p-rate_feature__board {
max-width: 1400px; padding: 100px 70px 60px;
margin: 0 auto 70px;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
position: relative;
counter-increment: section;
z-index: 1
}
.p-rate_feature__board::before {
content: "0" counter(section);
position: absolute;
font-size: 16rem;
color: #f2f5fd;
font-weight: 600;
z-index: -1;
top: 110px;
left: 95px
}
.p-rate_feature__board.-even::before {
left: 730px
}
.p-rate_feature__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-rate_feature__block.-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.p-rate_feature__title {
font-weight: 700;
font-size: 2.8rem;
line-height: 150%;
color: #32415b;
letter-spacing: .12em;
margin-bottom: 30px
}
.p-rate_feature__text {
width: 365px
}
.p-rate_feature__text.-n02 {
width: 475px;
padding-top: 35px
}
.p-rate_feature__text p {
margin-bottom: 30px
}
.p-rate_feature__text .sub_title {
color: #0074c1;
font-weight: 700;
font-size: 2rem;
margin: 60px 0 12px
}
.p-rate_feature__img {
width: 695px;
padding-top: 10px
}
.p-rate_feature__img.-n02 {
width: 541px;
padding: 0;
margin-top: -30px
}
.p-rate_feature__table table {
margin: 0 auto !important
}
.p-rate_feature__table table th {
background: #e2e2e2
}
.p-rate_feature__table table td,
.p-rate_feature__table table th {
text-align: center;
border-color: #a9a9b4;
font-weight: 400;
padding: 3px;
letter-spacing: .08em
}
.p-rate_feature__table table tr:last-child .our {
border-bottom: 1px solid #0074c1
}
.p-rate_feature__table table .our {
width: 210px;
color: #0074c1;
border-right: 1px solid #0074c1;
-webkit-box-shadow: 1px 0 0 0 #0074c1 inset;
box-shadow: 1px 0 0 0 #0074c1 inset
}
.p-rate_feature__table table thead th {
font-weight: 700;
font-size: 1.6rem;
padding: 20px 10px
}
.p-rate_feature__table table thead th.our {
background: #f2f5fd;
border-top: 1px solid #0074c1;
border-right: 1px solid #0074c1;
border-bottom: 1px solid #a9a9b4 !important
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-rate_front__title {
font-size: calc(1.87617vw + 1.16098rem)
}
.p-rate_timing__table {
width: calc(50% - 15px)
}
.p-rate_feature__block {
display: block
}
.p-rate_feature__block.-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.p-rate_feature__img,
.p-rate_feature__text {
width: 100%
}
.p-rate_feature__text.-n02 {
width: 50%
}
.p-rate_feature__img.-n02 {
width: calc(50% - 40px);
margin: 40px 0 0
}
}
@media only screen and (max-width:767px) {
.p-rate_front {
margin-bottom: 18vw
}
.p-rate_front img {
width: 75%;
margin: 0 auto
}
.p-rate_front__title {
font-size: 4.8vw;
letter-spacing: .12em
}
.p-rate_feature__title br,
.p-rate_front__title br {
display: none
}
.p-rate_front__title span {
display: inline
}
.p-rate_timing {
padding-top: 14vw;
padding-bottom: 10vw;
margin-bottom: 15vw;
position: relative
}
.p-rate_timing__guide {
font-size: 3.6vw;
margin-bottom: 8vw
}
.p-rate_timing__period {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
left: 5vw;
top: 50vw
}
.p-rate_timing__period span {
width: auto !important;
font-size: 3.8vw
}
.p-rate_timing__period span:nth-child(1) {
height: 120vw
}
.p-rate_timing__period span:nth-child(2) {
height: 40vw
}
.p-rate_timing__period mark {
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-upright: all
}
.p-rate_timing__flow {
display: block;
padding-left: 20vw
}
.p-rate_timing__flow::before {
left: 10vw;
top: 4vw;
width: 2px;
height: calc(100% - 4vw)
}
.p-rate_timing__flow::after {
top: auto;
right: auto;
bottom: 1vw;
left: 9.5vw;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.p-rate_timing__flow li {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
height: auto;
font-size: 3.4vw;
padding: 2vw 5vw;
margin-bottom: 2vw;
border-radius: 5px
}
.p-rate_timing__flow li:first-child::before {
width: 5vw;
height: 5vw;
left: -12.8vw;
top: 2.5vw
}
.p-rate_timing__flow li .num {
top: 1.4vw;
left: -14vw;
font-size: 3.8vw;
width: 8vw;
height: 8vw;
line-height: 8vw;
letter-spacing: .08em
}
.p-rate_timing__list {
margin-bottom: 8vw
}
.p-rate_timing__list li {
position: relative;
padding-left: 11vw
}
.p-rate_timing__list .num {
position: absolute;
top: -1vw;
left: 0;
width: 8vw;
height: 8vw;
line-height: 8vw;
font-size: 4vw;
letter-spacing: .05em
}
.p-rate_timing__block {
display: block
}
.p-rate_timing__table {
width: 100%
}
.p-rate_timing__table td,
.p-rate_timing__table th {
padding: 5px 10px;
line-height: 180%;
font-size: 3.4vw
}
.p-rate_timing__table td {
font-size: 3vw
}
.p-rate_timing__table .weight {
width: auto
}
.p-rate_timing__table .title {
font-size: 4vw;
margin-bottom: 10px
}
.p-rate_timing__table .sub_title {
font-size: 3.8vw;
padding-left: 25px
}
.p-rate_timing__table .sub_title::before {
height: 2px;
width: 15px
}
.p-rate_feature__board {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
margin-bottom: 10vw
}
.p-rate_feature__board::before {
left: 2vw !important;
font-size: 20vw
}
.p-rate_feature__board.-even:before {
top: 5vw
}
.p-rate_feature__text p {
margin-bottom: 20px
}
.p-rate_feature__text .sub_title {
margin: 5vw 0 10px;
font-size: 4vw
}
.p-rate_feature__title {
font-size: 4.4vw;
margin-bottom: 5vw
}
.p-rate_feature__img {
width: 100%;
margin: 0 !important
}
.p-rate_feature__table {
margin: 0 -4vw
}
.p-rate_feature__table thead th {
vertical-align: middle;
font-size: 3.2vw;
line-height: 150%;
padding: 3vw 0
}
.p-rate_feature__table .our {
width: auto
}
.p-rate_feature__table td,
.p-rate_feature__table th {
font-size: 3vw;
letter-spacing: .07em;
padding: 1.5vw 0;
vertical-align: middle
}
}
.p-recruit_kv {
position: relative;
text-align: center;
padding: 206px 0 0;
z-index: 1;
margin-bottom: 120px
}
.p-recruit_kv::after,
.p-recruit_kv::before {
content: "";
position: absolute;
height: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
z-index: -2
}
.p-recruit_kv::before {
top: 0;
right: 0;
width: 1154px;
background-image: url(//mabp.co.jp/img/recruit/kv_right.png)
}
.p-recruit_kv::after {
width: 628px;
bottom: 0;
left: 0;
background-position: left bottom;
background-image: url(//mabp.co.jp/img/recruit/kv_left.png)
}
.p-recruit_kv__body {
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.p-recruit_kv__title {
margin-bottom: 24px
}
.p-recruit_kv__title .ico {
display: block;
margin-bottom: 15px
}
.p-recruit_kv__title .grad {
font-size: 3.8rem;
font-weight: 700;
color: #0074c1;
background: -webkit-linear-gradient(0deg, #0074c1, #68caef);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 150%;
letter-spacing: .15em
}
.p-recruit_kv__img {
position: absolute;
top: 220px;
left: 0;
z-index: -1;
max-width: 30vw
}
.p-recruit_kv__img.-right {
left: auto;
right: 0;
top: 120px
}
.p-recruit_kv__text p,
.p-recruit_message__text p,
.p-story_single__body .text p {
margin-bottom: 30px
}
.p-recruit_message {
text-align: center;
background-color: #f2f5fd;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-image: url(//mabp.co.jp/img/common/bg_wave.png);
padding-top: 90px;
padding-bottom: 50px
}
.p-recruit_message__wrap {
padding-top: 50px;
height: 590px;
margin-bottom: 40px;
overflow-y: scroll
}
.p-recruit_message__wrap::-webkit-scrollbar {
width: 15px
}
.p-recruit_message__wrap::-webkit-scrollbar-track {
border-radius: 0;
background: 0 0
}
.p-recruit_message__wrap::-webkit-scrollbar-thumb {
border-radius: 0;
background: #0074c1
}
.p-recruit_message__scroll {
color: #0074c1;
font-size: 1.3rem;
letter-spacing: .1em;
margin-top: -5px;
margin-bottom: 0
}
.p-recruit_message__scroll svg {
display: block;
margin: 5px auto 0;
fill: #0074c1
}
.p-recruit_value {
background-image: url(//mabp.co.jp/img/recruit/value_bg.png);
background-size: cover;
background-position: center center;
padding: 132px 0 65px
}
.p-recruit_value__guide {
font-weight: 700;
text-align: center;
font-size: 1.8rem;
margin-bottom: 64px;
color: #fff
}
.p-recruit_value__block {
background: #fff; padding: 45px 64px;
margin-bottom: 30px
}
.p-recruit_value__block p {
margin-bottom: 0
}
.p-recruit_value__title {
position: relative;
font-weight: 700;
padding-left: 80px;
margin-bottom: 15px
}
.p-recruit_value__title .ico {
position: absolute;
top: 0;
left: 0
}
.p-recruit_value__title .sub {
color: #32415b;
display: block;
padding-left: 40px;
line-height: 150%;
margin-bottom: 10px
}
.p-recruit_value__title .sub::after,
.p-recruit_value__title .sub::before {
content: "";
position: absolute;
top: 4px;
left: 82px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #32415b
}
.p-recruit_value__title .sub::after {
left: 98px
}
.p-recruit_value__title .main {
font-size: 2.2rem;
color: #0074c1
}
.p-recruit_interview {
padding: 140px 0 105px
}
.p-recruit_interview__bnr {
margin-top: 60px;
cursor: pointer;
position: relative;
height: 370px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 130px;
z-index: 1;
padding-top: 25px;
margin-bottom: 0
}
.p-recruit_interview__bnr.-even {
padding-left: 30px
}
.p-recruit_interview__bnr.is-hover .img img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.p-recruit_interview__bnr .img {
position: absolute;
top: 0;
left: 95px;
z-index: -1;
width: 100vw;
overflow: hidden;
border-radius: 10px
}
.p-recruit_interview__bnr .img.-even {
text-align: right;
left: auto;
right: 95px
}
.p-recruit_information__tab li,
.p-recruit_interview__bnr .img img {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-recruit_interview__bnr .person {
width: 100%;
color: #fff;
font-size: 2rem;
font-weight: 600;
text-shadow: 0 0 5px rgba(50, 65, 91, .15);
margin-bottom: 40px;
letter-spacing: .05em
}
.p-recruit_interview__bnr .person .num {
font-size: 8rem;
vertical-align: middle;
margin-left: 5px
}
.p-recruit_interview__bnr .copy {
width: 100%;
margin-bottom: 20px
}
.p-recruit_interview__bnr .copy span,
.p-recruit_interview__head .copy span {
color: #fff;
font-weight: 700;
font-size: 2.2rem;
background: -webkit-gradient(linear, left top, right top, from(#0074c1), to(#68caef));
background: linear-gradient(90deg, #0074c1, #68caef);
margin-bottom: 5px;
padding: 5px 10px
}
.p-recruit_interview__bnr .prof {
color: #32415b;
margin-bottom: 0
}
.p-recruit_interview__bnr .prof .bg {
background: #fff;
margin-bottom: 5px;
padding: 2px 10px
}
.p-recruit_interview__bnr .prof .name {
font-size: 2rem
}
.p-recruit_interview__bnr .prof .en {
font-size: 1.4rem;
font-weight: 500;
letter-spacing: .1em
}
.p-recruit_interview__head {
padding-top: 170px;
padding-bottom: 100px;
position: relative;
z-index: 1;
min-height: 670px;
margin-bottom: 100px
}
.p-recruit_interview__head::before {
position: absolute;
content: "";
height: 100%;
width: 1400px;
top: 0;
left: -145px;
z-index: -1;
background-image: url(//mabp.co.jp/img/recruit/interview_head.jpg)
}
.p-recruit_interview__head .img {
position: absolute;
top: 120px;
right: 0;
z-index: -1
}
.p-recruit_interview__head .person {
color: #0074c1;
font-weight: 700;
font-size: 2rem;
margin-bottom: 30px
}
.p-recruit_interview__head .person .num {
font-size: 8rem;
vertical-align: middle
}
.p-recruit_interview__head .copy span {
padding: 4px 10px;
letter-spacing: .15em
}
.p-recruit_interview__head .position {
color: #32415b;
margin-bottom: 10px
}
.p-recruit_interview__body .copy span,
.p-recruit_interview__head .name {
font-weight: 700;
color: #0074c1;
font-size: 2.2rem
}
.p-recruit_interview__head .en {
font-size: 1.4rem;
font-weight: 500;
letter-spacing: .1em;
color: #a9a9b4;
margin-left: 15px
}
.p-recruit_interview__head .profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px
}
.p-recruit_interview__head .profile dt {
width: 110px;
color: #fff;
border-radius: 30px;
background: #32415b;
font-weight: 400;
text-align: center;
margin-right: 20px
}
.p-recruit_interview__head .profile dd {
color: #32415b
}
.p-recruit_interview__body {
padding-top: 60px;
position: relative;
z-index: 1;
margin-bottom: 75px
}
.p-recruit_information::before,
.p-recruit_interview__body .img {
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.p-recruit_interview__body .img.-reverse {
left: auto;
right: 0
}
.p-recruit_interview__body .text {
background: #fff;
width: 635px; -webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
margin-left: auto;
padding: 55px 65px;
position: relative
}
.p-recruit_interview__body .text.-reverse {
margin-left: 0
}
.p-recruit_interview__body .question .border {
margin: 0 -10px
}
.p-recruit_interview__body .question .border::after,
.p-recruit_interview__body .question .border::before {
content: "";
width: 30px;
height: 1px;
background: #333;
display: inline-block;
margin: 0 10px;
vertical-align: middle
}
.p-recruit_interview__body .en {
position: absolute;
right: -12px;
top: 85px;
font-size: 8rem;
font-weight: 700;
color: #f2f5fd;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl
}
.p-recruit_interview__body .en.-reverse {
right: auto;
left: -12px
}
.p-recruit_interview__body .copy {
margin-bottom: 20px
}
.p-recruit_interview__body .copy span {
display: inline;
border-bottom: 1px solid #0074c1;
line-height: 220%
}
.p-recruit_advisor {
background-color: #f2f5fd;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-image: url(//mabp.co.jp/img/common/bg_wave.png);
padding-top: 140px;
padding-bottom: 85px
}
.p-recruit_advisor__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 45px
}
.p-recruit_advisor__block.-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.p-recruit_advisor__img {
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
border-radius: 10px
}
.p-recruit_advisor__text {
width: 540px
}
.p-recruit_advisor__text .sub_title {
font-size: 1.8rem;
font-weight: 700;
color: #0074c1;
margin-bottom: 10px
}
.p-recruit_advisor__text .graph {
background: #fff;
text-align: center; padding: 20px
}
.p-recruit_advisor__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
font-weight: 700;
color: #32415b;
margin-bottom: 20px
}
.p-recruit_advisor__title .en {
font-size: 4.2rem;
line-height: 100%
}
.p-recruit_advisor__title .ja {
font-size: 2.2rem;
margin-left: 16px;
margin-top: 8px
}
.p-recruit_information {
padding-top: 130px;
padding-bottom: 80px;
position: relative;
z-index: 1
}
.p-recruit_information::before {
content: "";
width: 100%;
height: 374px;
background-size: cover;
background-image: url(//mabp.co.jp/img/recruit/information_bg.jpg)
}
.p-recruit_information__tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 69px
}
.p-recruit_information__tab li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
font-size: 1.7rem;
background: #f2f5fd;
font-weight: 700;
color: #32415b;
border-radius: 10px 10px 0 0;
margin-right: 7px;
padding: 16px 10px;
cursor: pointer
}
.p-recruit_information__tab li:last-child {
margin: 0
}
.p-recruit_information__tab li.is-active {
color: #0074c1;
background: #fff
}
.p-recruit_information__body {
display: none
}
.p-recruit_information__body.is-show {
display: block
}
.p-recruit_information__table {
padding-top: 50px
}
.p-recruit_information__table td,
.p-recruit_information__table th {
padding: 26px 0;
border: 0;
border-bottom: 1px solid #cbccdb
}
.p-recruit_information__table th {
width: 160px;
border-color: #0074c1;
border-right: 10px solid #fff;
font-weight: 700;
color: #0074c1
}
.p-recruit_information__table a {
color: #333
}
.p-recruit_information__table a svg,
.p-story_single__information svg {
fill: #0074c1
}
.p-recruit_information__table .title {
color: #0074c1;
margin-bottom: 5px
}
.p-recruit_information__table .list {
margin: 5px 0 10px
}
.p-recruit_information__table .list li {
padding-left: 30px;
position: relative
}
.p-recruit_information__table .list li svg {
fill: #0074c1;
position: absolute;
top: 4px;
left: 0
}
.p-recruit_entry {
padding-top: 140px;
padding-bottom: 90px;
background-color: #f2f5fd;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-image: url(//mabp.co.jp/img/common/bg_wave.png)
}
.p-recruit_entry__guide {
text-align: center;
margin-top: 35px
}
.p-recruit_entry__form {
max-width: 920px;
margin: 0 auto
}
.p-recruit_entry__form .input_area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p-recruit_entry__form .block {
width: 445px
}
.p-recruit_entry__form .block.-full {
width: 100%
}
.p-recruit_entry__form .title {
margin-bottom: 5px
}
.p-recruit_entry__form input[type=text],
.p-recruit_entry__form textarea {
border: 0; width: 100%;
padding: 10px
}
.p-recruit_entry__form select {
background: #fff;
display: block;
width: 100%;
padding: 10px; -webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto
}
.p-recruit_entry__form .btn,
.p-recruit_entry__form .privacy {
text-align: center
}
.p-recruit_entry__form input[type=submit] {
background: #0074c1;
color: #fff;
width: 350px;
height: 60px;
border: 1px solid #0074c1; text-align: center;
max-width: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.p-recruit_entry__form input[type=submit]:hover {
background: #fff;
color: #0074c1
}
.p-recruit_entry__form .privacy a {
color: #0074c1;
border-bottom: 1px solid transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease;
line-height: 130%
}
.p-recruit_entry .contactNotice {
max-width: 920px;
border: 1px solid #32415b;
border-radius: 4px;
padding: 20px;
margin: 20px auto
}
.p-recruit_entry .contactNotice .ttl {
background: #32415b;
color: #fff;
padding: 5px 20px;
margin: -20px -20px 20px
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-recruit_kv::before {
width: 82%
}
.p-recruit_kv::after {
width: 40%;
bottom: -40px
}
.p-recruit_kv__title .grad {
font-size: calc(2.62664vw + .38537rem)
}
.p-recruit_kv__img {
max-width: 27vw;
top: calc(-15.00938vw + 41.5122rem)
}
.p-recruit_kv__text p {
letter-spacing: .1em;
font-size: calc(.56285vw + .76829rem)
}
.p-recruit_interview__bnr {
padding-top: 0;
padding-left: 80px
}
.p-recruit_interview__bnr .img {
left: 0
}
.p-recruit_interview__bnr .img.-even {
right: 0
}
.p-recruit_interview__head {
padding-top: calc(9.38086vw + -21.95122px);
padding-bottom: calc(7.50469vw + -17.56098px);
min-height: calc(9.38086vw + 378.04878px);
margin: 0 calc(5.62852vw + 6.82927px) calc(5.62852vw + 6.82927px)
}
.p-recruit_interview__head .img {
top: calc(9.38086vw + -21.95122px);
width: calc(46.90432vw + -59.7561px)
}
.p-recruit_interview__body .copy br {
display: none
}
.p-recruit_interview__body .text {
width: calc(75.0469vw + -175.60976px)
}
.p-recruit_interview__body .img {
left: -90px
}
.p-recruit_interview__body .img.-reverse {
right: -90px
}
.p-recruit_advisor__img {
width: calc(50% - 30px)
}
.p-recruit_advisor__text {
width: 50%
}
.p-recruit_advisor__text .graph {
padding: 15px
}
.p-recruit_advisor__text .sub_title {
font-size: calc(.75047vw + .82439rem)
}
.p-recruit_advisor__title .ja {
font-size: calc(.75047vw + 1.22439rem);
margin-left: 10px
}
.p-recruit_advisor__title .en {
font-size: calc(4.12758vw + -1.16585rem)
}
}
@media only screen and (max-width:767px) {
.p-recruit_kv {
padding: 28vw 0 0;
margin-bottom: 20vw
}
.p-recruit_kv::after,
.p-recruit_kv::before {
width: 100%;
opacity: .3
}
.p-recruit_kv__img,
.p-recruit_message__text br {
display: none
}
.p-recruit_kv__title .ico img {
width: 10vw
}
.p-recruit_kv__title .grad {
font-size: 5.6vw
}
.p-recruit_message {
padding-top: 15vw;
padding-bottom: 3vw
}
.p-recruit_message__wrap {
overflow-y: hidden;
height: auto;
padding-top: 5vw
}
.p-recruit_message__text {
text-align: left
}
.p-recruit_message__text p {
margin-bottom: 22px
}
.p-recruit_interview__body .copy br,
.p-recruit_message__scroll {
display: none
}
.p-recruit_value {
padding-top: 18vw
}
.p-recruit_value__guide {
font-size: 3.4vw;
margin-bottom: 10vw
}
.p-recruit_value__block {
padding: 8vw
}
.p-recruit_value__title {
padding-left: 60px
}
.p-recruit_value__title .ico {
-webkit-transform: scale(.7);
transform: scale(.7);
top: -5px;
left: -5px
}
.p-recruit_value__title .sub {
font-size: 3.4vw;
padding-left: 0;
margin-bottom: 0
}
.p-recruit_interview__body .question .border::after,
.p-recruit_value__title .sub::after,
.p-recruit_value__title .sub::before {
content: none
}
.p-recruit_value__title .main {
font-size: 4.8vw
}
.p-recruit_interview {
padding: 18vw 0 5vw
}
.p-recruit_interview__bnr {
padding: 0;
margin: 10vw 0 12vw;
height: auto
}
.p-recruit_interview__bnr .img {
position: relative;
left: 0;
margin: 0 -6.6vw
}
.p-recruit_interview__bnr .img.-even {
right: auto
}
.p-recruit_interview__bnr .person {
font-size: 3.2vw;
position: absolute;
top: 10vw;
left: 0
}
.p-recruit_interview__bnr .person .num {
font-size: 10vw
}
.p-recruit_interview__bnr .copy {
margin-top: -10px;
margin-bottom: 8px
}
.p-recruit_interview__bnr .copy span,
.p-recruit_interview__bnr .prof .name {
font-size: 4.2vw
}
.p-recruit_interview__bnr .prof {
letter-spacing: .1em;
line-height: 120%
}
.p-recruit_interview__bnr .prof .en {
font-size: 3.2vw;
margin-left: 10px
}
.p-recruit_interview__head {
padding: 40vw 5vw 8vw;
margin-bottom: 0;
min-height: auto
}
.p-recruit_interview__head .img {
top: 8vw
}
.p-recruit_interview__head .person {
font-size: 3.4vw;
margin-bottom: 10px
}
.p-recruit_interview__head .person .num {
font-size: 7vw
}
.p-recruit_interview__head .profile {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 3vw -6vw;
letter-spacing: .05em
}
.p-recruit_interview__head .profile dt {
margin: 0;
width: 26%
}
.p-recruit_interview__head .profile dd {
width: 70%
}
.p-recruit_interview__head .copy {
margin-bottom: 10px
}
.p-recruit_interview__head .copy span {
font-size: 4vw
}
.p-recruit_interview__head .position {
margin-bottom: 0
}
.p-recruit_interview__head .name {
font-size: 4.2vw
}
.p-recruit_interview__head .en {
font-size: 3.2vw
}
.p-recruit_interview__body {
padding-top: 8vw;
margin-bottom: 0
}
.p-recruit_interview__body .text {
padding: 0;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none
}
.p-recruit_interview__body .question {
margin-bottom: 10px
}
.p-recruit_interview__body .copy span {
display: inline;
font-size: 4vw
}
.p-recruit_interview__body .img {
position: relative;
top: 0
}
.p-recruit_interview__body .en {
display: none
}
.p-recruit_advisor {
padding: 18vw 0
}
.p-recruit_advisor__block {
display: block
}
.p-recruit_advisor__text {
width: 100%
}
.p-recruit_advisor__text .sub_title {
font-size: 3.6vw
}
.p-recruit_advisor__text .graph {
padding: 5vw 10vw
}
.p-recruit_advisor__img {
margin-bottom: 5vw
}
.p-recruit_advisor__title {
margin-bottom: 15px
}
.p-recruit_advisor__title .en {
font-size: 6vw;
margin-right: 0
}
.p-recruit_advisor__title .ja {
font-size: 4.2vw;
margin: 0 0 0 2vw
}
.p-recruit_information {
padding: 18vw 0 15vw
}
.p-recruit_information::before {
height: 57vw
}
.p-recruit_information__tab {
margin: 0 -6vw
}
.p-recruit_information__tab li {
font-size: 2.8vw;
padding: 3vw 0;
line-height: 140%;
letter-spacing: 0;
margin-right: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.p-recruit_information__table {
padding-top: 3vw
}
.p-recruit_information__table td,
.p-recruit_information__table th {
width: 100%;
display: block;
border: 0;
padding: 0
}
.p-recruit_information__table th {
padding-top: 6vw;
margin-bottom: 1vw
}
.p-recruit_information__table .list li {
padding-left: 20px
}
.p-recruit_information__table .list li svg {
-webkit-transform: scale(.8);
transform: scale(.8)
}
.p-recruit_entry {
padding: 18vw 0 10vw
}
}
.p-story_archive {
padding-top: 70px
}
.p-story_single__head {
margin-top: 90px;
margin-bottom: 70px
}
.p-story_single__head .img { overflow: hidden;
width: 100%;
aspect-ratio: 1110 / 550;
}
.p-story_single__title {
background: #fff;
margin: -100px 65px 0;
padding: 50px 30px 45px;
position: relative;
z-index: 5
}
.p-story_single__title span {
border-bottom: 1px solid #32415b;
font-size: 2.4rem;
font-weight: 700;
letter-spacing: .15em;
margin-bottom: 6px;
line-height: 230%;
display: inline
}
.p-story_single__information {
margin: 0 auto 5px;
background: #f2f5fd;
width: 920px;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 11px 28px;
letter-spacing: .1em
}
.p-story_single__information dt {
color: #0074c1;
width: 230px;
font-weight: 500
}
.p-story_single__information dd {
width: calc(100% - 230px)
}
.p-story_single__information .ico {
width: 20px;
text-align: center;
margin-right: 20px
}
.p-story_single__movie {
max-width: 920px;
margin: 50px auto 0
}
.p-story_single__movie .title {
font-size: 2.6rem;
font-weight: 500;
letter-spacing: .05em;
margin-bottom: 15px
}
.p-story_single__movie .title svg {
fill: #0074c1;
margin-right: 10px
}
.p-story_single__movie .title span {
color: #0074c1;
background: -webkit-linear-gradient(0deg, #0074c1, #68caef);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.p-story_single__movie iframe,
.p-story_single__movie video {
width: 100%;
height: 480px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
display: block
}
.p-story_single__body {
max-width: 790px;
margin: 0 auto 70px;
position: relative
}
.p-story_single__body.-bg {
padding: 80px 0 50px
}
.p-story_single__body.-bg::before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
top: 0;
left: calc(50% - 50vw);
background: #f2f5fd;
z-index: -1
}
.p-story_single__body .img { overflow: hidden;
margin: 40px 0 10px;
aspect-ratio: 1110 / 700;
}
.p-story_single__body .name {
font-size: 12px;
line-height: 1.5;
text-align: right;
margin: 0 0 40px
}
.p-story_single__body .img img {
width: 100%
}
.p-story_single__body .title {
font-weight: 700;
margin-bottom: 38px
}
.p-story_single__body .title .head {
margin-bottom: 5px;
display: block;
position: relative;
font-size: 1.7rem;
color: #32415b;
padding-left: 44px
}
.p-story_single__body .title .head::after,
.p-story_single__body .title .head::before {
content: "";
position: absolute;
top: 6px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 12px;
border-color: transparent transparent transparent #32415b
}
.p-story_single__body .title .head::after {
left: 20px
}
.p-story_single__body .title .border {
color: #0074c1;
border-bottom: 1px solid #0074c1;
font-size: 2.4rem;
line-height: 200%;
margin-bottom: 5px;
letter-spacing: .15em
}
.p-story_single__profile,
.p-story_single__share {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.p-story_single__profile {
border-radius: 20px;
background: #f2f5fd;
-webkit-box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
box-shadow: 10px 10px 20px 0 rgba(50, 65, 91, .2);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 80px -60px 70px;
padding: 40px 60px 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.p-story_single__profile .title {
width: 100%;
border-bottom: 1px solid #0074c1;
font-weight: 700;
color: #0074c1;
font-size: 2.4rem;
padding-bottom: 10px;
margin-bottom: 35px
}
.p-story_single__profile .img {
width: 350px
}
.p-story_single__profile .text {
width: 730px;
padding-top: 10px
}
.p-story_single__profile .company,
.p-story_single__profile .name {
font-weight: 700;
font-size: 2rem;
margin-bottom: 10px
}
.p-story_single__profile .name {
font-size: 1.4rem;
letter-spacing: .1em
}
.p-story_single__profile .name span {
font-size: 1.8rem;
margin-left: 20px
}
.p-story_single__profile p {
margin-bottom: 0
}
.p-story_single__share {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.p-story_single__share a {
font-weight: 700;
font-size: 1.8rem; position: relative;
width: 260px;
text-align: center;
padding: 14px 0 14px 30px;
margin: 0 15px
}
.p-story_single__share a.facebook {
color: #395598;
background: #e1e6f0;
fill: #395598
}
.p-story_single__share a.twitter {
color: #1fa1f1;
background: #ebf7ff;
fill: #1fa1f1
}
.p-story_single__share a.line {
color: #07b306;
background: #efffef;
fill: #07b306
}
.p-story_single__share a svg {
position: absolute;
top: 12px;
left: 28px;
width: 34px;
height: 34px
}
@media only screen and (min-width:768px) and (max-width:1300px) {
.p-story_single__profile .text {
padding: 0;
width: calc(100% - 380px)
}
}
@media only screen and (max-width:767px) {
.p-story_archive {
padding-top: 8vw
}
.p-story_single__head {
margin-top: 0;
margin-bottom: 15vw
}
.p-story_single__head .img {
margin: 0 -3vw
}
.p-story_single__title {
margin: -10vw 5vw 3vw;
padding: 3vw 5vw
}
.p-story_single__title span {
font-size: 4.2vw;
display: inline
}
.p-story_single__information {
display: block;
width: 100%;
padding: 3vw 5vw;
line-height: 150%
}
.p-story_single__information dt {
margin-bottom: 2vw;
width: 100%
}
.p-story_single__information dd {
width: 100%
}
.p-story_single__information .ico {
width: auto;
margin-right: 10px
}
.p-story_single__movie {
display: block
}
.p-story_single__movie iframe,
.p-story_single__movie video {
width: 100%;
height: 58vw
}
.p-story_single__movie .title {
font-size: 4.8vw
}
.p-story_single__body {
padding: 0;
margin-bottom: 12vw
}
.p-story_single__body.-bg {
padding: 14vw 0
}
.p-story_single__body .text {
width: 100%
}
.p-story_single__body .text p {
margin-bottom: 20px
}
.p-story_single__body .title {
margin-bottom: 5vw
}
.p-story_single__body .title .head {
padding-left: 10vw;
font-size: 3.4vw
}
.p-story_single__body .title .head::after,
.p-story_single__body .title .head::before {
-webkit-transform: scale(.8);
transform: scale(.8)
}
.p-story_single__body .title .head::after {
left: 14px
}
.p-story_single__body .title .border {
font-size: 4vw;
display: inline
}
.p-story_single__body .img {
margin: 5vw 0 1vw
}
.p-story_single__body .name {
font-size: 12px;
margin: 0 0 5vw
}
.p-story_single__profile {
margin-top: 20vw;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 10vw
}
.p-story_single__profile .title {
font-size: 4.4vw;
padding-bottom: 2vw;
margin-bottom: 6vw
}
.p-story_single__profile .company {
font-size: 4.2vw;
margin-top: 4vw
}
.p-story_single__profile .name {
font-size: 3.4vw;
letter-spacing: .08em
}
.p-story_single__profile .name span {
font-size: 4vw
}
.p-story_single__share {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -4vw
}
.p-story_single__share li {
width: 32.5%
}
.p-story_single__share a {
width: 100%;
margin: 0;
font-size: 3.4vw;
border-radius: 3px;
letter-spacing: .1em;
padding: 2.5vw 0
}
.p-story_single__share a svg {
width: 5vw;
height: auto;
left: 0;
top: 0;
position: relative;
top: 1.5vw;
margin-right: 2vw
}
} .u-checkbox-text a {
color: #0074c1;
text-decoration: underline;
}
.p-story_single {
margin-bottom: 40px;
}
.u-checkbox .u-checkbox-text::before {
content: none;
}