@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900");
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
td,
th {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none;
}
a img {
border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
@font-face {
font-family: 'YuGothic M';
src: local(Yu Gothic Medium);
}
html[lang=en-US] .ffEngT {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
font-weight: 100 !important;
letter-spacing: .05em;
}
html[lang=en-US] .ffEngL, html[lang=en-US] .thin, html[lang=en-US] .navi__sub .is-scond, .navi__sub html[lang=en-US] .is-scond, html[lang=en-US] .navi__local_works .current-cat .children li, .navi__local_works .current-cat .children html[lang=en-US] li,
html[lang=en-US] .navi__local_works .current-cat-parent .children li, .navi__local_works .current-cat-parent .children html[lang=en-US] li, html[lang=en-US] .article.type-feature .feature__image_content h2.title, .article.type-feature .feature__image_content html[lang=en-US] h2.title, html[lang=en-US] .company__location dl dd, .company__location dl html[lang=en-US] dd, html[lang=en-US] .chronology dl dt, .chronology dl html[lang=en-US] dt, html[lang=en-US] .massage__text, html[lang=en-US] .breadcrumb li:after, .breadcrumb html[lang=en-US] li:after, html[lang=en-US] .card__style .card__title, .card__style html[lang=en-US] .card__title, html[lang=en-US] .card__col-2 .card__content dd, .card__col-2 .card__content html[lang=en-US] dd, html[lang=en-US] .card__col-2 .card__content .name .name__sub, .card__col-2 .card__content .name html[lang=en-US] .name__sub, html[lang=en-US] .card__bnr .card__content, .card__bnr html[lang=en-US] .card__content, html[lang=en-US] .search__ui-checkbox ul li, .search__ui-checkbox ul html[lang=en-US] li {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
font-weight: 300 !important;
letter-spacing: .05em;
}
html[lang=en-US] .ffEngR, html[lang=en-US] .isIE .header__content li, .isIE .header__content html[lang=en-US] li, html[lang=en-US] .article.type-feature .feature__image_content .position, .article.type-feature .feature__image_content html[lang=en-US] .position, html[lang=en-US] .article.type-feature .feature__image_content .name, .article.type-feature .feature__image_content html[lang=en-US] .name, html[lang=en-US] .massage__lead, html[lang=en-US] .r-title__large, html[lang=en-US] .r-title__mid, html[lang=en-US] .r-title__std, html[lang=en-US] .deadline_dl dt, .deadline_dl html[lang=en-US] dt, html[lang=en-US] .deadline_dl dd, .deadline_dl html[lang=en-US] dd, html[lang=en-US] .flow li, .flow html[lang=en-US] li, html[lang=en-US] .dl__std dt, .dl__std html[lang=en-US] dt, html[lang=en-US] .col-form-label, html[lang=en-US] .article__fotoer_title, html[lang=en-US] .card__style .card__category, .card__style html[lang=en-US] .card__category, html[lang=en-US] .search__ui-checkbox {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
font-weight: 500 !important;
letter-spacing: .05em;
}
html[lang=en-US] .ffEngM, html[lang=en-US] .bold,
html[lang=en-US] .strong,
html[lang=en-US] b,
html[lang=en-US] strong, html[lang=en-US] .isIE .navi__sub, .isIE html[lang=en-US] .navi__sub, html[lang=en-US] .company__location dl dt, .company__location dl html[lang=en-US] dt, html[lang=en-US] .massage__name .names, .massage__name html[lang=en-US] .names, html[lang=en-US] .dna__item_block .dna__item dt, .dna__item_block .dna__item html[lang=en-US] dt, html[lang=en-US] .title__dna, html[lang=en-US] .title__dna02, html[lang=en-US] .card__dna .card__content dt, .card__dna .card__content html[lang=en-US] dt, html[lang=en-US] .title__large, html[lang=en-US] .title__mid, html[lang=en-US] .title__std, html[lang=en-US] .title__std_02, html[lang=en-US] .card__col-2 .card__content dt, .card__col-2 .card__content html[lang=en-US] dt, html[lang=en-US] .card__col-2 .card__content .name .names, .card__col-2 .card__content .name html[lang=en-US] .names, html[lang=en-US] .title__recruite, html[lang=en-US] .hero__text, html[lang=en-US] .works__title01, html[lang=en-US] .works__title02, html[lang=en-US] .works__title01_sub, html[lang=en-US] .local__navi.local__navi-col3 li, .local__navi.local__navi-col3 html[lang=en-US] li {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
font-weight: 700 !important;
letter-spacing: .05em;
}
html[lang=en-US] .ffEngB, html[lang=en-US] .header__content li, .header__content html[lang=en-US] li, html[lang=en-US] .utility__global li, .utility__global html[lang=en-US] li, html[lang=en-US] .navi__sub, html[lang=en-US] .btn__work_search a, .btn__work_search html[lang=en-US] a, html[lang=en-US] .dl_tabel__std dl dt, html[lang=en-US] .title__large02, html[lang=en-US] .hero__title01, html[lang=en-US] .hero__title02, html[lang=en-US] .hero__cat_title02, html[lang=en-US] .hero__category, html[lang=en-US] .hero__btn, html[lang=en-US] .works__detail dl dt, .works__detail dl html[lang=en-US] dt, html[lang=en-US] .works__detail_extra dt, .works__detail_extra html[lang=en-US] dt {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
font-weight: 800 !important;
letter-spacing: .03em;
}
html[lang=en-US] .ffEngH {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
font-weight: 900 !important;
letter-spacing: .03em;
}
html[lang=en-US] .ffEngU {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
font-weight: 900 !important;
letter-spacing: .035em;
} * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
-webkit-print-color-adjust: exact;
}
body,
html {
background-color: #ffffff;
-webkit-text-size-adjust: 100%;
}
.isIE {
-webkit-transform: rotate(0.001deg);
transform: rotate(0.001deg);
}
html {
font-size: 62.5%;
}
body {
position: relative;
color: #000;
font-weight: normal;
line-height: 1.5;
letter-spacing: .05em;
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
-webkit-font-smoothing: antialiased;
line-height: 1.875;
font-size: 16px;
font-size: 1.6rem;
line-break: strict;
}
html[lang=ja] body {
font-family: "Gothic MB101 Light", sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
}
html[lang=en-US] body {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
line-height: 1.4;
letter-spacing: .04em;
}
body.navi_active {
background-color: #000000;
}
body.navi_active:before {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
min-height: 200vw;
height: 200vw;
background: #000000;
}
@media only screen and (max-width: 768px) {
body {
font-size: 15px;
font-size: 1.5rem;
}
}
body::after {
position: fixed;
z-index: 99999999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
opacity: 0;
pointer-events: none;
content: '';
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.safari body::after,
.safari body.fadeout::after {
opacity: 0;
}
body.fadeout::after {
opacity: 1;
}
img {
max-width: 100%;
width: 100%;
height: auto;
border: none;
-ms-interpolation-mode: bicubic;
vertical-align: bottom;
}
::-moz-selection {
background-color: #03002c;
color: #ffffff;
}
::selection {
background-color: #03002c;
color: #ffffff;
}
iframe {
border: none;
}
i {
font-style: normal;
}
a {
text-decoration: none;
}
a:hover {
color: #e0241c;
text-decoration: none;
}
a,
a img {
outline: none;
color: #14102e;
text-decoration: none;
cursor: pointer;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
-webkit-transition-property: opacity, color;
transition-property: opacity, color;
}
.bold,
.strong,
b,
strong {
font-family: "Gothic MB101 Medium", sans-serif;
}
strong.underline {
padding: 3px;
background-color: rgba(20, 16, 46, 0.15);
font-weight: normal !important;
text-decoration: none;
}
.thin {
font-family: "Gothic MB101 Light", sans-serif !important;
}
em {
color: #14102e;
}
.small {
font-size: .8em;
}
sup {
position: relative;
top: -.15em;
font-size: .75em;
}
.underline {
text-decoration: underline;
}
.highlight {
color: #14102e;
}
.keycolor {
color: #14102e;
}
.wbr {
display: inline-block;
}
.pc {
display: block !important;
}
.sp,
.spn {
display: none !important;
}
@media only screen and (max-width: 768px) {
.pc {
display: none !important;
}
.sp,
.spn {
display: block !important;
}
}
.alignL {
text-align: left !important;
}
.alignC {
text-align: center !important;
}
.alignR {
text-align: right !important;
}
@media screen and (max-width: 768px) {
.alignL-sp {
text-align: left !important;
}
}
@media screen and (max-width: 768px) {
.alignC-sp {
text-align: center !important;
}
}
@media screen and (max-width: 768px) {
.alignR-sp {
text-align: right !important;
}
}
.hide {
display: none;
}
@media screen and (max-width: 768px) {
.hide-sp {
display: none;
}
}
.notice {
font-size: .8em;
}
.small {
font-size: .8em;
}
.kerning-normal {
letter-spacing: normal;
}
html[lang=en-US] .kerning-normal {
letter-spacing: -.2em !important;
}
.kerning,
.kerning01 {
letter-spacing: -.5em;
}
.kerning02 {
letter-spacing: -.3em;
}
.scroll-x, .navi__local_works, .flow, .breadcrumb, .card__block, .selector__navi, .local__navi, .local__navi.local__navi-col3, .search__first, .search__second ul, .search__fourth .tag__list, .search__ui_category_block {
overflow-x: auto;
position: relative;
-webkit-overflow-scrolling: touch;
}
.scroll-x::-webkit-scrollbar, .navi__local_works::-webkit-scrollbar, .flow::-webkit-scrollbar, .breadcrumb::-webkit-scrollbar, .card__block::-webkit-scrollbar, .selector__navi::-webkit-scrollbar, .local__navi::-webkit-scrollbar, .local__navi.local__navi-col3::-webkit-scrollbar, .search__first::-webkit-scrollbar, .search__second ul::-webkit-scrollbar, .search__fourth .tag__list::-webkit-scrollbar, .search__ui_category_block::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.scroll-x::-webkit-scrollbar-track, .navi__local_works::-webkit-scrollbar-track, .flow::-webkit-scrollbar-track, .breadcrumb::-webkit-scrollbar-track, .card__block::-webkit-scrollbar-track, .selector__navi::-webkit-scrollbar-track, .local__navi::-webkit-scrollbar-track, .local__navi.local__navi-col3::-webkit-scrollbar-track, .search__first::-webkit-scrollbar-track, .search__second ul::-webkit-scrollbar-track, .search__fourth .tag__list::-webkit-scrollbar-track, .search__ui_category_block::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.5);
}
.scroll-x::-webkit-scrollbar-thumb, .navi__local_works::-webkit-scrollbar-thumb, .flow::-webkit-scrollbar-thumb, .breadcrumb::-webkit-scrollbar-thumb, .card__block::-webkit-scrollbar-thumb, .selector__navi::-webkit-scrollbar-thumb, .local__navi::-webkit-scrollbar-thumb, .local__navi.local__navi-col3::-webkit-scrollbar-thumb, .search__first::-webkit-scrollbar-thumb, .search__second ul::-webkit-scrollbar-thumb, .search__fourth .tag__list::-webkit-scrollbar-thumb, .search__ui_category_block::-webkit-scrollbar-thumb {
height: 3px;
background-color: rgba(204, 204, 204, 0.7);
} @-ms-viewport {
width: device-width;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container, .search__first, .search__second ul, .search__third, .search__fourth, .search__fifth, .search__result_box {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .search__first, .search__second ul, .search__third, .search__fourth, .search__fifth, .search__result_box {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .search__first, .search__second ul, .search__third, .search__fourth, .search__fifth, .search__result_box {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .search__first, .search__second ul, .search__third, .search__fourth, .search__fifth, .search__result_box {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .search__first, .search__second ul, .search__third, .search__fourth, .search__fifth, .search__result_box {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
.padbot0,
.pdb0 {
padding-bottom: 0px !important;
}
.padtop0,
.pdt0 {
padding-top: 0px !important;
}
.margbot0,
.mgb0 {
margin-bottom: 0px !important;
}
.margtop0,
.mgt0 {
margin-top: 0px !important;
}
.pad0 {
padding: 0px !important;
}
.fs0 {
font-size: 0px !important;
}
.padbot5,
.pdb5 {
padding-bottom: 5px !important;
}
.padtop5,
.pdt5 {
padding-top: 5px !important;
}
.margbot5,
.mgb5 {
margin-bottom: 5px !important;
}
.margtop5,
.mgt5 {
margin-top: 5px !important;
}
.pad5 {
padding: 5px !important;
}
.fs1 {
font-size: 1px !important;
}
.padbot10,
.pdb10 {
padding-bottom: 10px !important;
}
.padtop10,
.pdt10 {
padding-top: 10px !important;
}
.margbot10,
.mgb10 {
margin-bottom: 10px !important;
}
.margtop10,
.mgt10 {
margin-top: 10px !important;
}
.pad10 {
padding: 10px !important;
}
.fs2 {
font-size: 2px !important;
}
.padbot15,
.pdb15 {
padding-bottom: 15px !important;
}
.padtop15,
.pdt15 {
padding-top: 15px !important;
}
.margbot15,
.mgb15 {
margin-bottom: 15px !important;
}
.margtop15,
.mgt15 {
margin-top: 15px !important;
}
.pad15 {
padding: 15px !important;
}
.fs3 {
font-size: 3px !important;
}
.padbot20,
.pdb20 {
padding-bottom: 20px !important;
}
.padtop20,
.pdt20 {
padding-top: 20px !important;
}
.margbot20,
.mgb20 {
margin-bottom: 20px !important;
}
.margtop20,
.mgt20 {
margin-top: 20px !important;
}
.pad20 {
padding: 20px !important;
}
.fs4 {
font-size: 4px !important;
}
.padbot25,
.pdb25 {
padding-bottom: 25px !important;
}
.padtop25,
.pdt25 {
padding-top: 25px !important;
}
.margbot25,
.mgb25 {
margin-bottom: 25px !important;
}
.margtop25,
.mgt25 {
margin-top: 25px !important;
}
.pad25 {
padding: 25px !important;
}
.fs5 {
font-size: 5px !important;
}
.padbot30,
.pdb30 {
padding-bottom: 30px !important;
}
.padtop30,
.pdt30 {
padding-top: 30px !important;
}
.margbot30,
.mgb30 {
margin-bottom: 30px !important;
}
.margtop30,
.mgt30 {
margin-top: 30px !important;
}
.pad30 {
padding: 30px !important;
}
.fs6 {
font-size: 6px !important;
}
.padbot35,
.pdb35 {
padding-bottom: 35px !important;
}
.padtop35,
.pdt35 {
padding-top: 35px !important;
}
.margbot35,
.mgb35 {
margin-bottom: 35px !important;
}
.margtop35,
.mgt35 {
margin-top: 35px !important;
}
.pad35 {
padding: 35px !important;
}
.fs7 {
font-size: 7px !important;
}
.padbot40,
.pdb40 {
padding-bottom: 40px !important;
}
.padtop40,
.pdt40 {
padding-top: 40px !important;
}
.margbot40,
.mgb40 {
margin-bottom: 40px !important;
}
.margtop40,
.mgt40 {
margin-top: 40px !important;
}
.pad40 {
padding: 40px !important;
}
.fs8 {
font-size: 8px !important;
}
.padbot45,
.pdb45 {
padding-bottom: 45px !important;
}
.padtop45,
.pdt45 {
padding-top: 45px !important;
}
.margbot45,
.mgb45 {
margin-bottom: 45px !important;
}
.margtop45,
.mgt45 {
margin-top: 45px !important;
}
.pad45 {
padding: 45px !important;
}
.fs9 {
font-size: 9px !important;
}
.padbot50,
.pdb50 {
padding-bottom: 50px !important;
}
.padtop50,
.pdt50 {
padding-top: 50px !important;
}
.margbot50,
.mgb50 {
margin-bottom: 50px !important;
}
.margtop50,
.mgt50 {
margin-top: 50px !important;
}
.pad50 {
padding: 50px !important;
}
.fs10 {
font-size: 10px !important;
}
.padbot55,
.pdb55 {
padding-bottom: 55px !important;
}
.padtop55,
.pdt55 {
padding-top: 55px !important;
}
.margbot55,
.mgb55 {
margin-bottom: 55px !important;
}
.margtop55,
.mgt55 {
margin-top: 55px !important;
}
.pad55 {
padding: 55px !important;
}
.fs11 {
font-size: 11px !important;
}
.padbot60,
.pdb60 {
padding-bottom: 60px !important;
}
.padtop60,
.pdt60 {
padding-top: 60px !important;
}
.margbot60,
.mgb60 {
margin-bottom: 60px !important;
}
.margtop60,
.mgt60 {
margin-top: 60px !important;
}
.pad60 {
padding: 60px !important;
}
.fs12 {
font-size: 12px !important;
}
.padbot65,
.pdb65 {
padding-bottom: 65px !important;
}
.padtop65,
.pdt65 {
padding-top: 65px !important;
}
.margbot65,
.mgb65 {
margin-bottom: 65px !important;
}
.margtop65,
.mgt65 {
margin-top: 65px !important;
}
.pad65 {
padding: 65px !important;
}
.fs13 {
font-size: 13px !important;
}
.padbot70,
.pdb70 {
padding-bottom: 70px !important;
}
.padtop70,
.pdt70 {
padding-top: 70px !important;
}
.margbot70,
.mgb70 {
margin-bottom: 70px !important;
}
.margtop70,
.mgt70 {
margin-top: 70px !important;
}
.pad70 {
padding: 70px !important;
}
.fs14 {
font-size: 14px !important;
}
.padbot75,
.pdb75 {
padding-bottom: 75px !important;
}
.padtop75,
.pdt75 {
padding-top: 75px !important;
}
.margbot75,
.mgb75 {
margin-bottom: 75px !important;
}
.margtop75,
.mgt75 {
margin-top: 75px !important;
}
.pad75 {
padding: 75px !important;
}
.fs15 {
font-size: 15px !important;
}
.padbot80,
.pdb80 {
padding-bottom: 80px !important;
}
.padtop80,
.pdt80 {
padding-top: 80px !important;
}
.margbot80,
.mgb80 {
margin-bottom: 80px !important;
}
.margtop80,
.mgt80 {
margin-top: 80px !important;
}
.pad80 {
padding: 80px !important;
}
.fs16 {
font-size: 16px !important;
}
.padbot85,
.pdb85 {
padding-bottom: 85px !important;
}
.padtop85,
.pdt85 {
padding-top: 85px !important;
}
.margbot85,
.mgb85 {
margin-bottom: 85px !important;
}
.margtop85,
.mgt85 {
margin-top: 85px !important;
}
.pad85 {
padding: 85px !important;
}
.fs17 {
font-size: 17px !important;
}
.padbot90,
.pdb90 {
padding-bottom: 90px !important;
}
.padtop90,
.pdt90 {
padding-top: 90px !important;
}
.margbot90,
.mgb90 {
margin-bottom: 90px !important;
}
.margtop90,
.mgt90 {
margin-top: 90px !important;
}
.pad90 {
padding: 90px !important;
}
.fs18 {
font-size: 18px !important;
}
.padbot95,
.pdb95 {
padding-bottom: 95px !important;
}
.padtop95,
.pdt95 {
padding-top: 95px !important;
}
.margbot95,
.mgb95 {
margin-bottom: 95px !important;
}
.margtop95,
.mgt95 {
margin-top: 95px !important;
}
.pad95 {
padding: 95px !important;
}
.fs19 {
font-size: 19px !important;
}
.padbot100,
.pdb100 {
padding-bottom: 100px !important;
}
.padtop100,
.pdt100 {
padding-top: 100px !important;
}
.margbot100,
.mgb100 {
margin-bottom: 100px !important;
}
.margtop100,
.mgt100 {
margin-top: 100px !important;
}
.pad100 {
padding: 100px !important;
}
.fs20 {
font-size: 20px !important;
}
.padbot105,
.pdb105 {
padding-bottom: 105px !important;
}
.padtop105,
.pdt105 {
padding-top: 105px !important;
}
.margbot105,
.mgb105 {
margin-bottom: 105px !important;
}
.margtop105,
.mgt105 {
margin-top: 105px !important;
}
.pad105 {
padding: 105px !important;
}
.fs21 {
font-size: 21px !important;
}
.padbot110,
.pdb110 {
padding-bottom: 110px !important;
}
.padtop110,
.pdt110 {
padding-top: 110px !important;
}
.margbot110,
.mgb110 {
margin-bottom: 110px !important;
}
.margtop110,
.mgt110 {
margin-top: 110px !important;
}
.pad110 {
padding: 110px !important;
}
.fs22 {
font-size: 22px !important;
}
.padbot115,
.pdb115 {
padding-bottom: 115px !important;
}
.padtop115,
.pdt115 {
padding-top: 115px !important;
}
.margbot115,
.mgb115 {
margin-bottom: 115px !important;
}
.margtop115,
.mgt115 {
margin-top: 115px !important;
}
.pad115 {
padding: 115px !important;
}
.fs23 {
font-size: 23px !important;
}
.padbot120,
.pdb120 {
padding-bottom: 120px !important;
}
.padtop120,
.pdt120 {
padding-top: 120px !important;
}
.margbot120,
.mgb120 {
margin-bottom: 120px !important;
}
.margtop120,
.mgt120 {
margin-top: 120px !important;
}
.pad120 {
padding: 120px !important;
}
.fs24 {
font-size: 24px !important;
}
.padbot125,
.pdb125 {
padding-bottom: 125px !important;
}
.padtop125,
.pdt125 {
padding-top: 125px !important;
}
.margbot125,
.mgb125 {
margin-bottom: 125px !important;
}
.margtop125,
.mgt125 {
margin-top: 125px !important;
}
.pad125 {
padding: 125px !important;
}
.fs25 {
font-size: 25px !important;
}
.padbot130,
.pdb130 {
padding-bottom: 130px !important;
}
.padtop130,
.pdt130 {
padding-top: 130px !important;
}
.margbot130,
.mgb130 {
margin-bottom: 130px !important;
}
.margtop130,
.mgt130 {
margin-top: 130px !important;
}
.pad130 {
padding: 130px !important;
}
.fs26 {
font-size: 26px !important;
}
.padbot135,
.pdb135 {
padding-bottom: 135px !important;
}
.padtop135,
.pdt135 {
padding-top: 135px !important;
}
.margbot135,
.mgb135 {
margin-bottom: 135px !important;
}
.margtop135,
.mgt135 {
margin-top: 135px !important;
}
.pad135 {
padding: 135px !important;
}
.fs27 {
font-size: 27px !important;
}
.padbot140,
.pdb140 {
padding-bottom: 140px !important;
}
.padtop140,
.pdt140 {
padding-top: 140px !important;
}
.margbot140,
.mgb140 {
margin-bottom: 140px !important;
}
.margtop140,
.mgt140 {
margin-top: 140px !important;
}
.pad140 {
padding: 140px !important;
}
.fs28 {
font-size: 28px !important;
}
.padbot145,
.pdb145 {
padding-bottom: 145px !important;
}
.padtop145,
.pdt145 {
padding-top: 145px !important;
}
.margbot145,
.mgb145 {
margin-bottom: 145px !important;
}
.margtop145,
.mgt145 {
margin-top: 145px !important;
}
.pad145 {
padding: 145px !important;
}
.fs29 {
font-size: 29px !important;
}
.padbot150,
.pdb150 {
padding-bottom: 150px !important;
}
.padtop150,
.pdt150 {
padding-top: 150px !important;
}
.margbot150,
.mgb150 {
margin-bottom: 150px !important;
}
.margtop150,
.mgt150 {
margin-top: 150px !important;
}
.pad150 {
padding: 150px !important;
}
.fs30 {
font-size: 30px !important;
}
.padbot155,
.pdb155 {
padding-bottom: 155px !important;
}
.padtop155,
.pdt155 {
padding-top: 155px !important;
}
.margbot155,
.mgb155 {
margin-bottom: 155px !important;
}
.margtop155,
.mgt155 {
margin-top: 155px !important;
}
.pad155 {
padding: 155px !important;
}
.fs31 {
font-size: 31px !important;
}
.padbot160,
.pdb160 {
padding-bottom: 160px !important;
}
.padtop160,
.pdt160 {
padding-top: 160px !important;
}
.margbot160,
.mgb160 {
margin-bottom: 160px !important;
}
.margtop160,
.mgt160 {
margin-top: 160px !important;
}
.pad160 {
padding: 160px !important;
}
.fs32 {
font-size: 32px !important;
}
.padbot165,
.pdb165 {
padding-bottom: 165px !important;
}
.padtop165,
.pdt165 {
padding-top: 165px !important;
}
.margbot165,
.mgb165 {
margin-bottom: 165px !important;
}
.margtop165,
.mgt165 {
margin-top: 165px !important;
}
.pad165 {
padding: 165px !important;
}
.fs33 {
font-size: 33px !important;
}
.padbot170,
.pdb170 {
padding-bottom: 170px !important;
}
.padtop170,
.pdt170 {
padding-top: 170px !important;
}
.margbot170,
.mgb170 {
margin-bottom: 170px !important;
}
.margtop170,
.mgt170 {
margin-top: 170px !important;
}
.pad170 {
padding: 170px !important;
}
.fs34 {
font-size: 34px !important;
}
.padbot175,
.pdb175 {
padding-bottom: 175px !important;
}
.padtop175,
.pdt175 {
padding-top: 175px !important;
}
.margbot175,
.mgb175 {
margin-bottom: 175px !important;
}
.margtop175,
.mgt175 {
margin-top: 175px !important;
}
.pad175 {
padding: 175px !important;
}
.fs35 {
font-size: 35px !important;
}
.padbot180,
.pdb180 {
padding-bottom: 180px !important;
}
.padtop180,
.pdt180 {
padding-top: 180px !important;
}
.margbot180,
.mgb180 {
margin-bottom: 180px !important;
}
.margtop180,
.mgt180 {
margin-top: 180px !important;
}
.pad180 {
padding: 180px !important;
}
.fs36 {
font-size: 36px !important;
}
.padbot185,
.pdb185 {
padding-bottom: 185px !important;
}
.padtop185,
.pdt185 {
padding-top: 185px !important;
}
.margbot185,
.mgb185 {
margin-bottom: 185px !important;
}
.margtop185,
.mgt185 {
margin-top: 185px !important;
}
.pad185 {
padding: 185px !important;
}
.fs37 {
font-size: 37px !important;
}
.padbot190,
.pdb190 {
padding-bottom: 190px !important;
}
.padtop190,
.pdt190 {
padding-top: 190px !important;
}
.margbot190,
.mgb190 {
margin-bottom: 190px !important;
}
.margtop190,
.mgt190 {
margin-top: 190px !important;
}
.pad190 {
padding: 190px !important;
}
.fs38 {
font-size: 38px !important;
}
.padbot195,
.pdb195 {
padding-bottom: 195px !important;
}
.padtop195,
.pdt195 {
padding-top: 195px !important;
}
.margbot195,
.mgb195 {
margin-bottom: 195px !important;
}
.margtop195,
.mgt195 {
margin-top: 195px !important;
}
.pad195 {
padding: 195px !important;
}
.fs39 {
font-size: 39px !important;
}
.padbot200,
.pdb200 {
padding-bottom: 200px !important;
}
.padtop200,
.pdt200 {
padding-top: 200px !important;
}
.margbot200,
.mgb200 {
margin-bottom: 200px !important;
}
.margtop200,
.mgt200 {
margin-top: 200px !important;
}
.pad200 {
padding: 200px !important;
}
.fs40 {
font-size: 40px !important;
}
.padbot205,
.pdb205 {
padding-bottom: 205px !important;
}
.padtop205,
.pdt205 {
padding-top: 205px !important;
}
.margbot205,
.mgb205 {
margin-bottom: 205px !important;
}
.margtop205,
.mgt205 {
margin-top: 205px !important;
}
.pad205 {
padding: 205px !important;
}
.fs41 {
font-size: 41px !important;
}
.padbot210,
.pdb210 {
padding-bottom: 210px !important;
}
.padtop210,
.pdt210 {
padding-top: 210px !important;
}
.margbot210,
.mgb210 {
margin-bottom: 210px !important;
}
.margtop210,
.mgt210 {
margin-top: 210px !important;
}
.pad210 {
padding: 210px !important;
}
.fs42 {
font-size: 42px !important;
}
.padbot215,
.pdb215 {
padding-bottom: 215px !important;
}
.padtop215,
.pdt215 {
padding-top: 215px !important;
}
.margbot215,
.mgb215 {
margin-bottom: 215px !important;
}
.margtop215,
.mgt215 {
margin-top: 215px !important;
}
.pad215 {
padding: 215px !important;
}
.fs43 {
font-size: 43px !important;
}
.padbot220,
.pdb220 {
padding-bottom: 220px !important;
}
.padtop220,
.pdt220 {
padding-top: 220px !important;
}
.margbot220,
.mgb220 {
margin-bottom: 220px !important;
}
.margtop220,
.mgt220 {
margin-top: 220px !important;
}
.pad220 {
padding: 220px !important;
}
.fs44 {
font-size: 44px !important;
}
.padbot225,
.pdb225 {
padding-bottom: 225px !important;
}
.padtop225,
.pdt225 {
padding-top: 225px !important;
}
.margbot225,
.mgb225 {
margin-bottom: 225px !important;
}
.margtop225,
.mgt225 {
margin-top: 225px !important;
}
.pad225 {
padding: 225px !important;
}
.fs45 {
font-size: 45px !important;
}
.padbot230,
.pdb230 {
padding-bottom: 230px !important;
}
.padtop230,
.pdt230 {
padding-top: 230px !important;
}
.margbot230,
.mgb230 {
margin-bottom: 230px !important;
}
.margtop230,
.mgt230 {
margin-top: 230px !important;
}
.pad230 {
padding: 230px !important;
}
.fs46 {
font-size: 46px !important;
}
.padbot235,
.pdb235 {
padding-bottom: 235px !important;
}
.padtop235,
.pdt235 {
padding-top: 235px !important;
}
.margbot235,
.mgb235 {
margin-bottom: 235px !important;
}
.margtop235,
.mgt235 {
margin-top: 235px !important;
}
.pad235 {
padding: 235px !important;
}
.fs47 {
font-size: 47px !important;
}
.padbot240,
.pdb240 {
padding-bottom: 240px !important;
}
.padtop240,
.pdt240 {
padding-top: 240px !important;
}
.margbot240,
.mgb240 {
margin-bottom: 240px !important;
}
.margtop240,
.mgt240 {
margin-top: 240px !important;
}
.pad240 {
padding: 240px !important;
}
.fs48 {
font-size: 48px !important;
}
.padbot245,
.pdb245 {
padding-bottom: 245px !important;
}
.padtop245,
.pdt245 {
padding-top: 245px !important;
}
.margbot245,
.mgb245 {
margin-bottom: 245px !important;
}
.margtop245,
.mgt245 {
margin-top: 245px !important;
}
.pad245 {
padding: 245px !important;
}
.fs49 {
font-size: 49px !important;
}
.padbot250,
.pdb250 {
padding-bottom: 250px !important;
}
.padtop250,
.pdt250 {
padding-top: 250px !important;
}
.margbot250,
.mgb250 {
margin-bottom: 250px !important;
}
.margtop250,
.mgt250 {
margin-top: 250px !important;
}
.pad250 {
padding: 250px !important;
}
.fs50 {
font-size: 50px !important;
}
.padbot255,
.pdb255 {
padding-bottom: 255px !important;
}
.padtop255,
.pdt255 {
padding-top: 255px !important;
}
.margbot255,
.mgb255 {
margin-bottom: 255px !important;
}
.margtop255,
.mgt255 {
margin-top: 255px !important;
}
.pad255 {
padding: 255px !important;
}
.fs51 {
font-size: 51px !important;
}
.padbot260,
.pdb260 {
padding-bottom: 260px !important;
}
.padtop260,
.pdt260 {
padding-top: 260px !important;
}
.margbot260,
.mgb260 {
margin-bottom: 260px !important;
}
.margtop260,
.mgt260 {
margin-top: 260px !important;
}
.pad260 {
padding: 260px !important;
}
.fs52 {
font-size: 52px !important;
}
.padbot265,
.pdb265 {
padding-bottom: 265px !important;
}
.padtop265,
.pdt265 {
padding-top: 265px !important;
}
.margbot265,
.mgb265 {
margin-bottom: 265px !important;
}
.margtop265,
.mgt265 {
margin-top: 265px !important;
}
.pad265 {
padding: 265px !important;
}
.fs53 {
font-size: 53px !important;
}
.padbot270,
.pdb270 {
padding-bottom: 270px !important;
}
.padtop270,
.pdt270 {
padding-top: 270px !important;
}
.margbot270,
.mgb270 {
margin-bottom: 270px !important;
}
.margtop270,
.mgt270 {
margin-top: 270px !important;
}
.pad270 {
padding: 270px !important;
}
.fs54 {
font-size: 54px !important;
}
.padbot275,
.pdb275 {
padding-bottom: 275px !important;
}
.padtop275,
.pdt275 {
padding-top: 275px !important;
}
.margbot275,
.mgb275 {
margin-bottom: 275px !important;
}
.margtop275,
.mgt275 {
margin-top: 275px !important;
}
.pad275 {
padding: 275px !important;
}
.fs55 {
font-size: 55px !important;
}
.padbot280,
.pdb280 {
padding-bottom: 280px !important;
}
.padtop280,
.pdt280 {
padding-top: 280px !important;
}
.margbot280,
.mgb280 {
margin-bottom: 280px !important;
}
.margtop280,
.mgt280 {
margin-top: 280px !important;
}
.pad280 {
padding: 280px !important;
}
.fs56 {
font-size: 56px !important;
}
.padbot285,
.pdb285 {
padding-bottom: 285px !important;
}
.padtop285,
.pdt285 {
padding-top: 285px !important;
}
.margbot285,
.mgb285 {
margin-bottom: 285px !important;
}
.margtop285,
.mgt285 {
margin-top: 285px !important;
}
.pad285 {
padding: 285px !important;
}
.fs57 {
font-size: 57px !important;
}
.padbot290,
.pdb290 {
padding-bottom: 290px !important;
}
.padtop290,
.pdt290 {
padding-top: 290px !important;
}
.margbot290,
.mgb290 {
margin-bottom: 290px !important;
}
.margtop290,
.mgt290 {
margin-top: 290px !important;
}
.pad290 {
padding: 290px !important;
}
.fs58 {
font-size: 58px !important;
}
.padbot295,
.pdb295 {
padding-bottom: 295px !important;
}
.padtop295,
.pdt295 {
padding-top: 295px !important;
}
.margbot295,
.mgb295 {
margin-bottom: 295px !important;
}
.margtop295,
.mgt295 {
margin-top: 295px !important;
}
.pad295 {
padding: 295px !important;
}
.fs59 {
font-size: 59px !important;
}
.padbot300,
.pdb300 {
padding-bottom: 300px !important;
}
.padtop300,
.pdt300 {
padding-top: 300px !important;
}
.margbot300,
.mgb300 {
margin-bottom: 300px !important;
}
.margtop300,
.mgt300 {
margin-top: 300px !important;
}
.pad300 {
padding: 300px !important;
}
.fs60 {
font-size: 60px !important;
}
.padbot305,
.pdb305 {
padding-bottom: 305px !important;
}
.padtop305,
.pdt305 {
padding-top: 305px !important;
}
.margbot305,
.mgb305 {
margin-bottom: 305px !important;
}
.margtop305,
.mgt305 {
margin-top: 305px !important;
}
.pad305 {
padding: 305px !important;
}
.fs61 {
font-size: 61px !important;
}
.padbot310,
.pdb310 {
padding-bottom: 310px !important;
}
.padtop310,
.pdt310 {
padding-top: 310px !important;
}
.margbot310,
.mgb310 {
margin-bottom: 310px !important;
}
.margtop310,
.mgt310 {
margin-top: 310px !important;
}
.pad310 {
padding: 310px !important;
}
.fs62 {
font-size: 62px !important;
}
.padbot315,
.pdb315 {
padding-bottom: 315px !important;
}
.padtop315,
.pdt315 {
padding-top: 315px !important;
}
.margbot315,
.mgb315 {
margin-bottom: 315px !important;
}
.margtop315,
.mgt315 {
margin-top: 315px !important;
}
.pad315 {
padding: 315px !important;
}
.fs63 {
font-size: 63px !important;
}
.padbot320,
.pdb320 {
padding-bottom: 320px !important;
}
.padtop320,
.pdt320 {
padding-top: 320px !important;
}
.margbot320,
.mgb320 {
margin-bottom: 320px !important;
}
.margtop320,
.mgt320 {
margin-top: 320px !important;
}
.pad320 {
padding: 320px !important;
}
.fs64 {
font-size: 64px !important;
}
.padbot325,
.pdb325 {
padding-bottom: 325px !important;
}
.padtop325,
.pdt325 {
padding-top: 325px !important;
}
.margbot325,
.mgb325 {
margin-bottom: 325px !important;
}
.margtop325,
.mgt325 {
margin-top: 325px !important;
}
.pad325 {
padding: 325px !important;
}
.fs65 {
font-size: 65px !important;
}
.padbot330,
.pdb330 {
padding-bottom: 330px !important;
}
.padtop330,
.pdt330 {
padding-top: 330px !important;
}
.margbot330,
.mgb330 {
margin-bottom: 330px !important;
}
.margtop330,
.mgt330 {
margin-top: 330px !important;
}
.pad330 {
padding: 330px !important;
}
.fs66 {
font-size: 66px !important;
}
.padbot335,
.pdb335 {
padding-bottom: 335px !important;
}
.padtop335,
.pdt335 {
padding-top: 335px !important;
}
.margbot335,
.mgb335 {
margin-bottom: 335px !important;
}
.margtop335,
.mgt335 {
margin-top: 335px !important;
}
.pad335 {
padding: 335px !important;
}
.fs67 {
font-size: 67px !important;
}
.padbot340,
.pdb340 {
padding-bottom: 340px !important;
}
.padtop340,
.pdt340 {
padding-top: 340px !important;
}
.margbot340,
.mgb340 {
margin-bottom: 340px !important;
}
.margtop340,
.mgt340 {
margin-top: 340px !important;
}
.pad340 {
padding: 340px !important;
}
.fs68 {
font-size: 68px !important;
}
.padbot345,
.pdb345 {
padding-bottom: 345px !important;
}
.padtop345,
.pdt345 {
padding-top: 345px !important;
}
.margbot345,
.mgb345 {
margin-bottom: 345px !important;
}
.margtop345,
.mgt345 {
margin-top: 345px !important;
}
.pad345 {
padding: 345px !important;
}
.fs69 {
font-size: 69px !important;
}
.padbot350,
.pdb350 {
padding-bottom: 350px !important;
}
.padtop350,
.pdt350 {
padding-top: 350px !important;
}
.margbot350,
.mgb350 {
margin-bottom: 350px !important;
}
.margtop350,
.mgt350 {
margin-top: 350px !important;
}
.pad350 {
padding: 350px !important;
}
.fs70 {
font-size: 70px !important;
}
.padbot355,
.pdb355 {
padding-bottom: 355px !important;
}
.padtop355,
.pdt355 {
padding-top: 355px !important;
}
.margbot355,
.mgb355 {
margin-bottom: 355px !important;
}
.margtop355,
.mgt355 {
margin-top: 355px !important;
}
.pad355 {
padding: 355px !important;
}
.fs71 {
font-size: 71px !important;
}
.padbot360,
.pdb360 {
padding-bottom: 360px !important;
}
.padtop360,
.pdt360 {
padding-top: 360px !important;
}
.margbot360,
.mgb360 {
margin-bottom: 360px !important;
}
.margtop360,
.mgt360 {
margin-top: 360px !important;
}
.pad360 {
padding: 360px !important;
}
.fs72 {
font-size: 72px !important;
}
.padbot365,
.pdb365 {
padding-bottom: 365px !important;
}
.padtop365,
.pdt365 {
padding-top: 365px !important;
}
.margbot365,
.mgb365 {
margin-bottom: 365px !important;
}
.margtop365,
.mgt365 {
margin-top: 365px !important;
}
.pad365 {
padding: 365px !important;
}
.fs73 {
font-size: 73px !important;
}
.padbot370,
.pdb370 {
padding-bottom: 370px !important;
}
.padtop370,
.pdt370 {
padding-top: 370px !important;
}
.margbot370,
.mgb370 {
margin-bottom: 370px !important;
}
.margtop370,
.mgt370 {
margin-top: 370px !important;
}
.pad370 {
padding: 370px !important;
}
.fs74 {
font-size: 74px !important;
}
.padbot375,
.pdb375 {
padding-bottom: 375px !important;
}
.padtop375,
.pdt375 {
padding-top: 375px !important;
}
.margbot375,
.mgb375 {
margin-bottom: 375px !important;
}
.margtop375,
.mgt375 {
margin-top: 375px !important;
}
.pad375 {
padding: 375px !important;
}
.fs75 {
font-size: 75px !important;
}
.padbot380,
.pdb380 {
padding-bottom: 380px !important;
}
.padtop380,
.pdt380 {
padding-top: 380px !important;
}
.margbot380,
.mgb380 {
margin-bottom: 380px !important;
}
.margtop380,
.mgt380 {
margin-top: 380px !important;
}
.pad380 {
padding: 380px !important;
}
.fs76 {
font-size: 76px !important;
}
.padbot385,
.pdb385 {
padding-bottom: 385px !important;
}
.padtop385,
.pdt385 {
padding-top: 385px !important;
}
.margbot385,
.mgb385 {
margin-bottom: 385px !important;
}
.margtop385,
.mgt385 {
margin-top: 385px !important;
}
.pad385 {
padding: 385px !important;
}
.fs77 {
font-size: 77px !important;
}
.padbot390,
.pdb390 {
padding-bottom: 390px !important;
}
.padtop390,
.pdt390 {
padding-top: 390px !important;
}
.margbot390,
.mgb390 {
margin-bottom: 390px !important;
}
.margtop390,
.mgt390 {
margin-top: 390px !important;
}
.pad390 {
padding: 390px !important;
}
.fs78 {
font-size: 78px !important;
}
.padbot395,
.pdb395 {
padding-bottom: 395px !important;
}
.padtop395,
.pdt395 {
padding-top: 395px !important;
}
.margbot395,
.mgb395 {
margin-bottom: 395px !important;
}
.margtop395,
.mgt395 {
margin-top: 395px !important;
}
.pad395 {
padding: 395px !important;
}
.fs79 {
font-size: 79px !important;
}
.padbot400,
.pdb400 {
padding-bottom: 400px !important;
}
.padtop400,
.pdt400 {
padding-top: 400px !important;
}
.margbot400,
.mgb400 {
margin-bottom: 400px !important;
}
.margtop400,
.mgt400 {
margin-top: 400px !important;
}
.pad400 {
padding: 400px !important;
}
.fs80 {
font-size: 80px !important;
}
.padbot405,
.pdb405 {
padding-bottom: 405px !important;
}
.padtop405,
.pdt405 {
padding-top: 405px !important;
}
.margbot405,
.mgb405 {
margin-bottom: 405px !important;
}
.margtop405,
.mgt405 {
margin-top: 405px !important;
}
.pad405 {
padding: 405px !important;
}
.fs81 {
font-size: 81px !important;
}
.padbot410,
.pdb410 {
padding-bottom: 410px !important;
}
.padtop410,
.pdt410 {
padding-top: 410px !important;
}
.margbot410,
.mgb410 {
margin-bottom: 410px !important;
}
.margtop410,
.mgt410 {
margin-top: 410px !important;
}
.pad410 {
padding: 410px !important;
}
.fs82 {
font-size: 82px !important;
}
.padbot415,
.pdb415 {
padding-bottom: 415px !important;
}
.padtop415,
.pdt415 {
padding-top: 415px !important;
}
.margbot415,
.mgb415 {
margin-bottom: 415px !important;
}
.margtop415,
.mgt415 {
margin-top: 415px !important;
}
.pad415 {
padding: 415px !important;
}
.fs83 {
font-size: 83px !important;
}
.padbot420,
.pdb420 {
padding-bottom: 420px !important;
}
.padtop420,
.pdt420 {
padding-top: 420px !important;
}
.margbot420,
.mgb420 {
margin-bottom: 420px !important;
}
.margtop420,
.mgt420 {
margin-top: 420px !important;
}
.pad420 {
padding: 420px !important;
}
.fs84 {
font-size: 84px !important;
}
.padbot425,
.pdb425 {
padding-bottom: 425px !important;
}
.padtop425,
.pdt425 {
padding-top: 425px !important;
}
.margbot425,
.mgb425 {
margin-bottom: 425px !important;
}
.margtop425,
.mgt425 {
margin-top: 425px !important;
}
.pad425 {
padding: 425px !important;
}
.fs85 {
font-size: 85px !important;
}
.padbot430,
.pdb430 {
padding-bottom: 430px !important;
}
.padtop430,
.pdt430 {
padding-top: 430px !important;
}
.margbot430,
.mgb430 {
margin-bottom: 430px !important;
}
.margtop430,
.mgt430 {
margin-top: 430px !important;
}
.pad430 {
padding: 430px !important;
}
.fs86 {
font-size: 86px !important;
}
.padbot435,
.pdb435 {
padding-bottom: 435px !important;
}
.padtop435,
.pdt435 {
padding-top: 435px !important;
}
.margbot435,
.mgb435 {
margin-bottom: 435px !important;
}
.margtop435,
.mgt435 {
margin-top: 435px !important;
}
.pad435 {
padding: 435px !important;
}
.fs87 {
font-size: 87px !important;
}
.padbot440,
.pdb440 {
padding-bottom: 440px !important;
}
.padtop440,
.pdt440 {
padding-top: 440px !important;
}
.margbot440,
.mgb440 {
margin-bottom: 440px !important;
}
.margtop440,
.mgt440 {
margin-top: 440px !important;
}
.pad440 {
padding: 440px !important;
}
.fs88 {
font-size: 88px !important;
}
.padbot445,
.pdb445 {
padding-bottom: 445px !important;
}
.padtop445,
.pdt445 {
padding-top: 445px !important;
}
.margbot445,
.mgb445 {
margin-bottom: 445px !important;
}
.margtop445,
.mgt445 {
margin-top: 445px !important;
}
.pad445 {
padding: 445px !important;
}
.fs89 {
font-size: 89px !important;
}
.padbot450,
.pdb450 {
padding-bottom: 450px !important;
}
.padtop450,
.pdt450 {
padding-top: 450px !important;
}
.margbot450,
.mgb450 {
margin-bottom: 450px !important;
}
.margtop450,
.mgt450 {
margin-top: 450px !important;
}
.pad450 {
padding: 450px !important;
}
.fs90 {
font-size: 90px !important;
}
.padbot455,
.pdb455 {
padding-bottom: 455px !important;
}
.padtop455,
.pdt455 {
padding-top: 455px !important;
}
.margbot455,
.mgb455 {
margin-bottom: 455px !important;
}
.margtop455,
.mgt455 {
margin-top: 455px !important;
}
.pad455 {
padding: 455px !important;
}
.fs91 {
font-size: 91px !important;
}
.padbot460,
.pdb460 {
padding-bottom: 460px !important;
}
.padtop460,
.pdt460 {
padding-top: 460px !important;
}
.margbot460,
.mgb460 {
margin-bottom: 460px !important;
}
.margtop460,
.mgt460 {
margin-top: 460px !important;
}
.pad460 {
padding: 460px !important;
}
.fs92 {
font-size: 92px !important;
}
.padbot465,
.pdb465 {
padding-bottom: 465px !important;
}
.padtop465,
.pdt465 {
padding-top: 465px !important;
}
.margbot465,
.mgb465 {
margin-bottom: 465px !important;
}
.margtop465,
.mgt465 {
margin-top: 465px !important;
}
.pad465 {
padding: 465px !important;
}
.fs93 {
font-size: 93px !important;
}
.padbot470,
.pdb470 {
padding-bottom: 470px !important;
}
.padtop470,
.pdt470 {
padding-top: 470px !important;
}
.margbot470,
.mgb470 {
margin-bottom: 470px !important;
}
.margtop470,
.mgt470 {
margin-top: 470px !important;
}
.pad470 {
padding: 470px !important;
}
.fs94 {
font-size: 94px !important;
}
.padbot475,
.pdb475 {
padding-bottom: 475px !important;
}
.padtop475,
.pdt475 {
padding-top: 475px !important;
}
.margbot475,
.mgb475 {
margin-bottom: 475px !important;
}
.margtop475,
.mgt475 {
margin-top: 475px !important;
}
.pad475 {
padding: 475px !important;
}
.fs95 {
font-size: 95px !important;
}
.padbot480,
.pdb480 {
padding-bottom: 480px !important;
}
.padtop480,
.pdt480 {
padding-top: 480px !important;
}
.margbot480,
.mgb480 {
margin-bottom: 480px !important;
}
.margtop480,
.mgt480 {
margin-top: 480px !important;
}
.pad480 {
padding: 480px !important;
}
.fs96 {
font-size: 96px !important;
}
.padbot485,
.pdb485 {
padding-bottom: 485px !important;
}
.padtop485,
.pdt485 {
padding-top: 485px !important;
}
.margbot485,
.mgb485 {
margin-bottom: 485px !important;
}
.margtop485,
.mgt485 {
margin-top: 485px !important;
}
.pad485 {
padding: 485px !important;
}
.fs97 {
font-size: 97px !important;
}
.padbot490,
.pdb490 {
padding-bottom: 490px !important;
}
.padtop490,
.pdt490 {
padding-top: 490px !important;
}
.margbot490,
.mgb490 {
margin-bottom: 490px !important;
}
.margtop490,
.mgt490 {
margin-top: 490px !important;
}
.pad490 {
padding: 490px !important;
}
.fs98 {
font-size: 98px !important;
}
.padbot495,
.pdb495 {
padding-bottom: 495px !important;
}
.padtop495,
.pdt495 {
padding-top: 495px !important;
}
.margbot495,
.mgb495 {
margin-bottom: 495px !important;
}
.margtop495,
.mgt495 {
margin-top: 495px !important;
}
.pad495 {
padding: 495px !important;
}
.fs99 {
font-size: 99px !important;
}
.padbot500,
.pdb500 {
padding-bottom: 500px !important;
}
.padtop500,
.pdt500 {
padding-top: 500px !important;
}
.margbot500,
.mgb500 {
margin-bottom: 500px !important;
}
.margtop500,
.mgt500 {
margin-top: 500px !important;
}
.pad500 {
padding: 500px !important;
}
.fs100 {
font-size: 100px !important;
}
.padbot505,
.pdb505 {
padding-bottom: 505px !important;
}
.padtop505,
.pdt505 {
padding-top: 505px !important;
}
.margbot505,
.mgb505 {
margin-bottom: 505px !important;
}
.margtop505,
.mgt505 {
margin-top: 505px !important;
}
.pad505 {
padding: 505px !important;
}
.fs101 {
font-size: 101px !important;
}
.padbot510,
.pdb510 {
padding-bottom: 510px !important;
}
.padtop510,
.pdt510 {
padding-top: 510px !important;
}
.margbot510,
.mgb510 {
margin-bottom: 510px !important;
}
.margtop510,
.mgt510 {
margin-top: 510px !important;
}
.pad510 {
padding: 510px !important;
}
.fs102 {
font-size: 102px !important;
}
.padbot515,
.pdb515 {
padding-bottom: 515px !important;
}
.padtop515,
.pdt515 {
padding-top: 515px !important;
}
.margbot515,
.mgb515 {
margin-bottom: 515px !important;
}
.margtop515,
.mgt515 {
margin-top: 515px !important;
}
.pad515 {
padding: 515px !important;
}
.fs103 {
font-size: 103px !important;
}
.padbot520,
.pdb520 {
padding-bottom: 520px !important;
}
.padtop520,
.pdt520 {
padding-top: 520px !important;
}
.margbot520,
.mgb520 {
margin-bottom: 520px !important;
}
.margtop520,
.mgt520 {
margin-top: 520px !important;
}
.pad520 {
padding: 520px !important;
}
.fs104 {
font-size: 104px !important;
}
.padbot525,
.pdb525 {
padding-bottom: 525px !important;
}
.padtop525,
.pdt525 {
padding-top: 525px !important;
}
.margbot525,
.mgb525 {
margin-bottom: 525px !important;
}
.margtop525,
.mgt525 {
margin-top: 525px !important;
}
.pad525 {
padding: 525px !important;
}
.fs105 {
font-size: 105px !important;
}
.padbot530,
.pdb530 {
padding-bottom: 530px !important;
}
.padtop530,
.pdt530 {
padding-top: 530px !important;
}
.margbot530,
.mgb530 {
margin-bottom: 530px !important;
}
.margtop530,
.mgt530 {
margin-top: 530px !important;
}
.pad530 {
padding: 530px !important;
}
.fs106 {
font-size: 106px !important;
}
.padbot535,
.pdb535 {
padding-bottom: 535px !important;
}
.padtop535,
.pdt535 {
padding-top: 535px !important;
}
.margbot535,
.mgb535 {
margin-bottom: 535px !important;
}
.margtop535,
.mgt535 {
margin-top: 535px !important;
}
.pad535 {
padding: 535px !important;
}
.fs107 {
font-size: 107px !important;
}
.padbot540,
.pdb540 {
padding-bottom: 540px !important;
}
.padtop540,
.pdt540 {
padding-top: 540px !important;
}
.margbot540,
.mgb540 {
margin-bottom: 540px !important;
}
.margtop540,
.mgt540 {
margin-top: 540px !important;
}
.pad540 {
padding: 540px !important;
}
.fs108 {
font-size: 108px !important;
}
.padbot545,
.pdb545 {
padding-bottom: 545px !important;
}
.padtop545,
.pdt545 {
padding-top: 545px !important;
}
.margbot545,
.mgb545 {
margin-bottom: 545px !important;
}
.margtop545,
.mgt545 {
margin-top: 545px !important;
}
.pad545 {
padding: 545px !important;
}
.fs109 {
font-size: 109px !important;
}
.padbot550,
.pdb550 {
padding-bottom: 550px !important;
}
.padtop550,
.pdt550 {
padding-top: 550px !important;
}
.margbot550,
.mgb550 {
margin-bottom: 550px !important;
}
.margtop550,
.mgt550 {
margin-top: 550px !important;
}
.pad550 {
padding: 550px !important;
}
.fs110 {
font-size: 110px !important;
}
.padbot555,
.pdb555 {
padding-bottom: 555px !important;
}
.padtop555,
.pdt555 {
padding-top: 555px !important;
}
.margbot555,
.mgb555 {
margin-bottom: 555px !important;
}
.margtop555,
.mgt555 {
margin-top: 555px !important;
}
.pad555 {
padding: 555px !important;
}
.fs111 {
font-size: 111px !important;
}
.padbot560,
.pdb560 {
padding-bottom: 560px !important;
}
.padtop560,
.pdt560 {
padding-top: 560px !important;
}
.margbot560,
.mgb560 {
margin-bottom: 560px !important;
}
.margtop560,
.mgt560 {
margin-top: 560px !important;
}
.pad560 {
padding: 560px !important;
}
.fs112 {
font-size: 112px !important;
}
.padbot565,
.pdb565 {
padding-bottom: 565px !important;
}
.padtop565,
.pdt565 {
padding-top: 565px !important;
}
.margbot565,
.mgb565 {
margin-bottom: 565px !important;
}
.margtop565,
.mgt565 {
margin-top: 565px !important;
}
.pad565 {
padding: 565px !important;
}
.fs113 {
font-size: 113px !important;
}
.padbot570,
.pdb570 {
padding-bottom: 570px !important;
}
.padtop570,
.pdt570 {
padding-top: 570px !important;
}
.margbot570,
.mgb570 {
margin-bottom: 570px !important;
}
.margtop570,
.mgt570 {
margin-top: 570px !important;
}
.pad570 {
padding: 570px !important;
}
.fs114 {
font-size: 114px !important;
}
.padbot575,
.pdb575 {
padding-bottom: 575px !important;
}
.padtop575,
.pdt575 {
padding-top: 575px !important;
}
.margbot575,
.mgb575 {
margin-bottom: 575px !important;
}
.margtop575,
.mgt575 {
margin-top: 575px !important;
}
.pad575 {
padding: 575px !important;
}
.fs115 {
font-size: 115px !important;
}
.padbot580,
.pdb580 {
padding-bottom: 580px !important;
}
.padtop580,
.pdt580 {
padding-top: 580px !important;
}
.margbot580,
.mgb580 {
margin-bottom: 580px !important;
}
.margtop580,
.mgt580 {
margin-top: 580px !important;
}
.pad580 {
padding: 580px !important;
}
.fs116 {
font-size: 116px !important;
}
.padbot585,
.pdb585 {
padding-bottom: 585px !important;
}
.padtop585,
.pdt585 {
padding-top: 585px !important;
}
.margbot585,
.mgb585 {
margin-bottom: 585px !important;
}
.margtop585,
.mgt585 {
margin-top: 585px !important;
}
.pad585 {
padding: 585px !important;
}
.fs117 {
font-size: 117px !important;
}
.padbot590,
.pdb590 {
padding-bottom: 590px !important;
}
.padtop590,
.pdt590 {
padding-top: 590px !important;
}
.margbot590,
.mgb590 {
margin-bottom: 590px !important;
}
.margtop590,
.mgt590 {
margin-top: 590px !important;
}
.pad590 {
padding: 590px !important;
}
.fs118 {
font-size: 118px !important;
}
.padbot595,
.pdb595 {
padding-bottom: 595px !important;
}
.padtop595,
.pdt595 {
padding-top: 595px !important;
}
.margbot595,
.mgb595 {
margin-bottom: 595px !important;
}
.margtop595,
.mgt595 {
margin-top: 595px !important;
}
.pad595 {
padding: 595px !important;
}
.fs119 {
font-size: 119px !important;
}
.padbot600,
.pdb600 {
padding-bottom: 600px !important;
}
.padtop600,
.pdt600 {
padding-top: 600px !important;
}
.margbot600,
.mgb600 {
margin-bottom: 600px !important;
}
.margtop600,
.mgt600 {
margin-top: 600px !important;
}
.pad600 {
padding: 600px !important;
}
.fs120 {
font-size: 120px !important;
}
.pd0 {
padding: 0 !important;
}
.pdl0 {
padding-left: 0 !important;
}
.pdr0 {
padding-right: 0 !important;
}
.mg0 {
margin: 0 !important;
}
.mgl0 {
margin-left: 0 !important;
}
.mgr0 {
margin-right: 0 !important;
} .header {
position: fixed;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
margin-bottom: 5px;
}
.header:after, .header:before {
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: '';
}
.header:before {
z-index: 1;
background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(1, 1, 1, 0.3) 100%);
opacity: 1;
pointer-events: none;
}
.header:after {
z-index: 2;
background-color: #fff;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
opacity: 0;
}
.navi_active .header:before {
background-image: none;
background-color: #fff;
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 3;
width: 100%;
margin: 0 auto;
height: 80px;
padding: 0 30px;
overflow: hidden;
color: #fff;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
@media (max-width: 1200px) {
.header__container {
padding: 0 10px;
}
}
.header__container:after {
width: 100%;
height: 1px;
z-index: 0;
content: '';
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.3);
pointer-events: none;
}
@media only screen and (max-width: 768px) {
.header__container {
height: 50px;
padding: 0 15px;
}
}
.logo {
left: 30px;
z-index: 101;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
@media only screen and (max-width: 768px) {
.logo {
left: 10px;
}
}
.logo a {
width: 216px;
}
@media (max-width: 1000px) {
.logo a {
width: 176px;
}
}
@media (max-width: 900px) {
.logo a {
width: 136px;
}
}
@media only screen and (max-width: 768px) {
.logo a {
width: 136px;
min-width: 136px;
}
}
.logo svg {
width: 100%;
height: auto;
}
.logo img,
.logo svg {
max-width: none;
-webkit-transition: all 800ms;
transition: all 800ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 768px) {
.logo img,
.logo svg {
width: 100%;
}
}
.logo img path,
.logo img polygon,
.logo img rect,
.logo svg path,
.logo svg polygon,
.logo svg rect {
-webkit-transition: all 800ms;
transition: all 800ms;
fill: #fff;
}
.navi_active .logo img,
.navi_active .logo svg,
.navi_active .logo_svg {
fill: #010101 !important;
}
.navi_active .logo img path,
.navi_active .logo img polygon,
.navi_active .logo img rect,
.navi_active .logo svg path,
.navi_active .logo svg polygon,
.navi_active .logo svg rect,
.navi_active .logo_svg path,
.navi_active .logo_svg polygon,
.navi_active .logo_svg rect {
fill: #010101 !important;
}
.global_search {
position: relative;
color: #fff;
}
.global_search:after {
bottom: 23px;
left: 0;
position: absolute;
content: '\f002';
display: block;
font-family: FontAwesome;
cursor: pointer;
}
.global_search .global_search_field {
width: 0;
opacity: 0;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.global_search.active .global_search_field {
width: auto;
opacity: 1;
}
.gn-lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.25%;
font-weight: bold;
}
.gn-lang a {
opacity: 0.5;
}
.gn-lang a.current {
opacity: 1;
}
.gn-lang span {
display: inline-block;
padding: 0 5px;
opacity: 0.5;
}
.gn-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: 0 2.5%;
}
.header__search {
position: relative;
width: 0;
max-width: 390px;
padding: 0;
overflow: hidden;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.header__search.is-active {
width: 390px;
padding-left: 10px;
}
.global-search_sp {
position: relative;
}
.global-search_sp .fas {
z-index: 2;
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #010101 !important;
}
.global-search_sp .fas:before {
color: #010101 !important;
}
@media only screen and (max-width: 768px) {
.searchform {
position: relative;
padding: 10px;
}
}
input[type="search"].header__search_input {
padding: 10px 10px !important;
border-radius: 6px;
color: #fff !important;
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
border: 1px solid #fff;
font-size: 16px;
font-size: 1.6rem;
font-family: "Gothic MB101 Regular", sans-serif !important;
}
@media only screen and (max-width: 768px) {
input[type="search"].header__search_input {
background-color: #fafafa;
padding: 3px 5px 3px 35px !important;
font-size: 16px;
font-size: 1.6rem;
color: #010101 !important;
}
}
input[type="search"].header__search_input::-webkit-input-placeholder {
color: #fff;
}
input[type="search"].header__search_input::-moz-placeholder {
color: #fff;
}
input[type="search"].header__search_input:-ms-input-placeholder {
color: #fff;
}
input[type="search"].header__search_input::-ms-input-placeholder {
color: #fff;
}
input[type="search"].header__search_input::placeholder {
color: #fff;
}
@media only screen and (max-width: 768px) {
input[type="search"].header__search_input::-webkit-input-placeholder {
color: rgba(1, 1, 1, 0.5);
}
input[type="search"].header__search_input::-moz-placeholder {
color: rgba(1, 1, 1, 0.5);
}
input[type="search"].header__search_input:-ms-input-placeholder {
color: rgba(1, 1, 1, 0.5);
}
input[type="search"].header__search_input::-ms-input-placeholder {
color: rgba(1, 1, 1, 0.5);
}
input[type="search"].header__search_input::placeholder {
color: rgba(1, 1, 1, 0.5);
}
}
.header__search_reset {
position: absolute;
right: 13px;
top: 50%;
color: #fff;
width: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.searchsubmit__pc {
display: none;
} .footer {
padding: 60px 15px;
font-weight: 500;
overflow: hidden;
width: 100%;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
position: relative;
}
@media only screen and (max-width: 768px) {
.footer {
padding: 30px 15px;
}
}
.footer:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e5e9f1;
}
@media only screen and (max-width: 768px) {
.footer:before {
width: calc(100% - 30px);
margin: auto;
right: 0;
}
}
.copyright {
padding: 30px 15px;
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
font-weight: 300;
text-align: center;
position: relative;
font-size: 12px;
font-size: 1.2rem;
}
.copyright:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e5e9f1;
}
@media only screen and (max-width: 768px) {
.copyright:before {
width: calc(100% - 30px);
margin: auto;
right: 0;
}
}
.copyright:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e5e9f1;
}
@media only screen and (max-width: 768px) {
.copyright:after {
width: calc(100% - 30px);
margin: auto;
right: 0;
}
}
.footer .social__list {
padding-bottom: 60px;
}
@media (min-width: 769px) {
.navi__footer_sub {
font-size: 13px;
font-size: 1.3rem;
text-align: center;
font-family: "Gothic MB101 Light", sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 30px;
}
.navi__footer_sub li {
padding: 0 0.5em;
}
}
@media only screen and (max-width: 768px) {
.navi__footer_sub a {
display: block;
background: #fafafa;
padding: 5px 13px;
margin-bottom: 2px;
position: relative;
}
.navi__footer_sub a:after {
content: '\f138';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
position: absolute;
right: 15px;
}
.navi__footer_sub a.has-child:after {
content: '\f105';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
position: absolute;
right: 15px;
}
}
.pagetop {
position: relative;
text-align: center;
margin-top: 0;
text-align: center;
line-height: 1;
margin: 30px auto 60px;
}
@media only screen and (max-width: 768px) {
.pagetop {
width: 60px;
margin: 15px auto 5px;
bottom: -100px;
position: fixed;
opacity: 0;
right: 5px;
z-index: 10;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
.pagetop a {
display: block;
background: rgba(255, 255, 255, 0.5);
border-radius: 65px;
width: 65px;
height: 65px;
color: #010101;
}
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
.pagetop a {
-webkit-transition: none;
transition: none;
color: #010101;
}
}
@media only screen and (max-width: 768px) {
.pagetop a:hover {
color: #010101;
}
.pagetop.is-active {
bottom: 0;
opacity: 1;
}
}
.pagetop span {
display: block;
font-size: 10px;
font-size: 1rem;
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
}
.pagetop a:before {
content: '\f106';
font-family: "Font Awesome 5 Pro";
font-weight: 300;
font-size: 35px;
font-size: 3.5rem;
} @-webkit-keyframes naviAnimation {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@keyframes naviAnimation {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
.header__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
right: 30px;
margin: 0 auto;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.header__content {
display: none;
right: 10px;
}
}
.header__content .navi__global {
margin-left: auto;
width: 100%;
height: 80px;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: height 300ms ease-out;
transition: height 300ms ease-out;
}
.is-header-fixed .header__content .navi__global {
height: 50px;
}
.header__content li {
overflow: hidden;
font-family: "Gothic MB101 Bold", sans-serif;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
height: 100%;
white-space: nowrap;
position: relative;
text-transform: uppercase;
}
.isIE .header__content li {
font-family: "Gothic MB101 Regular", sans-serif;
}
@media (max-width: 1200px) {
.header__content li {
letter-spacing: 0;
}
}
@media (max-width: 900px) {
.header__content li {
font-size: 13px;
font-size: 1.3rem;
letter-spacing: normal;
}
}
@media only screen and (max-width: 768px) {
.header__content li {
display: block;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.05em;
}
}
.header__content li.has-child:after {
position: absolute;
right: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "Font Awesome 5 Pro";
content: '\f107';
font-weight: 400;
pointer-events: none;
}
@media (min-width: 900px) {
.header__content li.has-child:after {
font-size: 10px;
font-size: 1rem;
}
}
.header__content a {
position: relative;
color: #fff;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0);
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 0 20px;
}
@media (max-width: 1200px) {
.header__content a {
padding: 0 15px;
letter-spacing: 0;
}
}
.utility__global {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: none;
}
@media (min-width: 769px) {
.utility__global {
width: 220px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.utility__global.is-active {
width: auto;
}
}
@media (max-width: 1200px) {
.utility__global {
width: 110px;
}
}
@media (max-width: 900px) {
.utility__global {
width: 80px;
}
}
.utility__global li {
font-family: "Gothic MB101 Bold", sans-serif;
font-size: 14px;
font-size: 1.4rem;
}
@media (max-width: 900px) {
.utility__global li {
font-size: 12px;
font-size: 1.2rem;
}
}
.utility__global .gn-lang {
padding: 0 20px;
}
@media (max-width: 1200px) {
.utility__global .gn-lang {
padding: 0 5px;
}
}
.utility__global .gn-lang a,
.utility__global .gn-lang span {
color: #fff;
}
.global-search {
font-size: 20px;
font-size: 2rem;
}
.navi__global_line {
height: 1px;
display: block;
position: absolute;
left: -100%;
bottom: 0;
padding: 0 15px;
pointer-events: none;
-webkit-transition: 100ms;
transition: 100ms;
-webkit-transition-property: width;
transition-property: width;
pointer-events: none;
}
.navi__global_line:after {
height: 1px;
width: calc(100% - 40px);
content: '';
background: #FFF;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
pointer-events: none;
}
.category-award .gn05 a:after,
.category-information .gn05 a:after,
.category-news .gn05 a:after,
.is-page-works .gn03 a:after,
.navi__global li.current a:after,
.page-company .gn06 a:after,
.page-company-child .gn06 a:after,
.page-contact .gn07 a:after,
.page-recruit .gn04 a:after,
.page-service .gn02 a:after,
.page-service-child .gn02 a:after,
.post-type-archive-feature .gn01 a:after,
.post-type-archive-work .gn03 a:after,
.single-feature .gn01 a:after,
.single-recruit .gn04 a:after,
.single-works .gn03 a:after,
.tax-work_category .gn03 a:after {
height: 1px;
width: calc(100% - 40px);
content: '';
background: #FFF;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
@media (max-width: 1200px) {
.category-award .gn05 a:after,
.category-information .gn05 a:after,
.category-news .gn05 a:after,
.is-page-works .gn03 a:after,
.navi__global li.current a:after,
.page-company .gn06 a:after,
.page-company-child .gn06 a:after,
.page-contact .gn07 a:after,
.page-recruit .gn04 a:after,
.page-service .gn02 a:after,
.page-service-child .gn02 a:after,
.post-type-archive-feature .gn01 a:after,
.post-type-archive-work .gn03 a:after,
.single-feature .gn01 a:after,
.single-recruit .gn04 a:after,
.single-works .gn03 a:after,
.tax-work_category .gn03 a:after {
width: calc(100% - 30px);
}
}
.navi__toggle {
position: relative;
z-index: 10000;
}
.navi__global_jp {
display: block;
color: #999;
font-size: 10px;
text-align: center;
line-height: 1;
}
.navi__global_sp {
visibility: hidden;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 90px 20px 30px;
background-color: #000;
opacity: 0;
text-align: center;
-webkit-transition: 200ms ease;
transition: 200ms ease;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform;
}
.navi__global_sp.active {
visibility: visible;
opacity: 1;
}
.navi__global_sp li {
display: block;
margin: 30px 0;
opacity: 0;
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
font-weight: 600;
text-align: center;
line-height: 1;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform;
-webkit-transform: translateY(20px);
transform: translateY(20px);
font-size: 40px;
font-size: 4rem;
}
@media only screen and (max-width: 768px) {
.navi__global_sp li {
font-size: 26px;
font-size: 2.6rem;
}
}
.navi__global_sp li a {
color: #a9a9ab;
}
.navi__global_sp li a:hover {
color: #fff;
}
.navi_active .navi__global_sp li {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.navi_active .navi__global_sp li:nth-child(1) {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.navi_active .navi__global_sp li:nth-child(2) {
-webkit-transition-delay: 550ms;
transition-delay: 550ms;
}
.navi_active .navi__global_sp li:nth-child(3) {
-webkit-transition-delay: 625ms;
transition-delay: 625ms;
}
.navi_active .navi__global_sp li:nth-child(4) {
-webkit-transition-delay: 700ms;
transition-delay: 700ms;
}
.navi_active .navi__global_sp li:nth-child(5) {
-webkit-transition-delay: 775ms;
transition-delay: 775ms;
}
.navi_active .navi__global_sp li:nth-child(6) {
-webkit-transition-delay: 850ms;
transition-delay: 850ms;
}
.navi_active .navi__global_sp li:nth-child(7) {
-webkit-transition-delay: 925ms;
transition-delay: 925ms;
}
.navi_active .navi__global_sp li:nth-child(8) {
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.navi_active .navi__global_sp li:nth-child(9) {
-webkit-transition-delay: 1075ms;
transition-delay: 1075ms;
}
.navi_active .navi__global_sp li:nth-child(10) {
-webkit-transition-delay: 1150ms;
transition-delay: 1150ms;
}
.navi_active .navi__global_sp li:nth-child(11) {
-webkit-transition-delay: 1225ms;
transition-delay: 1225ms;
}
.navi_active .navi__global_sp li:nth-child(12) {
-webkit-transition-delay: 1300ms;
transition-delay: 1300ms;
}
.navi_active .navi__global_sp li:nth-child(13) {
-webkit-transition-delay: 1375ms;
transition-delay: 1375ms;
}
.navi_active .navi__global_sp li:nth-child(14) {
-webkit-transition-delay: 1450ms;
transition-delay: 1450ms;
}
.navi_active .navi__global_sp li:nth-child(15) {
-webkit-transition-delay: 1525ms;
transition-delay: 1525ms;
}
.navi_active .navi__global_sp li:nth-child(16) {
-webkit-transition-delay: 1600ms;
transition-delay: 1600ms;
}
.navi_active .navi__global_sp li:nth-child(17) {
-webkit-transition-delay: 1675ms;
transition-delay: 1675ms;
}
.navi_active .navi__global_sp li:nth-child(18) {
-webkit-transition-delay: 1750ms;
transition-delay: 1750ms;
}
.navi_active .navi__global_sp li:nth-child(19) {
-webkit-transition-delay: 1825ms;
transition-delay: 1825ms;
}
.navi_active .navi__global_sp li:nth-child(20) {
-webkit-transition-delay: 1900ms;
transition-delay: 1900ms;
}
.navi__global_sp li a:hover,
.navi__global_sp li.current a {
opacity: 1;
color: #fff;
}
.navi__sub {
position: fixed;
top: 79px;
visibility: hidden;
z-index: 999;
width: 100%;
background-color: #fbfbfb;
font-size: 14px;
font-size: 1.4rem;
font-family: "Gothic MB101 Bold", sans-serif;
padding: 55px 15px;
-webkit-transition: 200ms ease-out;
transition: 200ms ease-out;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform;
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.isIE .navi__sub {
font-family: "Gothic MB101 Medium", sans-serif;
}
.navi__sub.is-active {
visibility: visible;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.navi__sub .current-cat > a,
.navi__sub .current_page_item a {
color: #e0241c;
}
.is-header-fixed .navi__sub {
top: 49px;
}
.navi__sub ul {
padding-left: 1em;
}
.navi__sub .is-scond {
font-family: "Gothic MB101 Light", sans-serif;
}
html[lang=en-US] .navi__sub .is-scond {
padding-top: 10px;
}
.navi__global_sub_container {
max-width: 1230px;
width: 100%;
padding: 60px 15px;
}
.navi__sp {
position: fixed;
z-index: 9999;
top: -100%;
left: 0;
height: 100%;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
background-color: #fff;
visibility: hidden;
-webkit-overflow-scrolling: touch;
}
.navi__sp .searchform {
padding-top: 55px;
padding-bottom: 5px;
}
.navi__sp.is-active {
top: 0;
visibility: visible;
}
.navi__sp .gn-lang {
color: #fff;
text-align: center;
}
.navi__sp .gn-lang a.current {
color: #fff;
opacity: 1;
}
.navi__sp .gn-lang a {
opacity: 0.5;
}
.gn-lang_sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 10px 6px;
}
.gn-lang_sp li {
width: 50%;
}
.gn-lang_sp li a {
font-weight: bold;
background-color: #1a1a1a;
border: 1px solid #4d4d4d;
color: rgba(255, 255, 255, 0.5);
display: block;
text-align: center;
}
.gn-lang_sp li.current a {
background-color: #4d4d4d;
color: white;
}
.global-search_sp path {
fill: #fff;
}
.btn__work_search {
text-align: center;
margin-top: 30px;
}
.btn__work_search a {
text-align: center;
margin: 0 auto;
max-width: 200px;
width: 100%;
display: block;
border: 1px solid #cccccc;
border-radius: 6px;
padding: 10px;
position: relative;
font-family: "Gothic MB101 Bold", sans-serif;
}
.btn__work_search a:before {
content: '\f00e';
font-weight: 900;
font-family: "Font Awesome 5 Pro";
margin-right: 0.5em;
} @media (min-width: 769px) {
.navi__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 1200px;
margin: 0 auto 120px !important;
font-size: 16px;
font-size: 1.6rem;
font-family: "Gothic MB101 Regular", sans-serif;
}
.navi__footer a {
color: #e0241c;
}
.navi__footer .is-firts {
color: #e0241c;
font-size: 18px;
font-size: 1.8rem;
padding-bottom: 0.5em;
display: block;
}
.navi__footer ul ul {
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 0.5em;
font-family: "Gothic MB101 Light", sans-serif;
}
html[lang=en-US] .navi__footer ul ul {
font-size: 13px;
font-size: 1.3rem;
}
.navi__footer ul ul a {
color: #000;
}
.navi__footer ul ul ul {
position: relative;
margin-bottom: 1em;
display: none;
}
.navi__footer ul ul ul li {
text-indent: -1em;
padding-left: 1em;
}
.navi__footer ul ul ul li:before {
content: '- ';
}
.navi__footer li {
padding: 5px 0;
}
html[lang=en-US] .navi__footer li {
line-height: 1.4;
padding: 5px 0 10px;
}
.navi__footer_item {
width: 20%;
padding: 0 30px;
text-align: left;
}
}
@media (min-width: 769px) and (max-width: 900px) {
.navi__footer_item {
width: 33.33334%;
}
}
@media (min-width: 769px) {
.navi__footer_item .current_page_item a {
color: #e0241c;
font-family: "Gothic MB101 Bold", sans-serif;
}
.title__footer {
position: relative;
margin: 0 auto 15px;
text-align: center;
vertical-align: middle;
line-height: 1;
font-size: 20px;
font-size: 2rem;
}
.title__footer span {
display: inline-block;
padding: 0 1em;
vertical-align: middle;
}
.title__footer:after, .title__footer:before {
display: inline-block;
position: relative;
top: 25%;
max-width: 65px;
width: 100%;
height: 1px;
background-color: #fff;
vertical-align: middle;
content: '';
}
}
@media only screen and (max-width: 768px) {
.navi__sp .is-second li.navi__footer_item_work_search a {
padding-left: 0.5em !important;
}
.navi__sp .is-second li.navi__footer_item_work_search a:before {
font-family: "Font Awesome 5 Pro";
content: '\f00e';
font-weight: 900;
margin-right: 0.5em;
}
.is-second {
max-height: 0;
overflow-y: hidden;
-webkit-transition: 100ms;
transition: 100ms;
}
.is-second a {
background-color: #fff !important;
padding-left: 1.60em !important;
}
.navi__sp .is-second a {
background-color: #cccccc !important;
}
.is-third a {
background-color: #e5e5e5 !important;
padding-left: 2.5em !important;
}
.is-third a:before {
content: '»';
padding-right: 0.25em;
}
.is-active + .is-second {
max-height: 10000px;
}
.is-active + .is-second .is-third {
display: block;
}
.navi__footer,
.navi__footer_sub {
margin: 0 -15px !important;
font-size: 16px;
font-size: 1.6rem;
}
.navi__sp .navi__footer, .navi__sp
.navi__footer_sub {
margin: 0 0 !important;
}
.navi__footer_sub a {
color: #010101;
}
.navi__sp .navi__footer_sub a {
background-color: #fafafa !important;
}
.navi__footer .current-cat a,
.navi__footer .current_page_item a {
background-color: #cccccc !important;
color: #010101;
}
.navi__footer a {
display: block;
background-color: #fafafa;
padding: 5px 13px;
margin-bottom: 2px;
position: relative;
font-size: 16px;
font-size: 1.6rem;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.navi__sp .navi__footer a {
background-color: #fafafa;
color: #010101;
}
.navi__footer a.current-cat, .navi__footer a.current_page_item, .navi__footer a.is-active {
background-color: #e0241c;
color: #fff;
}
.navi__footer a:after {
content: '\f138';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
position: absolute;
right: 15px;
}
.navi__footer a.has-child:after {
content: '\f105';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
position: absolute;
right: 15px;
}
.navi__footer a svg.fa-angle-right {
right: 18px;
}
.navi__footer a.is-active:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.gn-lang_sp {
font-size: 14px;
font-size: 1.4rem;
font-family: "Gothic MB101 Bold", sans-serif;
}
}
@media only screen and (max-width: 768px) {
.navi_active .navi__footer a.has-child:after {
color: #010101;
}
}
@media only screen and (max-width: 768px) {
[lang="en-US"] .navi__footer a {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.02em;
}
}
@media (min-width: 769px) {
.navi__sub_list.navi__sub_list-feature {
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;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.navi__sub_list.navi__sub_list-feature .cat-item-3:after, .navi__sub_list.navi__sub_list-feature .cat-item-45:after, .navi__sub_list.navi__sub_list-feature .cat-item-5:after {
content: '';
width: 1px;
height: 100%;
position: absolute;
top: 0;
background-color: #e5e9f1;
}
.navi__sub_list.navi__sub_list-feature .cat-item-3:after {
left: calc(25% - 0px);
}
.navi__sub_list.navi__sub_list-feature .cat-item-5:after {
left: calc(50% - 0px);
}
.navi__sub_list.navi__sub_list-feature .cat-item-45:after {
left: calc(75% - 0px);
}
.navi__sub_list.navi__sub_list-feature li {
width: 25%;
font-family: "Gothic MB101 Bold", sans-serif;
padding: 0 30px 1em;
}
.isIE .navi__sub_list.navi__sub_list-feature li {
font-family: "Gothic MB101 Medium", sans-serif;
}
.navi__sub_list.navi__sub_list-feature .children {
display: block;
text-align: left;
}
html[lang=en-US] .navi__sub_list.navi__sub_list-feature .children {
padding-top: 10px;
}
.navi__sub_list.navi__sub_list-feature .children li {
padding: 0 0.75em 0 0;
font-family: "Gothic MB101 Light", sans-serif;
width: auto;
display: inline-block;
text-align: left;
}
html[lang=en-US] .navi__sub_list.navi__sub_list-feature .children li {
line-height: 1.4;
padding-bottom: 10px;
}
.navi__sub_list-std {
margin: 0 auto;
text-align: center;
letter-spacing: -.4em;
}
.navi__sub_list-std li {
display: inline-block;
position: relative;
letter-spacing: 0.05em;
}
.navi__sub_list-std li a {
position: relative;
padding: 0 30px;
display: block;
}
html[lang=en-US] .navi__sub_list-std li a {
padding: 0 15px;
}
.navi__sub_list-std li a:after {
content: '';
background-color: #e5e9f1;
width: 1px;
height: calc(100% - 10px);
position: absolute;
top: 5px;
right: 0;
}
.navi__sub_list-std li:last-child a:after {
display: none;
}
}
@media (min-width: 769px) {
html[lang=en-US] .navi__sub_list.navi__sub_list-feature li {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.05em;
font-size: 14px;
font-size: 1.4rem;
width: 33%;
}
html[lang=en-US] .navi__sub_list.navi__sub_list-feature .children li {
width: auto;
font-weight: 300 !important;
letter-spacing: 0.05em;
}
}
.navi__sub-list.navi__sub-feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}
.navi__sub-list.navi__sub-feature .cat-item {
padding: 0 30px;
position: relative;
}
.navi__sub-list.navi__sub-feature .cat-item:after {
content: '';
width: 1px;
height: 100%;
position: absolute;
top: 0;
background-color: #e5e9f1;
left: 0;
}
.navi__sub-list.navi__sub-feature .cat-item:nth-child(1):after {
display: none;
}
html[lang=en-US] .navi__sub-list.navi__sub-feature li {
line-height: 1.4;
padding-bottom: 10px;
}
.navi__local_works {
position: relative;
}
.navi__local_works .children {
display: none;
}
.post-type-archive-work .navi__local_works li:nth-child(1) a {
color: #e0241c;
font-weight: bold;
position: relative;
}
.post-type-archive-work .navi__local_works li:nth-child(1) a:before {
content: '';
width: 100%;
height: 1px;
z-index: 2;
background: #e0241c;
top: 46px;
left: 0;
position: absolute;
}
.navi__local_works .current-cat > a,
.navi__local_works .current-cat-parent > a {
color: #e0241c;
font-weight: bold;
position: relative;
}
.navi__local_works .current-cat > a:before,
.navi__local_works .current-cat-parent > a:before {
content: '';
width: 100%;
height: 1px;
z-index: 2;
background: #e0241c;
top: 46px;
left: 0;
position: absolute;
}
.navi__local_works .current-cat .children,
.navi__local_works .current-cat-parent .children {
position: absolute;
z-index: 2;
left: 0;
right: 0;
width: 100%;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 15px;
border-bottom: none;
}
.navi__local_works .current-cat .children li,
.navi__local_works .current-cat-parent .children li {
font-family: "Gothic MB101 Light", sans-serif;
}
.navi__local_works {
width: 100%;
margin: 0 auto 30px;
background-color: #fafafa;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 92px;
position: relative;
letter-spacing: 0.1em;
overflow-y: hidden;
}
html[lang=en-US] .navi__local_works {
letter-spacing: 0;
}
.navi__local_works:after {
content: '';
background: #e5e5e5;
height: 47%;
width: 100%;
min-width: 1160px;
position: absolute;
left: 0;
bottom: 0;
}
@media only screen and (max-width: 768px) {
.navi__local_works {
padding: 0 15px;
margin-bottom: 15px;
}
}
.navi__local_works ul {
padding: 0 15px;
display: table;
margin: 0 auto;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 768px) {
.navi__local_works ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
}
}
.navi__local_works li {
letter-spacing: normal;
font-size: 14px;
font-size: 1.4rem;
padding-right: 0.5em;
font-family: "Gothic MB101 Medium", sans-serif;
white-space: nowrap;
display: table-cell;
}
html[lang=en-US] .navi__local_works li {
font-family: 400;
font-size: 13px;
font-size: 1.3rem;
padding-right: 0.2em;
}
.navi__local_works li.current a {
color: #e0241c;
font-weight: bold;
border-bottom: 1px solid #000;
}
.navi__local_works li:after {
content: '\7C';
letter-spacing: normal;
padding-left: 0.5em;
}
html[lang=en-US] .navi__local_works li:after {
padding-left: 0.2em;
color: #666;
}
.navi__local_works li:last-child:after {
display: none;
}
.navi__local_works li.current a:before {
width: 100%;
height: 1px;
background-color: #000;
bottom: -1px;
content: '';
position: absolute;
z-index: 2;
}
.navi__local_works a {
padding: 10px 0;
display: inline-block;
position: relative;
}
html[lang=en-US] .navi__local_works a {
padding: 14px 0;
}
.is-header-fixed.navi_active .header {
background: #fff;
}
.is-header-fixed .header,
.is-hover .header {
z-index: 10000;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.is-header-fixed .header:before,
.is-hover .header:before {
opacity: 0;
}
.is-header-fixed .header:after,
.is-hover .header:after {
opacity: 1;
}
.is-header-fixed .logo svg path,
.is-header-fixed .logo svg polygon,
.is-header-fixed .logo svg rect,
.is-hover .logo svg path,
.is-hover .logo svg polygon,
.is-hover .logo svg rect {
fill: #14102e;
}
.is-header-fixed.navi_active .logo img path,
.is-header-fixed.navi_active .logo img polygon,
.is-header-fixed.navi_active .logo img rect,
.is-header-fixed.navi_active .logo svg path,
.is-header-fixed.navi_active .logo svg polygon,
.is-header-fixed.navi_active .logo svg rect,
.is-header-fixed .navi_active .logo img path,
.is-header-fixed .navi_active .logo img polygon,
.is-header-fixed .navi_active .logo img rect,
.is-header-fixed .navi_active .logo svg path,
.is-header-fixed .navi_active .logo svg polygon,
.is-header-fixed .navi_active .logo svg rect,
.is-hover.navi_active .logo img path,
.is-hover.navi_active .logo img polygon,
.is-hover.navi_active .logo img rect,
.is-hover.navi_active .logo svg path,
.is-hover.navi_active .logo svg polygon,
.is-hover.navi_active .logo svg rect,
.is-hover .navi_active .logo img path,
.is-hover .navi_active .logo img polygon,
.is-hover .navi_active .logo img rect,
.is-hover .navi_active .logo svg path,
.is-hover .navi_active .logo svg polygon,
.is-hover .navi_active .logo svg rect {
fill: #010101;
}
.is-header-fixed .header__content a,
.is-hover .header__content a {
color: #14102e;
}
.is-header-fixed .header__content .has-child:after,
.is-hover .header__content .has-child:after {
color: #14102e;
}
.is-header-fixed .navi__global_line:after,
.is-hover .navi__global_line:after {
background: #14102e;
}
.is-header-fixed .navi__global li a:after,
.is-hover .navi__global li a:after {
border-bottom: 1px solid #010101;
}
.is-header-fixed .header__container {
height: 50px;
}
.is-header-fixed .header__container:after {
background-color: rgba(1, 1, 1, 0.1);
}
.navi_active .header:after {
opacity: 0;
}
.is-header-fixed input[type="search"].header__search_input,
.is-hover input[type="search"].header__search_input {
background-color: rgba(0, 0, 0, 0.15);
color: #14102e !important;
font-family: "Gothic MB101 Regular", sans-serif;
}
@media only screen and (max-width: 768px) {
.is-header-fixed input[type="search"].header__search_input,
.is-hover input[type="search"].header__search_input {
color: #fff !important;
font-family: "Gothic MB101 Regular", sans-serif;
}
}
.is-header-fixed input[type="search"].header__search_input::-webkit-input-placeholder, .is-hover input[type="search"].header__search_input::-webkit-input-placeholder {
color: #14102e !important;
}
.is-header-fixed input[type="search"].header__search_input::-moz-placeholder, .is-hover input[type="search"].header__search_input::-moz-placeholder {
color: #14102e !important;
}
.is-header-fixed input[type="search"].header__search_input:-ms-input-placeholder, .is-hover input[type="search"].header__search_input:-ms-input-placeholder {
color: #14102e !important;
}
.is-header-fixed input[type="search"].header__search_input::-ms-input-placeholder, .is-hover input[type="search"].header__search_input::-ms-input-placeholder {
color: #14102e !important;
}
.is-header-fixed input[type="search"].header__search_input::placeholder,
.is-hover input[type="search"].header__search_input::placeholder {
color: #14102e !important;
}
.is-header-fixed .global-search .fas,
.is-hover .global-search .fas {
color: #14102e;
}
.is-header-fixed .header__search_reset path,
.is-header-fixed .header__search_reset polygon,
.is-header-fixed .header__search_reset rect,
.is-hover .header__search_reset path,
.is-hover .header__search_reset polygon,
.is-hover .header__search_reset rect {
fill: #14102e;
}
.is-header-fixed .header__search_reset .fas,
.is-hover .header__search_reset .fas {
color: #14102e;
}
.is-fixed .global-search path,
.is-header-fixed .global-search path,
.is-hover .global-search path {
fill: #14102e;
}
.is-fixed .gn-lang a,
.is-fixed .gn-lang span,
.is-header-fixed .gn-lang a,
.is-header-fixed .gn-lang span,
.is-hover .gn-lang a,
.is-hover .gn-lang span {
color: #14102e;
}
.error404,
.news-novisual,
.page-form,
.single-work:not(.work-template-searchwork) {
padding-top: 100px;
}
@media only screen and (max-width: 768px) {
.error404,
.news-novisual,
.page-form,
.single-work:not(.work-template-searchwork) {
padding-top: 60px;
}
}
.error404 .header:before,
.news-novisual .header:before,
.page-form .header:before,
.single-work:not(.work-template-searchwork) .header:before {
content: '';
background-image: -webkit-gradient(linear, left bottom, left top, from(white), to(white));
background-image: linear-gradient(0deg, white 0%, white 100%);
opacity: 1;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.error404 .ico__menu_trigger span,
.news-novisual .ico__menu_trigger span,
.page-form .ico__menu_trigger span,
.single-work:not(.work-template-searchwork) .ico__menu_trigger span {
background-color: #000;
}
.error404.navi_active .header:before,
.news-novisual.navi_active .header:before,
.page-form.navi_active .header:before,
.single-work:not(.work-template-searchwork).navi_active .header:before {
opacity: 0;
}
.error404.navi_active .logo path,
.error404.navi_active .logo polygon,
.error404.navi_active .logo rect,
.news-novisual.navi_active .logo path,
.news-novisual.navi_active .logo polygon,
.news-novisual.navi_active .logo rect,
.page-form.navi_active .logo path,
.page-form.navi_active .logo polygon,
.page-form.navi_active .logo rect,
.single-work:not(.work-template-searchwork).navi_active .logo path,
.single-work:not(.work-template-searchwork).navi_active .logo polygon,
.single-work:not(.work-template-searchwork).navi_active .logo rect {
fill: #fff;
color: #fff;
}
.error404 .header__container:after,
.news-novisual .header__container:after,
.page-form .header__container:after,
.single-work:not(.work-template-searchwork) .header__container:after {
background-color: rgba(1, 1, 1, 0.1);
}
.error404 .global-search .fas path,
.error404 .global-search .fas polygon,
.error404 .global-search .fas rect,
.error404 .global-search .svg-inline--fa path path,
.error404 .global-search .svg-inline--fa path polygon,
.error404 .global-search .svg-inline--fa path rect,
.error404 .logo path,
.error404 .logo polygon,
.error404 .logo rect,
.news-novisual .global-search .fas path,
.news-novisual .global-search .fas polygon,
.news-novisual .global-search .fas rect,
.news-novisual .global-search .svg-inline--fa path path,
.news-novisual .global-search .svg-inline--fa path polygon,
.news-novisual .global-search .svg-inline--fa path rect,
.news-novisual .logo path,
.news-novisual .logo polygon,
.news-novisual .logo rect,
.page-form .global-search .fas path,
.page-form .global-search .fas polygon,
.page-form .global-search .fas rect,
.page-form .global-search .svg-inline--fa path path,
.page-form .global-search .svg-inline--fa path polygon,
.page-form .global-search .svg-inline--fa path rect,
.page-form .logo path,
.page-form .logo polygon,
.page-form .logo rect,
.single-work:not(.work-template-searchwork) .global-search .fas path,
.single-work:not(.work-template-searchwork) .global-search .fas polygon,
.single-work:not(.work-template-searchwork) .global-search .fas rect,
.single-work:not(.work-template-searchwork) .global-search .svg-inline--fa path path,
.single-work:not(.work-template-searchwork) .global-search .svg-inline--fa path polygon,
.single-work:not(.work-template-searchwork) .global-search .svg-inline--fa path rect,
.single-work:not(.work-template-searchwork) .logo path,
.single-work:not(.work-template-searchwork) .logo polygon,
.single-work:not(.work-template-searchwork) .logo rect {
fill: #010101;
color: #010101;
}
.error404 .gn-lang,
.error404 .gn-lang a,
.error404 .navi__global a,
.news-novisual .gn-lang,
.news-novisual .gn-lang a,
.news-novisual .navi__global a,
.page-form .gn-lang,
.page-form .gn-lang a,
.page-form .navi__global a,
.single-work:not(.work-template-searchwork) .gn-lang,
.single-work:not(.work-template-searchwork) .gn-lang a,
.single-work:not(.work-template-searchwork) .navi__global a {
color: #010101;
}
.error404 .header__search_reset,
.error404 .utility__global .gn-lang a,
.error404 .utility__global .gn-lang span,
.error404 .utility__global li,
.news-novisual .header__search_reset,
.news-novisual .utility__global .gn-lang a,
.news-novisual .utility__global .gn-lang span,
.news-novisual .utility__global li,
.page-form .header__search_reset,
.page-form .utility__global .gn-lang a,
.page-form .utility__global .gn-lang span,
.page-form .utility__global li,
.single-work:not(.work-template-searchwork) .header__search_reset,
.single-work:not(.work-template-searchwork) .utility__global .gn-lang a,
.single-work:not(.work-template-searchwork) .utility__global .gn-lang span,
.single-work:not(.work-template-searchwork) .utility__global li {
color: #010101;
}
.error404 .header__content li.has-child:after,
.news-novisual .header__content li.has-child:after,
.page-form .header__content li.has-child:after,
.single-work:not(.work-template-searchwork) .header__content li.has-child:after {
color: #010101;
}
.error404 input[type="search"].header__search_input,
.news-novisual input[type="search"].header__search_input,
.page-form input[type="search"].header__search_input,
.single-work:not(.work-template-searchwork) input[type="search"].header__search_input {
color: #010101 !important;
}
.error404 input[type="search"].header__search_input::-webkit-input-placeholder, .news-novisual input[type="search"].header__search_input::-webkit-input-placeholder, .page-form input[type="search"].header__search_input::-webkit-input-placeholder, .single-work:not(.work-template-searchwork) input[type="search"].header__search_input::-webkit-input-placeholder {
color: #010101;
}
.error404 input[type="search"].header__search_input::-moz-placeholder, .news-novisual input[type="search"].header__search_input::-moz-placeholder, .page-form input[type="search"].header__search_input::-moz-placeholder, .single-work:not(.work-template-searchwork) input[type="search"].header__search_input::-moz-placeholder {
color: #010101;
}
.error404 input[type="search"].header__search_input:-ms-input-placeholder, .news-novisual input[type="search"].header__search_input:-ms-input-placeholder, .page-form input[type="search"].header__search_input:-ms-input-placeholder, .single-work:not(.work-template-searchwork) input[type="search"].header__search_input:-ms-input-placeholder {
color: #010101;
}
.error404 input[type="search"].header__search_input::-ms-input-placeholder, .news-novisual input[type="search"].header__search_input::-ms-input-placeholder, .page-form input[type="search"].header__search_input::-ms-input-placeholder, .single-work:not(.work-template-searchwork) input[type="search"].header__search_input::-ms-input-placeholder {
color: #010101;
}
.error404 input[type="search"].header__search_input::placeholder,
.news-novisual input[type="search"].header__search_input::placeholder,
.page-form input[type="search"].header__search_input::placeholder,
.single-work:not(.work-template-searchwork) input[type="search"].header__search_input::placeholder {
color: #010101;
}
.widget a,
.navi__side a {
display: block;
color: #000;
}
.widget li,
.navi__side li {
position: relative;
}
.widget li a,
.navi__side li a {
margin-bottom: 10px;
padding: 0 25px 0 15px;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.widget li a:hover,
.navi__side li a:hover {
padding: 0 0 0 25px;
}
.widget li a:hover:before,
.navi__side li a:hover:before {
width: 20px;
}
.widget li a:before,
.navi__side li a:before {
position: absolute;
top: 10px;
left: 0;
width: 10px;
height: 1px;
background-color: #000;
content: '';
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.widget .post-date,
.navi__side .post-date {
margin: -10px 0 10px 15px;
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
.widget li a:before,
.navi__side li a:before {
top: 8px;
}
}
.post-date {
display: block;
color: #666;
font-size: 12px;
font-size: 1.2rem;
}
.navi__global_btn {
display: none;
margin: auto;
}
.navi__global_btn a:active, .navi__global_btn a:hover {
opacity: 1;
}
.ico__menu_trigger,
.ico__menu_trigger span {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 400ms;
transition: all 400ms;
}
.menu_trigger {
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 9000;
right: 0;
top: 0;
margin-left: auto;
display: none;
}
@media only screen and (max-width: 768px) {
.menu_trigger {
display: block;
}
}
.ico__menu_trigger {
background-color: rgba(255, 255, 255, 0);
width: 20px;
height: 9px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
}
.ico__menu_trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.navi_active .ico__menu_trigger span {
background-color: #010101 !important;
}
.is-header-fixed .ico__menu_trigger span {
background-color: #010101;
}
.ico__menu_trigger span:nth-of-type(1) {
top: 0;
-webkit-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
}
.ico__menu_trigger span:nth-of-type(2) {
bottom: 0;
-webkit-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
}
.menu_trigger.is-active .ico__menu_trigger span:nth-of-type(1) {
top: calc(50% - 1px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu_trigger.is-active .ico__menu_trigger span:nth-of-type(2) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: calc(50% - 1px);
}
body:not(.home) .hero__cat_title02,
body:not(.home) .hero__image,
body:not(.home) .hero__meta,
body:not(.home) .hero__title02 {
opacity: 0;
}
body:not(.home) .hero__meta {
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
body:not(.home) .hero__cat_title02,
body:not(.home) .hero__title02 {
-webkit-animation-delay: 800ms;
animation-delay: 800ms;
}
body.is-loaded:not(.home) .hero__image {
opacity: 1;
-webkit-animation: hero__feature 20000ms ease forwards;
animation: hero__feature 20000ms ease forwards;
}
.isIE body.is-loaded:not(.home) .hero__image {
-webkit-animation: hero__featureIE 20000ms linear forwards;
animation: hero__featureIE 20000ms linear forwards;
}
body.is-loaded:not(.home) .hero__meta {
-webkit-animation: hero__content 1000ms 200ms ease-out forwards;
animation: hero__content 1000ms 200ms ease-out forwards;
}
body.is-loaded:not(.home) .hero__cat_title02,
body.is-loaded:not(.home) .hero__title02 {
-webkit-animation: hero__content 1000ms 400ms ease-out forwards;
animation: hero__content 1000ms 400ms ease-out forwards;
}
@-webkit-keyframes hero__feature {
0% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes hero__feature {
0% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes hero__featureIE {
0% {
-webkit-transform: scale(1.2) rotate(0.1deg);
transform: scale(1.2) rotate(0.1deg);
}
100% {
-webkit-transform: scale(1) rotate(0.1deg);
transform: scale(1) rotate(0.1deg);
}
}
@keyframes hero__featureIE {
0% {
-webkit-transform: scale(1.2) rotate(0.1deg);
transform: scale(1.2) rotate(0.1deg);
}
100% {
-webkit-transform: scale(1) rotate(0.1deg);
transform: scale(1) rotate(0.1deg);
}
}
@-webkit-keyframes hero__content {
0% {
opacity: 0;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes hero__content {
0% {
opacity: 0;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.feature__top_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.feature__top_list .item {
width: 50%;
padding: 10px;
}
@media only screen and (max-width: 768px) {
.feature__top_list .item {
width: 100%;
padding: 10px 0;
}
}
.feature__top_list .card__style {
margin: 0 -5px;
}
.feature__top_list .card__style .card__item {
width: 50%;
}
.title__feature_top {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #000000;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.5;
letter-spacing: .1em;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.title__feature_top {
margin-bottom: 10px;
padding-bottom: 5px;
font-size: 16px;
font-size: 1.6rem;
}
}
.introduction {
text-align: left;
letter-spacing: .1em;
line-height: 2.11111;
}
html[lang=en-US] .introduction {
line-height: 1.8;
letter-spacing: .05em;
}
.feature__image_set {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1200px;
margin: 0 auto;
padding: 0 0 60px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
.feature__image_set {
padding: 0 0 30px;
}
}
.feature__image-wide {
position: relative;
width: 100%;
}
.feature__image {
display: block;
overflow: hidden;
position: relative;
z-index: 1;
}
.feature__image.wp-active img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-animation: heroAnimation 15s ease forwards;
animation: heroAnimation 15s ease forwards;
}
.isIE .feature__image.wp-active img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-animation: heroAnimationIE 15s ease forwards;
animation: heroAnimationIE 15s ease forwards;
}
.feature__image-6 {
overflow: hidden;
width: 50%;
}
@media only screen and (max-width: 768px) {
.feature__image-6 {
width: 100%;
}
}
.feature__sub_image__list,
.image__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1000px;
margin: 0 auto;
padding: 0 0 60px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.feature__sub_image__list.is-wide,
.image__list.is-wide {
max-width: 1230px;
}
@media only screen and (max-width: 768px) {
.feature__sub_image__list,
.image__list {
padding: 0 0 30px;
}
}
.feature__sub_image__list figure,
.image__list figure {
padding: 5px;
}
.feature__sub_image__list figcaption,
.image__list figcaption {
padding: 10px 10px 0;
font-size: .8em;
}
@media only screen and (max-width: 768px) {
.feature__sub_image__list.is-scroll,
.image__list.is-scroll {
overflow-x: auto;
max-width: none;
-webkit-overflow-scrolling: touch;
}
.feature__sub_image__list.is-scroll img,
.image__list.is-scroll img {
max-width: none;
}
}
.feature__sub_image__list-12 figure,
.image__list-12 figure {
width: 100%;
}
.feature__sub_image__list-6 figure,
.image__list-6 figure {
width: 50%;
}
@media only screen and (max-width: 768px) {
.feature__sub_image__list-6 figure,
.image__list-6 figure {
width: 100%;
}
}
.feature__sub_image__list-6_sp figure,
.image__list-6_sp figure {
width: 50%;
}
@media only screen and (max-width: 768px) {
.feature__sub_image__list-6_sp figure,
.image__list-6_sp figure {
width: 50%;
}
}
.feature__sub_image__list-4 figure,
.image__list-4 figure {
width: 33.33334%;
}
@media only screen and (max-width: 768px) {
.feature__sub_image__list-4 figure,
.image__list-4 figure {
width: 100%;
}
}
.image__list-nogutter figure {
padding: 0 0 30px;
}
.article.type-feature .feature__image_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 700px !important;
height: 100%;
margin: auto;
margin: 0 auto;
padding: 0;
color: #ffffff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 768px) {
.article.type-feature .feature__image_content {
padding-right: 15px;
padding-left: 15px;
}
}
.article.type-feature .feature__image_content h2.title {
padding-bottom: 0;
font-family: "Gothic MB101 Light", sans-serif;
line-height: 1.6;
font-size: 2.66667vw;
line-height: 1.4;
}
html[lang=en-US] .article.type-feature .feature__image_content h2.title {
line-height: 1.4;
}
@media only screen and (min-width: 1200px) {
.article.type-feature .feature__image_content h2.title {
font-size: 32px;
font-size: 3.2rem;
}
}
@media only screen and (max-width: 768px) {
.article.type-feature .feature__image_content h2.title {
font-size: 5.20833vw;
}
}
.article.type-feature .feature__image_content h2.title span {
display: inline-block;
}
.article.type-feature .feature__image_content .position {
padding-top: 15px;
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 14px;
font-size: 1.4rem;
}
.article.type-feature .feature__image_content .name {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.article.type-feature .feature__image_content .name {
font-size: 14px;
font-size: 1.4rem;
}
}
.article.type-feature .feature__image_content .feature__image_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article.type-feature .feature__image_content .feature__image_row .feature__image_col {
padding-right: 30px;
}
.figure__graph {
max-width: 540px;
margin: 0 auto;
}
.card__bnr_company {
margin: 0 -5px;
}
.card__bnr_company .card__item {
padding: 5px;
}
.card__bnr_company .card__image {
position: relative;
}
.card__bnr_company .card__title {
width: 100%;
text-align: center;
line-height: 1.6;
}
.company__location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.company__location dl {
width: 100%;
padding-bottom: 30px;
letter-spacing: 0.1em;
line-height: 1.6;
text-align: left;
}
@media only screen and (max-width: 768px) {
.company__location dl {
width: 100%;
}
}
.company__location dl dt {
font-family: "Gothic MB101 Medium", sans-serif;
}
.company__location dl dd {
font-family: "Gothic MB101 Light", sans-serif;
}
.company__location .map {
font-size: 0.9em;
display: inline-block;
padding-left: 1em;
text-transform: uppercase;
}
.company__location .map:before {
content: '[ » ';
}
.company__location .map:after {
content: ' ]';
}
.company__officer,
.company__officer_list {
padding-bottom: 30px;
}
.company__officer dl,
.company__officer_list dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 0.25em;
}
.company__officer dl dt,
.company__officer_list dl dt {
width: 50%;
padding-right: 1em;
}
@media only screen and (max-width: 768px) {
.company__officer dl dt,
.company__officer_list dl dt {
width: 70%;
}
}
.company__officer dl dd,
.company__officer_list dl dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.company__officer_list02 {
padding-bottom: 30px;
}
.company__officer_list02 dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 0.25em;
}
@media only screen and (max-width: 768px) {
.company__officer_list02 dl {
padding-bottom: 0.5em;
}
}
.company__officer_list02 dl dt {
width: 50%;
padding-right: 1em;
}
@media only screen and (max-width: 768px) {
.company__officer_list02 dl dt {
width: 100%;
}
}
.company__officer_list02 dl dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 768px) {
.company__officer_list02 dl dd {
width: 100%;
padding-left: 1em;
}
}
.list__horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list__horizontal.is-col2 li {
width: 50%;
padding-bottom: 0.5em;
}
.list__horizontal.is-col2 li:nth-child(odd) {
padding-right: 1em;
}
.list__horizontal.is-col2 li:nth-child(even) {
padding-left: 1em;
}
.image__box {
padding: 30px 0;
}
@media only screen and (max-width: 768px) {
.image__box {
padding: 15px 0;
}
}
dl.is-horizpntal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 0.5em;
}
dl.is-horizpntal dt {
width: 30%;
}
dl.is-horizpntal dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.chronology dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 768px) {
.chronology dl {
display: block;
padding-bottom: 30px;
}
}
.chronology dl dt {
width: 3.5em;
font-size: 36px;
font-size: 3.6rem;
font-family: "Gothic MB101 Light", sans-serif;
}
@media only screen and (max-width: 768px) {
.chronology dl dt {
width: 100%;
}
}
.chronology dl dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-top: 1em;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.chronology dl dd {
width: 100%;
padding-top: 0;
}
}
.chronology .image__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0 -5px;
padding: 15px 0 30px;
}
@media only screen and (max-width: 768px) {
.chronology .image__list {
padding-bottom: 0;
}
}
.chronology .image__list figure {
width: 50%;
padding-bottom: 15px;
}
.chronology .image__list figcaption {
font-size: 0.8em;
}
.massage__lead {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 18px;
font-size: 1.8rem;
text-align: right;
padding-bottom: 60px;
letter-spacing: 0.1em;
line-height: 1.8;
max-width: 700px;
margin: 0 auto;
padding: 0 10px;
}
@media only screen and (max-width: 768px) {
.massage__lead {
padding-bottom: 30px;
}
}
.massage__text {
font-family: "Gothic MB101 Light", sans-serif;
letter-spacing: 0.1em;
line-height: 1.8;
}
.massage__name {
text-align: right;
padding-top: 15px;
}
.massage__name .names {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 1.2em;
}
.dna__item_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px;
}
@media only screen and (max-width: 768px) {
.dna__item_block {
margin: 0;
}
}
.dna__item_block .dna__item {
width: 33%;
padding: 0 20px 20px;
}
@media only screen and (max-width: 768px) {
.dna__item_block .dna__item {
width: 100%;
padding: 0 0 30px;
}
}
.dna__item_block .dna__item dt {
font-size: 18px;
font-size: 1.8rem;
padding-bottom: 20px;
font-family: "Gothic MB101 Medium", sans-serif;
text-align: center;
}
@media only screen and (max-width: 768px) {
.dna__item_block .dna__item dt {
padding-bottom: 10px;
text-align: left;
}
}
@media only screen and (max-width: 768px) {
.card__dna.card__style .card__item {
width: 100%;
}
}
.card__dna.card__style .card__title {
padding-bottom: 0.75em;
text-align: left;
font-size: 16px;
font-size: 1.6rem;
}
.card__dna.card__style .card__title span {
color: #0f1f78;
}
.card__dna.card__style .card__text {
text-align: justify;
}
.title__dna {
font-size: 30px;
font-size: 3rem;
padding-bottom: 30px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
html[lang=en-US] .title__dna {
line-height: 1.2;
letter-spacing: 0.03em;
}
@media only screen and (max-width: 768px) {
.title__dna {
font-size: 25px;
font-size: 2.5rem;
padding-bottom: 15px;
}
}
.title__dna02 {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
.card__dna {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
padding-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card__dna .card__image {
width: 50%;
padding: 0 15px;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
.card__dna .card__image {
width: 100%;
padding-bottom: 20px;
}
}
.card__dna .card__content {
width: 50%;
padding: 0 15px;
}
@media only screen and (max-width: 768px) {
.card__dna .card__content {
width: 100%;
}
}
.card__dna .card__content dt {
font-size: 18px;
font-size: 1.8rem;
font-family: "Gothic MB101 Medium", sans-serif;
padding-bottom: 0.75em;
}
.section__dna {
padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
.section__dna {
padding-bottom: 60px;
}
}
.section__dna .card__image_gallery {
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;
padding: 10px 0;
}
@media only screen and (max-width: 768px) {
.section__dna .card__image_gallery {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 5px 0;
}
}
.section__dna .card__image_gallery li {
width: 25%;
padding: 10px;
}
@media only screen and (max-width: 768px) {
.section__dna .card__image_gallery li {
width: 50%;
padding: 5px;
}
}
.section__dna .card__image_gallery_block {
background-color: #fbfbfb;
padding: 20px 10px;
margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
.section__dna .card__image_gallery_block {
padding: 10px 5px;
margin-bottom: 30px;
}
}
.section__dna .card__image_gallery_block p {
font-size: 12px;
font-size: 1.2rem;
padding: 0 10px;
text-align: center;
}
@media only screen and (max-width: 768px) {
.section__dna .card__image_gallery_block p {
padding: 0 5px;
text-align: left;
}
}
.dl_tabel__std {
border-top: 1px solid #e5e9f1;
padding-top: 8px;
}
.dl_tabel__std dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #e5e9f1;
}
html[lang=en-US] .dl_tabel__std dl {
display: block;
}
.dl_tabel__std dl dt {
width: 6em;
}
html[lang=en-US] .dl_tabel__std dl dt {
word-break: break-all;
line-height: 1.4;
width: 100%;
padding: 10px 0 5px;
}
.dl_tabel__std dl dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
html[lang=en-US] .dl_tabel__std dl dd {
line-height: 1.4;
padding-bottom: 10px;
}
.btn__recruit_block {
padding-bottom: 30px;
}
.btn__recruit_block small {
font-size: 0.8em;
text-align: center;
display: block;
}
.btn__recruit {
border: 1px solid #ccc;
padding: 15px;
display: block;
max-width: 300px;
color: #e0241c;
font-family: "Gothic MB101 Medium", sans-serif;
text-align: center;
border-radius: 8px;
margin: 30px auto 10px;
background-color: #fafafa;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.btn__recruit:hover {
background-color: #ededed;
}
.content-recruit section {
padding: 30px 15px;
margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
.content-recruit section {
margin-bottom: 30px;
}
}
.content-recruit section p {
line-height: 1.6;
}
.content-recruit section .inner {
max-width: 730px;
padding: 30px;
background-color: #fff;
}
@media only screen and (max-width: 768px) {
.content-recruit section .inner {
padding: 10px;
}
}
.r-title__large {
font-size: 50px;
font-size: 5rem;
padding-bottom: 60px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
.r-title__large {
font-size: 25px;
font-size: 2.5rem;
padding-bottom: 15px;
}
}
.r-title__mid {
font-size: 24px;
font-size: 2.4rem;
padding-bottom: 30px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
padding-top: 60px;
}
.r-title__mid:first-of-type {
padding-top: 0;
}
@media only screen and (max-width: 768px) {
.r-title__mid {
font-size: 20px;
font-size: 2rem;
padding-bottom: 15px;
}
}
.r-title__std {
font-size: 18px;
font-size: 1.8rem;
padding-top: 30px;
padding-bottom: 5px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
.r-title__std:first-of-type {
padding-top: 0;
}
@media only screen and (max-width: 768px) {
.r-title__std {
font-size: 16px;
font-size: 1.6rem;
padding-top: 30px;
padding-bottom: 5px;
}
}
.deadline_dl {
padding: 10px 15px;
background-color: #f7f7f7;
}
.deadline_dl dt {
font-family: "Gothic MB101 Medium", sans-serif;
display: inline-block;
}
.deadline_dl dt:after {
content: ' : ';
}
.deadline_dl dd {
font-family: "Gothic MB101 Medium", sans-serif;
display: inline-block;
}
.flow ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flow li {
white-space: nowrap;
margin-right: 30px;
text-align: center;
position: relative;
border: 1px solid #010101;
background-color: #fbfbfb;
border-radius: 4px;
padding: 15px 10px;
font-size: 14px;
font-size: 1.4rem;
min-width: 145px;
font-family: "Gothic MB101 Medium", sans-serif;
}
.flow li span {
display: block;
}
.flow li:last-child {
padding-right: 0;
}
.flow li:after {
position: absolute;
top: 15px;
right: -25px;
font-family: "Font Awesome 5 Pro";
font-weight: 300;
content: '\f061';
}
.flow li:last-child:after {
display: none;
}
.dl__std {
padding: 30px 0;
}
.dl__std dt {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 1.1em;
}
.dl__std dd {
padding-bottom: 1em;
}
.post-password-form {
text-align: center;
max-width: 560px;
background-color: #f6f6f6;
margin: 0 auto 60px;
padding: 15px;
}
@media only screen and (max-width: 768px) {
.post-password-form {
padding: 10px;
margin-bottom: 30px;
}
}
.r-information__block {
padding: 5px 10px;
margin-bottom: 2em;
background: #f2f2f2;
}
.title__service {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 18px;
font-size: 1.8rem;
padding-top: 45px;
padding-bottom: 10px;
text-indent: -20px;
padding-left: 20px;
line-height: 1.6;
letter-spacing: 0.1em;
}
.title__service:before {
content: '\f0da';
font-family: "Font Awesome 5 Pro";
font-weight: 900;
padding-right: 10px;
}
.title__service02 {
padding-top: 45px;
font-size: 15px;
font-size: 1.5rem;
position: relative;
font-family: "Gothic MB101 Medium", sans-serif;
}
.title__service02:after {
content: '';
width: 100%;
height: 1px;
background-color: #cccccc;
position: absolute;
bottom: 0.95em;
left: 0;
z-index: 1;
}
.title__service02 span {
position: relative;
z-index: 2;
background-color: #fff;
padding-right: 20px;
}
.list__std {
padding-bottom: 30px;
}
.list__std li {
padding-left: 1em;
text-indent: -1em;
}
.page-contact .btn__block {
text-align: center;
padding-top: 30px;
}
.page-contact .btn__block .btn {
margin: 0 auto;
}
.page-contact .btn__block .btn-primary {
background-color: #e0241c;
color: #fff;
cursor: pointer;
}
.page-contact .btn__block .btn-primary:disabled {
background-color: #ccc;
cursor: default;
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.input-group-prepend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: -3px;
}
.input-group-text {
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.375rem 0.75rem;
text-align: center;
border: 1px solid #e7e7ea;
border-radius: 0.25rem;
background-color: #e7e7ea;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
@media only screen and (max-width: 768px) {
.col-form-label {
font-family: "Gothic MB101 Medium", sans-serif;
}
}
.col-form-label .badge.badge-danger {
background-color: #ffc107;
display: table;
}
@media only screen and (max-width: 768px) {
.col-form-label .badge.badge-danger {
display: inline-block;
}
}
.container, .search__first, .search__second ul, .search__third, .search__fourth, .search__fifth, .search__result_box {
max-width: 1230px !important;
width: 100% !important;
margin: 0 auto;
padding-right: 0;
padding-left: 0;
}
.container.category-news, .category-news.search__first, .search__second ul.category-news, .category-news.search__third, .category-news.search__fourth, .category-news.search__fifth, .category-news.search__result_box {
min-height: 300px;
}
.inner {
max-width: 730px;
margin: 0 auto;
padding: 0 15px 60px;
}
@media only screen and (max-width: 768px) {
.inner {
padding-bottom: 45px;
}
}
.is-wide .inner {
max-width: 1000px;
}
.is-full .inner {
max-width: none;
padding: 0 15px 60px;
}
@media only screen and (max-width: 768px) {
.is-full .inner {
padding-bottom: 45px;
}
}
.inner .is-full.no-gutters .inner {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) {
.inner .is-full.no-gutters .inner {
padding-left: 0;
padding-right: 0;
}
}
.container.article, .article.search__first, .search__second ul.article, .article.search__third, .article.search__fourth, .article.search__fifth, .article.search__result_box {
padding-left: 30px;
padding-right: 30px;
}
@media only screen and (max-width: 768px) {
.container.article, .article.search__first, .search__second ul.article, .article.search__third, .article.search__fourth, .article.search__fifth, .article.search__result_box {
padding-left: 15px;
padding-right: 15px;
}
} .title__large {
font-size: 40px;
font-size: 4rem;
padding-bottom: 30px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
.title__large {
font-size: 20px;
font-size: 2rem;
padding-bottom: 15px;
}
}
.title__large02 {
font-size: 36px;
font-size: 3.6rem;
padding-bottom: 30px;
font-family: "Gothic MB101 Bold", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
.title__large02 {
font-size: 24px;
font-size: 2.4rem;
padding-bottom: 15px;
}
}
.title__mid {
font-size: 18px;
font-size: 1.8rem;
padding-bottom: 60px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
.title__mid {
padding-bottom: 15px;
}
}
.title__std {
font-size: 18px;
font-size: 1.8rem;
padding-top: 60px;
padding-bottom: 30px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.8;
letter-spacing: 0.1em;
}
html[lang=en-US] .title__std {
line-height: 1.5;
}
.title__std:first-of-type {
padding-top: 0;
}
@media only screen and (max-width: 768px) {
.title__std {
padding-top: 30px;
padding-bottom: 15px;
}
}
.title__std_02 {
padding-bottom: 0.5em;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.5;
letter-spacing: 0.1em;
}
.article__fotoer_title {
font-family: "Gothic MB101 Medium", sans-serif;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
.article__fotoer_title {
font-size: 15px;
font-size: 1.5rem;
padding-bottom: 15px;
}
} .content p {
padding-bottom: 1em;
line-height: 2;
}
html[lang=en-US] .content p {
line-height: 1.6;
}
.lead {
text-align: center;
line-height: 2;
letter-spacing: 0.1em;
}
html[lang=en-US] .lead {
line-height: 1.6;
}
.lead span {
font-family: "Gothic MB101 Bold", sans-serif;
}
.bg__style01 {
background-color: #fafafa;
}
.bg__container {
margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
.bg__container {
margin-bottom: 30px;
}
}
.ancher__position {
position: relative;
z-index: -1;
margin-top: -90px;
padding-top: 90px;
height: 0;
overflow: hidden;
}
.image__fluid {
width: 100%;
padding-bottom: 60px;
}
.article__fotoer {
max-width: 1600px;
width: 100%;
margin: 0 auto;
padding: 60px 15px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
.article__fotoer {
padding: 30px 15px;
}
}
.article__fotoer:before {
width: 100%;
height: 1px;
content: '';
background-color: #e5e9f1;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.article__fotoer:before {
width: calc(100% - 30px);
}
}
.article__fotoer.last {
margin-bottom: 120px;
}
.article__fotoer.last:after {
width: 100%;
height: 1px;
content: '';
background-color: #e5e9f1;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.article__fotoer.last:after {
width: calc(100% - 30px);
}
}
.pagination {
text-align: center;
padding: 60px 0;
}
@media only screen and (max-width: 768px) {
.pagination {
padding: 30px 0;
}
}
.pagination .screen-reader-text {
display: none;
}
.icon__link {
display: inline-block;
}
.icon__link:before {
padding-right: 0.5em;
font-family: "Font Awesome 5 Pro";
content: '\f105';
}
.breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
}
.breadcrumb__head .breadcrumb {
padding-bottom: 0;
}
.breadcrumb.head {
margin-bottom: 0;
}
.breadcrumb li {
white-space: nowrap;
position: relative;
}
.breadcrumb li:after {
content: '\3E';
padding: 0 0.5em;
margin-top: -0.1em;
position: relative;
top: -0.1em;
font-family: "Gothic MB101 Light", sans-serif;
}
.breadcrumb li:last-child:after {
content: '';
}
.postid-4697 .breadcrumb li:nth-child(3) {
display: none;
}
.breadcrumb__block {
max-width: 1230px;
padding: 0 15px 60px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 768px) {
.breadcrumb__block {
padding-bottom: 30px;
}
}
.breadcrumb__block .fas,
.breadcrumb__block .svg-inline--fa {
margin-right: 0.75em;
font-size: 12px;
font-size: 1.2rem;
}
.social__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 983px;
}
@media only screen and (max-width: 768px) {
.social__list {
margin: 0 -15px;
}
}
.social__list li {
width: 33.333334%;
font-size: 24px;
font-size: 2.4rem;
}
.social__list a {
display: block;
text-align: center;
color: #fff;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.social__list a:before {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
}
.social__list_text {
display: block;
text-align: center;
font-size: 11px;
font-size: 1.1rem;
}
.share__fb a {
background-color: #375591;
}
.share__fb a:hover {
background-color: #293f6c;
}
.share__fb a:before {
content: '\f39e';
}
.share__tw a {
background-color: #13a1db;
}
.share__tw a:hover {
background-color: #0f7fac;
}
.share__tw a:before {
content: '\f099';
}
.share__gp a {
background-color: #d74c40;
}
.share__gp a:hover {
background-color: #bd3327;
}
.share__gp a:before {
content: '\f0d5';
}
.share__li a {
background-color: #00c400;
}
.share__li a:hover {
background-color: #009100;
}
.share__li a:before {
content: '\f3c0';
}
.social__link {
text-align: center;
letter-spacing: -.4em;
padding-bottom: 60px;
}
.social__link li {
letter-spacing: normal;
padding: 0 20px;
display: inline-block;
margin: 0 auto;
font-size: 24px;
font-size: 2.4rem;
}
.social__link a {
color: #000000;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.social__link a:before {
font-family: "Font Awesome 5 Brands";
}
.social__link .ico__social_fb:hover {
color: #375591;
}
.social__link .ico__social_fb:before {
content: '\f09a';
}
.social__link .ico__social_instagram:hover {
color: #c32aa3;
}
.social__link .ico__social_instagram:before {
content: '\f16d';
}
.navi__sp.is-active .social__link {
padding-bottom: 120px;
}
.navi__sp.is-active .social__link a {
color: #010101;
}
.ico__social_instagram:hover {
color: #c32aa3;
}
.ico__social_instagram:before {
content: '\f16d';
}
.ico__social_youtube:hover {
color: #d4302f;
}
.ico__social_youtube:before {
content: '\f16a';
}
.ico__social_mail:hover {
color: #d4302f;
}
.ico__social_mail:before {
content: '\f003';
} button,
input[type="email"],
input[type="text"],
input[type="tel"],
input[type="search"],
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
width: 100%;
}
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
}
input[type="email"], input[type="text"], input[type="tel"],
textarea {
border: 1px solid #e7e7ea;
font-size: 18px;
font-size: 1.8rem;
padding: 10px 15px;
border-radius: 4px;
}
:-moz-placeholder-shown {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
color: #a3a3a5;
font-size: 13px;
font-size: 1.3rem;
}
:-moz-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder,
:placeholder-shown {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
color: #a3a3a5;
font-size: 13px;
font-size: 1.3rem;
}
input:focus,
textarea:focus {
-webkit-box-shadow: 0 0 7px #ccc;
box-shadow: 0 0 7px #ccc;
border: 1px solid #ccc;
}
.ico-required {
position: relative;
}
.ico-required:after {
position: absolute;
right: 0;
top: 5px;
content: '\5FC5\9808';
font-size: 11px;
font-size: 1.1rem;
background-color: #e0241c;
border-radius: 4px;
line-height: 1;
padding: 2px 3px;
color: #fff;
}
.btn__submit {
width: 100%;
text-align: center;
background-color: #010101;
color: #fff;
line-height: 40px;
font-size: 30px;
font-size: 3rem;
cursor: pointer;
border: none;
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
}
.btn__submit[type="submit"][disabled] {
background-color: #ccc;
cursor: default;
}
input.error,
textarea.error {
background-color: #fffecb;
}
label.error {
display: block;
color: #b10000;
font-size: 14px;
font-size: 1.4rem;
padding: 5px 0;
}
.wrap_privacypolicy {
height: 0;
-webkit-transition: height 800ms ease;
transition: height 800ms ease;
overflow-y: auto;
border: none;
margin: 0;
}
.wrap_privacypolicy.active {
height: 300px;
}
.wrap_privacypolicy .content_privacypolicy {
background-color: #fff;
overflow-y: auto;
padding: 15px;
}
.wrap_privacypolicy .title__style01 {
margin: 0 0 15px;
font-size: 28px;
font-size: 2.8rem;
}
.wrap_privacypolicy .definition_list__style02 dt {
margin-top: 15px;
}
.state {
padding: 10px 0;
text-align: center;
color: #b10000;
}
.wpcf7-form-control-wrap {
margin-bottom: 15px;
display: block;
color: #d9221e;
}
.checkbox__acceptance .wpcf7-form-control-wrap {
display: inline;
}
.screen-reader-response {
display: none;
}
.form__contact {
font-size: 14px;
font-size: 1.4rem;
}
.form__contact dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.form__contact dl {
display: block;
padding-bottom: 30px;
}
}
.form__contact dt {
width: 300px;
}
@media only screen and (max-width: 768px) {
.form__contact dt {
width: 100%;
}
}
.form__contact dt span {
font-size: 12px;
font-size: 1.2rem;
}
.form__contact dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 60px;
}
.form__contact dd input + input {
margin-left: 1em;
}
@media only screen and (max-width: 768px) {
.form__contact dd {
width: 100%;
padding-left: 0;
}
}
.contact__block {
max-width: 590px;
margin: 0 auto;
}
.btn__submit_block {
text-align: center;
}
@media only screen and (max-width: 768px) {
.btn__submit_block {
text-align: center;
}
}
.btn__submit_block input {
margin: 10px;
}
@media only screen and (max-width: 768px) {
.btn__submit_block input {
margin: 10px 0;
}
}
.btn__reset,
.btn__send {
font-size: 20px;
font-size: 2rem;
border-radius: 4px;
padding: 5px 20px;
min-width: 300px;
}
@media only screen and (max-width: 768px) {
.btn__reset,
.btn__send {
min-width: inherit;
width: 100%;
}
}
.btn__send {
background-color: #d73235;
color: #fff;
}
.btn__reset {
border: 1px solid #ccc;
background-color: #fff;
}
.form-group {
padding-bottom: 30px;
}
.term__list {
text-indent: -1.25em;
padding-left: 1.25em;
}
.term__list li {
padding-bottom: 1em;
}
.term__list li ul {
padding-top: 0.25em;
}
.term__list li ul li {
padding-bottom: 0.25em;
}
.card__style {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card__style * {
zoom: 1;
}
.card__style .card__item {
position: relative;
z-index: 100;
top: 0;
width: 25%;
padding: 5px;
text-align: center;
vertical-align: top;
}
@media (max-width: 768px) {
.card__style .card__item {
width: 50%;
}
}
@media (max-width: 500px) {
.card__style .card__item {
width: 50%;
}
}
.card__style .card__item a {
display: block;
overflow: hidden;
}
.carousel__list_container .card__style {
display: block;
letter-spacing: -.4em;
}
.carousel__list_container .card__style .card__item {
display: inline-block;
letter-spacing: .05em;
}
.card__style .card__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: block;
overflow: hidden;
position: relative;
padding: 0;
background-color: #000000;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.card__style .card__image img {
display: block;
position: relative;
width: 102%;
opacity: 1;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.card__style .card__image:before {
position: absolute;
z-index: 10;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border: 0 solid #000000;
opacity: 0;
content: '';
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.card__style a {
display: block;
position: relative;
width: 100%;
height: 100%;
color: #010101;
}
@media (min-width: 769px) {
.card__style a:hover .card__image:before {
border: 6px solid #000000;
opacity: .4;
}
.card__style a:hover .card__image img {
width: 100%;
opacity: .6;
-webkit-transform: scale(1.05) rotate(0.1deg) translateZ(0);
transform: scale(1.05) rotate(0.1deg) translateZ(0);
}
.card__style a:hover .card__image:after {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) scale(1) rotate(0.1deg);
transform: translate3d(-50%, -50%, 0) scale(1) rotate(0.1deg);
}
}
.card__style .card__category {
padding-bottom: 3px;
color: #b2b2b2;
font-family: "Gothic MB101 Medium", sans-serif;
text-align: left;
line-height: 1.3;
font-size: 12px;
font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
.card__style .card__category {
font-size: 10px;
font-size: 1rem;
}
}
.card__style .card__category li {
display: inline;
width: auto !important;
}
.card__style .card__category li:before {
padding: 0 .5em;
font-family: "Gothic MB101 Light", sans-serif;
content: '/';
}
.card__style .card__category li:nth-child(1):before {
display: none;
}
html[lang=en-US] .card__style .card__category li {
word-break: break-all;
}
.card__style .card__title {
font-family: "Gothic MB101 Medium", sans-serif;
text-align: left;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
}
html[lang=en-US] .card__style .card__title {
line-height: 1.4;
}
.card__style .card__container {
height: 100%;
padding: 20px 15px;
background-color: #fbfbfb;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
@media only screen and (max-width: 768px) {
.card__style .card__container {
padding: 10px 7px;
}
}
@media (min-width: 769px) {
.card__style a:hover .card__container {
background-color: #eeeeee;
}
}
.post-type-archive-work .card__style .card__title,
.postid-4697 .card__style .card__title {
font-family: "Gothic MB101 Light", sans-serif !important;
}
.card__noentry {
margin: 0 auto;
letter-spacing: .05em;
}
.carousel__list,
.carousel__list-feature {
position: static !important;
max-width: 1200px;
margin: 0 auto;
}
.carousel__list .slick-arrow,
.carousel__list .svg-inline--fa,
.carousel__list-feature .slick-arrow,
.carousel__list-feature .svg-inline--fa {
overflow: hidden;
text-indent: -5000px;
}
.carousel__list .slick-arrow:before,
.carousel__list .svg-inline--fa:before,
.carousel__list-feature .slick-arrow:before,
.carousel__list-feature .svg-inline--fa:before {
color: #cccccc;
fill: #cccccc;
font-size: 60px;
font-size: 6rem;
}
@media only screen and (max-width: 768px) {
.carousel__list .slick-arrow:before,
.carousel__list .svg-inline--fa:before,
.carousel__list-feature .slick-arrow:before,
.carousel__list-feature .svg-inline--fa:before {
color: #ffffff;
fill: #ffffff;
font-size: 45px;
font-size: 4.5rem;
}
}
.carousel__list .slick-next,
.carousel__list .slick-prev,
.carousel__list-feature .slick-next,
.carousel__list-feature .slick-prev {
top: 25%;
}
.carousel__list .slick-next,
.carousel__list-feature .slick-next {
right: 40px;
}
@media only screen and (max-width: 768px) {
.carousel__list .slick-next,
.carousel__list-feature .slick-next {
right: 10px;
}
}
.carousel__list .slick-prev,
.carousel__list-feature .slick-prev {
left: 40px;
}
@media only screen and (max-width: 768px) {
.carousel__list .slick-prev,
.carousel__list-feature .slick-prev {
left: 10px;
}
}
.carousel__list_wrap {
padding-top: 30px;
}
@media only screen and (max-width: 768px) {
.carousel__list_wrap {
padding-top: 15px;
}
}
.carousel__list_container {
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
.carousel__list_container {
margin-bottom: 15px;
padding-bottom: 15px;
}
}
.ios8 .flickity-slider {
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.card__col-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin: 0 -20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
.card__col-2 {
margin: 0 -15px;
}
}
.card__col-2.card__recruite_col {
padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
.card__col-2.card__recruite_col {
padding-bottom: 60px;
}
}
.card__col-2 .card__content,
.card__col-2 .card__image {
width: 50%;
padding: 20px;
}
@media only screen and (max-width: 768px) {
.card__col-2 .card__content,
.card__col-2 .card__image {
width: 100%;
padding: 10px;
}
}
@media only screen and (max-width: 768px) {
.card__col-2 .card__image {
padding: 10px 0;
}
}
@media only screen and (max-width: 768px) {
.card__col-2 .card__content {
padding: 15px 20px;
}
}
.card__col-2 .card__content dt {
padding-bottom: 20px;
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 20px;
font-size: 2rem;
}
html[lang=en-US] .card__col-2 .card__content dt {
line-height: 1.4;
}
@media only screen and (max-width: 768px) {
.card__col-2 .card__content dt {
font-size: 18px;
font-size: 1.8rem;
}
}
.card__col-2 .card__content dd {
font-family: "Gothic MB101 Light", sans-serif;
}
.card__col-2 .card__content .name {
padding-top: 40px;
text-align: right;
}
.card__col-2 .card__content .name .names {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 22px;
font-size: 2.2rem;
}
@media only screen and (max-width: 768px) {
.card__col-2 .card__content .name .names {
font-size: 18px;
font-size: 1.8rem;
}
}
.card__col-2 .card__content .name .name__sub {
font-family: "Gothic MB101 Light", sans-serif;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
.card__col-2 .card__content .name .name__sub {
font-size: 13px;
font-size: 1.3rem;
}
}
.card__block_wrap {
padding-bottom: 80px;
}
@media only screen and (max-width: 768px) {
.card__block_wrap {
padding-bottom: 40px;
}
}
.card__block {
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.card__block {
margin: 0 auto;
}
}
.card__navi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1200px;
margin: 0 auto;
padding-bottom: 10px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
.card__navi {
min-width: 800px;
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.postid-300 .card__navi {
min-width: unset;
max-width: 800px;
}
.postid-300 .card__navi li {
width: 33.33334%;
}
}
.card__navi .card__image {
overflow: hidden;
}
a:hover .card__navi .card__image {
background-color: #000000;
}
.card__navi .card__image img {
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
-webkit-transform: scale(1.01) rotate(0.1deg);
transform: scale(1.01) rotate(0.1deg);
}
@media (min-width: 769px) {
.card__navi a:hover img {
opacity: .8;
-webkit-transform: scale(1.05) rotate(0.1deg);
transform: scale(1.05) rotate(0.1deg);
}
}
.card__navi .card__content {
position: relative;
margin-top: 10px;
padding: 10px 15px 60px;
border-right: 1px solid #cccccc;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
.card__navi .card__content {
padding: 10px 8px 45px;
font-size: 12px;
font-size: 1.2rem;
}
}
.card__navi .card__content.is-title {
font-weight: bold;
text-align: center;
word-wrap: break-word;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.card__navi .card__content.is-title {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
}
}
.card__navi a {
display: block;
position: relative;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.card__navi a:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
color: #cccccc;
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
text-align: center;
line-height: 1;
content: '\f107';
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
font-size: 60px;
font-size: 6rem;
}
@media only screen and (max-width: 768px) {
.card__navi a:after {
font-size: 45px;
font-size: 4.5rem;
}
}
.card__navi a .svg-inline--fa {
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
color: #cccccc;
text-align: center;
line-height: 1;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
font-size: 60px;
font-size: 6rem;
}
@media only screen and (max-width: 768px) {
.card__navi a .svg-inline--fa {
font-size: 45px;
font-size: 4.5rem;
}
}
@media (min-width: 769px) {
.card__navi a:hover {
background-color: #f2f2f2;
color: #000;
}
.card__navi a:hover:after,
.card__navi a:hover .svg-inline--fa {
-webkit-transform: translateY(10px) translateZ(0);
transform: translateY(10px) translateZ(0);
}
}
.card__navi .card__item:first-of-type .card__content {
border-left: 1px solid #cccccc;
}
.card__bnr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -5px;
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card__bnr .card__item {
position: relative;
width: 50%;
padding-right: 5px;
padding-left: 5px;
}
@media only screen and (max-width: 768px) {
.card__bnr .card__item {
width: 100%;
margin-bottom: 5px;
}
}
.card__bnr.card__embed .card__item {
padding-right: 0px;
padding-left: 0px;
}
@media only screen and (max-width: 768px) {
.card__bnr.card__embed .card__item {
margin-bottom: 0;
}
}
.card__bnr.card__embed .card__embed_item {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.card__bnr.card__embed .card__embed_item iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.card__bnr.is-col4 .card__item {
position: relative;
width: 33.333334%;
padding-right: 5px;
padding-left: 5px;
}
@media only screen and (max-width: 768px) {
.card__bnr.is-col4 .card__item {
width: 100%;
}
}
.card__bnr .card__image {
overflow: hidden;
position: relative;
background-color: #000000;
}
.card__bnr .card__image img {
opacity: .8;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
-webkit-transform: scale(1.01) translateZ(0) rotate(0.1deg);
transform: scale(1.01) translateZ(0) rotate(0.1deg);
}
@media (min-width: 769px) {
.card__bnr a:hover .card__image img {
opacity: .8;
-webkit-transform: scale(1.05) rotate(0.1deg);
transform: scale(1.05) rotate(0.1deg);
}
}
.card__bnr .card__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
color: #ffffff;
font-family: "Gothic MB101 Light", sans-serif;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.33333vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 1200px) {
.card__bnr .card__content {
font-size: 28px;
font-size: 2.8rem;
}
}
@media only screen and (max-width: 768px) {
.card__bnr .card__content {
padding-bottom: 30px;
font-size: 6.5625vw;
}
}
.card__bnr .card__content.bottom {
top: auto;
bottom: 0;
height: auto;
font-size: 1.66667vw;
}
@media only screen and (min-width: 1200px) {
.card__bnr .card__content.bottom {
font-size: 20px;
font-size: 2rem;
}
}
@media only screen and (max-width: 768px) {
.card__bnr .card__content.bottom {
padding-bottom: 30px;
font-size: 4.6875vw;
}
}
.card__bnr--shortcut .card__item {
margin-bottom: 10px;
}
.card__bnr--shortcut .card__image {
background-color: #ffffff;
}
.card__bnr--shortcut .card__image img {
height: 100%;
opacity: 1 !important;
-o-object-fit: cover;
object-fit: cover;
}
.card__bnr_important .card__content {
font-size: 2.33333vw;
}
@media only screen and (min-width: 1200px) {
.card__bnr_important .card__content {
font-size: 28px;
font-size: 2.8rem;
}
}
@media only screen and (max-width: 768px) {
.card__bnr_important .card__content {
padding-bottom: 30px;
font-size: 4.375vw;
}
}
.title__recruite_top {
padding: 30px 0;
font-weight: bold;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.title__recruite_top {
padding: 15px 0;
}
}
.title__recruite {
padding-bottom: 0;
padding-bottom: 30px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.6;
line-height: 1.4;
font-size: 2.66667vw;
}
@media only screen and (min-width: 1200px) {
.title__recruite {
font-size: 32px;
font-size: 3.2rem;
}
}
@media only screen and (max-width: 768px) {
.title__recruite {
padding: 0 5px 15px;
font-size: 5.20833vw;
}
}
html[lang=en-US] .title__recruite {
line-height: 1.2;
}
.carditem-4697 {
width: 1px;
}
.ff-light {
font-family: "Gothic MB101 Light", sans-serif !important;
}
.hero {
line-height: 1;
text-align: left;
overflow: hidden;
height: 50vh;
}
@media only screen and (max-width: 768px) {
.hero {
height: 110vw;
}
}
.home .hero {
height: 80vh;
max-height: none;
}
@media only screen and (max-width: 768px) {
.home .hero {
height: 125vw;
}
}
.single-feature .hero {
height: 75vh;
}
.hero a {
color: #fff;
}
.hero__item {
overflow: hidden;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
position: relative;
height: 50vh;
}
@media only screen and (max-width: 768px) {
.hero__item {
height: 110vw;
}
}
.home .hero__item {
height: 80vh;
max-height: none;
}
@media only screen and (max-width: 768px) {
.home .hero__item {
height: 125vw;
}
}
.single-feature .hero__item {
height: 75vh;
}
.hero__item:before {
content: '';
background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#010101));
background-image: linear-gradient(to top, transparent 0%, #010101 100%);
opacity: 0.3;
height: 100px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.hero__content {
max-width: 1230px;
width: 100%;
padding: 15px;
margin: 0 auto;
z-index: 2;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
}
@media only screen and (max-width: 768px) {
.hero__content {
padding: 15px;
}
}
.single-feature .hero__content {
padding: 15px 15px 0;
}
@media only screen and (max-width: 768px) {
.single-feature .hero__content {
padding: 15px 15px 0;
}
}
.home .hero__content {
max-height: none;
padding: 15px 15px 100px;
}
@media only screen and (max-width: 768px) {
.home .hero__content {
padding: 15px 15px 40px;
}
}
.hero__image {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
background: #010101;
}
.hero__image img {
position: static;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0.9 !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
-webkit-transform: none;
transform: none;
font-family: 'object-fit: cover;'; }
.hero__figure {
position: absolute;
max-width: 1230px;
width: 100%;
height: 50vh;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
padding: 100px;
}
@media only screen and (max-width: 768px) {
.hero__figure {
height: 110vh;
padding: 50px 15px;
}
}
.is-animate .hero__image {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-animation: heroAnimation 15s ease forwards infinite;
animation: heroAnimation 15s ease forwards infinite;
}
.isIE .is-animate .hero__image {
-webkit-transform: scale(1.2) rotate(0.1deg);
transform: scale(1.2) rotate(0.1deg);
-webkit-animation: heroAnimationIE 15s linear forwards infinite;
animation: heroAnimationIE 15s linear forwards infinite;
}
.is-animate .hero__btn,
.is-animate .hero__meta,
.is-animate .hero__title02 {
opacity: 0;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.is-animate .hero__btn {
-webkit-animation: heroContentAnimation 2000ms ease 3500ms forwards;
animation: heroContentAnimation 2000ms ease 3500ms forwards;
}
.is-animate .hero__meta {
-webkit-animation: heroContentAnimation 2000ms ease 1500ms forwards;
animation: heroContentAnimation 2000ms ease 1500ms forwards;
}
.is-animate .hero__title02 {
-webkit-animation: heroContentAnimation 2000ms ease 2500ms forwards;
animation: heroContentAnimation 2000ms ease 2500ms forwards;
}
@-webkit-keyframes heroContentAnimation {
0% {
-webkit-transform: translateY(-15px) translateZ(0);
transform: translateY(-15px) translateZ(0);
opacity: 0;
}
100% {
-webkit-transform: translateY(0px) translateZ(0);
transform: translateY(0px) translateZ(0);
opacity: 1;
}
}
@keyframes heroContentAnimation {
0% {
-webkit-transform: translateY(-15px) translateZ(0);
transform: translateY(-15px) translateZ(0);
opacity: 0;
}
100% {
-webkit-transform: translateY(0px) translateZ(0);
transform: translateY(0px) translateZ(0);
opacity: 1;
}
}
@-webkit-keyframes heroAnimation {
0% {
-webkit-transform: scale(1.2) translateZ(0);
transform: scale(1.2) translateZ(0);
}
100% {
-webkit-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
}
}
@keyframes heroAnimation {
0% {
-webkit-transform: scale(1.2) translateZ(0);
transform: scale(1.2) translateZ(0);
}
100% {
-webkit-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
}
}
@-webkit-keyframes heroAnimationIE {
0% {
-webkit-transform: scale(1.2) rotate(0.1deg) translateZ(0);
transform: scale(1.2) rotate(0.1deg) translateZ(0);
}
100% {
-webkit-transform: scale(1) rotate(0.1deg) translateZ(0);
transform: scale(1) rotate(0.1deg) translateZ(0);
}
}
@keyframes heroAnimationIE {
0% {
-webkit-transform: scale(1.2) rotate(0.1deg) translateZ(0);
transform: scale(1.2) rotate(0.1deg) translateZ(0);
}
100% {
-webkit-transform: scale(1) rotate(0.1deg) translateZ(0);
transform: scale(1) rotate(0.1deg) translateZ(0);
}
}
.hero__title01 {
font-size: 3.16667vw;
font-family: "Gothic MB101 Bold", sans-serif;
padding-bottom: 60px;
letter-spacing: 0.05em;
font-weight: 900;
}
.hero__title01 span {
display: inline-block;
}
@media only screen and (min-width: 1200px) {
.hero__title01 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media only screen and (max-width: 768px) {
.hero__title01 {
font-size: 5.9375vw;
padding-bottom: 30px;
}
}
.hero__cat_title01 {
font-size: 3.33333vw;
font-weight: bold;
padding-bottom: 90px;
}
.hero__cat_title01 span {
display: inline-block;
}
@media only screen and (min-width: 1200px) {
.hero__cat_title01 {
font-size: 40px;
font-size: 4rem;
}
}
@media only screen and (max-width: 768px) {
.hero__cat_title01 {
padding-bottom: 30px;
font-size: 4.80769vw;
}
}
.hero__title02 {
font-size: 4.16667vw;
line-height: 1.3;
font-family: "Gothic MB101 Bold", sans-serif;
padding-bottom: 20px;
letter-spacing: 0.07em;
font-weight: 900;
}
html[lang=en-US] .hero__title02 {
line-height: 1.1;
}
.hero__title02 span {
display: inline-block;
}
@media only screen and (min-width: 1200px) {
.hero__title02 {
font-size: 50px;
font-size: 5rem;
}
}
@media only screen and (max-width: 768px) {
.hero__title02 {
padding-bottom: 15px;
font-size: 7.1875vw;
line-height: 1.1;
}
}
.hero__cat_title02 {
letter-spacing: 0.07em;
line-height: 1.1;
font-family: "Gothic MB101 Bold", sans-serif;
text-align: left;
width: 100%;
font-size: 5.83333vw;
}
.hero__cat_title02 span {
display: inline-block;
}
@media only screen and (min-width: 1200px) {
.hero__cat_title02 {
font-size: 70px;
font-size: 7rem;
}
}
@media only screen and (max-width: 768px) {
.hero__cat_title02 {
font-size: 8.41346vw;
}
}
.hero__meta {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
padding-bottom: 24px;
padding-left: 3px;
}
@media only screen and (max-width: 768px) {
.hero__meta {
padding-bottom: 15px;
}
}
.hero__text {
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 2;
letter-spacing: 0.1em;
}
.hero__category {
font-family: "Gothic MB101 Bold", sans-serif;
letter-spacing: 0.05em;
}
.hero__date {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
padding-left: 0.35em;
font-size: 1.15em;
letter-spacing: 0.05em;
}
.hero__btn {
border-radius: 6px;
background-color: rgba(255, 255, 255, 0.2);
font-size: 18px;
font-size: 1.8rem;
font-family: "Gothic MB101 Bold", sans-serif;
color: #fff;
padding: 10px 20px;
display: inline-block;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
width: auto;
max-width: 300px;
}
@media only screen and (max-width: 768px) {
.hero__btn {
padding: 5px 10px;
font-size: 15px;
font-size: 1.5rem;
}
}
.hero__btn .fas,
.hero__btn .svg-inline--fa {
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.hero__btn:hover {
background-color: rgba(255, 255, 255, 0.8);
color: #010101;
}
.hero__btn:hover .fas,
.hero__btn:hover .svg-inline--fa {
-webkit-transform: translateX(5px);
transform: translateX(5px);
color: #010101;
}
.hero__title03 {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
}
@media only screen and (max-width: 768px) {
.hero__title03 {
font-size: 14px;
font-size: 1.4rem;
}
}
.hero__wrap {
position: relative;
margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
.hero__wrap {
margin-bottom: 30px;
}
}
.home .hero__wrap,
.post-type-archive-work .hero__wrap {
margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
.home .hero__wrap,
.post-type-archive-work .hero__wrap {
margin-bottom: 15px;
}
}
.post-type-archive-work .hero__wrap + .container .inner, .post-type-archive-work .hero__wrap + .search__first .inner, .post-type-archive-work .search__second .hero__wrap + ul .inner, .search__second .post-type-archive-work .hero__wrap + ul .inner, .post-type-archive-work .hero__wrap + .search__third .inner, .post-type-archive-work .hero__wrap + .search__fourth .inner, .post-type-archive-work .hero__wrap + .search__fifth .inner, .post-type-archive-work .hero__wrap + .search__result_box .inner {
padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
.post-type-archive-work .hero__wrap + .container .inner, .post-type-archive-work .hero__wrap + .search__first .inner, .post-type-archive-work .search__second .hero__wrap + ul .inner, .search__second .post-type-archive-work .hero__wrap + ul .inner, .post-type-archive-work .hero__wrap + .search__third .inner, .post-type-archive-work .hero__wrap + .search__fourth .inner, .post-type-archive-work .hero__wrap + .search__fifth .inner, .post-type-archive-work .hero__wrap + .search__result_box .inner {
padding-bottom: 15px;
}
}
.hero__scroll {
width: 60px;
display: none;
}
@media only screen and (max-width: 768px) {
.hero__scroll {
display: none;
width: 45px;
position: absolute;
z-index: 3;
z-index: 3;
right: 0;
bottom: 20px;
left: 0;
margin: 0 auto;
-webkit-animation: heroIcon 2500ms ease infinite;
animation: heroIcon 2500ms ease infinite;
-webkit-transform: translate3d(0, 0, 0, 0);
transform: translate3d(0, 0, 0, 0);
}
}
@-webkit-keyframes heroIcon {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes heroIcon {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.post-type-archive-feature .hero__figure {
content: '';
position: absolute;
z-index: 5;
width: 85%;
height: 85%;
margin: 5% auto 0;
-webkit-transform: translateY(0%);
transform: translateY(0%);
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
@media (min-width: 1200px) {
.post-type-archive-feature .hero__figure { margin-top: 50px;
}
}
@media (max-width: 768px) {
.post-type-archive-feature .hero__figure {
width: 90%;
height: 90%;
margin: 0 auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
}
.splash {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 10000000000000;
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;
}
.splash.is-fadeout {
-webkit-animation: splashout 2000ms forwards;
animation: splashout 2000ms forwards;
}
.splash__chatch {
font-family: "Gothic MB101 Bold", sans-serif;
letter-spacing: 0.05em;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 3.75vw;
}
@media only screen and (min-width: 1200px) {
.splash__chatch {
font-size: 45px;
font-size: 4.5rem;
}
}
@media only screen and (max-width: 768px) {
.splash__chatch {
font-size: 7.03125vw;
}
}
.splash__chatch.is-move {
position: fixed;
}
.splash__chatch span {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
display: inline-block;
}
.splash__chatch.is-active span {
-webkit-animation: splash__chatch 1000ms ease-out forwards;
animation: splash__chatch 1000ms ease-out forwards;
}
.splash__chatch span:nth-child(0) {
-webkit-animation-delay: 0ms;
animation-delay: 0ms;
}
.splash__chatch span:nth-child(1) {
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
.splash__chatch span:nth-child(2) {
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
.splash__chatch span:nth-child(3) {
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
}
.splash__chatch span:nth-child(4) {
-webkit-animation-delay: 800ms;
animation-delay: 800ms;
}
.splash__chatch span:nth-child(5) {
-webkit-animation-delay: 1000ms;
animation-delay: 1000ms;
}
.splash__chatch span:nth-child(6) {
-webkit-animation-delay: 1200ms;
animation-delay: 1200ms;
}
.splash__chatch span:nth-child(7) {
-webkit-animation-delay: 1400ms;
animation-delay: 1400ms;
}
.splash__chatch span:nth-child(8) {
-webkit-animation-delay: 1600ms;
animation-delay: 1600ms;
}
@-webkit-keyframes splash__chatch {
0% {
opacity: 0;
-webkit-transform: translateY(0) translateZ(0) scale(0.9);
transform: translateY(0) translateZ(0) scale(0.9);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px) translateZ(0) scale(1);
transform: translateY(0px) translateZ(0) scale(1);
}
}
@keyframes splash__chatch {
0% {
opacity: 0;
-webkit-transform: translateY(0) translateZ(0) scale(0.9);
transform: translateY(0) translateZ(0) scale(0.9);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px) translateZ(0) scale(1);
transform: translateY(0px) translateZ(0) scale(1);
}
}
@-webkit-keyframes splashout {
0% {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
99% {
opacity: 0;
-webkit-filter: blur(20px);
filter: blur(20px);
}
100% {
opacity: 0;
-webkit-filter: blur(20px);
filter: blur(20px);
display: none;
}
}
@keyframes splashout {
0% {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
99% {
opacity: 0;
-webkit-filter: blur(20px);
filter: blur(20px);
}
100% {
opacity: 0;
-webkit-filter: blur(20px);
filter: blur(20px);
display: none;
}
}
input {
font-family: "Gothic MB101 Regular", sans-serif;
}
.form__content br {
display: none;
}
.form__content dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.form__content dt {
width: 195px;
padding: 10px 0;
}
@media only screen and (max-width: 768px) {
.form__content dt {
display: none;
}
}
.form__content dd {
width: 100%;
padding: 10px 0;
}
.form__content input,
.form__content textarea {
background-color: #fff;
color: #010101;
border: solid 1px #e7e7ea;
font-size: 16px;
font-size: 1.6rem;
border-radius: 4px;
width: 100%;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
min-height: 40px;
padding: 10px;
}
.form__content input:focus,
.form__content textarea:focus {
background-color: rgba(1, 1, 1, 0.03);
color: #010101;
outline: none;
}
.form__content textarea {
min-height: 200px;
}
.form__content input[type="submit"] {
background-color: #e0241c;
color: #fff;
text-align: center;
cursor: pointer;
max-width: 195px;
}
@media only screen and (max-width: 768px) {
.form__content input[type="submit"] {
display: block;
margin: 0 auto;
}
}
.form__content input[type="submit"]:hover {
background-color: #9c1914;
}
.form__content select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: rgba(255, 255, 255, 0.2);
border: solid 1px rgba(255, 255, 255, 0.3);
color: #fff;
padding: 10px;
outline: none;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
position: relative;
height: 40px;
}
.form__content .form__content_select {
position: relative;
}
.form__content .form__content_select:after {
content: '\f107';
font-family: FontAwesome;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
color: #fff;
line-height: 38px;
font-size: 18px;
font-size: 1.8rem;
}
.form__content label {
display: block;
margin-bottom: 15px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: rgba(1, 1, 1, 0.4);
}
@media only screen and (max-width: 768px) {
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: rgba(1, 1, 1, 0.4);
}
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: rgba(1, 1, 1, 0.4);
}
@media only screen and (max-width: 768px) {
input:-moz-placeholder,
textarea:-moz-placeholder {
color: rgba(1, 1, 1, 0.4);
}
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: rgba(1, 1, 1, 0.4);
}
@media only screen and (max-width: 768px) {
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: rgba(1, 1, 1, 0.4);
}
}
.selectbox__ui {
overflow: hidden;
width: 100%;
text-align: center;
position: relative;
border: 1px solid #e5e5e5;
border-radius: 4px;
background: #ffffff;
padding: 4px 38px 4px 20px;
color: #666666;
}
@media only screen and (max-width: 768px) {
.selectbox__ui {
font-size: 16px;
font-size: 1.6rem;
}
}
.selectbox__ui select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
font-size: 1.4rem;
}
.selectbox__ui select::-ms-expand {
display: none;
}
.selectbox__ui::after {
position: absolute;
top: 0.3em;
right: 0.8em;
padding: 0;
content: '';
pointer-events: none;
content: '\f0dc';
font-family: "Font Awesome 5 Pro";
font-weight: 900;
}
.selectbox__ui::after .svg-inline--fa {
position: absolute;
top: 0.8em;
right: 0.9em;
}
.btn__block {
padding: 30px 0 60px;
}
.cls-1 {
fill: #fff;
}
#line path {
fill: none;
stroke: #2d2428;
stroke-miterlimit: 10;
}
.svg__wroks {
max-width: 367px;
width: 100%;
}
.svg__wroks #line path {
stroke-width: 6px;
}
.svg__wroks #st01 {
-webkit-animation: svg__wroks01 950.4ms ease-in 0s forwards;
animation: svg__wroks01 950.4ms ease-in 0s forwards;
}
.svg__wroks #st02 {
-webkit-animation: svg__wroks02 1632ms ease-in 850.4ms forwards;
animation: svg__wroks02 1632ms ease-in 850.4ms forwards;
}
@-webkit-keyframes svg__wroks01 {
0% {
stroke-dashoffset: 297;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__wroks01 {
0% {
stroke-dashoffset: 297;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__wroks02 {
0% {
stroke-dashoffset: 510;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__wroks02 {
0% {
stroke-dashoffset: 510;
}
100% {
stroke-dashoffset: 0;
}
}
.svg__advantage {
max-width: 660px;
width: 100%;
}
.svg__advantage #line path {
stroke-width: 5px;
}
.svg__advantage #st01 {
-webkit-animation: svg__advantage01 944ms ease-in 0s forwards;
animation: svg__advantage01 944ms ease-in 0s forwards;
}
.svg__advantage #st02 {
-webkit-animation: svg__advantage02 512ms ease-in 844ms forwards;
animation: svg__advantage02 512ms ease-in 844ms forwards;
}
.svg__advantage #st03 {
-webkit-animation: svg__advantage03 784ms ease-in 1356ms forwards;
animation: svg__advantage03 784ms ease-in 1356ms forwards;
}
.svg__advantage #st04 {
-webkit-animation: svg__advantage04 857.6ms ease-in 2140ms forwards;
animation: svg__advantage04 857.6ms ease-in 2140ms forwards;
stroke-width: 3.5px !important;
}
.svg__advantage #st05 {
-webkit-animation: svg__advantage05 300.8ms ease-in 2997.6ms forwards;
animation: svg__advantage05 300.8ms ease-in 2997.6ms forwards;
}
.svg__advantage #st06 {
-webkit-animation: svg__advantage06 950.4ms ease-in 3298.4ms forwards;
animation: svg__advantage06 950.4ms ease-in 3298.4ms forwards;
}
.svg__advantage #st07 {
-webkit-animation: svg__advantage07 256ms ease-in 4248.8ms forwards;
animation: svg__advantage07 256ms ease-in 4248.8ms forwards;
}
@-webkit-keyframes svg__advantage01 {
0% {
stroke-dashoffset: 295;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__advantage01 {
0% {
stroke-dashoffset: 295;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__advantage02 {
0% {
stroke-dashoffset: 160;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__advantage02 {
0% {
stroke-dashoffset: 160;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__advantage03 {
0% {
stroke-dashoffset: 245;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__advantage03 {
0% {
stroke-dashoffset: 245;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__advantage04 {
0% {
stroke-dashoffset: 268;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__advantage04 {
0% {
stroke-dashoffset: 268;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__advantage05 {
0% {
stroke-dashoffset: 94;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__advantage05 {
0% {
stroke-dashoffset: 94;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__advantage06 {
0% {
stroke-dashoffset: 297;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__advantage06 {
0% {
stroke-dashoffset: 297;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__advantage07 {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__advantage07 {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 0;
}
}
.svg__company {
max-width: 720px;
width: 100%;
}
.svg__company #line path {
stroke-width: 5px;
}
.svg__company #st01 {
-webkit-animation: svg__company01 1417.6ms ease-in 0s forwards;
animation: svg__company01 1417.6ms ease-in 0s forwards;
}
.svg__company #st02 {
-webkit-animation: svg__company02 1081.6ms ease-in 1317.6ms forwards;
animation: svg__company02 1081.6ms ease-in 1317.6ms forwards;
}
.svg__company #st03 {
-webkit-animation: svg__company03 419.2ms ease-in 2399.2ms forwards;
animation: svg__company03 419.2ms ease-in 2399.2ms forwards;
}
.svg__company #st04 {
-webkit-animation: svg__company04 1376ms ease-in 2818.4ms forwards;
animation: svg__company04 1376ms ease-in 2818.4ms forwards;
}
.svg__company #st05 {
-webkit-animation: svg__company05 1033.6ms ease-in 4194.4ms forwards;
animation: svg__company05 1033.6ms ease-in 4194.4ms forwards;
stroke-width: 3.5px !important;
}
.svg__company #st06 {
-webkit-animation: svg__company06 472.8ms ease-in 5328ms forwards;
animation: svg__company06 472.8ms ease-in 5328ms forwards;
}
.svg__company #st07 {
-webkit-animation: svg__company07 405.6ms ease-in 6300.8ms forwards;
animation: svg__company07 405.6ms ease-in 6300.8ms forwards;
}
@-webkit-keyframes svg__company01 {
0% {
stroke-dashoffset: 443;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__company01 {
0% {
stroke-dashoffset: 443;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__company02 {
0% {
stroke-dashoffset: 338;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__company02 {
0% {
stroke-dashoffset: 338;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__company03 {
0% {
stroke-dashoffset: 131;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__company03 {
0% {
stroke-dashoffset: 131;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__company04 {
0% {
stroke-dashoffset: 430;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__company04 {
0% {
stroke-dashoffset: 430;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__company05 {
0% {
stroke-dashoffset: 323;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__company05 {
0% {
stroke-dashoffset: 323;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__company06 {
0% {
stroke-dashoffset: 54;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__company06 {
0% {
stroke-dashoffset: 54;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__company07 {
0% {
stroke-dashoffset: 33;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__company07 {
0% {
stroke-dashoffset: 33;
}
100% {
stroke-dashoffset: 0;
}
}
.svg__clientvoice {
max-width: 490px;
width: 100%;
}
.svg__clientvoice #line path {
stroke-width: 4px;
}
.svg__clientvoice #st01 {
-webkit-animation: svg__clientvoice01 1603.2ms ease-in 0s forwards;
animation: svg__clientvoice01 1603.2ms ease-in 0s forwards;
}
.svg__clientvoice #st02 {
-webkit-animation: svg__clientvoice02 421.6ms ease-in 1503.2ms forwards;
animation: svg__clientvoice02 421.6ms ease-in 1503.2ms forwards;
}
.svg__clientvoice #st03 {
-webkit-animation: svg__clientvoice03 444ms ease-in 1774.8ms forwards;
animation: svg__clientvoice03 444ms ease-in 1774.8ms forwards;
}
.svg__clientvoice #st04 {
-webkit-animation: svg__clientvoice04 431.2ms ease-in 2068.8ms forwards;
animation: svg__clientvoice04 431.2ms ease-in 2068.8ms forwards;
}
.svg__clientvoice #st05 {
-webkit-animation: svg__clientvoice05 432ms ease-in 2300ms forwards;
animation: svg__clientvoice05 432ms ease-in 2300ms forwards;
stroke-width: 3.5px !important;
}
.svg__clientvoice #st06 {
-webkit-animation: svg__clientvoice06 448ms ease-in 2822ms forwards;
animation: svg__clientvoice06 448ms ease-in 2822ms forwards;
}
.svg__clientvoice #st07 {
-webkit-animation: svg__clientvoice07 464ms ease-in 3180ms forwards;
animation: svg__clientvoice07 464ms ease-in 3180ms forwards;
}
.svg__clientvoice #st08 {
-webkit-animation: svg__clientvoice08 424.8ms ease-in 3644ms forwards;
animation: svg__clientvoice08 424.8ms ease-in 3644ms forwards;
}
@-webkit-keyframes svg__clientvoice01 {
0% {
stroke-dashoffset: 501;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__clientvoice01 {
0% {
stroke-dashoffset: 501;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__clientvoice02 {
0% {
stroke-dashoffset: 38;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__clientvoice02 {
0% {
stroke-dashoffset: 38;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__clientvoice03 {
0% {
stroke-dashoffset: 45;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__clientvoice03 {
0% {
stroke-dashoffset: 45;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__clientvoice04 {
0% {
stroke-dashoffset: 41;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__clientvoice04 {
0% {
stroke-dashoffset: 41;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__clientvoice05 {
0% {
stroke-dashoffset: 135;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__clientvoice05 {
0% {
stroke-dashoffset: 135;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__clientvoice06 {
0% {
stroke-dashoffset: 140;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__clientvoice06 {
0% {
stroke-dashoffset: 140;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__clientvoice07 {
0% {
stroke-dashoffset: 145;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__clientvoice07 {
0% {
stroke-dashoffset: 145;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__clientvoice08 {
0% {
stroke-dashoffset: 39;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__clientvoice08 {
0% {
stroke-dashoffset: 39;
}
100% {
stroke-dashoffset: 0;
}
}
.svg__contact {
max-width: 320px;
width: 100%;
}
.svg__contact #line path {
stroke-width: 30px;
}
.svg__contact #st01 {
-webkit-animation: svg__contact01 1570.2ms ease-in 0s forwards;
animation: svg__contact01 1570.2ms ease-in 0s forwards;
}
.svg__contact #st02 {
-webkit-animation: svg__contact02 396.8ms ease-in 1470.2ms forwards;
animation: svg__contact02 396.8ms ease-in 1470.2ms forwards;
}
.svg__contact #st03 {
-webkit-animation: svg__contact03 375ms ease-in 1867ms forwards;
animation: svg__contact03 375ms ease-in 1867ms forwards;
}
.svg__contact #st04 {
-webkit-animation: svg__contact04 709.8ms ease-in 2442ms forwards;
animation: svg__contact04 709.8ms ease-in 2442ms forwards;
stroke-width: 26px;
}
.svg__contact #st05 {
-webkit-animation: svg__contact05 382.4ms ease-in 3151.8ms forwards;
animation: svg__contact05 382.4ms ease-in 3151.8ms forwards;
}
@-webkit-keyframes svg__contact01 {
0% {
stroke-dashoffset: 2617;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__contact01 {
0% {
stroke-dashoffset: 2617;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__contact02 {
0% {
stroke-dashoffset: 328;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__contact02 {
0% {
stroke-dashoffset: 328;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__contact03 {
0% {
stroke-dashoffset: 625;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__contact03 {
0% {
stroke-dashoffset: 625;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__contact04 {
0% {
stroke-dashoffset: 1183;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__contact04 {
0% {
stroke-dashoffset: 1183;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes svg__contact05 {
0% {
stroke-dashoffset: 304;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes svg__contact05 {
0% {
stroke-dashoffset: 304;
}
100% {
stroke-dashoffset: 0;
}
}
.not_svg_animation {
display: none;
}
.isIE .is_svg_animation {
display: none;
}
.isIE .not_svg_animation {
display: block;
margin-bottom: 30px;
}
.l-work__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.l-work__container {
display: block;
}
}
.l-work__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
padding: 0 15px;
padding-left: 8.33333%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 768px) {
.l-work__content {
width: 100%;
padding: 0 15px 30px;
}
}
.l-work__gallery {
width: 50%;
}
@media only screen and (max-width: 768px) {
.l-work__gallery {
width: 100%;
}
}
.gallery {
overflow: hidden;
position: relative;
max-width: 1200px;
margin: 0 auto;
padding-bottom: 1em;
}
.work__photographer {
display: block;
padding: 10px 5px 0;
line-height: 1.4;
letter-spacing: .05em;
font-size: 12px;
font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
.work__photographer {
padding: 5px 15px 0;
font-size: 10px;
font-size: 1rem;
}
}
.work__photographer dt:after {
content: ':';
}
.work__photographer dd,
.work__photographer dt {
display: inline-block;
}
.work__gallery .work__photographer {
display: none;
}
@media only screen and (max-width: 768px) {
.work__gallery .work__photographer {
display: block;
}
}
.work__gallery {
position: relative;
margin: 0 auto;
line-height: 1;
}
.work__gallery .work__gallery_item {
display: block;
border: 1px solid #e5e9f1;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
width: 100%;
height: 0;
padding-top: 66.66667%;
}
@media only screen and (max-width: 768px) {
.work__gallery .work__gallery_item {
border-width: 1px 0 1px 0;
}
}
.work__gallery .work__gallery_image {
position: relative;
background-color: #f3f3f3;
text-align: center;
}
.work__gallery .work__gallery_image img {
max-width: 1200px;
max-height: 800px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.work__gallery .slick-dots {
position: absolute;
right: 0;
bottom: 0;
padding-top: 15px;
}
@media only screen and (max-width: 768px) {
.work__gallery .slick-dots {
position: relative;
margin: 0 auto;
text-align: center;
}
.work__gallery .slick-dots button {
width: 100%;
height: 10px;
}
.work__gallery .slick-dots li {
width: 20px;
height: 10px;
padding: 0 5px;
}
.work__gallery .slick-dots li:before {
position: static;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #cccccc;
color: #cccccc;
}
.work__gallery .slick-dots li.slick-active:before {
background-color: #4d4d4d;
color: #4d4d4d;
}
}
.work__gallery_list {
overflow: hidden;
margin: 5px -5px;
text-align: left;
line-height: 1;
letter-spacing: -.4em;
}
@media only screen and (max-width: 768px) {
.work__gallery_list {
display: none !important;
}
}
.work__gallery_list .slick-active:first-of-type li {
padding-left: 0;
}
.work__gallery_list .slick-active:last-of-type li {
padding-right: 0;
}
.work__gallery_list .slick-track {
margin-right: 0;
margin-left: 0;
}
.work__gallery_list .slick-list {
overflow: hidden;
max-width: 1210px;
margin: 0 auto;
}
.work__gallery_list .slick-next {
right: 10px;
}
@media only screen and (max-width: 768px) {
.work__gallery_list .slick-next {
right: 10px;
}
}
.work__gallery_list .slick-prev {
left: 10px;
}
@media only screen and (max-width: 768px) {
.work__gallery_list .slick-prev {
left: 10px;
}
}
.work__gallery_list li {
display: inline-block;
width: 20%;
padding: 5px;
letter-spacing: normal;
}
.work__gallery_list li img {
margin: -1px 0;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.work__gallery_list li a {
display: block;
overflow: hidden;
background-color: #010101;
background-repeat: no-repeat;
background-position: center 20%;
background-size: cover;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.work__gallery_list li a:hover img {
opacity: .6;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.work__gallery_list li a .isIE:hover img {
-webkit-transform: scale(1.05) rotate(0.1deg);
transform: scale(1.05) rotate(0.1deg);
}
.work__gallery_list .slick-current img {
background-color: #000000;
opacity: .5;
}
.work__gallery_list .slick-arrow {
z-index: 10;
top: 50%;
width: auto;
height: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 30px;
font-size: 3rem;
}
.work__gallery_list .slick-arrow:before {
font-size: 40px;
font-size: 4rem;
}
.work__gallery_list .slick-arrow .svg-inline--fa path {
fill: #cccccc;
}
.ie11 .work__gallery_list {
position: relative;
}
.ie11 .work__gallery_list .slick-arrow {
overflow: hidden;
z-index: 100;
width: 20px !important;
height: 40px !important;
padding: inherit;
}
.ie11 .work__gallery_list .slick-arrow.slick-prev {
text-align: left !important;
}
.ie11 .work__gallery_list .slick-arrow.slick-next {
text-align: center !important;
}
.ie11 .work__gallery_list .slick-arrow.slick-next:before, .ie11 .work__gallery_list .slick-arrow.slick-prev:before {
width: 20px !important;
height: 40px !important;
font-size: 30px !important;
font-size: 3.0rem !important;
}
.works__detail_wrap {
max-width: 1200px;
width: 100%;
margin: 0 auto;
margin-bottom: 25px;
padding: 10px;
background-color: #fafafa;
font-family: "Gothic MB101 Light", sans-serif;
letter-spacing: .05em;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
.works__detail_wrap {
padding: 10px;
}
}
.works__detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.works__detail dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 10px;
}
@media only screen and (max-width: 768px) {
.works__detail dl {
display: block;
width: 100%;
padding: 6px 10px;
}
}
html[lang=en-US] .works__detail dl {
display: block;
}
.works__detail dl dt {
width: 90px;
}
@media only screen and (max-width: 768px) {
.works__detail dl dt {
display: block;
font-size: .85em;
}
}
html[lang=en-US] .works__detail dl dt {
display: block;
width: 100%;
}
.works__detail dl dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.works__detail_extra {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
html[lang=en-US] .works__detail_extra {
display: block;
}
.works__detail_extra .extra__col {
width: 50%;
padding: 10px;
}
@media (max-width: 1000px) {
.works__detail_extra .extra__col {
width: 100%;
}
}
html[lang=en-US] .works__detail_extra .extra__col {
width: 100%;
}
.works__detail_extra .extra__col:nth-child(odd) {
padding-right: 40px;
}
@media (max-width: 1000px) {
.works__detail_extra .extra__col:nth-child(odd) {
padding-right: 10px;
}
}
html[lang=en-US] .works__detail_extra .extra__col:nth-child(odd) {
padding-right: 10px;
}
.works__detail_extra .extra__col:nth-child(even) {
padding-left: 40px;
}
@media (max-width: 1000px) {
.works__detail_extra .extra__col:nth-child(even) {
padding-left: 10px;
}
}
html[lang=en-US] .works__detail_extra .extra__col:nth-child(even) {
padding-left: 10px;
}
.works__detail_extra dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 768px) {
.works__detail_extra dl {
display: block;
width: 100%;
}
}
html[lang=en-US] .works__detail_extra dl {
display: block;
padding: 5px 0;
}
.works__detail_extra dt {
width: 90px;
}
@media only screen and (max-width: 768px) {
.works__detail_extra dt {
display: block;
}
}
html[lang=en-US] .works__detail_extra dt {
width: 100%;
}
.works__detail_extra dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.works__head {
margin: 0 auto;
padding: 60px 15px 30px;
}
@media only screen and (max-width: 768px) {
.works__head {
padding: 15px;
}
}
.works__title01 {
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.6;
letter-spacing: .1em;
font-size: 30px;
font-size: 3rem;
}
@media only screen and (max-width: 768px) {
.works__title01 {
font-size: 20px;
font-size: 2rem;
}
}
.works__title02 {
padding: 0 0 15px;
font-family: "Gothic MB101 Medium", sans-serif;
line-height: 1.8;
letter-spacing: .1em;
font-size: 20px;
font-size: 2rem;
}
@media only screen and (max-width: 768px) {
.works__title02 {
padding: 15px 0 10px;
font-size: 18px;
font-size: 1.8rem;
}
}
.works__title01_sub {
font-family: "Gothic MB101 Regular", sans-serif;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.works__title01_sub {
font-size: 15px;
font-size: 1.5rem;
}
}
.works__title01_eng {
padding-bottom: 10px;
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
font-weight: 400;
line-height: 1.2;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.works__title01_eng {
font-size: 14px;
font-size: 1.4rem;
}
}
.breadcrumb__head .breadcrumb__block {
padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
.breadcrumb__head .breadcrumb__block {
padding-bottom: 15px;
}
}
.sticky {
position: sticky;
top: 50px;
z-index: 98;
}
.sticky.sticky-second {
position: sticky;
top: 98px;
z-index: 98;
}
.sticky.sticky-second.selector__navi {
background-color: #f7f7f7;
}
.sticky:after, .sticky:before {
content: '';
display: table;
}
.selector__navi {
background-color: #fafafa;
margin-bottom: 60px;
width: 100%;
}
@media only screen and (max-width: 768px) {
.selector__navi {
margin-bottom: 30px;
}
}
.isIE .selector__navi {
width: 100% !important;
margin-top: -60px;
}
.selector__navi ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 15px;
font-size: 1.5rem;
max-width: 1630px;
padding: 0 15px;
margin: 0 auto;
display: table;
}
@media only screen and (max-width: 768px) {
.selector__navi ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 13px;
font-size: 1.3rem;
padding: 0 5px;
white-space: nowrap;
}
}
.selector__navi li {
display: table-cell;
padding: 10px 20px;
white-space: nowrap;
letter-spacing: 0.1em;
position: relative;
}
@media only screen and (max-width: 768px) {
.selector__navi li {
letter-spacing: 0.05em;
padding: 8px 15px;
}
}
html[lang=en-US] .selector__navi li {
letter-spacing: 0.05em;
}
.selector__navi li:after {
content: '';
width: 1px;
background: #010101;
height: 1em;
display: block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0);
}
.selector__navi li:last-child:after {
display: none;
}
.selector__navi button {
cursor: pointer;
font-size: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
.selector__navi button {
letter-spacing: 0.05em;
font-size: 13px;
font-size: 1.3rem;
padding: 0 5px;
}
}
.selector__navi button:active, .selector__navi button:focus {
outline: none;
}
.selector__navi button.is-active {
color: #e0241c;
margin-top: -0.25em;
}
.selector__navi .current a,
.selector__navi .current-cat a,
.selector__navi .current_page_item a {
color: #e0241c;
margin-top: -0.25em;
}
.selector__navi_wrap .selector__navi {
margin-bottom: 30px;
}
.local__navi {
margin-bottom: 60px;
width: 100%;
}
@media only screen and (max-width: 768px) {
.local__navi {
margin-bottom: 30px;
}
}
.isIE .local__navi {
width: 100% !important;
position: static !important;
}
.local__navi ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: table;
font-size: 15px;
font-size: 1.5rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
max-width: 1630px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.local__navi ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 13px;
font-size: 1.3rem;
padding: 0 5px;
}
}
.local__navi li {
padding: 5px 20px 30px;
white-space: nowrap;
letter-spacing: 0.1em;
position: relative;
display: table-cell;
text-align: center;
}
@media only screen and (max-width: 768px) {
.local__navi li {
letter-spacing: 0.05em;
padding: 5px 15px 25px;
}
}
html[lang=en-US] .local__navi li {
letter-spacing: 0.05em;
}
.local__navi li:before {
content: '\f107';
font-family: "Font Awesome 5 Pro";
font-weight: 300;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 30px;
font-size: 3rem;
line-height: 1;
color: #ccc;
}
@media only screen and (max-width: 768px) {
.local__navi li:before {
font-size: 20px;
font-size: 2rem;
}
}
.local__navi li:after {
content: '';
width: 1px;
background: #ccc;
height: 100%;
display: block;
position: absolute;
right: 0;
top: 0;
}
.local__navi li:last-child:after {
display: none;
}
.local__navi.local__navi-col3 li {
width: 33.33334%;
text-align: center;
font-family: "Gothic MB101 Medium", sans-serif;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
overflow: hidden;
white-space: nowrap;
}
.local__navi.local__navi-col3 li:before {
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.local__navi.local__navi-col3 li:hover {
background: #fafafa;
}
.local__navi.local__navi-col3 li:hover:before {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.local__navi.local__navi-col3 li a {
display: block;
}
.news__line {
max-width: 1230px;
width: 100%;
margin: 0 auto;
padding: 0 15px 30px;
}
@media only screen and (max-width: 768px) {
.news__line {
padding: 0 15px 15px;
}
}
.news__line_item {
font-size: 16px;
font-size: 1.6rem;
color: #343434;
}
@media only screen and (max-width: 768px) {
.news__line_item {
font-size: 13px;
font-size: 1.3rem;
}
}
.news__line_date {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
font-weight: bold;
}
.news__line_date:after {
content: '|';
padding: 0.5em;
font-weight: 100;
}
@media only screen and (max-width: 768px) {
.news__line_date:after {
display: none;
}
}
.news__line_date .far,
.news__line_date .svg-inline--fa {
margin-right: 0.5em;
}
@media only screen and (max-width: 768px) {
.news__line_date {
display: block;
margin: 0 auto;
text-align: center;
}
}
.news__list {
max-width: 1030px;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.news__list {
padding: 0;
}
}
.news__list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 15px;
margin-bottom: 45px;
width: 100%;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
@media only screen and (max-width: 768px) {
.news__list li {
padding-bottom: 30px;
}
}
.news__list li:hover {
background-color: #f6f6f6;
}
.news__list li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media only screen and (max-width: 768px) {
.news__list li a {
display: block;
}
}
.news__list li .news__list_image {
overflow: hidden;
max-width: 400px;
width: 100%;
margin-bottom: 15px;
padding: 0;
line-height: 1;
}
.news__list li .news__list_image figure {
background-color: #010101;
overflow: hidden;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
padding: 0;
}
@media only screen and (max-width: 768px) {
.news__list li .news__list_image {
max-width: none;
}
}
.news__list li .news__list_image img {
width: 100%;
margin: -1px 0;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
background-color: #010101;
}
.news__list li .news__list_content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 40px;
padding-bottom: 2em;
position: relative;
}
@media only screen and (max-width: 768px) {
.news__list li .news__list_content {
padding: 0 15px 2em;
}
}
.news__list li a:hover {
color: #010101;
}
.news__list li a:hover .news__list_meta,
.news__list li a:hover .news__list_meta_cat,
.news__list li a:hover .news__list_meta_date,
.news__list li a:hover .news__list_text,
.news__list li a:hover .news__list_title,
.news__list li a:hover .news__list_title span {
color: #010101 !important;
-webkit-transition: none;
transition: none;
}
.news__list li a:hover .news__list_image img {
opacity: 0.5;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.news__list_meta {
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 15px;
}
.news__list_meta .news__list_meta_date {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
font-size: 1.10em;
}
.news__list_link {
text-align: right;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
font-family: "Gothic MB101 Medium", sans-serif;
display: none;
}
@media only screen and (max-width: 768px) {
.news__list_link {
right: 15px;
}
}
a .news__list_link {
display: block;
}
a:hover .news__list_link {
color: #e0241c;
}
.news__list_text,
.news__list_title {
color: #010101;
}
.news__list_title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
padding-bottom: 15px;
font-family: "Gothic MB101 Medium", sans-serif;
}
@media only screen and (max-width: 768px) {
.news__list_title {
padding-bottom: 10px !important;
}
}
a[target='_blank'] .news__list_title:after {
margin-left: 0.5em;
font-family: FontAwesome;
font-size: 0.8em;
content: '\f08e';
}
.category-news h2 {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 20px;
font-size: 2rem;
padding-bottom: 5px;
line-height: 1.6;
}
.category-news h3 {
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 0.05em;
padding-bottom: 15px;
line-height: 1.6;
}
.category-news figure {
width: 100% !important;
padding: 1em 0;
}
.category-news figure figcaption {
font-size: 14px;
font-size: 1.4rem;
padding-top: 5px;
}
.category-news figure img {
max-width: 100%;
width: 100% !important;
}
a.icon-link {
display: inline-block;
}
a.icon-link:before {
display: inline-block;
padding-right: 0.5em;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size: 0.8em;
content: '\f138';
}
a[target='_blank'].icon-link:after {
display: inline-block;
color: #666;
padding-left: 0.5em;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: '\f14c';
} .tag__list {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 1.6;
max-width: 1230px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
width: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tag__list li {
padding: 3px 2px;
position: relative;
cursor: pointer;
line-height: 1.6;
font-size: 13px;
font-size: 1.3rem;
font-family: "Gothic MB101 Medium", sans-serif;
}
.tag__list li input[type="checkbox"] {
position: absolute;
display: block;
top: 0;
left: 0;
height: 100%;
width: 100%;
cursor: pointer;
margin: 0;
opacity: 0;
z-index: 1;
}
.tag__list li label {
display: inline-block;
vertical-align: top;
text-align: left;
position: relative;
-webkit-transition: 200ms ease-out;
transition: 200ms ease-out;
background-color: #ddd;
border-radius: 6px;
text-align: center;
padding: 8px 12px;
line-height: 1;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.tag__list li:hover label {
background-color: #999;
}
.tag__list li input:checked + label {
background-color: #e0241c;
color: #fff;
}
.tag__list a {
display: block;
background-color: #ddd;
border-radius: 6px;
text-align: center;
padding: 8px 12px;
line-height: 1;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
font-size: 14px;
font-size: 1.4rem;
}
.tag__list a:before {
content: '#';
}
.tag__list a:hover {
background-color: #c4c4c4;
color: #010101;
}
.tag__list_detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
font-size: 1.2rem;
}
.tag__list_detail dt {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
font-weight: 700;
padding-top: 0.05em;
}
.tag__list_detail dt:after {
content: ':';
padding: 0 0.25em;
}
.tag__list_detail ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tag__list_detail li {
padding-right: 0.25em;
}
.tag__list_detail li:after {
content: ',';
}
.tag__list_detail li:last-child:after {
display: none;
}
.btn__box {
padding: 30px 0;
text-align: center;
}
@media only screen and (max-width: 768px) {
.btn__box {
padding: 30px 0;
}
}
.btn {
background-color: #f2f2f2;
border-radius: 6px;
text-align: center;
display: inline-block;
padding: 15px 20px;
line-height: 1;
margin: 0 auto;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.btn:hover {
opacity: 1;
color: #000;
}
.btn.btn__std {
background-color: #005580;
color: #fff;
min-width: 400px;
}
@media only screen and (max-width: 768px) {
.btn.btn__std {
min-width: 200px;
width: 100%;
}
}
.btn.btn__std:hover {
background-color: #00334d;
color: #fff;
}
.article__fotoer .btn__box {
margin: 0 auto;
padding: 0;
}
.btn-anchor__link {
padding-top: 0;
}
.btn-anchor__link a {
color: #e0241c;
display: inline-block;
border-radius: 4px;
padding: 8px 20px;
background-color: #f6f6f6;
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 14px;
font-size: 1.4rem;
}
.btn-anchor__link a:before {
content: '\f107';
font-family: "Font Awesome 5 Pro";
font-weight: 900;
padding-right: 0.25em;
}
.serch__group_detail {
display: none;
}
.btn__serch_detail-toggle {
display: block;
text-align: center;
margin: 0 auto;
font-size: 14px;
font-size: 1.4rem;
outline: none;
padding: 5px 0;
border-radius: 6px;
width: 100%;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.btn__serch_detail-toggle i {
margin-right: 0.5em;
}
.btn__serch_detail-toggle.is-active {
color: #e0241c;
background-color: #fafafa;
}
.btn__serch_detail-toggle.is-active i {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.serch__group {
padding-bottom: 10px;
}
.search__first {
position: relative;
}
@media only screen and (max-width: 768px) {
.search__first {
padding: 0 15px;
}
}
.search__first ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 768px) {
.search__first ul {
display: table;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
}
}
.search__first li {
letter-spacing: normal;
position: relative;
font-size: 14px;
font-size: 1.4rem;
padding-right: 0.5em;
font-family: "Gothic MB101 Medium", sans-serif;
}
@media only screen and (max-width: 768px) {
.search__first li {
display: table-cell;
}
}
.search__first li.current a {
color: #e0241c;
border-bottom: 1px solid #000;
}
.search__first li:after {
content: '\7C';
letter-spacing: normal;
padding-left: 0.5em;
font-family: "Gothic MB101 Light", sans-serif;
}
.search__first li:last-child:after {
display: none;
}
.search__first li.current a:before {
width: 100%;
height: 1px;
background-color: #e0241c;
bottom: -1px;
content: '';
position: absolute;
z-index: 2;
}
.search__first a {
padding: 10px 0;
display: inline-block;
position: relative;
}
.search__second {
font-size: 14px;
font-size: 1.4rem;
font-family: "Gothic MB101 Regular", sans-serif;
min-height: 3em;
background-color: #e5e5e5;
padding: 0 15px;
}
.search__second ul {
display: none;
text-align: center;
}
@media only screen and (max-width: 768px) {
.search__second ul {
white-space: nowrap;
}
}
.search__second li {
display: inline-block;
padding: 8px 0.5em 8px 0;
font-family: "Gothic MB101 Light", sans-serif;
}
.search__second li:after {
content: '\7C';
letter-spacing: normal;
padding-left: 0.5em;
font-family: "Gothic MB101 Light", sans-serif;
}
.search__second li:last-child:after {
display: none;
}
.search__third {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search__third dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 768px) {
.search__third dl {
display: block;
}
}
.search__third dt {
padding: 5px 10px;
min-width: 100px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.search__third dt {
font-size: 12px;
font-size: 1.2rem;
display: block;
}
}
.search__third .container, .search__third .search__first, .search__third .search__second ul, .search__second .search__third ul, .search__third .search__third, .search__third .search__fourth, .search__third .search__fifth, .search__third .search__result_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 768px) {
.search__third .container, .search__third .search__first, .search__third .search__second ul, .search__second .search__third ul, .search__third .search__third, .search__third .search__fourth, .search__third .search__fifth, .search__third .search__result_box {
display: block;
}
}
.search__third dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 5px 0;
}
.search__third .selectbox__col {
width: 50%;
}
@media only screen and (max-width: 768px) {
.search__third .selectbox__col {
width: 100%;
}
}
.search__third .selectbox__col:first-child {
padding-right: 5px;
}
@media only screen and (max-width: 768px) {
.search__third .selectbox__col:first-child {
padding: 3px 15px;
}
}
.search__third .selectbox__col:last-child {
padding-left: 5px;
}
@media only screen and (max-width: 768px) {
.search__third .selectbox__col:last-child {
padding: 3px 15px;
}
}
.search__fourth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 10px;
}
.search__fourth dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 768px) {
.search__fourth dl {
display: block;
padding: 0 15px;
}
}
.search__fourth dt {
padding: 5px 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 14px;
font-size: 1.4rem;
white-space: nowrap;
}
@media only screen and (max-width: 768px) {
.search__fourth dt {
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
display: block;
padding: 0;
}
}
.search__fourth dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 5px 0;
}
@media only screen and (max-width: 768px) {
.search__fourth dd {
padding: 0;
overflow: scroll-x;
}
}
.search__fourth .tag__list {
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
max-width: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 768px) {
.ios8 .search__fourth .tag__list {
display: table;
}
}
.search__fourth .tag__list li {
white-space: nowrap;
padding: 5px 5px 5px 0;
}
@media only screen and (max-width: 768px) {
.ios8 .search__fourth .tag__list li {
display: table-cell;
}
}
.search__tag_list {
letter-spacing: -.4em;
}
.search__tag_list li {
display: inline-block;
letter-spacing: normal;
padding: 0.5em 1em;
}
.serch__detail {
background: #fafafa;
padding: 10px 0;
}
.search__condition_clear {
padding: 0 15px;
text-align: center;
}
.search__condition_clear span:after {
content: '\f057';
font-family: "Font Awesome 5 Pro";
font-weight: 900;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.search__condition_clear button {
cursor: pointer;
width: auto;
font-size: 14px;
font-size: 1.4rem;
outline: none;
padding: 7px 0;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.search__condition_clear button:hover {
color: #e0241c;
}
.search__condition_clear button:hover span:after {
color: #e0241c;
}
.search__ui_category_block_guide {
position: relative;
}
@media only screen and (max-width: 768px) {
.search__ui_category_block_guide:after {
position: absolute;
right: 15px;
top: 50%;
content: '\f105';
font-family: "Font Awesome 5 Pro";
font-size: 18px;
font-size: 1.8rem;
background-color: rgba(255, 255, 255, 0.8);
width: 20px;
line-height: 20px;
border-radius: 20px;
text-align: center;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
-webkit-animation: scroll__guide 3000ms ease infinite;
animation: scroll__guide 3000ms ease infinite;
opacity: 0;
}
}
@-webkit-keyframes scroll__guide {
0% {
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
opacity: 0;
}
60% {
-webkit-transform: translate(10px, -50%);
transform: translate(10px, -50%);
opacity: 0.8;
}
100% {
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
opacity: 0;
}
}
@keyframes scroll__guide {
0% {
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
opacity: 0;
}
60% {
-webkit-transform: translate(10px, -50%);
transform: translate(10px, -50%);
opacity: 0.8;
}
100% {
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
opacity: 0;
}
}
.search__ui_category_block {
background-color: #fafafa;
}
.search__ui-checkbox {
width: 25%;
padding: 5px;
}
@media only screen and (max-width: 768px) {
.search__ui-checkbox {
width: 200px;
border-right: 1px solid #e5e9f1;
}
}
.search__ui-checkbox ul li {
display: inline-block;
color: #666;
font-size: 14px;
font-size: 1.4rem;
}
.search__ui_category {
max-width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
@media only screen and (max-width: 768px) {
.search__ui_category {
width: 2000px;
max-width: none;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.search__ui-checkbox.item01:after,
.search__ui-checkbox.item02:after,
.search__ui-checkbox.item03:after {
content: '';
width: 1px;
height: 100%;
position: absolute;
top: 0;
background-color: #e5e9f1;
}
@media only screen and (max-width: 768px) {
.search__ui-checkbox.item01:after,
.search__ui-checkbox.item02:after,
.search__ui-checkbox.item03:after {
display: none;
}
}
.search__ui-checkbox.item01:after {
left: calc(25% - 0px);
}
.search__ui-checkbox.item02:after {
left: calc(50% - 0px);
}
.search__ui-checkbox.item03:after {
left: calc(75% - 0px);
}
.search__ui-checkbox {
letter-spacing: -.4em;
}
.search__ui-checkbox li {
letter-spacing: normal;
display: inline-block;
position: relative;
cursor: pointer;
margin: 2px;
}
.search__ui-checkbox li input[type="checkbox"] {
position: absolute;
display: block;
top: 0;
left: 0;
height: 100%;
width: 100%;
cursor: pointer;
margin: 0;
opacity: 0;
z-index: 1;
}
.search__ui-checkbox li label {
display: inline-block;
vertical-align: top;
text-align: left;
position: relative;
-webkit-transition: 200ms ease-out;
transition: 200ms ease-out;
}
.search__ui-checkbox li label span {
line-height: 1.6;
padding: 1px 8px;
display: block;
border-radius: 6px;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
cursor: pointer;
}
html[lang=en-US] .search__ui-checkbox li label span {
line-height: 1.4;
}
.search__ui-checkbox li label:hover span {
background-color: #ddd;
}
.search__ui-checkbox li label input:checked + span {
color: #fff;
background-color: #e0241c;
}
.search__fifth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #f1f1f1;
line-height: 1;
padding: 0;
}
.search__fifth dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.search__fifth dt {
padding: 0 10px;
min-width: 100px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Gothic MB101 Medium", sans-serif;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.search__fifth dt {
display: none;
}
}
.search__fifth dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.search__fifth dd:before {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 14px;
font-size: 1.4rem;
content: '\f303';
z-index: 3;
color: #999;
}
.search__fifth dd input[type="search"].work__search_input {
background-color: #f1f1f1;
font-size: 16px;
font-size: 1.6rem;
padding: 15px 2em;
font-family: "Gothic MB101 Regular", sans-serif !important;
height: 55px;
position: relative;
z-index: 2;
}
.search__fifth dd input[type="search"].work__search_input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.search__fifth dd button {
background-color: #010101;
color: #fff;
height: 55px;
width: 58px;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
cursor: pointer;
}
.search__fifth dd button:hover {
background-color: #e0241c;
}
.serch__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1230px;
margin: 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 5px;
position: relative;
}
.search__result_box {
margin: 0 auto;
position: relative;
padding: 10px;
width: 40%;
}
.search__result {
text-align: center;
font-size: 22px;
font-size: 2.2rem;
}
.search__result:after {
content: '\4EF6';
font-size: 0.8em;
display: inline-block;
padding-left: 0.25em;
}
html[lang=en-US] .search__result:after {
content: 'Results';
font-size: 0.8em;
display: inline-block;
padding-left: 0.25em;
}
.filter-content__work .card__style {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.work__loading {
display: none;
text-align: center;
width: 100%;
height: 300px;
}
.work__loading img {
width: 32px;
}
.btn__serch_box {
padding: 15px 0;
text-align: center;
}
@media only screen and (max-width: 768px) {
.btn__serch_box {
padding: 10px 0;
}
}
.btn__serch_box button {
width: 240px;
border-radius: 6px;
background-color: #ddd;
padding: 10px 5px;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.4em;
font-family: "Gothic MB101 Bold", sans-serif;
cursor: pointer;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
outline: none;
}
.btn__serch_box button:hover {
background-color: #e0241c;
color: #fff;
}
html[lang=en-US] .btn__serch_box button {
letter-spacing: normal;
}
.search__ui_section {
background-color: #fafafa;
}
.search__first li {
position: relative;
}
.search__first li label {
overflow: hidden;
}
.search__first li input {
position: absolute;
top: -30px;
}
.search__second ul {
display: none;
}
.search__second ul.current {
display: block;
}
.search__second li input[type="radio"] {
display: none;
}
.search__second input[type="radio"] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} .search__second li label {
cursor: pointer;
position: relative; word-break: break-all;
}
.search__second li label input[type="radio"] + span {
position: relative;
padding: 0 15px 0 20px;
}
.search__second label span {
display: inline-block;
}
.search__second label input[type="radio"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.search__second label input[type="radio"] + span::before {
position: absolute;
display: inline-block;
content: '';
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 14px;
}
.search__second label input[type="radio"] + span::before {
z-index: 0;
top: 6px;
left: 0;
background-color: transparent;
width: 14px;
height: 14px;
border: 2px #ccc solid;
-webkit-transition: 300ms ease;
transition: 300ms ease;
}
.search__second label input[type="radio"]:checked + span {
color: #e0241c;
}
.search__second label input[type="radio"]:checked + span::before {
border: 5px #e0241c solid;
}
.article h2 {
font-size: 18px;
font-size: 1.8rem;
padding-top: 60px;
padding-bottom: 30px;
font-weight: bold;
}
.article h2:first-of-type {
padding-top: 0;
}
@media only screen and (max-width: 768px) {
.article h2 {
padding-top: 30px;
padding-bottom: 15px;
}
}
.article.type-news h2 {
font-size: 22px;
font-size: 2.2rem;
}
.article.type-feature h2.title {
font-size: 50px;
font-size: 5rem;
font-weight: lighter;
}
@media only screen and (max-width: 768px) {
.article.type-feature h2.title {
font-size: 33.33333px;
font-size: 3.33333rem;
}
}
.article h3 {
font-size: 20px;
font-size: 2rem;
padding-top: 60px;
padding-bottom: 30px;
font-weight: bold;
}
@media only screen and (max-width: 768px) {
.article h3 {
font-size: 16.36364px;
font-size: 1.63636rem;
padding-top: 30px;
padding-bottom: 15px;
}
}
.article .inner + h3 {
padding-top: 0;
}
.article.type-news h3 {
padding-bottom: 5px;
}
.article.type-news figure {
width: 100% !important;
}
@media only screen and (max-width: 768px) {
.article.type-news figure {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px) !important;
}
}
.article.type-news figure img {
width: 100%;
}
.article.type-news figure figcaption {
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
.article.type-news figure figcaption {
padding: 0 15px;
}
}
.article.category-news img {
margin: 1em 0;
}
.nav-links .page-numbers.current {
color: #e0241c;
}
.js-carousel-list,
.js-carousel-list-std {
max-width: 1200px;
margin: 0 auto;
}
.js-carousel-list li,
.js-carousel-list li.card__style .card__item,
.js-carousel-list-std li,
.js-carousel-list-std li.card__style .card__item {
width: 20% !important;
}
@media only screen and (max-width: 768px) {
.js-carousel-list li,
.js-carousel-list li.card__style .card__item,
.js-carousel-list-std li,
.js-carousel-list-std li.card__style .card__item {
width: 50% !important;
}
}
.button--next,
.button--prev {
position: absolute;
z-index: 200;
top: 2vw;
font-size: 50px;
font-size: 5rem;
color: #ccc;
}
@media only screen and (max-width: 768px) {
.button--next,
.button--prev {
top: 8vw;
}
}
@media only screen and (max-width: 640px) {
.button--next,
.button--prev {
top: 3vw;
}
}
.button--next:before,
.button--prev:before {
color: #ccc;
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
}
.ios8 .button--prev {
display: none;
}
.button--prev {
left: 15px;
}
.button--prev:before {
content: '\f104';
}
.button--next {
right: 15px;
}
.button--next:before {
content: '\f105';
}
.bnr__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bnr__list li {
width: 50%;
}
@media only screen and (max-width: 768px) {
.bnr__list li {
width: 100%;
}
}
.post-thumbnail {
margin-bottom: 1em;
display: block;
}
.more-link {
color: #e0241c;
}
.fancybox-enabled {
overflow: hidden;
}
.fancybox-enabled body {
overflow: visible;
height: 100%;
}
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden;
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} .fancybox-container ~ .fancybox-container {
z-index: 99992;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.87;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .25s, visibility 0s linear .25s;
transition: opacity .25s, visibility 0s linear .25s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .25s, visibility 0s;
transition: opacity .25s, visibility 0s;
}
.fancybox-infobar {
top: 0;
left: 50%;
margin-left: -79px;
}
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
}
.fancybox-toolbar {
top: 0;
right: 0;
}
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translate3d(0, 0, 0);
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: visible;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
background: #000;
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
background: #E5E3DF;
}
.fancybox-slide--next {
z-index: 99995;
}
.fancybox-slide > div {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff;
}
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff;
}
.fancybox-error {
margin: 0;
padding: 40px;
width: 100%;
max-width: 380px;
background: #fff;
cursor: default;
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer;
}
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background: #fff;
-webkit-transition: background .25s;
transition: background .25s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
}
.fancybox-close-small:focus:after {
outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
color: #555;
background: #eee;
}
.fancybox-slide--iframe .fancybox-close-small {
top: 0;
right: -44px;
}
.fancybox-slide--iframe .fancybox-close-small:after {
background: transparent;
font-size: 35px;
color: #aaa;
}
.fancybox-slide--iframe .fancybox-close-small:hover:after {
color: #fff;
} .fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0 30px;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
pointer-events: none;
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
pointer-events: all;
}
.fancybox-caption a {
color: #fff;
text-decoration: underline;
} .fancybox-button {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
border: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
background: transparent;
color: #ddd;
border-radius: 0;
cursor: pointer;
vertical-align: top;
outline: none;
}
.fancybox-button[disabled] {
cursor: default;
pointer-events: none;
}
.fancybox-infobar__body, .fancybox-button {
background: rgba(30, 30, 30, 0.6);
}
.fancybox-button:hover:not([disabled]) {
color: #fff;
background: rgba(0, 0, 0, 0.8);
}
.fancybox-button::before,
.fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
}
.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
opacity: 0.3;
}
.fancybox-button--left::after,
.fancybox-button--right::after {
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
}
.fancybox-button--left::after {
left: 20px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.fancybox-button--right::after {
right: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fancybox-button--left {
border-bottom-left-radius: 5px;
}
.fancybox-button--right {
border-bottom-right-radius: 5px;
}
.fancybox-button--close::before, .fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px);
}
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .fancybox-arrow {
position: absolute;
top: 50%;
margin: -50px 0 0 0;
height: 100px;
width: 54px;
padding: 0;
border: 0;
outline: none;
background: none;
cursor: pointer;
z-index: 99995;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.fancybox-arrow::after {
content: '';
position: absolute;
top: 28px;
width: 44px;
height: 44px;
background-color: rgba(30, 30, 30, 0.8);
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: center center;
background-size: 24px 24px;
}
.fancybox-arrow--right {
right: 0;
}
.fancybox-arrow--left {
left: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
left: 0;
}
.fancybox-show-nav .fancybox-arrow {
opacity: 0.6;
}
.fancybox-show-nav .fancybox-arrow[disabled] {
opacity: 0.3;
} .fancybox-slide > .fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} .fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
} .fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
} .fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
} .fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-width: 800px) {
.fancybox-infobar {
left: 0;
margin-left: 0;
}
.fancybox-button--left,
.fancybox-button--right {
display: none !important;
}
.fancybox-caption {
padding: 20px 0;
margin: 0;
}
} .fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: calc(50% - 7px);
top: calc(50% - 6px);
border: 2px solid;
background: none;
} .fancybox-button--play::before,
.fancybox-button--pause::before {
top: calc(50% - 6px);
left: calc(50% - 4px);
background: transparent;
}
.fancybox-button--play::before {
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px;
}
.fancybox-button--pause::before {
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px 0 2px;
} .fancybox-thumbs {
display: none;
}
.fancybox-button--thumbs {
display: none;
}
@media all and (min-width: 800px) {
.fancybox-button--thumbs {
display: inline-block;
}
.fancybox-button--thumbs span {
font-size: 23px;
}
.fancybox-button--thumbs::before {
width: 3px;
height: 3px;
top: calc(50% - 2px);
left: calc(50% - 2px);
-webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
}
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
word-break: normal;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 99995;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 220px;
}
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0;
}
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid transparent;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1;
}
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://www.mhs.co.jp/wp/wp-content/themes/mhs/common/css/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://www.mhs.co.jp/wp/wp-content/themes/mhs/common/css/fonts/slick.eot);
src: url(https://www.mhs.co.jp/wp/wp-content/themes/mhs/common/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.mhs.co.jp/wp/wp-content/themes/mhs/common/css/fonts/slick.woff) format("woff"), url(https://www.mhs.co.jp/wp/wp-content/themes/mhs/common/css/fonts/slick.ttf) format("truetype"), url(https://www.mhs.co.jp/wp/wp-content/themes/mhs/common/css/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
} .flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
-webkit-box-shadow: 0 0 0 5px #19F;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: #333;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
} .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
} .carousel__list,
.hero__carousel,
.news__line,
.work__gallery,
.work__gallery_list {
opacity: 0;
-webkit-transition: 300ms ease-out;
transition: 300ms ease-out;
}
.carousel__list.slick-initialized,
.hero__carousel.slick-initialized,
.news__line.slick-initialized,
.work__gallery.slick-initialized,
.work__gallery_list.slick-initialized {
opacity: 1;
}
.slick-track {
margin-left: 0;
}
.slick-dots {
right: 40px;
bottom: 0;
text-align: right;
letter-spacing: -0.4em;
}
@media only screen and (max-width: 768px) {
.slick-dots {
right: 15px;
}
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-dots li {
display: inline-block;
position: relative;
padding: 0;
letter-spacing: normal;
cursor: pointer;
margin: 0 2px;
width: 50px;
height: 50px;
}
.slick-dots li:before {
content: '';
display: block;
width: 100%;
height: 4px;
background: #fff;
position: absolute;
top: 50%;
opacity: 0.5;
}
.slick-dots li.slick-active:before {
background: #fff;
opacity: 1;
}
.slick-dots li button {
display: block;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0);
padding: 0;
border: 0;
outline: none;
color: transparent;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.slick-dots li button::before {
display: none;
position: absolute;
top: 5px;
left: 5px;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #000;
opacity: 0.3;
text-align: center;
content: '';
}
.slick-dots li.slick-active button::before {
background-color: #666;
opacity: 1;
}
.slick-next,
.slick-prev {
font-size: 0 !important;
color: rgba(255, 255, 255, 0);
position: absolute;
top: 20%;
color: #fff;
border: 0;
background: none;
z-index: 1;
}
.related__content .slick-next, .related__content
.slick-prev {
color: #ccc;
}
.slick-prev {
left: 3px;
}
.slick-next {
right: 3px;
text-align: right;
}
.slick-prev:before {
content: '\f104';
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 60px;
font-size: 6rem;
}
.slick-next:before {
content: '\f105';
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 60px;
font-size: 6rem;
}
.slick-next:hover:after,
.slick-prev:hover:after {
color: #7e7e7e;
} .lazy {
-webkit-transition: all 2000ms ease;
transition: all 2000ms ease;
-webkit-transform: translate(0, 15px);
transform: translate(0, 15px);
}
.lazy.lazyloaded {
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
.wp {
opacity: 0;
-webkit-transition-duration: 1600ms;
transition-duration: 1600ms;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
.wp:nth-child(0) {
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
}
.wp:nth-child(1) {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.wp:nth-child(2) {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.wp:nth-child(3) {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
.wp:nth-child(4) {
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.wp:nth-child(5) {
-webkit-transition-delay: 750ms;
transition-delay: 750ms;
}
.wp:nth-child(6) {
-webkit-transition-delay: 900ms;
transition-delay: 900ms;
}
.wp:nth-child(7) {
-webkit-transition-delay: 1050ms;
transition-delay: 1050ms;
}
.wp:nth-child(8) {
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.wp:nth-child(9) {
-webkit-transition-delay: 1350ms;
transition-delay: 1350ms;
}
.wp:nth-child(10) {
-webkit-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.wp:nth-child(11) {
-webkit-transition-delay: 1650ms;
transition-delay: 1650ms;
}
.wp:nth-child(12) {
-webkit-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.wp:nth-child(13) {
-webkit-transition-delay: 1950ms;
transition-delay: 1950ms;
}
.wp:nth-child(14) {
-webkit-transition-delay: 2100ms;
transition-delay: 2100ms;
}
.wp:nth-child(15) {
-webkit-transition-delay: 2250ms;
transition-delay: 2250ms;
}
.wp:nth-child(16) {
-webkit-transition-delay: 2400ms;
transition-delay: 2400ms;
}
.wp:nth-child(17) {
-webkit-transition-delay: 2550ms;
transition-delay: 2550ms;
}
.wp:nth-child(18) {
-webkit-transition-delay: 2700ms;
transition-delay: 2700ms;
}
.wp:nth-child(19) {
-webkit-transition-delay: 2850ms;
transition-delay: 2850ms;
}
.wp:nth-child(20) {
-webkit-transition-delay: 3000ms;
transition-delay: 3000ms;
}
.isIE .wp {
-webkit-transform: translate3d(0, 15px, 0) rotate(0.001deg);
transform: translate3d(0, 15px, 0) rotate(0.001deg);
}
.wp-active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.isIE .wp-active {
-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
transform: translate3d(0, 0, 0) rotate(0.001deg);
}
.sticky {
position: sticky;
}
.sticky.sticky-fixed.is-sticky {
margin-top: 0;
margin-bottom: 0;
position: fixed;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.sticky.sticky-fixed.is-sticky:not([style*="margin-top"]) {
margin-top: 0 !important;
}
.sticky.sticky-fixed.is-sticky:not([style*="margin-bottom"]) {
margin-bottom: 0 !important;
}
.sticky.sticky-fixed.is-absolute {
position: absolute;
}
@media print {
.article__fotoer,
.carousel__list_wrap,
.footer,
.pagetop,
.selector__navi_wrap {
display: none;
}
.hero {
max-height: 450px !important;
}
.wp {
opacity: 1;
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
-webkit-transition-duration: 0;
transition-duration: 0;
}
}