@charset "UTF-8";


@-webkit-keyframes homeMVLeadStrong {
0% {
color: #333;
}
30% {
color: #00aeeb;
}
100% {
color: #3075b6;
}
}
@keyframes homeMVLeadStrong {
0% {
color: #333;
}
30% {
color: #00aeeb;
}
100% {
color: #3075b6;
}
}
@-webkit-keyframes scale {
0% {
opacity: 0;
-webkit-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6);
}
66% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes scale {
0% {
opacity: 0;
-webkit-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6);
}
66% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
*, ::after, ::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, .c-head-1, h2, .c-head-2, h3, .c-head-3, h4, .c-head-4, h5, .c-head-5, h6, .c-head-6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[data-original-title], abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]) {
color: inherit;
text-decoration: none;
}
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
code, kbd, pre, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=checkbox], input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
html, body, div, span, object, iframe,
h1,
.c-head-1, h2, .c-head-2, h3, .c-head-3, h4, .c-head-4, h5, .c-head-5, h6, .c-head-6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
html::first-letter, body::first-letter, div::first-letter, span::first-letter, object::first-letter, iframe::first-letter,
h1::first-letter,
.c-head-1::first-letter, h2::first-letter, .c-head-2::first-letter, h3::first-letter, .c-head-3::first-letter, h4::first-letter, .c-head-4::first-letter, h5::first-letter, .c-head-5::first-letter, h6::first-letter, .c-head-6::first-letter, p::first-letter, blockquote::first-letter, pre::first-letter,
abbr::first-letter, address::first-letter, cite::first-letter, code::first-letter,
del::first-letter, dfn::first-letter, em::first-letter, img::first-letter, ins::first-letter, kbd::first-letter, q::first-letter, samp::first-letter,
small::first-letter, strong::first-letter, sub::first-letter, sup::first-letter, var::first-letter,
b::first-letter, i::first-letter,
dl::first-letter, dt::first-letter, dd::first-letter, ol::first-letter, ul::first-letter, li::first-letter,
fieldset::first-letter, form::first-letter, label::first-letter, legend::first-letter,
table::first-letter, caption::first-letter, tbody::first-letter, tfoot::first-letter, thead::first-letter, tr::first-letter, th::first-letter, td::first-letter,
article::first-letter, aside::first-letter, canvas::first-letter, details::first-letter, figcaption::first-letter, figure::first-letter,
footer::first-letter, header::first-letter, hgroup::first-letter, menu::first-letter, nav::first-letter, section::first-letter, summary::first-letter,
time::first-letter, mark::first-letter, audio::first-letter, video::first-letter {
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
body {
background-color: #fff;
color: #333;
font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 15px;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
-webkit-text-size-adjust: 100%;
}
@media (min-width: 768px) {
body {
font-size: 16px;
}
}
button {
margin: 0;
padding: 0;
background: none;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
button:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
a {
color: #00aeeb;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a img {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a:hover {
-webkit-tap-highlight-color: transparent;
color: #52d2ff;
}
a:hover > img {
opacity: 0.6;
}
@media screen and (min-width: 992px) {
a:hover {
color: #52d2ff;
}
a:hover > img {
opacity: 0.6;
}
}
hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #e0e0e0;
height: 1px;
}
p {
line-height: 1.8;
}
small {
font-size: 87.5%;
}
ul, ol,
.wp-block-freeform.block-library-rich-text__tinymce ol,
.wp-block-freeform.block-library-rich-text__tinymce ul {
padding-left: 20px;
line-height: 1.8;
}
ul.row,
ul.natural,
ol.row,
ol.natural,
.wp-block-freeform.block-library-rich-text__tinymce ul.row,
.wp-block-freeform.block-library-rich-text__tinymce ul.natural,
.wp-block-freeform.block-library-rich-text__tinymce ol.row,
.wp-block-freeform.block-library-rich-text__tinymce ol.natural {
padding-left: 0;
}
ul.row li,
ul.natural li,
ol.row li,
ol.natural li,
.wp-block-freeform.block-library-rich-text__tinymce ul.row li,
.wp-block-freeform.block-library-rich-text__tinymce ul.natural li,
.wp-block-freeform.block-library-rich-text__tinymce ol.row li,
.wp-block-freeform.block-library-rich-text__tinymce ol.natural li {
list-style: none;
}
br.pc {
display: none;
}
@media (min-width: 992px) {
br.pc {
display: inline;
}
}
table:not(.c-table-1):not(.p-serviceTable) {
width: 100%;
margin-bottom: 12px;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
table:not(.c-table-1):not(.p-serviceTable) {
margin-bottom: 15px;
}
}
table:not(.c-table-1):not(.p-serviceTable) th, table:not(.c-table-1):not(.p-serviceTable) td {
padding: 10px 15px;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
table:not(.c-table-1):not(.p-serviceTable) th {
font-weight: bold;
}
.c-btn {
display: inline-block;
min-width: 270px;
padding: 1.1em 1.5em;
background-color: transparent;
border: 2px solid transparent;
border-radius: 5px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1.3;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
position: relative;
}
@media (max-width: 767.98px) {
.c-btn {
min-width: 250px;
}
}
.c-btn--sm {
min-width: 200px;
padding: 0.8em 1.2em;
}
.c-btn--lg {
min-width: 310px;
font-size: 16.8px;
}
@media (min-width: 768px) {
.c-btn--lg {
font-size: 20px;
}
}
@media (max-width: 767.98px) {
.c-btn--lg {
width: 100%;
min-width: 0;
}
}
.c-btn--primary {
background-color: #3075b6;
border-color: #3075b6;
}
.c-btn--primary-outline {
background-color: transparent;
border-color: #3075b6;
color: #3075b6;
}
.c-btn--secondary {
background-color: #00aeeb;
border-color: #00aeeb;
}
.c-btn--secondary-outline {
background-color: transparent;
border-color: #00aeeb;
color: #00aeeb;
}
.c-btn--success {
background-color: #0f0;
border-color: #0f0;
}
.c-btn--success-outline {
background-color: transparent;
border-color: #0f0;
color: #0f0;
}
.c-btn--info {
background-color: #00f;
border-color: #00f;
}
.c-btn--info-outline {
background-color: transparent;
border-color: #00f;
color: #00f;
}
.c-btn--warning {
background-color: #ffd703;
border-color: #ffd703;
}
.c-btn--warning-outline {
background-color: transparent;
border-color: #ffd703;
color: #ffd703;
}
.c-btn--danger {
background-color: #dd2e1e;
border-color: #dd2e1e;
}
.c-btn--danger-outline {
background-color: transparent;
border-color: #dd2e1e;
color: #dd2e1e;
}
.c-btn--white {
background-color: #fff;
border-color: #fff;
color: #333;
}
.c-btn--white-outline {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.c-btn--black {
background-color: #000;
border-color: #000;
}
.c-btn--black-outline {
background-color: transparent;
border-color: #000;
color: #000;
}
.c-btn--light {
background-color: #f8f8f8;
border-color: #f8f8f8;
}
.c-btn--light-outline {
background-color: transparent;
border-color: #f8f8f8;
color: #f8f8f8;
}
.c-btn--dark {
background-color: #666;
border-color: #666;
}
.c-btn--dark-outline {
background-color: transparent;
border-color: #666;
color: #666;
}
.c-btn--contact {
background-color: #ffd703;
border-color: #ffd703;
color: #3075b6;
}
.c-btn--border {
background-color: transparent;
border-color: #e0e0e0;
color: #3075b6;
}
.c-btn--gradation {
background: #00aeeb -webkit-gradient(linear, left top, right top, from(#00aeeb), to(#006ab8));
background: #00aeeb -o-linear-gradient(left, #00aeeb 0%, #006ab8 100%);
background: #00aeeb linear-gradient(90deg, #00aeeb 0%, #006ab8 100%);
border: none;
color: #fff;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
position: relative;
z-index: 1;
}
.c-btn--gradation:before {
content: "";
display: block;
width: 100%;
height: 100%;
border: 2px solid transparent;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a.c-btn:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
text-decoration: none;
}
a.c-btn:hover img {
opacity: 1;
}
@media screen and (min-width: 992px) {
a.c-btn:hover {
background-color: transparent;
text-decoration: none;
}
a.c-btn:hover img {
opacity: 1;
}
}
a.c-btn--primary {
color: #fff;
}
a.c-btn--primary:hover {
-webkit-tap-highlight-color: transparent;
color: #3075b6;
}
@media screen and (min-width: 992px) {
a.c-btn--primary:hover {
color: #3075b6;
}
}
a.c-btn--primary-outline {
background-color: transparent;
border-color: #3075b6;
color: #3075b6;
}
a.c-btn--primary-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #3075b6;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--primary-outline:hover {
background-color: #3075b6;
color: #fff;
}
}
a.c-btn--secondary {
color: #fff;
}
a.c-btn--secondary:hover {
-webkit-tap-highlight-color: transparent;
color: #00aeeb;
}
@media screen and (min-width: 992px) {
a.c-btn--secondary:hover {
color: #00aeeb;
}
}
a.c-btn--secondary-outline {
background-color: transparent;
border-color: #00aeeb;
color: #00aeeb;
}
a.c-btn--secondary-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #00aeeb;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--secondary-outline:hover {
background-color: #00aeeb;
color: #fff;
}
}
a.c-btn--success {
color: #fff;
}
a.c-btn--success:hover {
-webkit-tap-highlight-color: transparent;
color: #0f0;
}
@media screen and (min-width: 992px) {
a.c-btn--success:hover {
color: #0f0;
}
}
a.c-btn--success-outline {
background-color: transparent;
border-color: #0f0;
color: #0f0;
}
a.c-btn--success-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #0f0;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--success-outline:hover {
background-color: #0f0;
color: #fff;
}
}
a.c-btn--info {
color: #fff;
}
a.c-btn--info:hover {
-webkit-tap-highlight-color: transparent;
color: #00f;
}
@media screen and (min-width: 992px) {
a.c-btn--info:hover {
color: #00f;
}
}
a.c-btn--info-outline {
background-color: transparent;
border-color: #00f;
color: #00f;
}
a.c-btn--info-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #00f;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--info-outline:hover {
background-color: #00f;
color: #fff;
}
}
a.c-btn--warning {
color: #fff;
}
a.c-btn--warning:hover {
-webkit-tap-highlight-color: transparent;
color: #ffd703;
}
@media screen and (min-width: 992px) {
a.c-btn--warning:hover {
color: #ffd703;
}
}
a.c-btn--warning-outline {
background-color: transparent;
border-color: #ffd703;
color: #ffd703;
}
a.c-btn--warning-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #ffd703;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--warning-outline:hover {
background-color: #ffd703;
color: #fff;
}
}
a.c-btn--danger {
color: #fff;
}
a.c-btn--danger:hover {
-webkit-tap-highlight-color: transparent;
color: #dd2e1e;
}
@media screen and (min-width: 992px) {
a.c-btn--danger:hover {
color: #dd2e1e;
}
}
a.c-btn--danger-outline {
background-color: transparent;
border-color: #dd2e1e;
color: #dd2e1e;
}
a.c-btn--danger-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #dd2e1e;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--danger-outline:hover {
background-color: #dd2e1e;
color: #fff;
}
}
a.c-btn--white {
color: #333;
}
a.c-btn--white:hover {
-webkit-tap-highlight-color: transparent;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--white:hover {
color: #fff;
}
}
a.c-btn--white-outline {
background-color: transparent;
border-color: #fff;
color: #fff;
}
a.c-btn--white-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
color: #333;
}
@media screen and (min-width: 992px) {
a.c-btn--white-outline:hover {
background-color: #fff;
color: #333;
}
}
a.c-btn--black {
color: #fff;
}
a.c-btn--black:hover {
-webkit-tap-highlight-color: transparent;
color: #000;
}
@media screen and (min-width: 992px) {
a.c-btn--black:hover {
color: #000;
}
}
a.c-btn--black-outline {
background-color: transparent;
border-color: #000;
color: #000;
}
a.c-btn--black-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #000;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--black-outline:hover {
background-color: #000;
color: #fff;
}
}
a.c-btn--light {
color: #fff;
}
a.c-btn--light:hover {
-webkit-tap-highlight-color: transparent;
color: #f8f8f8;
}
@media screen and (min-width: 992px) {
a.c-btn--light:hover {
color: #f8f8f8;
}
}
a.c-btn--light-outline {
background-color: transparent;
border-color: #f8f8f8;
color: #f8f8f8;
}
a.c-btn--light-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #f8f8f8;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--light-outline:hover {
background-color: #f8f8f8;
color: #fff;
}
}
a.c-btn--dark {
color: #fff;
}
a.c-btn--dark:hover {
-webkit-tap-highlight-color: transparent;
color: #666;
}
@media screen and (min-width: 992px) {
a.c-btn--dark:hover {
color: #666;
}
}
a.c-btn--dark-outline {
background-color: transparent;
border-color: #666;
color: #666;
}
a.c-btn--dark-outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #666;
color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn--dark-outline:hover {
background-color: #666;
color: #fff;
}
}
a.c-btn--contact {
color: #3075b6;
}
a.c-btn--contact:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
border-color: #ffd703;
color: #ffd703;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.c-btn--contact:hover {
background-color: transparent;
border-color: #ffd703;
color: #ffd703;
text-decoration: none;
}
}
a.c-btn--border {
color: #3075b6;
}
a.c-btn--border:hover {
-webkit-tap-highlight-color: transparent;
background-color: #e0e0e0;
color: #3075b6;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.c-btn--border:hover {
background-color: #e0e0e0;
color: #3075b6;
text-decoration: none;
}
}
a.c-btn--gradation:hover {
-webkit-tap-highlight-color: transparent;
background: transparent;
color: #00aeeb;
text-decoration: none;
}
a.c-btn--gradation:hover:before {
border-color: #00aeeb;
}
@media screen and (min-width: 992px) {
a.c-btn--gradation:hover {
background: transparent;
color: #00aeeb;
text-decoration: none;
}
a.c-btn--gradation:hover:before {
border-color: #00aeeb;
}
}
.c-btn-icon {
margin-right: 0.4em;
}
.c-btn-2col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -20px;
margin-bottom: -15px;
}
@media (min-width: 768px) {
.c-btn-2col {
margin-bottom: -20px;
}
}
@media (min-width: 992px) {
.c-btn-2col {
margin-left: -40px;
}
}
.c-btn-2col__inner {
padding-left: 20px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.c-btn-2col__inner {
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
.c-btn-2col__inner {
padding-left: 40px;
}
}
.c-link-arrow {
padding-right: 0.8em;
position: relative;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.c-link-arrow:before {
content: "";
display: block;
width: 0.45em;
height: 0.45em;
border-top: 2px solid #00aeeb;
border-right: 2px solid #00aeeb;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a.c-link-arrow:hover {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
}
a.c-link-arrow:hover:before {
border-color: #52d2ff;
}
@media screen and (min-width: 992px) {
a.c-link-arrow:hover {
text-decoration: none;
}
a.c-link-arrow:hover:before {
border-color: #52d2ff;
}
}
.c-cat {
display: inline-block;
min-width: 90px;
padding: 0.4em 0.5em;
background-color: transparent;
border: 2px solid #00aeeb;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #00aeeb;
font-size: 13.7142857143px;
text-align: center;
line-height: 1;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (min-width: 768px) {
.c-cat {
font-size: 14px;
}
}
.c-cat.is-active {
background-color: #00aeeb;
color: #fff;
}
.c-cat--info {
border-color: #6c45b4;
color: #6c45b4;
}
.c-cat--info.is-active {
background-color: #6c45b4;
color: #fff;
}
.c-cat--release {
border-color: #e95e1e;
color: #e95e1e;
}
.c-cat--release.is-active {
background-color: #e95e1e;
color: #fff;
}
.c-cat:hover {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.c-cat:hover {
text-decoration: none;
}
}
a.c-cat:hover {
-webkit-tap-highlight-color: transparent;
background-color: #00aeeb;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.c-cat:hover {
background-color: #00aeeb;
color: #fff;
text-decoration: none;
}
}
a.c-cat--info:hover {
-webkit-tap-highlight-color: transparent;
background-color: #6c45b4;
}
@media screen and (min-width: 992px) {
a.c-cat--info:hover {
background-color: #6c45b4;
}
}
a.c-cat--release:hover {
-webkit-tap-highlight-color: transparent;
background-color: #e95e1e;
}
@media screen and (min-width: 992px) {
a.c-cat--release:hover {
background-color: #e95e1e;
}
}
.c-formControl, .c-formControl--border {
display: block;
width: 100%;
height: 3.1em;
padding: 0.8em 1em;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e0e0e0;
border-radius: 5px;
color: #333;
font-size: 16px;
line-height: 1.5em;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (min-width: 1077px) {
.c-formControl, .c-formControl--border {
font-size: 16px;
}
}
.c-formControl::-ms-expand, .c-formControl--border::-ms-expand {
background-color: #e0e0e0;
border: 0;
}
.c-formControl:focus, .c-formControl--border:focus {
outline: none;
background-color: white;
}
.c-formControl::-webkit-input-placeholder, .c-formControl--border::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
.c-formControl::-moz-placeholder, .c-formControl--border::-moz-placeholder {
color: #999;
opacity: 1;
}
.c-formControl:-ms-input-placeholder, .c-formControl--border:-ms-input-placeholder {
color: #999;
opacity: 1;
}
.c-formControl::-ms-input-placeholder, .c-formControl--border::-ms-input-placeholder {
color: #999;
opacity: 1;
}
.c-formControl::placeholder, .c-formControl--border::placeholder {
color: #999;
opacity: 1;
}
.c-formControl:disabled, .c-formControl--border:disabled, .c-formControl[readonly], [readonly].c-formControl--border {
background-color: #f8f8f8;
opacity: 1;
}
.c-formControl--border {
border-color: #e0e0e0;
}
select.c-formControl:focus::-ms-value, select.c-formControl--border:focus::-ms-value {
color: #333;
background-color: white;
}
select.c-formControl[size], select[size].c-formControl--border, select.c-formControl[multiple], select[multiple].c-formControl--border {
height: auto;
}
select.c-formControl--border {
border-color: #e0e0e0;
}
select.c-formControl--border[size], select.c-formControl--border[multiple] {
height: auto;
}
textarea.c-formControl, textarea.c-formControl--border {
height: auto;
}
.c-formRequired {
display: inline-block;
margin-left: 0.3em;
margin-right: 0.3em;
color: #dd2e1e;
font-size: 80%;
}
h1, .c-head-1,
h2,
.c-head-2,
h3,
.c-head-3,
h4,
.c-head-4,
h5,
.c-head-5,
h6,
.c-head-6 {
line-height: 1.3;
}
h1, .c-head-1,
h2,
.c-head-2 {
margin-top: 60px;
margin-bottom: 30px;
color: #00aeeb;
font-size: 20.1081081081px;
font-weight: bold;
}
@media (min-width: 768px) {
h1, .c-head-1,
h2,
.c-head-2 {
margin-top: 80px;
}
}
@media (min-width: 768px) {
h1, .c-head-1,
h2,
.c-head-2 {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
h1, .c-head-1,
h2,
.c-head-2 {
font-size: 37px;
}
}
h1--white,
h2--white {
color: #fff;
}
h3, .c-head-3 {
margin-top: 60px;
margin-bottom: 30px;
padding-bottom: 12px;
border-bottom: 2px solid #00aeeb;
color: #333;
font-size: 19.2px;
font-weight: bold;
}
@media (min-width: 768px) {
h3, .c-head-3 {
margin-top: 80px;
}
}
@media (min-width: 768px) {
h3, .c-head-3 {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
h3, .c-head-3 {
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
h3, .c-head-3 {
font-size: 30px;
}
}
h4, .c-head-4 {
margin-top: 60px;
margin-bottom: 20px;
padding-left: 15px;
border-left: 4px solid #3075b6;
color: #3075b6;
font-size: 18.4615384615px;
font-weight: bold;
}
@media (min-width: 768px) {
h4, .c-head-4 {
margin-top: 80px;
}
}
@media (min-width: 768px) {
h4, .c-head-4 {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
h4, .c-head-4 {
font-size: 26px;
}
}
h4.-gold, .-gold.c-head-4 {
border-left-color: #bb8e09;
color: #bb8e09;
}
h5, .c-head-5 {
margin-top: 30px;
margin-bottom: 20px;
padding-bottom: 8px;
border-bottom: 2px solid #3075b6;
color: #3075b6;
font-size: 15px;
font-weight: bold;
}
@media (min-width: 768px) {
h5, .c-head-5 {
margin-top: 40px;
}
}
@media (min-width: 768px) {
h5, .c-head-5 {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
h5, .c-head-5 {
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
h5, .c-head-5 {
font-size: 16px;
}
}
h5.-gold, .-gold.c-head-5 {
border-bottom-color: #bb8e09;
color: #bb8e09;
}
h6, .c-head-6 {
margin-bottom: 12px;
color: #3075b6;
font-size: 15px;
font-weight: bold;
}
@media (min-width: 768px) {
h6, .c-head-6 {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
h6, .c-head-6 {
font-size: 16px;
}
}
h1.plain, .plain.c-head-1, h2.plain, .plain.c-head-2, h3.plain, .plain.c-head-3, h4.plain, .plain.c-head-4, h5.plain, .plain.c-head-5, h6.plain, .plain.c-head-6 {
padding: 0;
background: none;
border: none;
}
h1.plain:before, .plain.c-head-1:before, h2.plain:before, .plain.c-head-2:before, h3.plain:before, .plain.c-head-3:before, h4.plain:before, .plain.c-head-4:before, h5.plain:before, .plain.c-head-5:before, h6.plain:before, .plain.c-head-6:before {
display: none;
}
.c-head-1 {
padding: 0;
background: none;
border: none;
}
.c-head-1:before {
display: none;
}
.c-head-2 {
padding: 0;
background: none;
border: none;
}
.c-head-2:before {
display: none;
}
.c-head-3 {
padding: 0;
background: none;
border: none;
}
.c-head-3:before {
display: none;
}
.c-head-4 {
padding: 0;
background: none;
border: none;
}
.c-head-4:before {
display: none;
}
.c-head-5 {
padding: 0;
background: none;
border: none;
}
.c-head-5:before {
display: none;
}
.c-head-6 {
padding: 0;
background: none;
border: none;
}
.c-head-6:before {
display: none;
}
.c-head-disc {
padding: 0;
background: none;
border: none;
padding-left: 1em;
color: #333;
position: relative;
}
.c-head-disc:before {
display: none;
}
.c-head-disc:before {
content: "";
display: block;
width: 0.7em;
height: 0.7em;
border-radius: 999px;
background-color: #333;
position: absolute;
top: 0.3em;
left: 0;
}
.c-list-1 {
padding-left: 0;
}
.c-list-1 li {
list-style: none;
}
.c-list-1 > li {
margin-bottom: 5px;
padding-left: 1.2em;
position: relative;
}
@media (min-width: 768px) {
.c-list-1 > li {
margin-bottom: 5px;
}
}
.c-list-1 > li:before {
content: "";
width: 0.6em;
height: 0.6em;
background-color: #333;
border-radius: 99px;
position: absolute;
top: 0.7em;
left: 0;
}
.c-list-1--primary > li:before {
background-color: #3075b6;
}
.c-list-check {
padding-left: 0;
}
.c-list-check li {
list-style: none;
}
.c-list-check > li {
margin-bottom: 5px;
padding-left: 30px;
position: relative;
}
@media (min-width: 768px) {
.c-list-check > li {
margin-bottom: 5px;
}
}
.c-list-check > li:before {
content: "";
display: block;
width: 19px;
height: 1.8em;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.1012%22%20height%3D%2218.6559%22%20viewBox%3D%220%200%2018.1012%2018.6559%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%233075b6%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M214.412%2C6166.42v10.5612H200.7249v-8.3915a1.0563%2C1.0563%2C0%2C0%2C1%2C0-1.3161v-3.98h12.1618l.7584-.8545H199.8705v15.3973h15.3973V6165.123Z%22%20transform%3D%22translate(-199.8705%20-6159.1803)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M207.5552%2C6175.05a.1516.1516%2C0%2C0%2C1-.12-.0531l-5.9993-6.966a.1532.1532%2C0%2C0%2C1%2C.1115-.2525.1584.1584%2C0%2C0%2C1%2C.0809.0207l5.5862%2C3.244%2C10.49-11.8114a.1542.1542%2C0%2C0%2C1%2C.11-.0518.1534.1534%2C0%2C0%2C1%2C.1317.2371l-10.2692%2C15.5644a.1534.1534%2C0%2C0%2C1-.1172.0686Z%22%20transform%3D%22translate(-199.8705%20-6159.1803)%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
top: 0;
left: 0;
}
.c-list-check--gold > li:before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_1%22%20data-name%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.1012%22%20height%3D%2218.6559%22%20viewBox%3D%220%200%2018.1012%2018.6559%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23bb8e09%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M214.5415%2C12592.7077v10.5611H200.8544v-8.3914a1.0564%2C1.0564%2C0%2C0%2C1%2C0-1.3162v-3.98h12.1618l.7584-.8545H200v15.3974h15.3973v-12.7133Z%22%20transform%3D%22translate(-200%20-12585.4682)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M207.6847%2C12601.3384a.1519.1519%2C0%2C0%2C1-.12-.0531l-5.9993-6.966a.1533.1533%2C0%2C0%2C1%2C.1115-.2526.1585.1585%2C0%2C0%2C1%2C.0809.0208l5.5862%2C3.244%2C10.49-11.8115a.1541.1541%2C0%2C0%2C1%2C.11-.0517.1534.1534%2C0%2C0%2C1%2C.1317.2371l-10.2692%2C15.5644a.1538.1538%2C0%2C0%2C1-.1172.0686Z%22%20transform%3D%22translate(-200%20-12585.4682)%22%2F%3E%3C%2Fsvg%3E");
}
.c-table-scroll__inner {
width: 100%;
height: 1px;
min-width: 930px;
}
.c-table-scrolltext {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
position: relative;
}
@media (min-width: 768px) {
.c-table-scrolltext {
padding-top: 10px;
}
}
@media (min-width: 768px) {
.c-table-scrolltext {
padding-bottom: 10px;
}
}
@media (min-width: 992px) {
.c-table-scrolltext {
display: none;
}
}
.c-table-scrolltext:before, .c-table-scrolltext:after {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
top: 50%;
}
.c-table-scrolltext:before {
border-left: 2px solid #333;
border-bottom: 2px solid #333;
left: 0;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.c-table-scrolltext:after {
border-right: 2px solid #333;
border-bottom: 2px solid #333;
right: 0;
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
table.c-table-1 {
width: 100%;
margin-bottom: 12px;
}
@media (min-width: 768px) {
table.c-table-1 {
margin-bottom: 15px;
}
}
table.c-table-1 tr:first-child td, table.c-table-1 tr:first-child th {
border-top: 2px solid #e0e0e0;
}
table.c-table-1 tr:first-child th {
border-top-color: #3075b6;
}
table.c-table-1 td, table.c-table-1 th {
padding: 30px;
border-bottom: 2px solid #e0e0e0;
font-weight: normal;
vertical-align: top;
}
table.c-table-1 td:first-child, table.c-table-1 th:first-child {
padding-left: 0;
}
table.c-table-1 td:last-child, table.c-table-1 th:last-child {
padding-right: 0;
}
table.c-table-1 th {
font-weight: bold;
border-bottom-color: #3075b6;
}
@media (max-width: 575.98px) {
table.c-table-1, table.c-table-1 tbody, table.c-table-1 thead, table.c-table-1 tr, table.c-table-1 th, table.c-table-1 td {
display: block;
}
table.c-table-1 tr:first-child td, table.c-table-1 tr:first-child th {
border-top: none;
}
table.c-table-1 tr:first-child td:first-child, table.c-table-1 tr:first-child th:first-child {
border-top: 2px solid #e0e0e0;
}
table.c-table-1 td, table.c-table-1 th {
width: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
table.c-table-1 td:first-child, table.c-table-1 th:first-child {
padding-top: 20px;
padding-bottom: 10px;
border-bottom: none;
font-weight: bold;
}
table.c-table-1 th {
color: #3075b6;
}
}
.c-tags {
margin: 20px 0 0;
}
.c-tags a {
display: inline-block;
padding: 3px 7px;
background-color: #f8f8f8;
border-radius: 1px;
border-radius: 1px;
color: #fff;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.c-tags a:hover {
-webkit-tap-highlight-color: transparent;
color: #fff;
background-color: #dfdfdf;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.c-tags a:hover {
color: #fff;
background-color: #dfdfdf;
text-decoration: none;
}
}
.c-videoYoutube {
width: 100%;
height: 0;
position: relative;
padding-top: 56.25%;
overflow: hidden;
}
.c-videoYoutube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.c-video-2col {
margin-bottom: -30px;
}
@media (min-width: 768px) {
.c-video-2col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -20px;
margin-bottom: -40px;
}
}
@media (min-width: 992px) {
.c-video-2col {
margin-left: -40px;
}
}
.c-video-2col__inner {
padding-bottom: 30px;
}
@media (min-width: 768px) {
.c-video-2col__inner {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.c-video-2col__inner {
width: 50%;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.c-video-2col__inner {
padding-left: 40px;
}
}
.c-video-2col__inner > *:first-child {
margin-top: 0;
}
.c-video-2col__inner > *:last-child {
margin-bottom: 0;
}
.c-searchForm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding-left: 20px;
padding-right: 15px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 999px;
}
.c-searchForm .c-formControl, .c-searchForm .c-formControl--border {
height: 2.5em;
padding: 0.8em 0;
border: none;
border-radius: 0;
}
.c-searchForm button {
display: block;
margin-left: 10px;
color: #aaa;
}
.l-header {
width: 100%;
position: relative;
z-index: 9999;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.l-header--fixed {
visibility: hidden;
background-color: #fff;
position: fixed;
left: 0;
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.l-header--fixed.is-fixed {
visibility: visible;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.home .l-header--default {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transition: all 0.6s ease 2s;
-o-transition: all 0.6s ease 2s;
transition: all 0.6s ease 2s;
}
.home .l-header--default.is-animation {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.l-headerContents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: 60px;
padding-right: 60px;
background-color: #fff;
}
@media (min-width: 768px) {
.l-headerContents {
height: 85px;
padding-right: 85px;
}
}
@media (min-width: 768px) {
.home .l-headerContents {
background-color: transparent;
}
}
.l-headerLogo {
padding: 0;
background: none;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 15px;
background-color: #fff;
font-size: 15px;
line-height: 1;
}
.l-headerLogo:before {
display: none;
}
@media (min-width: 768px) {
.l-headerLogo {
font-size: 16px;
}
}
@media (min-width: 768px) {
.l-headerLogo {
padding-right: 15px;
}
}
@media (min-width: 1077px) {
.l-headerLogo {
padding-left: 30px;
padding-right: 30px;
}
}
a.l-headerLogoLink {
color: #333;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a.l-headerLogoLink:hover {
-webkit-tap-highlight-color: transparent;
opacity: 0.6;
color: #333;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-headerLogoLink:hover {
opacity: 0.6;
color: #333;
text-decoration: none;
}
}
.l-headerLogoLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-headerLogoLayout__img, .l-headerLogoLayout__text {
display: block;
}
.l-headerLogoLayout__img {
width: 170px;
}
@media (min-width: 768px) {
.l-headerLogoLayout__img {
width: 242px;
}
}
.l-headerLogoLayout__img img {
width: 100%;
}
.l-headerLogoLayout__text {
padding-left: 10px;
font-size: 10px;
font-weight: normal;
line-height: 1.3;
}
@media (min-width: 768px) {
.l-headerLogoLayout__text {
font-size: 12px;
}
}
@media (min-width: 768px) {
.l-headerLogoLayout__text {
padding-left: 15px;
}
}
.l-gnav {
display: none;
position: relative;
}
@media (min-width: 992px) {
.l-gnav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.l-gnavList {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
.l-gnavList li {
list-style: none;
}
@media (min-width: 992px) {
.l-gnavList > li {
padding-right: 10px;
}
}
@media (min-width: 1077px) {
.l-gnavList > li {
padding-right: 15px;
}
}
@media (min-width: 1217px) {
.l-gnavList > li {
padding-right: 30px;
}
}
.l-gnavItem {
display: block;
padding-top: 10px;
padding-bottom: 10px;
color: #333;
font-weight: bold;
line-height: 1;
position: relative;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.l-gnavItem:before {
content: "";
display: none;
width: 100%;
height: 2px;
background-color: #3075b6;
position: absolute;
top: 100%;
left: 0;
}
.home .l-gnavItem {
color: #fff;
}
.home .l-gnavItem:before {
background-color: #ffd703;
}
.home .l-header--fixed .l-gnavItem {
color: #333;
}
.l-gnavItem.is-current:before {
display: block;
}
a.l-gnavItem:hover {
-webkit-tap-highlight-color: transparent;
color: #00aeeb;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-gnavItem:hover {
color: #00aeeb;
text-decoration: none;
}
}
.l-pagebody {
overflow: hidden;
position: relative;
}
.l-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.l-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.l-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.l-container {
max-width: 960px;
}
}
@media (min-width: 1077px) {
.l-container {
max-width: 1060px;
}
}
@media (min-width: 1217px) {
.l-container {
max-width: 1060px;
}
}
.l-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.l-container-wide {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1077px) {
.l-container-wide {
max-width: 1460px;
}
}
@media (min-width: 1077px) {
.l-container,
.l-container-fluid,
.l-container-wide {
padding-left: 30px;
padding-right: 30px;
}
}
.l-container > *:first-child,
.l-container-fluid > *:first-child,
.l-container-wide > *:first-child,
.contents > *:first-child {
margin-top: 0;
}
.l-container > *:last-child,
.l-container-fluid > *:last-child,
.l-container-wide > *:last-child,
.contents > *:last-child {
margin-bottom: 0;
}
.l-contents-col2::after {
display: block;
clear: both;
content: "";
}
.l-contents-main {
margin-bottom: 60px;
}
@media (min-width: 768px) {
.l-contents-main {
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
.l-contents-main {
width: calc(100% - 240px);
float: left;
}
}
@media (min-width: 992px) {
.l-contents-main {
width: calc(100% - 290px);
}
}
.l-contents-side {
margin-bottom: 60px;
}
@media (min-width: 768px) {
.l-contents-side {
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
.l-contents-side {
width: 200px;
margin-top: 0;
float: right;
}
}
@media (min-width: 992px) {
.l-contents-side {
width: 230px;
}
}
.l-footerContact {
padding-top: 15px;
background: -webkit-gradient(linear, left bottom, left top, from(#d8f3fa), color-stop(50%, #d8f3fa), color-stop(51%, #fff), to(#fff));
background: -o-linear-gradient(bottom, #d8f3fa 0%, #d8f3fa 50%, #fff 51%, #fff 100%);
background: linear-gradient(0deg, #d8f3fa 0%, #d8f3fa 50%, #fff 51%, #fff 100%);
}
@media (min-width: 768px) {
.l-footerContact {
padding-top: 20px;
}
}
.l-footerContactContents {
padding-left: 15px;
padding-right: 15px;
background: url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/img/common/contact_bg.jpg) no-repeat center bottom;
background-size: cover;
color: #fff;
}
.l-footerContactLayout {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.l-footerContactLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 767.98px) {
.l-footerContactLayout__textarea {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.l-footerContactLayout__textarea {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.l-footerContactLayout__textarea {
padding-right: 100px;
}
}
.l-footerContactLayout__textarea > *:first-child {
margin-top: 0;
}
.l-footerContactLayout__textarea > *:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.l-footerContactLayout__button {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 310px;
}
}
.l-footerContactLead {
font-size: 19.5px;
font-weight: bold;
line-height: 1.5;
}
@media (min-width: 768px) {
.l-footerContactLead {
font-size: 32px;
}
}
@media (max-width: 767.98px) {
.l-footerContactLead {
text-align: center;
}
}
.l-footerContactText {
margin-top: 0;
}
@media (min-width: 768px) {
.l-footerContactText {
margin-top: 40px;
}
}
.l-footerContactButton {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.l-footerContactButton {
text-align: center;
}
}
.l-footerPchomeList {
padding-left: 0;
margin-bottom: -30px;
font-weight: bold;
text-align: center;
}
.l-footerPchomeList li {
list-style: none;
}
@media (min-width: 768px) {
.l-footerPchomeList {
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;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-left: -20px;
margin-bottom: -40px;
}
}
@media (min-width: 992px) {
.l-footerPchomeList {
margin-left: -50px;
}
}
.l-footerPchomeList > li {
padding-bottom: 30px;
}
@media (min-width: 768px) {
.l-footerPchomeList > li {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.l-footerPchomeList > li {
padding-left: 20px;
}
}
@media (min-width: 992px) {
.l-footerPchomeList > li {
padding-left: 50px;
}
}
.l-footerPchomeList img {
margin-top: 8px;
}
@media (min-width: 768px) {
.l-footerPchomeList img {
margin-top: 10px;
}
}
.l-footerPchomeText {
margin-top: 30px;
text-align: center;
}
@media (min-width: 768px) {
.l-footerPchomeText {
margin-top: 40px;
}
}
.l-footerMain {
background-color: #3075b6;
color: #fff;
}
@media (min-width: 768px) {
.l-footerMainLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.l-footerMainLayout__about {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 20px;
}
}
@media (max-width: 767.98px) {
.l-footerMainLayout__contact {
margin-top: 50px;
}
}
@media (min-width: 768px) {
.l-footerMainLayout__contact {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 310px;
}
}
.l-footerLogo {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 20px;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 1.3;
}
.l-footerLogo:before {
display: none;
}
@media (min-width: 768px) {
.l-footerLogo {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.l-footerLogo {
font-size: 16px;
}
}
a.l-footerLogoLink {
color: #fff;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a.l-footerLogoLink:hover {
-webkit-tap-highlight-color: transparent;
opacity: 0.6;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-footerLogoLink:hover {
opacity: 0.6;
color: #fff;
text-decoration: none;
}
}
@media (min-width: 992px) {
.l-footerLogoLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.l-footerLogoLayout__img, .l-footerLogoLayout__text {
display: block;
}
.l-footerLogoLayout__img {
width: 220px;
}
@media (min-width: 768px) {
.l-footerLogoLayout__img {
width: 268px;
}
}
.l-footerLogoLayout__img img {
width: 100%;
}
@media (max-width: 991.98px) {
.l-footerLogoLayout__text {
margin-top: 8px;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.l-footerLogoLayout__text {
margin-top: 10px;
}
}
@media (min-width: 992px) {
.l-footerLogoLayout__text {
padding-left: 15px;
}
}
.l-footerAccess {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.l-footerAccess {
margin-bottom: 30px;
}
}
.l-footerAccessHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 5px;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 1.3;
}
.l-footerAccessHead:before {
display: none;
}
@media (min-width: 768px) {
.l-footerAccessHead {
margin-bottom: 5px;
}
}
@media (min-width: 768px) {
.l-footerAccessHead {
font-size: 16px;
}
}
.l-footerAccessText {
font-size: 12.9230769231px;
}
@media (min-width: 768px) {
.l-footerAccessText {
font-size: 13px;
}
}
.l-footerAccessText__head {
display: inline;
margin-right: 1em;
}
@media (min-width: 992px) {
.l-footerAboutLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 768px) {
.l-footerAboutLayout__search {
width: 300px;
}
}
@media (max-width: 991.98px) {
.l-footerAboutLayout__social {
margin-top: 20px;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.l-footerAboutLayout__social {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.l-footerAboutLayout__social {
padding-left: 30px;
}
}
.l-footerSocialList {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -15px;
margin-bottom: 0;
}
.l-footerSocialList li {
list-style: none;
}
@media (max-width: 767.98px) {
.l-footerSocialList {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.l-footerSocialList > li {
padding-left: 15px;
}
.l-footerSocialIcon {
display: block;
width: 35px;
height: 35px;
background-color: #255b8e;
border-radius: 999px;
color: #fff;
font-size: 18px;
line-height: 35px;
text-align: center;
vertical-align: middle;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a.l-footerSocialIcon {
color: #fff;
}
a.l-footerSocialIcon:hover {
-webkit-tap-highlight-color: transparent;
background-color: #00aeeb;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-footerSocialIcon:hover {
background-color: #00aeeb;
color: #fff;
text-decoration: none;
}
}
.l-footerMainContact {
margin-bottom: 0;
text-align: center;
}
.l-footerMainContact__text {
display: block;
margin-top: 12px;
font-weight: bold;
line-height: 1.5;
}
@media (min-width: 768px) {
.l-footerMainContact__text {
margin-top: 15px;
}
}
.l-footerBottom {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.l-footerBottom {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.l-footerBottom {
padding-bottom: 20px;
}
}
.l-footerBottomLogo {
line-height: 1.3;
text-align: center;
}
.l-footerBottomLogo img {
width: 240px;
}
@media (min-width: 768px) {
.l-footerBottomLogo img {
width: 280px;
}
}
.l-footerCopy {
color: #999;
font-size: 12.9230769231px;
line-height: 1.3;
text-align: center;
}
@media (min-width: 768px) {
.l-footerCopy {
font-size: 13px;
}
}
.l-fnav {
margin-top: 60px;
padding-top: 60px;
border-top: 1px solid #fff;
color: #fff;
}
@media (max-width: 991.98px) {
.l-fnav {
display: none;
}
}
.l-fnavList {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: -20px;
line-height: 1.3;
}
.l-fnavList li {
list-style: none;
}
.l-fnavList > li {
padding-left: 20px;
}
.l-fnavHead {
margin-bottom: 15px;
line-height: 1.3;
}
@media (min-width: 768px) {
.l-fnavHead {
margin-bottom: 20px;
}
}
.l-fnavItem {
color: #fff;
font-size: 16px;
font-weight: bold;
}
@media (min-width: 768px) {
.l-fnavItem {
font-size: 18px;
}
}
a.l-fnavItem {
color: #fff;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a.l-fnavItem:hover {
-webkit-tap-highlight-color: transparent;
color: #00aeeb;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-fnavItem:hover {
color: #00aeeb;
text-decoration: none;
}
}
.l-fnavChildList {
padding-left: 0;
margin-bottom: 0;
font-size: 12.9230769231px;
line-height: 1.3;
}
.l-fnavChildList li {
list-style: none;
}
@media (min-width: 768px) {
.l-fnavChildList {
font-size: 13px;
}
}
.l-fnavChildList > li {
margin-bottom: 8px;
}
@media (min-width: 768px) {
.l-fnavChildList > li {
margin-bottom: 10px;
}
}
.l-fnavChildList > li:last-child {
margin-bottom: 0;
}
.l-fnavChildItem {
padding-left: 1.2em;
color: #fff;
position: relative;
}
.l-fnavChildItem:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0.5em;
left: 0;
}
a.l-fnavChildItem {
color: #fff;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a.l-fnavChildItem:hover {
-webkit-tap-highlight-color: transparent;
color: #00aeeb;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-fnavChildItem:hover {
color: #00aeeb;
text-decoration: none;
}
}
.l-overlay {
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.l-overlay.is-active {
visibility: visible;
opacity: 0.6;
}
.l-hamburger {
display: block;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
background: #3075b6;
border: none;
outline: none;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
z-index: 10001;
}
@media (min-width: 768px) {
.l-hamburger {
width: 85px;
height: 85px;
}
}
.l-hamburger__bar {
position: absolute;
display: inline-block;
height: 2px;
width: 26px;
background: #fff;
border-radius: 2px;
position: absolute;
top: 40%;
left: 50%;
margin-top: -2px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: background 0.3s 0s;
-o-transition: background 0.3s 0s;
transition: background 0.3s 0s;
}
@media (min-width: 768px) {
.l-hamburger__bar {
width: 30px;
}
}
.l-hamburger__bar:before, .l-hamburger__bar:after {
content: "";
display: inline-block;
width: 26px;
background: #fff;
border-radius: 2px;
position: absolute;
height: 2px;
right: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0s;
transition: -webkit-transform 0.3s 0s;
-o-transition: transform 0.3s 0s;
transition: transform 0.3s 0s;
transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
}
@media (min-width: 768px) {
.l-hamburger__bar:before, .l-hamburger__bar:after {
width: 30px;
}
}
.l-hamburger__bar:before {
top: -6px;
}
@media (min-width: 768px) {
.l-hamburger__bar:before {
top: -8px;
}
}
.l-hamburger__bar:after {
top: 6px;
}
@media (min-width: 768px) {
.l-hamburger__bar:after {
top: 8px;
}
}
.is-active .l-hamburger__bar {
background: none;
}
.is-active .l-hamburger__bar:before, .is-active .l-hamburger__bar:after {
background: #fff;
}
.is-active .l-hamburger__bar:before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.is-active .l-hamburger__bar:after {
-webkit-transform: translateX(4px) translateY(3px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(3px) rotate(-45deg);
transform: translateX(4px) translateY(3px) rotate(-45deg);
}
.l-hamburger:hover:not(.is-active) .l-hamburger__bar:before {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.l-hamburger:hover:not(.is-active) .l-hamburger__bar:after {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.l-hamburger__text {
display: block;
width: 100%;
color: #fff;
font-size: 10px;
line-height: 1;
text-align: center;
position: absolute;
top: 60%;
left: 0;
}
@media (min-width: 768px) {
.l-hamburger__text {
font-size: 12px;
}
}
.l-hamburger.js-hamburger-close {
position: absolute;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.l-hamburgerNav {
visibility: hidden;
width: 260px;
height: 100%;
padding-bottom: 15px;
background-color: #3075b6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
z-index: 10002;
-webkit-transform: translateX(260px);
-ms-transform: translateX(260px);
transform: translateX(260px);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (max-width: 991.98px) {
.l-hamburgerNav {
-webkit-overflow-scrolling: touch;
}
}
.l-hamburgerNav.is-active {
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.l-hamburgerList {
padding-left: 0;
display: block;
margin: 0;
border-top: 1px solid #e0e0e0;
}
.l-hamburgerList li {
list-style: none;
}
.l-hamburgerList > li {
border-bottom: 1px solid #e0e0e0;
}
.l-hamburgerItem {
display: block;
padding: 15px 15px;
background-color: #3075b6;
color: #fff;
line-height: 1.3;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.l-hamburgerItem--parent {
margin-bottom: 0;
position: relative;
cursor: pointer;
}
.l-hamburgerItem--parent:before, .l-hamburgerItem--parent:after {
content: "";
display: block;
width: 12px;
height: 2px;
background-color: #fff;
position: absolute;
top: 50%;
right: 15px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.l-hamburgerItem--parent:before {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.l-hamburgerItem--parent:after {
-webkit-transform: rotate(90deg) translateX(-1px);
-ms-transform: rotate(90deg) translateX(-1px);
transform: rotate(90deg) translateX(-1px);
}
.l-hamburgerItem--parent.is-active:after {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
a.l-hamburgerItem:hover {
-webkit-tap-highlight-color: transparent;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-hamburgerItem:hover {
color: #fff;
text-decoration: none;
}
}
.l-hamburgerChildList {
padding-left: 0;
display: none;
margin: 0;
}
.l-hamburgerChildList li {
list-style: none;
}
.l-hamburgerChildList > li {
border-top: 1px solid #fff;
}
.l-hamburgerChildList > li:last-child {
border-bottom: none;
}
.l-hamburgerChildItem {
display: block;
padding: 12px 30px;
background-color: #2b68a2;
color: #fff;
font-size: 13.7142857143px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (min-width: 768px) {
.l-hamburgerChildItem {
font-size: 14px;
}
}
a.l-hamburgerChildItem:hover {
-webkit-tap-highlight-color: transparent;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-hamburgerChildItem:hover {
color: #fff;
text-decoration: none;
}
}
.l-hamburgerContact {
margin-top: 30px;
padding-left: 15px;
padding-right: 15px;
}
.l-hamburgerContact__text {
display: block;
margin-top: 15px;
color: #fff;
font-size: 13.7142857143px;
line-height: 1.5;
text-align: center;
}
@media (min-width: 768px) {
.l-hamburgerContact__text {
font-size: 14px;
}
}
.l-hamburgerContact .c-btn {
width: 100%;
min-width: 0;
}
.l-pagehead {
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;
height: 160px;
background-color: #00aeeb;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #fff;
}
@media (min-width: 768px) {
.l-pagehead {
height: 300px;
}
}
.l-pagehead__inner {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.l-pagehead__inner {
max-width: 540px;
}
}
@media (min-width: 768px) {
.l-pagehead__inner {
max-width: 720px;
}
}
@media (min-width: 992px) {
.l-pagehead__inner {
max-width: 960px;
}
}
@media (min-width: 1077px) {
.l-pagehead__inner {
max-width: 1060px;
}
}
@media (min-width: 1217px) {
.l-pagehead__inner {
max-width: 1060px;
}
}
@media (min-width: 1077px) {
.l-pagehead__inner {
padding-left: 30px;
padding-right: 30px;
}
}
.l-pagehead__inner > *:first-child {
margin-top: 0;
}
.l-pagehead__inner > *:last-child {
margin-bottom: 0;
}
.l-pagehead--lg {
height: 260px;
}
@media (min-width: 768px) {
.l-pagehead--lg {
height: 500px;
}
}
.about .l-pagehead, .contact .l-pagehead, .thanks .l-pagehead {
padding-bottom: 70px;
}
@media (min-width: 768px) {
.about .l-pagehead, .contact .l-pagehead, .thanks .l-pagehead {
padding-bottom: 100px;
}
}
.l-pageheadTitle {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
color: #fff;
font-weight: normal;
font-family: "M PLUS Rounded 1c", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.3;
}
.l-pageheadTitle:before {
display: none;
}
.l-pageheadTitle__sm, .l-pageheadTitle__md, .l-pageheadTitle__lg {
display: block;
}
.l-pageheadTitle__sm {
margin-bottom: 5px;
font-size: 15px;
}
@media (min-width: 768px) {
.l-pageheadTitle__sm {
margin-bottom: 5px;
}
}
@media (min-width: 768px) {
.l-pageheadTitle__sm {
font-size: 16px;
}
}
.l-pageheadTitle__md {
font-size: 19.2px;
}
@media (min-width: 768px) {
.l-pageheadTitle__md {
font-size: 30px;
}
}
.l-pageheadTitle__lg {
font-size: 21.2830188679px;
}
@media (min-width: 768px) {
.l-pageheadTitle__lg {
font-size: 53px;
}
}
.l-pageheadLead {
margin-top: 20px;
font-size: 21.8823529412px;
font-family: "M PLUS Rounded 1c", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.3;
}
@media (min-width: 768px) {
.l-pageheadLead {
margin-top: 30px;
}
}
@media (min-width: 768px) {
.l-pageheadLead {
font-size: 68px;
}
}
.l-breadcrumbsWrapper {
padding-top: 15px;
}
@media (min-width: 768px) {
.l-breadcrumbsWrapper {
padding-top: 20px;
}
}
.l-breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.l-breadcrumbs {
font-size: 14px;
}
}
.l-breadcrumbs > span {
display: block;
padding-left: 2em;
position: relative;
}
.l-breadcrumbs > span:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
position: absolute;
top: 0.5em;
left: 0.6em;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.l-breadcrumbs > span:first-child {
padding-left: 0;
}
.l-breadcrumbs > span:first-child:before {
display: none;
}
#pagetop {
width: 60px;
right: 20px;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 999;
}
@media (max-width: 991.98px) {
#pagetop {
display: none !important;
}
}
#pagetop img {
max-width: 100%;
}
@media print {
#pagetop {
display: none;
}
} .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);
-ms-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(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/img/common/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/fonts/slick.eot);
src: url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/fonts/slick.eot?#iefix) format("embedded-opentype"), url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/fonts/slick.woff) format("woff"), url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/fonts/slick.ttf) format("truetype"), url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/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%);
-ms-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;
}
[data-simplebar] {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
-webkit-box-sizing: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%; width: auto;
max-width: 100%; max-height: 100%; scrollbar-width: none;
-ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
width: 0;
height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
content: " ";
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
-webkit-box-sizing: inherit !important;
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
-webkit-box-flex: inherit;
-ms-flex-positive: inherit;
flex-grow: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
-webkit-box-sizing: inherit;
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: black;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before { opacity: 0.5;
-webkit-transition: opacity 0s linear;
-o-transition: opacity 0s linear;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
} [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
.p-infoList {
padding-left: 0;
margin-bottom: -20px;
}
.p-infoList li {
list-style: none;
}
@media (min-width: 768px) {
.p-infoList {
margin-bottom: -30px;
}
}
.p-infoList > li {
padding-bottom: 20px;
}
@media (min-width: 768px) {
.p-infoList > li {
padding-bottom: 30px;
}
}
.home .p-infoList > li {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
.home .is-animation .p-infoList > li:nth-child(1) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 0.4s;
-o-transition: all 0.6s ease 0.4s;
transition: all 0.6s ease 0.4s;
}
.home .is-animation .p-infoList > li:nth-child(2) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 0.6s;
-o-transition: all 0.6s ease 0.6s;
transition: all 0.6s ease 0.6s;
}
.home .is-animation .p-infoList > li:nth-child(3) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 0.8s;
-o-transition: all 0.6s ease 0.8s;
transition: all 0.6s ease 0.8s;
}
.home .is-animation .p-infoList > li:nth-child(4) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 1s;
-o-transition: all 0.6s ease 1s;
transition: all 0.6s ease 1s;
}
.home .is-animation .p-infoList > li:nth-child(5) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 1.2s;
-o-transition: all 0.6s ease 1.2s;
transition: all 0.6s ease 1.2s;
}
.home .is-animation .p-infoList > li:nth-child(6) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 1.4s;
-o-transition: all 0.6s ease 1.4s;
transition: all 0.6s ease 1.4s;
}
.home .is-animation .p-infoList > li:nth-child(7) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 1.6s;
-o-transition: all 0.6s ease 1.6s;
transition: all 0.6s ease 1.6s;
}
.home .is-animation .p-infoList > li:nth-child(8) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 1.8s;
-o-transition: all 0.6s ease 1.8s;
transition: all 0.6s ease 1.8s;
}
.home .is-animation .p-infoList > li:nth-child(9) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 2s;
-o-transition: all 0.6s ease 2s;
transition: all 0.6s ease 2s;
}
.home .is-animation .p-infoList > li:nth-child(10) {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: all 0.6s ease 2.2s;
-o-transition: all 0.6s ease 2.2s;
transition: all 0.6s ease 2.2s;
}
a.p-infoLink {
color: #333;
}
a.p-infoLink:hover {
-webkit-tap-highlight-color: transparent;
color: #52d2ff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.p-infoLink:hover {
color: #52d2ff;
text-decoration: none;
}
}
@media (min-width: 768px) {
.p-infoItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.p-infoItem__head {
padding: 0;
background: none;
border: none;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-bottom: 0;
color: #333;
font-size: 15px;
font-weight: normal;
}
.p-infoItem__head:before {
display: none;
}
@media (min-width: 768px) {
.p-infoItem__head {
font-size: 16px;
}
}
@media (max-width: 767.98px) {
.p-infoItem__head {
margin-bottom: 8px;
}
}
@media (min-width: 768px) {
.p-infoItem__head {
width: 240px;
}
}
.p-infoItem__head time {
display: inline-block;
margin-right: 15px;
}
@media (min-width: 768px) {
.p-infoItem__head time {
margin-right: 30px;
}
}
.p-infoItem__head .c-cat {
display: inline-block;
}
.p-infoItem__title {
margin-bottom: 0;
line-height: 1.5;
}
@media (min-width: 768px) {
.p-infoItem__title {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.p-infoItem__title-inner {
display: block;
padding-bottom: 0.4em;
border-bottom: 1px solid #e0e0e0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (min-width: 768px) {
.p-infoItem__title-inner {
display: inline-block;
}
}
.p-section, .p-section--light, .p-section--warning, .p-section--bg-secondary, .p-section--secondary, .p-section--primary {
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 768px) {
.p-section, .p-section--light, .p-section--warning, .p-section--bg-secondary, .p-section--secondary, .p-section--primary {
padding-top: 80px;
}
}
@media (min-width: 768px) {
.p-section, .p-section--light, .p-section--warning, .p-section--bg-secondary, .p-section--secondary, .p-section--primary {
padding-bottom: 80px;
}
}
.p-section > *:first-child, .p-section--light > *:first-child, .p-section--warning > *:first-child, .p-section--bg-secondary > *:first-child, .p-section--secondary > *:first-child, .p-section--primary > *:first-child,
.p-section .l-container > *:first-child,
.p-section--light .l-container > *:first-child,
.p-section--warning .l-container > *:first-child,
.p-section--bg-secondary .l-container > *:first-child,
.p-section--secondary .l-container > *:first-child,
.p-section--primary .l-container > *:first-child,
.p-section .l-container-fluid > *:first-child,
.p-section--light .l-container-fluid > *:first-child,
.p-section--warning .l-container-fluid > *:first-child,
.p-section--bg-secondary .l-container-fluid > *:first-child,
.p-section--secondary .l-container-fluid > *:first-child,
.p-section--primary .l-container-fluid > *:first-child,
.p-section .l-container-wide > *:first-child,
.p-section--light .l-container-wide > *:first-child,
.p-section--warning .l-container-wide > *:first-child,
.p-section--bg-secondary .l-container-wide > *:first-child,
.p-section--secondary .l-container-wide > *:first-child,
.p-section--primary .l-container-wide > *:first-child {
margin-top: 0;
}
.p-section > *:last-child, .p-section--light > *:last-child, .p-section--warning > *:last-child, .p-section--bg-secondary > *:last-child, .p-section--secondary > *:last-child, .p-section--primary > *:last-child,
.p-section .l-container > *:last-child,
.p-section--light .l-container > *:last-child,
.p-section--warning .l-container > *:last-child,
.p-section--bg-secondary .l-container > *:last-child,
.p-section--secondary .l-container > *:last-child,
.p-section--primary .l-container > *:last-child,
.p-section .l-container-fluid > *:last-child,
.p-section--light .l-container-fluid > *:last-child,
.p-section--warning .l-container-fluid > *:last-child,
.p-section--bg-secondary .l-container-fluid > *:last-child,
.p-section--secondary .l-container-fluid > *:last-child,
.p-section--primary .l-container-fluid > *:last-child,
.p-section .l-container-wide > *:last-child,
.p-section--light .l-container-wide > *:last-child,
.p-section--warning .l-container-wide > *:last-child,
.p-section--bg-secondary .l-container-wide > *:last-child,
.p-section--secondary .l-container-wide > *:last-child,
.p-section--primary .l-container-wide > *:last-child {
margin-bottom: 0;
}
.p-section--gradation {
background: -webkit-gradient(linear, left top, right top, from(#00aeeb), to(#006ab8));
background: -o-linear-gradient(left, #00aeeb 0%, #006ab8 100%);
background: linear-gradient(90deg, #00aeeb 0%, #006ab8 100%);
color: #fff;
}
.p-section--primary {
background-color: #3075b6;
}
.p-section--secondary {
background-color: #00aeeb;
}
.p-section--bg-secondary {
background-color: #d8f3fa;
}
.p-section--warning {
background-color: #ffd703;
}
.p-section--light {
background-color: #f8f8f8;
}
.p-localnavHead {
margin-bottom: -30px;
}
@media (min-width: 768px) {
.p-localnavHead {
margin-bottom: -40px;
}
}
.p-localnavHead--gradation {
background: -webkit-gradient(linear, left top, right top, from(#00aeeb), to(#006ab8));
background: -o-linear-gradient(left, #00aeeb 0%, #006ab8 100%);
background: linear-gradient(90deg, #00aeeb 0%, #006ab8 100%);
}
.p-localnavHead--light {
background-color: #f8f8f8;
}
.block-editor-block-list__layout .p-localnavHead {
margin-bottom: 0;
}
.p-localnavBox {
padding: 20px;
background-color: #fff;
border-radius: 10px;
}
@media (min-width: 992px) {
.p-localnavBox {
padding: 30px;
}
}
.p-localnavBox--head {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
@media (min-width: 768px) {
.p-localnavBox--head {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
}
.block-editor-block-list__layout .p-localnavBox--head {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media (min-width: 768px) {
.block-editor-block-list__layout .p-localnavBox--head {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.p-localnavBox--bg-secondary {
background-color: #d8f3fa;
}
.p-localnavList {
padding-left: 0;
margin-bottom: -12px;
line-height: 1.3;
}
.p-localnavList li {
list-style: none;
}
@media (min-width: 768px) {
.p-localnavList {
margin-bottom: -15px;
}
}
@media (min-width: 768px) {
.p-localnavList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -30px;
}
}
@media (min-width: 992px) {
.p-localnavList {
margin-left: -60px;
}
}
.p-localnavList > li {
padding-bottom: 12px;
}
@media (min-width: 768px) {
.p-localnavList > li {
padding-bottom: 15px;
}
}
@media (max-width: 767.98px) {
.p-localnavList > li {
text-align: center;
}
}
@media (min-width: 768px) {
.p-localnavList > li {
padding-left: 30px;
}
}
@media (min-width: 992px) {
.p-localnavList > li {
padding-left: 60px;
}
}
.p-localnavItem {
display: inline-block;
padding-right: 1em;
color: #999;
font-weight: bold;
position: relative;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.p-localnavItem:before {
content: "";
display: block;
width: 0.45em;
height: 0.45em;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
position: absolute;
top: 0.4em;
right: 0.1em;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.p-localnavItem.is-current {
padding-bottom: 8px;
border-bottom: 2px solid #00aeeb;
color: #00aeeb;
}
@media (min-width: 768px) {
.p-localnavItem.is-current {
padding-bottom: 10px;
}
}
.p-localnavItem.is-current:before {
border-right-color: #00aeeb;
border-bottom-color: #00aeeb;
}
a.p-localnavItem {
color: #999;
}
a.p-localnavItem:hover {
-webkit-tap-highlight-color: transparent;
color: #00aeeb;
text-decoration: none;
}
a.p-localnavItem:hover:before {
border-right-color: #00aeeb;
border-bottom-color: #00aeeb;
}
@media screen and (min-width: 992px) {
a.p-localnavItem:hover {
color: #00aeeb;
text-decoration: none;
}
a.p-localnavItem:hover:before {
border-right-color: #00aeeb;
border-bottom-color: #00aeeb;
}
}
a.p-localnavItem--anchor {
color: #00aeeb;
}
a.p-localnavItem--anchor:before {
border-right-color: #00aeeb;
border-bottom-color: #00aeeb;
}
a.p-localnavItem--anchor:hover {
-webkit-tap-highlight-color: transparent;
color: #52d2ff;
}
@media screen and (min-width: 992px) {
a.p-localnavItem--anchor:hover {
color: #52d2ff;
}
}
.p-localnav-2 {
margin-top: 40px;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.p-localnav-2 {
margin-top: 50px;
}
}
@media (min-width: 768px) {
.p-localnav-2 {
margin-bottom: 50px;
}
}
.p-localnavList-2 {
padding-left: 0;
margin-bottom: -10px;
line-height: 1.3;
}
.p-localnavList-2 li {
list-style: none;
}
@media (min-width: 576px) {
.p-localnavList-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -10px;
}
}
.p-localnavList-2 > li {
padding-bottom: 10px;
}
@media (min-width: 576px) {
.p-localnavList-2 > li {
width: 50%;
padding-left: 10px;
}
}
@media (min-width: 768px) {
.p-localnavList-2 > li {
width: 33.3333%;
}
}
@media (min-width: 992px) {
.p-localnavList-2 > li {
width: 20%;
}
}
.p-localnavItem-2 {
display: block;
padding: 0.8em 1.8em 0.8em 0.8em;
background-color: #00aeeb;
border: 2px solid #00aeeb;
border-radius: 5px;
color: #fff;
font-weight: bold;
text-align: center;
position: relative;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.p-localnavItem-2:before {
content: "";
display: block;
width: 0.45em;
height: 0.45em;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
position: absolute;
top: 50%;
right: 0.9em;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
a.p-localnavItem-2 {
color: #fff;
}
a.p-localnavItem-2:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #00aeeb;
text-decoration: none;
}
a.p-localnavItem-2:hover:before {
border-right-color: #00aeeb;
border-bottom-color: #00aeeb;
}
@media screen and (min-width: 992px) {
a.p-localnavItem-2:hover {
background-color: transparent;
color: #00aeeb;
text-decoration: none;
}
a.p-localnavItem-2:hover:before {
border-right-color: #00aeeb;
border-bottom-color: #00aeeb;
}
}
.wp-pagenavi {
margin-top: 50px;
text-align: center;
}
@media (min-width: 768px) {
.wp-pagenavi {
margin-top: 60px;
}
}
.wp-pagenavi a, .wp-pagenavi span {
display: inline-block;
margin-left: 10px;
vertical-align: baseline;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.wp-pagenavi a.page, .wp-pagenavi span.current {
min-width: 30px;
min-height: 30px;
padding-bottom: 2px;
background-color: transparent;
border: 1px solid #e0e0e0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333;
font-weight: bold;
text-align: center;
line-height: 30px;
}
.wp-pagenavi a.page:hover {
background-color: transparent;
color: #00aeeb;
text-decoration: none;
opacity: 1;
}
.wp-pagenavi span.current {
background-color: #00aeeb;
border-color: #00aeeb;
color: #fff;
}
.wp-pagenavi span.pages {
display: none;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
min-width: 30px;
min-height: 30px;
padding-bottom: 2px;
color: #333;
font-size: 16.8px;
text-align: center;
line-height: 30px;
}
@media (min-width: 768px) {
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
font-size: 20px;
}
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
-webkit-tap-highlight-color: transparent;
color: black;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
color: black;
text-decoration: none;
}
}
.wp-pagenavi a.previouspostslink {
margin-right: 10px;
}
.wp-pagenavi a.nextpostslink {
margin-left: 10px;
}
.p-socialbookmark {
display: inline-block;
margin: 50px 0 0;
padding-left: 0;
}
@media (min-width: 768px) {
.p-socialbookmark {
margin-top: 60px;
}
}
.p-socialbookmark li {
float: left;
line-height: 1;
height: 20px;
margin-left: 10px;
list-style: none;
}
.p-socialbookmark li:first-child {
margin-left: 0;
}
.p-widgetTitle {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 12px;
padding-bottom: 5px;
border-bottom: 2px solid #3075b6;
color: #3075b6;
font-size: 15px;
font-weight: bold;
}
.p-widgetTitle:before {
display: none;
}
@media (min-width: 768px) {
.p-widgetTitle {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-widgetTitle {
padding-bottom: 5px;
}
}
@media (min-width: 768px) {
.p-widgetTitle {
font-size: 16px;
}
}
.p-widgetCategory {
padding-bottom: 20px;
}
@media (min-width: 768px) {
.p-widgetCategory {
padding-bottom: 30px;
}
}
.p-widgetCategoryList {
padding-left: 0;
margin-bottom: 0;
}
.p-widgetCategoryList li {
list-style: none;
}
.p-widgetCategoryList > li {
margin-bottom: 8px;
}
@media (min-width: 768px) {
.p-widgetCategoryList > li {
margin-bottom: 10px;
}
}
.p-widgetCategoryList a {
color: #3075b6;
}
.p-widgetCategoryList a:hover {
-webkit-tap-highlight-color: transparent;
color: #1b4165;
}
@media screen and (min-width: 992px) {
.p-widgetCategoryList a:hover {
color: #1b4165;
}
}
.p-widgetNewList {
padding-left: 0;
}
.p-widgetNewList li {
list-style: none;
}
.p-widgetNewList > li {
border-bottom: 1px solid #e0e0e0;
}
.p-widgetNewItem {
display: block;
padding-top: 8px;
padding-bottom: 8px;
color: #333;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (min-width: 768px) {
.p-widgetNewItem {
padding-top: 10px;
}
}
@media (min-width: 768px) {
.p-widgetNewItem {
padding-bottom: 10px;
}
}
.p-widgetNewItem__date time {
display: inline-block;
margin-right: 10px;
font-size: 12.9230769231px;
}
@media (min-width: 768px) {
.p-widgetNewItem__date time {
font-size: 13px;
}
}
.p-widgetNewItem__date .c-cat {
min-width: 90px;
padding: 3px 5px;
font-size: 12px;
}
@media (min-width: 768px) {
.p-widgetNewItem__date .c-cat {
font-size: 12px;
}
}
.p-widgetNewItem__title {
font-size: 12.9230769231px;
}
@media (min-width: 768px) {
.p-widgetNewItem__title {
font-size: 13px;
}
}
.p-widgetNewItem:hover {
-webkit-tap-highlight-color: transparent;
color: #3075b6;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.p-widgetNewItem:hover {
color: #3075b6;
text-decoration: none;
}
}
.p-widgetArchive a {
color: #333;
}
.p-widgetArchive a:hover {
-webkit-tap-highlight-color: transparent;
color: black;
}
@media screen and (min-width: 992px) {
.p-widgetArchive a:hover {
color: black;
}
}
.p-widgetArchive select {
width: 100%;
margin-bottom: 10px;
}
.p-widgetArchive input[type=text] {
width: 100%;
}
.p-widgetArchive button {
width: 20px;
background: none;
border: 0px;
font-size: 16.8px;
}
@media (min-width: 768px) {
.p-widgetArchive button {
font-size: 20px;
}
}
.p-widgetsearch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.p-widgetsearch__input {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 5px;
}
.p-widgetsearch__button {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 20px;
}
.p-wpcf7Head {
padding: 0;
background: none;
border: none;
margin-top: 50px;
color: #3075b6;
font-size: 18.4615384615px;
}
.p-wpcf7Head:before {
display: none;
}
@media (min-width: 768px) {
.p-wpcf7Head {
margin-top: 60px;
}
}
@media (min-width: 768px) {
.p-wpcf7Head {
font-size: 26px;
}
}
.p-wpcf7List {
border-top: 2px solid #e0e0e0;
position: relative;
}
@media (min-width: 992px) {
.p-wpcf7List {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.p-wpcf7List:before {
content: "";
display: block;
width: 25%;
height: 2px;
background-color: #3075b6;
position: absolute;
top: -2px;
left: 0;
}
@media (min-width: 992px) {
.p-wpcf7List:before {
width: 180px;
}
}
.p-wpcf7List dt, .p-wpcf7List dd {
margin-top: 0;
margin-bottom: 0;
vertical-align: top;
}
@media (min-width: 992px) {
.p-wpcf7List dt, .p-wpcf7List dd {
padding-bottom: 20px;
}
}
@media (max-width: 991.98px) {
.p-wpcf7List dt {
padding-top: 15px;
padding-bottom: 12px;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.p-wpcf7List dt {
padding-top: 20px;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.p-wpcf7List dt {
padding-bottom: 15px;
}
}
@media (min-width: 992px) {
.p-wpcf7List dt {
width: 180px;
padding-top: calc(20px + 0.8em);
border-bottom: 2px solid #3075b6;
}
}
@media (max-width: 991.98px) {
.p-wpcf7List dd {
padding-bottom: 15px;
border-bottom: 2px solid #e0e0e0;
position: relative;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.p-wpcf7List dd {
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
.p-wpcf7List dd {
width: calc(100% - 180px);
padding-top: 20px;
padding-left: 80px;
border-bottom: 2px solid #e0e0e0;
}
}
@media (max-width: 991.98px) {
.p-wpcf7List dd:before {
content: "";
display: block;
width: 25%;
height: 2px;
background-color: #3075b6;
position: absolute;
left: 0;
bottom: -2px;
}
}
.p-wpcf7List dd > *:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.p-wpcf7-50p {
width: calc(50% - 5px);
}
}
@media (min-width: 768px) {
.p-wpcf7-2col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -10px;
}
}
@media (max-width: 767.98px) {
.p-wpcf7-2col__inner {
margin-bottom: 8px;
}
}
@media (min-width: 768px) {
.p-wpcf7-2col__inner {
width: 50%;
padding-left: 10px;
}
}
.p-acceptanceText {
margin-top: 30px;
text-align: left;
}
@media (min-width: 768px) {
.p-acceptanceText {
margin-top: 40px;
}
}
@media (min-width: 576px) {
.p-acceptanceText {
text-align: center;
}
}
.p-wpcf7Submit {
margin-top: 30px;
text-align: center;
}
@media (min-width: 768px) {
.p-wpcf7Submit {
margin-top: 40px;
}
}
.p-wpcf7Submit input[type=submit] {
display: block;
min-width: 270px;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 1.1em 1.5em;
background: #00aeeb -webkit-gradient(linear, left top, right top, from(#00aeeb), to(#006ab8));
background: #00aeeb -o-linear-gradient(left, #00aeeb 0%, #006ab8 100%);
background: #00aeeb linear-gradient(90deg, #00aeeb 0%, #006ab8 100%);
border: none;
border-radius: 5px;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 1.3;
cursor: pointer;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media (min-width: 768px) {
.p-wpcf7Submit input[type=submit] {
font-size: 16px;
}
}
.p-wpcf7Submit input[type=submit]:hover {
-webkit-tap-highlight-color: transparent;
background: #3075b6;
}
@media screen and (min-width: 992px) {
.p-wpcf7Submit input[type=submit]:hover {
background: #3075b6;
}
}
.p-wpcf7Submit .ajax-loader {
margin: 0;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 15px);
-ms-transform: translate(-50%, 15px);
transform: translate(-50%, 15px);
}
.wpcf7-checkbox,
.wpcf7-radio {
display: block;
padding-top: 0.8em;
margin-left: -1em;
}
.wpcf7-checkbox {
display: block;
}
.wpcf7-checkbox .wpcf7-list-item {
display: block;
}
.wpcf7 label {
font-weight: normal;
}
.wpcf7 form caption {
color: #dd2e1e;
font-weight: normal;
}
.wpcf7 .inquiry textarea {
height: 200px;
}
.wpcf7 .wpcf7-response-output {
text-align: center;
color: #dd2e1e;
}
.wpcf7 .wpcf7-validation-errors {
padding: 20px 0 0;
margin: 0 0 35px;
border: none;
text-align: center;
}
.wpcf7 .wpcf7-mail-sent-ok {
padding: 20px 0;
margin: 0 0 35px;
background-color: none;
border: none;
color: #333;
text-align: center;
}
.grecaptcha-badge {
visibility: hidden;
}
.contact .grecaptcha-badge {
visibility: visible;
}
@media (min-width: 992px) {
.contact .grecaptcha-badge {
bottom: 100px !important;
}
}
.p-archiveTitle {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 30px;
color: #3075b6;
font-size: 16px;
font-weight: bold;
}
.p-archiveTitle:before {
display: none;
}
@media (min-width: 768px) {
.p-archiveTitle {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.p-archiveTitle {
font-size: 18px;
}
}
.p-archiveDescription {
margin-top: -15px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.p-archiveDescription {
margin-top: -20px;
}
}
@media (min-width: 768px) {
.p-archiveDescription {
margin-bottom: 40px;
}
}
.p-archiveList {
padding-left: 0;
}
.p-archiveList li {
list-style: none;
}
.p-archiveList a {
text-decoration: none;
}
.p-singleHeader {
margin-bottom: 50px;
padding: 20px;
background-color: #f8f8f8;
}
@media (min-width: 768px) {
.p-singleHeader {
margin-bottom: 60px;
}
}
@media (min-width: 992px) {
.p-singleHeader {
padding: 40px;
}
}
.p-singleHeader > *:first-child {
margin-top: 0;
}
.p-singleHeader > *:last-child {
margin-bottom: 0;
}
.p-singleTitle {
padding: 0;
background: none;
border: none;
margin-top: 0;
color: #333;
font-size: 18.4615384615px;
font-weight: bold;
}
.p-singleTitle:before {
display: none;
}
@media (min-width: 768px) {
.p-singleTitle {
font-size: 26px;
}
}
.p-singleArticleData {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.p-singleArticleData {
margin-bottom: 20px;
}
}
.p-singleArticleData time {
display: inline-block;
margin-right: 10px;
}
@media (min-width: 768px) {
.p-singleArticleData time {
margin-right: 30px;
}
}
.p-homeMV {
width: 100%;
height: 100vh;
position: relative;
}
.p-homeMV__videoWrapper, .p-homeMV__video, .p-homeMV__textarea, .p-homeMV__logo {
position: absolute;
}
.p-homeMV__videoWrapper {
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.p-homeMV__video {
opacity: 0;
display: block;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-filter: brightness(200%);
filter: brightness(200%);
-webkit-transition: all 1.6s ease 0s;
-o-transition: all 1.6s ease 0s;
transition: all 1.6s ease 0s;
}
.is-animation .p-homeMV__video, .block-editor-block-list__layout .p-homeMV__video {
opacity: 1;
-webkit-filter: none;
filter: none;
}
.p-homeMV__textarea {
width: 100%;
max-width: 1030px;
padding-left: 15px;
padding-right: 15px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.p-homeMV__logo {
opacity: 0;
width: 66vw;
line-height: 1;
margin-bottom: 0;
right: 15px;
bottom: 15px;
-webkit-transition: all 1s ease 3s;
-o-transition: all 1s ease 3s;
transition: all 1s ease 3s;
}
@media (min-width: 768px) {
.p-homeMV__logo {
width: 32.8vw;
}
}
@media (min-width: 992px) {
.p-homeMV__logo {
width: 330px;
right: 50px;
bottom: 50px;
}
}
.p-homeMV__logo img {
width: 100%;
}
.is-animation .p-homeMV__logo, .block-editor-block-list__layout .p-homeMV__logo {
opacity: 1;
}
.p-homeMVLead {
opacity: 0;
font-size: 11vw;
font-weight: bold;
font-family: "M PLUS Rounded 1c", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.3;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: all 0.6s ease 1s;
-o-transition: all 0.6s ease 1s;
transition: all 0.6s ease 1s;
}
@media (min-width: 768px) {
.p-homeMVLead {
font-size: 6.8vw;
}
}
@media (min-width: 992px) {
.p-homeMVLead {
font-size: 68px;
}
}
.is-animation .p-homeMVLead {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.is-animation .p-homeMVLead strong {
-webkit-animation: homeMVLeadStrong 2s ease-out 1.8s forwards;
animation: homeMVLeadStrong 2s ease-out 1.8s forwards;
}
.block-editor-block-list__layout .p-homeMVLead strong {
color: #3075b6;
}
.p-homeMVText {
opacity: 0;
font-size: 4.6vw;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: all 0.6s ease 1.2s;
-o-transition: all 0.6s ease 1.2s;
transition: all 0.6s ease 1.2s;
}
@media (min-width: 768px) {
.p-homeMVText {
font-size: 2.7vw;
}
}
@media (min-width: 992px) {
.p-homeMVText {
font-size: 27px;
}
}
.is-animation .p-homeMVText, .block-editor-block-list__layout .p-homeMVText {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.p-homeBanner {
padding-top: 30px;
padding-bottom: 8px;
background-color: #007ac4;
}
@media (min-width: 768px) {
.p-homeBanner {
padding-top: 40px;
}
}
@media (min-width: 768px) {
.p-homeBanner {
padding-bottom: 10px;
}
}
.p-homeBannerSlick {
display: none;
opacity: 0;
-webkit-transition: all 1s ease 0.2s;
-o-transition: all 1s ease 0.2s;
transition: all 1s ease 0.2s;
}
.is-animation .p-homeBannerSlick, .block-editor-block-list__layout .p-homeBannerSlick {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.p-homeBannerSlick__slide {
opacity: 0.4;
padding-left: 4px;
padding-right: 4px;
}
@media (min-width: 768px) {
.p-homeBannerSlick__slide {
padding-left: 7px;
padding-right: 7px;
}
}
.p-homeBannerSlick__slide img {
width: 100%;
}
.p-homeBannerSlick__slide:focus {
outline: none 0;
}
.p-homeBannerSlick__slide.slick-current {
opacity: 1;
}
.p-homeBannerSlick .slick-prev,
.p-homeBannerSlick .slick-next {
display: block;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 999;
}
@media (min-width: 768px) {
.p-homeBannerSlick .slick-prev,
.p-homeBannerSlick .slick-next {
width: 40px;
height: 40px;
}
}
.p-homeBannerSlick .slick-prev:before,
.p-homeBannerSlick .slick-next:before {
display: none !important;
}
.p-homeBannerSlick .slick-prev {
left: 12%;
background-image: url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/img/common/icon_slick_prev.svg);
}
@media (min-width: 768px) {
.p-homeBannerSlick .slick-prev {
left: 20%;
}
}
.p-homeBannerSlick .slick-next {
right: 12%;
background-image: url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/img/common/icon_slick_next.svg);
}
@media (min-width: 768px) {
.p-homeBannerSlick .slick-next {
right: 20%;
}
}
.p-homeBannerSlick .slick-dots {
bottom: -25px;
}
@media (min-width: 768px) {
.p-homeBannerSlick .slick-dots {
bottom: -30px;
}
}
.p-homeBannerSlick .slick-dots li button:before, .p-homeBannerSlick .slick-dots li.slick-active button:before {
display: none;
}
.p-homeBannerSlick .slick-dots li button:after {
content: "";
display: block;
width: 10px;
height: 10px;
border: 1px solid #fff;
border-radius: 99px;
}
.p-homeBannerSlick .slick-dots li.slick-active button:after {
background-color: #fff;
}
.p-homeBannerSlick .slick-dotted.slick-slider {
margin-bottom: 0;
}
.p-homeLogo {
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
@media (min-width: 768px) {
.p-homeLogo {
padding-top: 80px;
}
}
@media (min-width: 768px) {
.p-homeLogo {
padding-bottom: 80px;
}
}
.p-homeLogo:before {
content: "";
display: block;
width: 15px;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media (min-width: 1077px) {
.p-homeLogo:before {
width: 30px;
}
}
.p-homeLogoSlick {
display: none;
margin-left: -4.2857vw;
}
.p-homeLogoSlick__slide {
opacity: 0;
padding-left: 4.2857vw;
}
.p-homeLogoSlick__slide img {
width: 100%;
}
.is-animation .p-homeLogoSlick__slide:nth-child(1) {
-webkit-animation: scale 0.6s ease 0s forwards;
animation: scale 0.6s ease 0s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(2) {
-webkit-animation: scale 0.6s ease 0.2s forwards;
animation: scale 0.6s ease 0.2s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(3) {
-webkit-animation: scale 0.6s ease 0.4s forwards;
animation: scale 0.6s ease 0.4s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(4) {
-webkit-animation: scale 0.6s ease 0.6s forwards;
animation: scale 0.6s ease 0.6s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(5) {
-webkit-animation: scale 0.6s ease 0.8s forwards;
animation: scale 0.6s ease 0.8s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(6) {
-webkit-animation: scale 0.6s ease 1s forwards;
animation: scale 0.6s ease 1s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(7) {
-webkit-animation: scale 0.6s ease 1.2s forwards;
animation: scale 0.6s ease 1.2s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(8) {
-webkit-animation: scale 0.6s ease 1.4s forwards;
animation: scale 0.6s ease 1.4s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(9) {
-webkit-animation: scale 0.6s ease 1.6s forwards;
animation: scale 0.6s ease 1.6s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(10) {
-webkit-animation: scale 0.6s ease 1.8s forwards;
animation: scale 0.6s ease 1.8s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(11) {
-webkit-animation: scale 0.6s ease 2s forwards;
animation: scale 0.6s ease 2s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(12) {
-webkit-animation: scale 0.6s ease 2.2s forwards;
animation: scale 0.6s ease 2.2s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(13) {
-webkit-animation: scale 0.6s ease 2.4s forwards;
animation: scale 0.6s ease 2.4s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(14) {
-webkit-animation: scale 0.6s ease 2.6s forwards;
animation: scale 0.6s ease 2.6s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(15) {
-webkit-animation: scale 0.6s ease 2.8s forwards;
animation: scale 0.6s ease 2.8s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(16) {
-webkit-animation: scale 0.6s ease 3s forwards;
animation: scale 0.6s ease 3s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(17) {
-webkit-animation: scale 0.6s ease 3.2s forwards;
animation: scale 0.6s ease 3.2s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(18) {
-webkit-animation: scale 0.6s ease 3.4s forwards;
animation: scale 0.6s ease 3.4s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(19) {
-webkit-animation: scale 0.6s ease 3.6s forwards;
animation: scale 0.6s ease 3.6s forwards;
}
.is-animation .p-homeLogoSlick__slide:nth-child(20) {
-webkit-animation: scale 0.6s ease 3.8s forwards;
animation: scale 0.6s ease 3.8s forwards;
}
.block-editor-block-list__layout .p-homeLogoSlick__slide {
opacity: 1;
}
.p-homeInfo {
background-color: #f8f8f8;
}
.p-homeInfoHead {
opacity: 0;
margin-bottom: 20px;
padding-bottom: 12px;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
@media (min-width: 768px) {
.p-homeInfoHead {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.p-homeInfoHead {
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-homeInfoHead {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 15px;
border-bottom: 2px solid #00aeeb;
}
}
@media (max-width: 767.98px) {
.p-homeInfoHead__title {
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 2px solid #00aeeb;
}
}
@media (min-width: 768px) {
.p-homeInfoHead__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.p-homeInfoHead .c-cat {
font-size: 15px;
}
@media (min-width: 768px) {
.p-homeInfoHead .c-cat {
font-size: 16px;
}
}
.is-animation .p-homeInfoHead, .block-editor-block-list__layout .p-homeInfoHead {
opacity: 1;
}
.p-homeInfoTitle {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
color: #333;
font-size: 18.4615384615px;
font-weight: bold;
}
.p-homeInfoTitle:before {
display: none;
}
@media (min-width: 768px) {
.p-homeInfoTitle {
font-size: 26px;
}
}
@media (min-width: 768px) {
.p-homeInfoTitle {
margin-right: 30px;
}
}
.p-homeInfoLinkPC {
margin-bottom: 0;
font-weight: bold;
}
@media (max-width: 767.98px) {
.p-homeInfoLinkPC {
display: none;
}
}
.p-homeInfoLinkSP {
margin-top: 20px;
margin-bottom: 0;
text-align: center;
}
@media (min-width: 768px) {
.p-homeInfoLinkSP {
display: none;
}
}
.p-homeCategoryList {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5px;
margin-bottom: 0;
}
.p-homeCategoryList li {
list-style: none;
}
.p-homeCategoryList > li {
padding-left: 5px;
}
.p-homeServiceTopWrapper {
max-width: 780px;
margin-left: auto;
margin-right: auto;
}
.p-homeServiceTopList {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -20px;
margin-bottom: -40px;
}
.p-homeServiceTopList li {
list-style: none;
}
@media (min-width: 768px) {
.p-homeServiceTopList {
margin-bottom: -50px;
}
}
.p-homeServiceTopList > li {
width: 50%;
padding-left: 20px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.p-homeServiceTopList > li {
padding-bottom: 50px;
}
}
@media (min-width: 768px) {
.p-homeServiceTopList > li {
width: 33.3333%;
}
}
.is-animation .p-homeServiceTopList > li:nth-child(1) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 0.2s forwards;
animation: scale 0.6s ease 0.2s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(2) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 0.4s forwards;
animation: scale 0.6s ease 0.4s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(3) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 0.6s forwards;
animation: scale 0.6s ease 0.6s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(4) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 0.8s forwards;
animation: scale 0.6s ease 0.8s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(5) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 1s forwards;
animation: scale 0.6s ease 1s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(6) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 1.2s forwards;
animation: scale 0.6s ease 1.2s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(7) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 1.4s forwards;
animation: scale 0.6s ease 1.4s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(8) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 1.6s forwards;
animation: scale 0.6s ease 1.6s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(9) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 1.8s forwards;
animation: scale 0.6s ease 1.8s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(10) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 2s forwards;
animation: scale 0.6s ease 2s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(11) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 2.2s forwards;
animation: scale 0.6s ease 2.2s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(12) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 2.4s forwards;
animation: scale 0.6s ease 2.4s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(13) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 2.6s forwards;
animation: scale 0.6s ease 2.6s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(14) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 2.8s forwards;
animation: scale 0.6s ease 2.8s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(15) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 3s forwards;
animation: scale 0.6s ease 3s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(16) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 3.2s forwards;
animation: scale 0.6s ease 3.2s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(17) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 3.4s forwards;
animation: scale 0.6s ease 3.4s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(18) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 3.6s forwards;
animation: scale 0.6s ease 3.6s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(19) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 3.8s forwards;
animation: scale 0.6s ease 3.8s forwards;
}
.is-animation .p-homeServiceTopList > li:nth-child(20) .p-homeServiceTopImg {
-webkit-animation: scale 0.6s ease 4s forwards;
animation: scale 0.6s ease 4s forwards;
}
.p-homeServiceTopImg {
opacity: 0;
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 768px) {
.p-homeServiceTopImg {
margin-bottom: 30px;
}
}
.block-editor-block-list__layout .p-homeServiceTopImg {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.p-homeServiceTopText {
margin-bottom: 0;
font-size: 16.8px;
line-height: 1.5;
text-align: center;
}
@media (min-width: 768px) {
.p-homeServiceTopText {
font-size: 20px;
}
}
.p-aboutGreeting {
margin-bottom: -70px;
background: #00aeeb -webkit-gradient(linear, left top, right top, from(#00aeeb), to(#006ab8));
background: #00aeeb -o-linear-gradient(left, #00aeeb 0%, #006ab8 100%);
background: #00aeeb linear-gradient(90deg, #00aeeb 0%, #006ab8 100%);
}
@media (min-width: 768px) {
.p-aboutGreeting {
margin-bottom: -100px;
}
}
.block-editor-block-list__layout .p-aboutGreeting, .wp-editor .p-aboutGreeting {
margin-bottom: 0;
}
.p-aboutGreetingBox {
background: #fff url(//skyfastener.co.jp/cms/wp-content/themes/skyfastenercojp/assets/img/about/greeting_bg.jpg) no-repeat center;
background-size: cover;
border-radius: 20px;
-webkit-transform: translateY(-70px);
-ms-transform: translateY(-70px);
transform: translateY(-70px);
}
@media (min-width: 768px) {
.p-aboutGreetingBox {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
}
.block-editor-block-list__layout .p-aboutGreetingBox, .wp-editor .p-aboutGreetingBox {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media (min-width: 768px) {
.block-editor-block-list__layout .p-aboutGreetingBox, .wp-editor .p-aboutGreetingBox {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media (min-width: 768px) {
.p-aboutGreetingLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.p-aboutGreetingLayout__head > *:first-child, .p-aboutGreetingLayout__contents > *:first-child {
margin-top: 0;
}
.p-aboutGreetingLayout__head > *:last-child, .p-aboutGreetingLayout__contents > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.p-aboutGreetingLayout__head {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.p-aboutGreetingLayout__head {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 25%;
}
}
@media (min-width: 768px) {
.p-aboutGreetingLayout__contents {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 40px;
}
}
@media (min-width: 992px) {
.p-aboutGreetingLayout__contents {
padding-left: 80px;
}
}
.p-aboutGreetingHead {
padding: 0;
background: none;
border: none;
}
.p-aboutGreetingHead:before {
display: none;
}
@media (max-width: 767.98px) {
.p-aboutGreetingHead {
text-align: center;
}
}
.p-aboutGreetingHead img {
width: 50%;
max-width: 250px;
}
@media (min-width: 768px) {
.p-aboutGreetingHead img {
width: 100%;
}
}
.p-aboutPhilosophy {
background: #00aeeb -webkit-gradient(linear, left top, right top, from(#00aeeb), to(#006ab8));
background: #00aeeb -o-linear-gradient(left, #00aeeb 0%, #006ab8 100%);
background: #00aeeb linear-gradient(90deg, #00aeeb 0%, #006ab8 100%);
color: #fff;
}
.p-aboutPhilosophyList {
padding-left: 0;
}
.p-aboutPhilosophyList li {
list-style: none;
}
@media (min-width: 768px) {
.p-aboutPhilosophyList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
margin-bottom: -30px;
}
}
@media (min-width: 992px) {
.p-aboutPhilosophyList {
margin-left: -40px;
margin-bottom: -40px;
}
}
.p-aboutPhilosophyList > li {
padding-bottom: 30px;
}
@media (min-width: 768px) {
.p-aboutPhilosophyList > li {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.p-aboutPhilosophyList > li {
width: 33.3333%;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.p-aboutPhilosophyList > li {
padding-left: 40px;
}
}
.p-aboutPhilosophyItem {
padding: 20px;
border: 2px solid #fff;
border-radius: 10px;
}
@media (min-width: 992px) {
.p-aboutPhilosophyItem {
padding: 40px;
}
}
.p-aboutPhilosophyItem > *:first-child {
margin-top: 0;
}
.p-aboutPhilosophyItem > *:last-child {
margin-bottom: 0;
}
.p-aboutPhilosophyItemHead {
padding: 0;
background: none;
border: none;
margin-bottom: 15px;
padding-bottom: 12px;
border-bottom: 2px solid #fff;
color: #fff;
font-size: 18.4615384615px;
}
.p-aboutPhilosophyItemHead:before {
display: none;
}
@media (min-width: 768px) {
.p-aboutPhilosophyItemHead {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-aboutPhilosophyItemHead {
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-aboutPhilosophyItemHead {
font-size: 26px;
}
}
.p-aboutPhilosophyItemText {
font-size: 17.4545454545px;
font-weight: bold;
line-height: 1.5;
}
@media (min-width: 768px) {
.p-aboutPhilosophyItemText {
font-size: 22px;
}
}
@media (min-width: 992px) {
.p-aboutCompanyTable td:first-child, .p-aboutCompanyTable th:first-child {
padding-right: 80px;
}
}
@media (min-width: 992px) {
.p-aboutCompanyTable td:last-child, .p-aboutCompanyTable th:last-child {
padding-left: 80px;
}
}
@media (min-width: 992px) {
.p-aboutCompanyTable th {
width: 180px;
}
}
.p-aboutCompanyMap {
width: 100%;
height: 260px;
margin-top: 30px;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.p-aboutCompanyMap {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.p-aboutCompanyMap {
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
.p-aboutCompanyMap {
height: 355px;
}
}
.p-aboutCompanyMap iframe {
width: 100%;
height: 100%;
}
.p-serviceStrengthBox {
margin-bottom: 30px;
padding: 20px;
background-color: #fff;
border-radius: 10px;
color: #333;
}
@media (min-width: 768px) {
.p-serviceStrengthBox {
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.p-serviceStrengthBox {
padding: 40px;
}
}
.p-serviceStrengthBox > *:first-child {
margin-top: 0;
}
.p-serviceStrengthBox > *:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.p-serviceStrengthBoxLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.p-serviceStrengthBoxLayout__img > *:first-child, .p-serviceStrengthBoxLayout__textarea > *:first-child {
margin-top: 0;
}
.p-serviceStrengthBoxLayout__img > *:last-child, .p-serviceStrengthBoxLayout__textarea > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.p-serviceStrengthBoxLayout__img {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-serviceStrengthBoxLayout__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 46.7391%;
}
}
@media (min-width: 768px) {
.p-serviceStrengthBoxLayout__textarea {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.p-serviceStrengthBoxLayout__textarea {
padding-left: 60px;
}
}
.p-serviceIntro {
padding-left: 0;
}
.p-serviceIntro li {
list-style: none;
}
.p-serviceList {
padding-left: 0;
margin-bottom: 0;
}
.p-serviceList li {
list-style: none;
}
.p-serviceList > li {
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 768px) {
.p-serviceList > li {
padding-top: 80px;
}
}
@media (min-width: 768px) {
.p-serviceList > li {
padding-bottom: 80px;
}
}
.p-serviceList > li:nth-child(3n+1) {
background-color: #d8f3fa;
}
.p-serviceList > li:nth-child(3n+2) {
background-color: #f8f8f8;
}
.p-serviceList > li:nth-child(3n+3) {
background-color: #fff;
}
@media (min-width: 768px) {
.p-serviceList > li:nth-child(even) .p-serviceListLayout {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 768px) {
.p-serviceList > li:nth-child(even) .p-serviceListLayout__textarea {
padding-left: 0;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.p-serviceList > li:nth-child(even) .p-serviceListLayout__textarea {
padding-left: 0;
padding-right: 80px;
}
}
@media (min-width: 768px) {
.p-serviceListLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.p-serviceListLayout__textarea > *:first-child, .p-serviceListLayout__img > *:first-child {
margin-top: 0;
}
.p-serviceListLayout__textarea > *:last-child, .p-serviceListLayout__img > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.p-serviceListLayout__textarea {
margin-top: 30px;
}
}
@media (min-width: 768px) {
.p-serviceListLayout__textarea {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.p-serviceListLayout__textarea {
padding-right: 80px;
}
}
.p-serviceListLayout__textarea > *:first-child {
margin-top: 0;
}
.p-serviceListLayout__textarea > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.p-serviceListLayout__img {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-serviceListLayout__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 42%;
}
}
.p-serviceListHead__sm, .p-serviceListHead__lg {
display: block;
}
.p-serviceListHead__sm {
margin-bottom: 8px;
font-size: 15px;
}
@media (min-width: 768px) {
.p-serviceListHead__sm {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.p-serviceListHead__sm {
font-size: 16px;
}
}
.js-animation .p-serviceListHead__sm {
opacity: 0;
-webkit-transition: all 1s ease 1.2s;
-o-transition: all 1s ease 1.2s;
transition: all 1s ease 1.2s;
}
.is-animation .p-serviceListHead__sm, .block-editor-block-list__layout .p-serviceListHead__sm {
opacity: 1;
}
.js-animation .p-serviceListHead__lg {
opacity: 0;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: all 1s ease 0.2s;
-o-transition: all 1s ease 0.2s;
transition: all 1s ease 0.2s;
}
.is-animation .p-serviceListHead__lg, .block-editor-block-list__layout .p-serviceListHead__lg {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.p-serviceListButton {
margin-top: 30px;
}
@media (min-width: 768px) {
.p-serviceListButton {
margin-top: 40px;
}
}
.p-serviceListButton.js-animation .c-btn {
opacity: 0;
}
.p-serviceListButton.is-animation .c-btn {
-webkit-animation: scale 0.6s ease 0.4s forwards;
animation: scale 0.6s ease 0.4s forwards;
}
.block-editor-block-list__layout .p-serviceListButton .c-btn {
opacity: 1;
}
.p-serviceAboutImg {
margin-bottom: 60px;
}
@media (min-width: 768px) {
.p-serviceAboutImg {
margin-bottom: 80px;
}
}
.p-serviceFeatureList {
padding-left: 0;
margin-bottom: -15px;
}
.p-serviceFeatureList li {
list-style: none;
}
@media (min-width: 768px) {
.p-serviceFeatureList {
margin-bottom: -20px;
}
}
@media (min-width: 768px) {
.p-serviceFeatureList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
}
}
.p-serviceFeatureList > li {
padding-bottom: 15px;
}
@media (min-width: 768px) {
.p-serviceFeatureList > li {
padding-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-serviceFeatureList > li {
width: 33.3333%;
padding-left: 20px;
}
}
.p-serviceFeatureItem {
padding: 30px 20px;
background-color: #fff;
border: 7px solid #d8f3fa;
border-radius: 10px;
position: relative;
}
@media (min-width: 768px) {
.p-serviceFeatureItem {
padding: 40px 20px;
}
}
.p-serviceFeatureItem__num {
position: absolute;
top: 15px;
left: 15px;
}
.p-serviceFeatureItem__num img {
width: 100%;
max-width: 38px;
}
.p-serviceFeatureItem__icon {
margin-bottom: 18px;
text-align: center;
}
@media (min-width: 768px) {
.p-serviceFeatureItem__icon {
margin-bottom: 25px;
}
}
.p-serviceFeatureItem__icon img {
width: 100%;
max-width: 60px;
}
.p-serviceFeatureItem__text {
margin-bottom: 0;
line-height: 1.3;
text-align: center;
}
.p-serviceFunctionList {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-bottom: -10px;
}
.p-serviceFunctionList li {
list-style: none;
}
.p-serviceFunctionList > li {
width: 50%;
padding-left: 10px;
padding-bottom: 10px;
}
@media (min-width: 576px) {
.p-serviceFunctionList > li {
width: 33.333%;
}
}
@media (min-width: 768px) {
.p-serviceFunctionList > li {
width: 25%;
}
}
@media (min-width: 992px) {
.p-serviceFunctionList > li {
width: 20%;
}
}
.p-serviceFunctionItem {
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;
padding: 10px;
background-color: #fff;
border-radius: 5px;
}
.p-serviceFunctionItem__inner > *:last-child {
margin-bottom: 0;
}
.p-serviceFunctionItemText {
margin-bottom: 0;
color: #3075b6;
font-weight: bold;
line-height: 1.5;
text-align: center;
}
@media (min-width: 768px) {
.p-servicePaymentLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 768px) {
.p-servicePaymentLayout__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 250px;
}
}
.p-servicePaymentLayout__img img {
width: 100%;
border: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
.p-servicePaymentLayout__textarea {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.p-servicePaymentLayout__textarea {
padding-left: 60px;
}
}
.p-servicePaymentLayout__textarea > *:last-child {
margin-bottom: 0;
}
.p-serviceTable {
width: 100%;
margin-bottom: 15px;
border-top: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
.p-serviceTable {
margin-bottom: 20px;
}
}
.p-serviceTable th, .p-serviceTable td {
padding: 15px 20px;
border-bottom: 1px solid #e0e0e0;
vertical-align: top;
}
.p-serviceTable th {
background-color: #f8f8f8;
font-weight: bold;
}
.p-serviceTable td {
background-color: #fff;
}
.p-serviceTable--overview {
min-width: 930px;
}
.p-serviceTable--overview td, .p-serviceTable--overview th {
vertical-align: middle;
}
.p-serviceTable--overview td {
font-weight: bold;
}
.p-serviceTable--overview td.p-serviceOverviewCellPlan {
width: 23%;
text-align: center;
}
.p-serviceTable--overview td.p-serviceOverviewCellPlan--standard {
background-color: #ebf0fa;
}
.p-serviceTable--overview td.p-serviceOverviewCellPlan--gold {
background-color: #fefaf1;
}
.p-serviceTable--cardbrand td, .p-serviceTable--cardbrand th {
vertical-align: middle;
}
.p-serviceTable--price {
border-left: 1px solid #e0e0e0;
}
.p-serviceTable--price td, .p-serviceTable--price th {
border-right: 1px solid #e0e0e0;
}
.p-serviceTable--price th {
text-align: center;
}
.p-serviceTable--fee td, .p-serviceTable--fee th {
vertical-align: middle;
}
.p-serviceFaqList {
padding: 20px;
background-color: #fff;
border: 2px solid #e0e0e0;
border-radius: 10px;
}
@media (min-width: 992px) {
.p-serviceFaqList {
padding: 25px 30px;
}
}
.p-serviceFaqList dt, .p-serviceFaqList dd {
margin-bottom: 0;
padding-left: 30px;
position: relative;
}
@media (min-width: 768px) {
.p-serviceFaqList dt, .p-serviceFaqList dd {
padding-left: 34px;
}
}
.p-serviceFaqList dt {
padding-right: 1.5em;
font-size: 16.8px;
line-height: 1.3;
cursor: pointer;
}
@media (min-width: 768px) {
.p-serviceFaqList dt {
font-size: 20px;
}
}
.p-serviceFaqList dt:before, .p-serviceFaqList dt:after {
content: "";
width: 1em;
height: 2px;
margin-top: -1px;
background-color: #999;
position: absolute;
top: 50%;
right: 0;
}
.p-serviceFaqList dt:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.p-serviceFaqList dt.is-active:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.p-serviceFaqList dd {
display: none;
margin-top: 15px;
}
@media (min-width: 768px) {
.p-serviceFaqList dd {
margin-top: 20px;
}
}
.p-serviceFaqIcon {
display: block;
width: 18px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
top: 2px;
left: 0;
}
@media (min-width: 768px) {
.p-serviceFaqIcon {
width: 22px;
height: 25px;
}
}
.p-serviceDetailsList {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-bottom: -10px;
}
.p-serviceDetailsList li {
list-style: none;
}
.p-serviceDetailsList > li {
width: 100%;
padding-left: 10px;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.p-serviceDetailsList > li {
width: 50%;
}
}
@media (min-width: 992px) {
.p-serviceDetailsList > li {
width: 33.3333%;
}
}
.p-serviceDetailsItem {
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;
padding: 15px;
background-color: #d8f3fa;
border-radius: 5px;
}
@media (min-width: 768px) {
.p-serviceDetailsItem {
padding: 20px;
}
}
.p-serviceDetailsItem__inner > *:last-child {
margin-bottom: 0;
}
.p-serviceDetailsItemText {
margin-bottom: 0;
color: #3075b6;
font-weight: bold;
line-height: 1.5;
text-align: center;
}
.p-serviceFlowList {
padding-left: 0;
padding: 20px;
background-color: #fff;
border-radius: 5px;
}
.p-serviceFlowList li {
list-style: none;
}
@media (min-width: 768px) {
.p-serviceFlowList {
padding: 30px;
}
}
.p-serviceFlowList > li {
padding-left: 40px;
padding-bottom: 18px;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.p-serviceFlowList > li {
padding-bottom: 25px;
}
}
@media (min-width: 768px) {
.p-serviceFlowList > li {
padding-left: 50px;
}
}
.p-serviceFlowList > li:before {
content: "";
display: block;
width: 30px;
height: 30px;
background-color: #3075b6;
border-radius: 999px;
color: #fff;
font-size: 16px;
line-height: 30px;
text-align: center;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 768px) {
.p-serviceFlowList > li:before {
width: 40px;
height: 40px;
font-size: 19px;
line-height: 40px;
}
}
.p-serviceFlowList > li:after {
content: "";
display: block;
width: 2px;
height: 100%;
background-color: #3075b6;
position: absolute;
top: 0;
left: 14px;
z-index: -1;
}
@media (min-width: 768px) {
.p-serviceFlowList > li:after {
left: 19px;
}
}
.p-serviceFlowList > li:nth-child(1):before {
content: "1";
}
.p-serviceFlowList > li:nth-child(2):before {
content: "2";
}
.p-serviceFlowList > li:nth-child(3):before {
content: "3";
}
.p-serviceFlowList > li:nth-child(4):before {
content: "4";
}
.p-serviceFlowList > li:nth-child(5):before {
content: "5";
}
.p-serviceFlowList > li:nth-child(6):before {
content: "6";
}
.p-serviceFlowList > li:nth-child(7):before {
content: "7";
}
.p-serviceFlowList > li:nth-child(8):before {
content: "8";
}
.p-serviceFlowList > li:nth-child(9):before {
content: "9";
}
.p-serviceFlowList > li:nth-child(10):before {
content: "10";
}
.p-serviceFlowList > li:nth-child(11):before {
content: "11";
}
.p-serviceFlowList > li:nth-child(12):before {
content: "12";
}
.p-serviceFlowList > li:nth-child(13):before {
content: "13";
}
.p-serviceFlowList > li:nth-child(14):before {
content: "14";
}
.p-serviceFlowList > li:nth-child(15):before {
content: "15";
}
.p-serviceFlowList > li:nth-child(16):before {
content: "16";
}
.p-serviceFlowList > li:nth-child(17):before {
content: "17";
}
.p-serviceFlowList > li:nth-child(18):before {
content: "18";
}
.p-serviceFlowList > li:nth-child(19):before {
content: "19";
}
.p-serviceFlowList > li:nth-child(20):before {
content: "20";
}
.p-serviceFlowList > li:last-child:after {
display: none;
}
@media (min-width: 768px) {
.p-serviceFlowItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 8px;
}
}
.p-serviceFlowItem__head > *:first-child, .p-serviceFlowItem__contents > *:first-child {
margin-top: 0;
}
.p-serviceFlowItem__head > *:last-child, .p-serviceFlowItem__contents > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.p-serviceFlowItem__head {
margin-bottom: 8px;
}
}
@media (min-width: 768px) {
.p-serviceFlowItem__head {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 170px;
}
}
@media (min-width: 768px) {
.p-serviceFlowItem__contents {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.p-serviceFlowItemHead {
padding: 0;
background: none;
border: none;
color: #3075b6;
font-size: 15px;
font-weight: bold;
}
.p-serviceFlowItemHead:before {
display: none;
}
@media (min-width: 768px) {
.p-serviceFlowItemHead {
font-size: 16px;
}
}
.p-serviceFlowItemButton .c-btn {
min-width: 200px;
}
.p-serviceFlowButton {
margin-top: 30px;
text-align: center;
}
@media (min-width: 768px) {
.p-serviceFlowButton {
margin-top: 40px;
}
}
.p-serviceProhibitedBox {
padding: 20px;
background-color: #fff;
border: 2px solid #e0e0e0;
border-radius: 10px;
}
@media (min-width: 992px) {
.p-serviceProhibitedBox {
padding: 25px 30px;
}
}
.p-serviceProhibitedHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
color: #333;
font-size: 15px;
line-height: 1.3;
position: relative;
cursor: pointer;
}
.p-serviceProhibitedHead:before {
display: none;
}
@media (min-width: 768px) {
.p-serviceProhibitedHead {
font-size: 16px;
}
}
.p-serviceProhibitedHead:before, .p-serviceProhibitedHead:after {
content: "";
width: 1em;
height: 2px;
margin-top: -1px;
background-color: #999;
position: absolute;
top: 50%;
right: 0;
}
.p-serviceProhibitedHead:before {
display: block;
}
.p-serviceProhibitedHead:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.p-serviceProhibitedHead.is-active:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.p-serviceProhibitedContents {
display: none;
margin-top: 15px;
}
@media (min-width: 768px) {
.p-serviceProhibitedContents {
margin-top: 20px;
}
}
.p-serviceProhibitedContents > *:first-child {
margin-top: 0;
}
.p-serviceProhibitedContents > *:last-child {
margin-bottom: 0;
}
.p-recruitHead {
padding: 0;
background: none;
border: none;
padding-top: 20px;
padding-bottom: 20px;
border-top: 2px solid #3075b6;
border-bottom: 2px solid #3075b6;
color: #3075b6;
font-size: 18.4615384615px;
text-align: center;
}
.p-recruitHead:before {
display: none;
}
@media (min-width: 768px) {
.p-recruitHead {
padding-top: 30px;
}
}
@media (min-width: 768px) {
.p-recruitHead {
padding-bottom: 30px;
}
}
@media (min-width: 768px) {
.p-recruitHead {
font-size: 26px;
}
}
.p-contactTop {
margin-bottom: -70px;
background-color: #f8f8f8;
}
@media (min-width: 768px) {
.p-contactTop {
margin-bottom: -100px;
}
}
.block-editor-block-list__layout .p-contactTop {
margin-bottom: -70px;
}
@media (min-width: 768px) {
.block-editor-block-list__layout .p-contactTop {
margin-bottom: -100px;
}
}
.p-contactTopBox {
padding: 20px;
background-color: #fff;
border-radius: 20px;
-webkit-transform: translateY(-70px);
-ms-transform: translateY(-70px);
transform: translateY(-70px);
}
@media (min-width: 768px) {
.p-contactTopBox {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
}
@media (min-width: 992px) {
.p-contactTopBox {
padding: 50px;
}
}
.p-contactTopBox > *:first-child {
margin-top: 0;
}
.p-contactTopBox > *:last-child {
margin-bottom: 0;
}
.block-editor-block-list__layout .p-contactTopBox {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media (min-width: 768px) {
.block-editor-block-list__layout .p-contactTopBox {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.p-contactTopHead {
padding: 0;
background: none;
border: none;
color: #3075b6;
font-size: 18.4615384615px;
line-height: 1.8;
}
.p-contactTopHead:before {
display: none;
}
@media (min-width: 768px) {
.p-contactTopHead {
font-size: 26px;
}
}
.p-privacypolicyContactBox {
margin-top: 30px;
padding: 20px;
border: 2px solid #e0e0e0;
border-radius: 5px;
}
@media (min-width: 768px) {
.p-privacypolicyContactBox {
margin-top: 40px;
}
}
@media (min-width: 992px) {
.p-privacypolicyContactBox {
padding: 40px;
}
}
.p-privacypolicyContactBox > *:first-child {
margin-top: 0;
}
.p-privacypolicyContactBox > *:last-child {
margin-bottom: 0;
}
.p-searchList {
padding-left: 0;
}
.p-searchList li {
list-style: none;
}
.p-searchItem {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.p-searchItem__title {
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
.p-searchItem__title {
padding-top: 15px;
}
}
@media (min-width: 768px) {
.p-searchItem__title {
padding-bottom: 15px;
}
}
a.p-searchItem {
color: #333;
}
a.p-searchItem:hover {
-webkit-tap-highlight-color: transparent;
color: #52d2ff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.p-searchItem:hover {
color: #52d2ff;
text-decoration: none;
}
}
.u-text-primary {
color: #3075b6;
}
.u-text-secondary {
color: #00aeeb;
}
.u-text-success {
color: #0f0;
}
.u-text-info {
color: #00f;
}
.u-text-warning {
color: #ffd703;
}
.u-text-danger {
color: #dd2e1e;
}
.u-text-white {
color: #fff;
}
.u-text-black {
color: #000;
}
.u-text-light {
color: #f8f8f8;
}
.u-text-dark {
color: #666;
}
.u-fs-base {
font-size: 15px;
}
@media (min-width: 768px) {
.u-fs-base {
font-size: 16px;
}
}
.u-fs-sm {
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.u-fs-sm {
font-size: 14px;
}
}
.u-fs-lg {
font-size: 16.8px;
}
@media (min-width: 768px) {
.u-fs-lg {
font-size: 20px;
}
}
.u-fs-1 {
font-size: 12px;
}
@media (min-width: 768px) {
.u-fs-1 {
font-size: 12px;
}
}
.u-fs-2 {
font-size: 12.9230769231px;
}
@media (min-width: 768px) {
.u-fs-2 {
font-size: 13px;
}
}
.u-fs-3 {
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.u-fs-3 {
font-size: 14px;
}
}
.u-fs-4 {
font-size: 15px;
}
@media (min-width: 768px) {
.u-fs-4 {
font-size: 16px;
}
}
.u-fs-5 {
font-size: 16px;
}
@media (min-width: 768px) {
.u-fs-5 {
font-size: 18px;
}
}
.u-fs-6 {
font-size: 16.8px;
}
@media (min-width: 768px) {
.u-fs-6 {
font-size: 20px;
}
}
.u-fs-7 {
font-size: 17.4545454545px;
}
@media (min-width: 768px) {
.u-fs-7 {
font-size: 22px;
}
}
.u-fs-8 {
font-size: 18.4615384615px;
}
@media (min-width: 768px) {
.u-fs-8 {
font-size: 26px;
}
}
.u-fs-9 {
font-size: 19.2px;
}
@media (min-width: 768px) {
.u-fs-9 {
font-size: 30px;
}
}
.u-fs-10 {
font-size: 20.1081081081px;
}
@media (min-width: 768px) {
.u-fs-10 {
font-size: 37px;
}
}
.u-ff-jp {
font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.u-ff-mincho {
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.u-ff-web {
font-family: "M PLUS Rounded 1c", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.u-lh-xl {
line-height: 2;
}
.u-lh-lg {
line-height: 1.8;
}
.u-lh-md {
line-height: 1.5;
}
.u-lh-sm {
line-height: 1.3;
}
.u-ls-lg {
letter-spacing: 0.5em;
}
.u-ls-md {
letter-spacing: normal;
}
.u-ls-sm {
letter-spacing: -0.1em;
}
.u-fw-bold {
font-weight: bold;
}
.u-fw-normal {
font-weight: normal;
}
.u-ta-left {
text-align: left !important;
}
.u-ta-center {
text-align: center !important;
}
.u-ta-right {
text-align: right !important;
}
@media (min-width: 576px) {
.u-ta-sm-left {
text-align: left !important;
}
}
@media (min-width: 576px) {
.u-ta-sm-center {
text-align: center !important;
}
}
@media (min-width: 576px) {
.u-ta-sm-right {
text-align: right !important;
}
}
@media (min-width: 768px) {
.u-ta-md-left {
text-align: left !important;
}
}
@media (min-width: 768px) {
.u-ta-md-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.u-ta-md-right {
text-align: right !important;
}
}
@media (min-width: 992px) {
.u-ta-lg-left {
text-align: left !important;
}
}
@media (min-width: 992px) {
.u-ta-lg-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.u-ta-lg-right {
text-align: right !important;
}
}
@media (min-width: 1077px) {
.u-ta-xl-left {
text-align: left !important;
}
}
@media (min-width: 1077px) {
.u-ta-xl-center {
text-align: center !important;
}
}
@media (min-width: 1077px) {
.u-ta-xl-right {
text-align: right !important;
}
}
@media (min-width: 1217px) {
.u-ta-xxl-left {
text-align: left !important;
}
}
@media (min-width: 1217px) {
.u-ta-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1217px) {
.u-ta-xxl-right {
text-align: right !important;
}
}
.u-tel-link a {
color: #333;
}
.u-tel-link a:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.u-tel-link a:hover {
color: #333;
text-decoration: none;
}
}
.u-mt-0 {
margin-top: 0;
}
.u-mb-0 {
margin-bottom: 0;
}
.u-pt-0 {
padding-top: 0;
}
.u-pb-0 {
padding-bottom: 0;
}
.u-mt-5 {
margin-top: 5px;
}
.u-mb-5 {
margin-bottom: 5px;
}
.u-pt-5 {
padding-top: 5px;
}
.u-pb-5 {
padding-bottom: 5px;
}
.u-mt-10 {
margin-top: 8px;
}
.u-mb-10 {
margin-bottom: 8px;
}
.u-pt-10 {
padding-top: 8px;
}
.u-pb-10 {
padding-bottom: 8px;
}
.u-mt-15 {
margin-top: 12px;
}
.u-mb-15 {
margin-bottom: 12px;
}
.u-pt-15 {
padding-top: 12px;
}
.u-pb-15 {
padding-bottom: 12px;
}
.u-mt-20 {
margin-top: 15px;
}
.u-mb-20 {
margin-bottom: 15px;
}
.u-pt-20 {
padding-top: 15px;
}
.u-pb-20 {
padding-bottom: 15px;
}
.u-mt-25 {
margin-top: 18px;
}
.u-mb-25 {
margin-bottom: 18px;
}
.u-pt-25 {
padding-top: 18px;
}
.u-pb-25 {
padding-bottom: 18px;
}
.u-mt-30 {
margin-top: 20px;
}
.u-mb-30 {
margin-bottom: 20px;
}
.u-pt-30 {
padding-top: 20px;
}
.u-pb-30 {
padding-bottom: 20px;
}
.u-mt-40 {
margin-top: 30px;
}
.u-mb-40 {
margin-bottom: 30px;
}
.u-pt-40 {
padding-top: 30px;
}
.u-pb-40 {
padding-bottom: 30px;
}
.u-mt-50 {
margin-top: 40px;
}
.u-mb-50 {
margin-bottom: 40px;
}
.u-pt-50 {
padding-top: 40px;
}
.u-pb-50 {
padding-bottom: 40px;
}
.u-mt-60 {
margin-top: 50px;
}
.u-mb-60 {
margin-bottom: 50px;
}
.u-pt-60 {
padding-top: 50px;
}
.u-pb-60 {
padding-bottom: 50px;
}
.u-mt-70 {
margin-top: 55px;
}
.u-mb-70 {
margin-bottom: 55px;
}
.u-pt-70 {
padding-top: 55px;
}
.u-pb-70 {
padding-bottom: 55px;
}
.u-mt-80 {
margin-top: 60px;
}
.u-mb-80 {
margin-bottom: 60px;
}
.u-pt-80 {
padding-top: 60px;
}
.u-pb-80 {
padding-bottom: 60px;
}
.u-mt-90 {
margin-top: 65px;
}
.u-mb-90 {
margin-bottom: 65px;
}
.u-pt-90 {
padding-top: 65px;
}
.u-pb-90 {
padding-bottom: 65px;
}
.u-mt-100 {
margin-top: 70px;
}
.u-mb-100 {
margin-bottom: 70px;
}
.u-pt-100 {
padding-top: 70px;
}
.u-pb-100 {
padding-bottom: 70px;
}
@media (min-width: 768px) {
.u-mt-5 {
margin-top: 5px;
}
}
@media (min-width: 768px) {
.u-mb-5 {
margin-bottom: 5px;
}
}
@media (min-width: 768px) {
.u-pt-5 {
padding-top: 5px;
}
}
@media (min-width: 768px) {
.u-pb-5 {
padding-bottom: 5px;
}
}
@media (min-width: 768px) {
.u-mt-10 {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.u-mb-10 {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.u-pt-10 {
padding-top: 10px;
}
}
@media (min-width: 768px) {
.u-pb-10 {
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
.u-mt-15 {
margin-top: 15px;
}
}
@media (min-width: 768px) {
.u-mb-15 {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.u-pt-15 {
padding-top: 15px;
}
}
@media (min-width: 768px) {
.u-pb-15 {
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.u-mt-20 {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.u-mb-20 {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.u-pt-20 {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.u-pb-20 {
padding-bottom: 20px;
}
}
@media (min-width: 768px) {
.u-mt-25 {
margin-top: 25px;
}
}
@media (min-width: 768px) {
.u-mb-25 {
margin-bottom: 25px;
}
}
@media (min-width: 768px) {
.u-pt-25 {
padding-top: 25px;
}
}
@media (min-width: 768px) {
.u-pb-25 {
padding-bottom: 25px;
}
}
@media (min-width: 768px) {
.u-mt-30 {
margin-top: 30px;
}
}
@media (min-width: 768px) {
.u-mb-30 {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.u-pt-30 {
padding-top: 30px;
}
}
@media (min-width: 768px) {
.u-pb-30 {
padding-bottom: 30px;
}
}
@media (min-width: 768px) {
.u-mt-40 {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.u-mb-40 {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.u-pt-40 {
padding-top: 40px;
}
}
@media (min-width: 768px) {
.u-pb-40 {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.u-mt-50 {
margin-top: 50px;
}
}
@media (min-width: 768px) {
.u-mb-50 {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.u-pt-50 {
padding-top: 50px;
}
}
@media (min-width: 768px) {
.u-pb-50 {
padding-bottom: 50px;
}
}
@media (min-width: 768px) {
.u-mt-60 {
margin-top: 60px;
}
}
@media (min-width: 768px) {
.u-mb-60 {
margin-bottom: 60px;
}
}
@media (min-width: 768px) {
.u-pt-60 {
padding-top: 60px;
}
}
@media (min-width: 768px) {
.u-pb-60 {
padding-bottom: 60px;
}
}
@media (min-width: 768px) {
.u-mt-70 {
margin-top: 70px;
}
}
@media (min-width: 768px) {
.u-mb-70 {
margin-bottom: 70px;
}
}
@media (min-width: 768px) {
.u-pt-70 {
padding-top: 70px;
}
}
@media (min-width: 768px) {
.u-pb-70 {
padding-bottom: 70px;
}
}
@media (min-width: 768px) {
.u-mt-80 {
margin-top: 80px;
}
}
@media (min-width: 768px) {
.u-mb-80 {
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
.u-pt-80 {
padding-top: 80px;
}
}
@media (min-width: 768px) {
.u-pb-80 {
padding-bottom: 80px;
}
}
@media (min-width: 768px) {
.u-mt-90 {
margin-top: 90px;
}
}
@media (min-width: 768px) {
.u-mb-90 {
margin-bottom: 90px;
}
}
@media (min-width: 768px) {
.u-pt-90 {
padding-top: 90px;
}
}
@media (min-width: 768px) {
.u-pb-90 {
padding-bottom: 90px;
}
}
@media (min-width: 768px) {
.u-mt-100 {
margin-top: 100px;
}
}
@media (min-width: 768px) {
.u-mb-100 {
margin-bottom: 100px;
}
}
@media (min-width: 768px) {
.u-pt-100 {
padding-top: 100px;
}
}
@media (min-width: 768px) {
.u-pb-100 {
padding-bottom: 100px;
}
}
.u-ml-1 {
margin-left: 0.5em;
}
.u-mr-1 {
margin-right: 0.5em;
}
.u-pl-1 {
padding-left: 0.5em;
}
.u-pr-1 {
padding-right: 0.5em;
}
.u-ml-2 {
margin-left: 1em;
}
.u-mr-2 {
margin-right: 1em;
}
.u-pl-2 {
padding-left: 1em;
}
.u-pr-2 {
padding-right: 1em;
}
.u-ml-3 {
margin-left: 1.5em;
}
.u-mr-3 {
margin-right: 1.5em;
}
.u-pl-3 {
padding-left: 1.5em;
}
.u-pr-3 {
padding-right: 1.5em;
}
.u-ml-4 {
margin-left: 2em;
}
.u-mr-4 {
margin-right: 2em;
}
.u-pl-4 {
padding-left: 2em;
}
.u-pr-4 {
padding-right: 2em;
}
.u-ml-5 {
margin-left: 3em;
}
.u-mr-5 {
margin-right: 3em;
}
.u-pl-5 {
padding-left: 3em;
}
.u-pr-5 {
padding-right: 3em;
}
.u-block {
display: block !important;
}
.u-inline-block {
display: inline-block !important;
}
.u-inline {
display: inline !important;
}
.u-none {
display: none !important;
}
@media (max-width: 767.98px) {
.u-only-pc {
display: none !important;
}
}
@media (min-width: 768px) {
.u-only-sp {
display: none !important;
}
}
@media (min-width: 576px) {
.u-sm-block {
display: block !important;
}
}
@media (min-width: 576px) {
.u-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 576px) {
.u-sm-inline {
display: inline !important;
}
}
@media (min-width: 576px) {
.u-sm-none {
display: none !important;
}
}
@media (min-width: 768px) {
.u-md-block {
display: block !important;
}
}
@media (min-width: 768px) {
.u-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) {
.u-md-inline {
display: inline !important;
}
}
@media (min-width: 768px) {
.u-md-none {
display: none !important;
}
}
@media (min-width: 992px) {
.u-lg-block {
display: block !important;
}
}
@media (min-width: 992px) {
.u-lg-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) {
.u-lg-inline {
display: inline !important;
}
}
@media (min-width: 992px) {
.u-lg-none {
display: none !important;
}
}
@media (min-width: 1077px) {
.u-xl-block {
display: block !important;
}
}
@media (min-width: 1077px) {
.u-xl-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1077px) {
.u-xl-inline {
display: inline !important;
}
}
@media (min-width: 1077px) {
.u-xl-none {
display: none !important;
}
}
@media (min-width: 1217px) {
.u-xxl-block {
display: block !important;
}
}
@media (min-width: 1217px) {
.u-xxl-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1217px) {
.u-xxl-inline {
display: inline !important;
}
}
@media (min-width: 1217px) {
.u-xxl-none {
display: none !important;
}
}
br.u-only-pc {
display: none !important;
}
@media (min-width: 992px) {
br.u-only-pc {
display: inline !important;
}
}
.u-bg-primary {
background-color: #3075b6;
}
.u-bg-secondary {
background-color: #00aeeb;
}
.u-bg-success {
background-color: #0f0;
}
.u-bg-info {
background-color: #00f;
}
.u-bg-warning {
background-color: #ffd703;
}
.u-bg-danger {
background-color: #dd2e1e;
}
.u-bg-white {
background-color: #fff;
}
.u-bg-black {
background-color: #000;
}
.u-bg-light {
background-color: #f8f8f8;
}
.u-bg-dark {
background-color: #666;
}
.u-bg-primary {
color: #fff;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}