@charset "UTF-8";

@keyframes listItemCaution {
0% {
transform: translateY(-30%);
}
100% {
transform: translateY(-60%);
}
}
@keyframes videoOpen {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes modalOpen {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
*, ::after, ::before {
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 {
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] {
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 {
box-sizing: border-box;
}
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;
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;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
}
button:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
a {
color: #aacb56;
box-sizing: border-box;
}
a img {
transition: 0.2s;
}
a:hover {
-webkit-tap-highlight-color: transparent;
color: #c7dd91;
}
a:hover > img {
opacity: 0.6;
}
@media screen and (min-width: 992px) {
a:hover {
color: #c7dd91;
}
a:hover > img {
opacity: 0.6;
}
}
hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #d3d3d3;
height: 1px;
}
p {
line-height: 1.5;
}
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;
}
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(.c-table-2) {
width: 100%;
margin-bottom: 12px;
border-top: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
}
@media (min-width: 768px) {
table:not(.c-table-1):not(.c-table-2) {
margin-bottom: 15px;
}
}
table:not(.c-table-1):not(.c-table-2) th, table:not(.c-table-1):not(.c-table-2) td {
padding: 10px 15px;
border-right: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}
table:not(.c-table-1):not(.c-table-2) th {
font-weight: bold;
}
.c-box-primary {
padding: 20px;
background-color: #aacb56;
}
@media (min-width: 768px) {
.c-box-primary {
padding: 30px 60px;
}
}
.c-box-primary > *:first-child {
margin-top: 0;
}
.c-box-primary > *:last-child {
margin-bottom: 0;
}
.c-box-primary.is-sm {
padding: 20px;
}
.c-box-primary.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-primary.is-lg {
padding: 40px 60px;
}
}
.c-box-border-primary {
padding: 20px;
border: 1px solid #aacb56;
}
@media (min-width: 768px) {
.c-box-border-primary {
padding: 30px 60px;
}
}
.c-box-border-primary > *:first-child {
margin-top: 0;
}
.c-box-border-primary > *:last-child {
margin-bottom: 0;
}
.c-box-border-primary.is-sm {
padding: 20px;
}
.c-box-border-primary.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border-primary.is-lg {
padding: 40px 60px;
}
}
.c-box-bg-primary {
padding: 20px;
background-color: #f5fae6;
}
@media (min-width: 768px) {
.c-box-bg-primary {
padding: 30px 60px;
}
}
.c-box-bg-primary > *:first-child {
margin-top: 0;
}
.c-box-bg-primary > *:last-child {
margin-bottom: 0;
}
.c-box-bg-primary.is-sm {
padding: 20px;
}
.c-box-bg-primary.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-bg-primary.is-lg {
padding: 40px 60px;
}
}
.c-box-border-bg-primary {
padding: 20px;
border: 1px solid #f5fae6;
}
@media (min-width: 768px) {
.c-box-border-bg-primary {
padding: 30px 60px;
}
}
.c-box-border-bg-primary > *:first-child {
margin-top: 0;
}
.c-box-border-bg-primary > *:last-child {
margin-bottom: 0;
}
.c-box-border-bg-primary.is-sm {
padding: 20px;
}
.c-box-border-bg-primary.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border-bg-primary.is-lg {
padding: 40px 60px;
}
}
.c-box-success {
padding: 20px;
background-color: #cbc58b;
}
@media (min-width: 768px) {
.c-box-success {
padding: 30px 60px;
}
}
.c-box-success > *:first-child {
margin-top: 0;
}
.c-box-success > *:last-child {
margin-bottom: 0;
}
.c-box-success.is-sm {
padding: 20px;
}
.c-box-success.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-success.is-lg {
padding: 40px 60px;
}
}
.c-box-border-success {
padding: 20px;
border: 1px solid #cbc58b;
}
@media (min-width: 768px) {
.c-box-border-success {
padding: 30px 60px;
}
}
.c-box-border-success > *:first-child {
margin-top: 0;
}
.c-box-border-success > *:last-child {
margin-bottom: 0;
}
.c-box-border-success.is-sm {
padding: 20px;
}
.c-box-border-success.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border-success.is-lg {
padding: 40px 60px;
}
}
.c-box-bg-success {
padding: 20px;
background-color: #fdfcf0;
}
@media (min-width: 768px) {
.c-box-bg-success {
padding: 30px 60px;
}
}
.c-box-bg-success > *:first-child {
margin-top: 0;
}
.c-box-bg-success > *:last-child {
margin-bottom: 0;
}
.c-box-bg-success.is-sm {
padding: 20px;
}
.c-box-bg-success.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-bg-success.is-lg {
padding: 40px 60px;
}
}
.c-box-border-bg-success {
padding: 20px;
border: 1px solid #fdfcf0;
}
@media (min-width: 768px) {
.c-box-border-bg-success {
padding: 30px 60px;
}
}
.c-box-border-bg-success > *:first-child {
margin-top: 0;
}
.c-box-border-bg-success > *:last-child {
margin-bottom: 0;
}
.c-box-border-bg-success.is-sm {
padding: 20px;
}
.c-box-border-bg-success.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border-bg-success.is-lg {
padding: 40px 60px;
}
}
.c-box-black {
padding: 20px;
background-color: #000;
}
@media (min-width: 768px) {
.c-box-black {
padding: 30px 60px;
}
}
.c-box-black > *:first-child {
margin-top: 0;
}
.c-box-black > *:last-child {
margin-bottom: 0;
}
.c-box-black.is-sm {
padding: 20px;
}
.c-box-black.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-black.is-lg {
padding: 40px 60px;
}
}
.c-box-border-black {
padding: 20px;
border: 1px solid #000;
}
@media (min-width: 768px) {
.c-box-border-black {
padding: 30px 60px;
}
}
.c-box-border-black > *:first-child {
margin-top: 0;
}
.c-box-border-black > *:last-child {
margin-bottom: 0;
}
.c-box-border-black.is-sm {
padding: 20px;
}
.c-box-border-black.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border-black.is-lg {
padding: 40px 60px;
}
}
.c-box-light {
padding: 20px;
background-color: #fafafa;
}
@media (min-width: 768px) {
.c-box-light {
padding: 30px 60px;
}
}
.c-box-light > *:first-child {
margin-top: 0;
}
.c-box-light > *:last-child {
margin-bottom: 0;
}
.c-box-light.is-sm {
padding: 20px;
}
.c-box-light.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-light.is-lg {
padding: 40px 60px;
}
}
.c-box-border-light {
padding: 20px;
border: 1px solid #fafafa;
}
@media (min-width: 768px) {
.c-box-border-light {
padding: 30px 60px;
}
}
.c-box-border-light > *:first-child {
margin-top: 0;
}
.c-box-border-light > *:last-child {
margin-bottom: 0;
}
.c-box-border-light.is-sm {
padding: 20px;
}
.c-box-border-light.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border-light.is-lg {
padding: 40px 60px;
}
}
.c-box-light2 {
padding: 20px;
background-color: #f3f3f3;
}
@media (min-width: 768px) {
.c-box-light2 {
padding: 30px 60px;
}
}
.c-box-light2 > *:first-child {
margin-top: 0;
}
.c-box-light2 > *:last-child {
margin-bottom: 0;
}
.c-box-light2.is-sm {
padding: 20px;
}
.c-box-light2.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-light2.is-lg {
padding: 40px 60px;
}
}
.c-box-border-light2 {
padding: 20px;
border: 1px solid #f3f3f3;
}
@media (min-width: 768px) {
.c-box-border-light2 {
padding: 30px 60px;
}
}
.c-box-border-light2 > *:first-child {
margin-top: 0;
}
.c-box-border-light2 > *:last-child {
margin-bottom: 0;
}
.c-box-border-light2.is-sm {
padding: 20px;
}
.c-box-border-light2.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border-light2.is-lg {
padding: 40px 60px;
}
}
.c-box-dark {
padding: 20px;
background-color: #3d3d3d;
}
@media (min-width: 768px) {
.c-box-dark {
padding: 30px 60px;
}
}
.c-box-dark > *:first-child {
margin-top: 0;
}
.c-box-dark > *:last-child {
margin-bottom: 0;
}
.c-box-dark.is-sm {
padding: 20px;
}
.c-box-dark.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-dark.is-lg {
padding: 40px 60px;
}
}
.c-box-border-dark {
padding: 20px;
border: 1px solid #3d3d3d;
}
@media (min-width: 768px) {
.c-box-border-dark {
padding: 30px 60px;
}
}
.c-box-border-dark > *:first-child {
margin-top: 0;
}
.c-box-border-dark > *:last-child {
margin-bottom: 0;
}
.c-box-border-dark.is-sm {
padding: 20px;
}
.c-box-border-dark.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border-dark.is-lg {
padding: 40px 60px;
}
}
.c-box-border {
padding: 20px;
border: 1px solid #d3d3d3;
}
@media (min-width: 768px) {
.c-box-border {
padding: 30px 60px;
}
}
.c-box-border > *:first-child {
margin-top: 0;
}
.c-box-border > *:last-child {
margin-bottom: 0;
}
.c-box-border.is-sm {
padding: 20px;
}
.c-box-border.is-lg {
padding: 20px;
}
@media (min-width: 768px) {
.c-box-border.is-lg {
padding: 40px 60px;
}
}
.c-link-1 {
display: inline-block;
padding-right: 0.85em;
position: relative;
}
.c-link-1:before {
content: "";
display: block;
width: 0.6em;
height: 0.6em;
border-top: 2px solid #aacb56;
border-right: 2px solid #aacb56;
position: absolute;
right: 0;
bottom: 0.35em;
transform: rotate(45deg);
}
a.c-link-1 {
color: #aacb56;
}
a.c-link-1:hover {
-webkit-tap-highlight-color: transparent;
color: #c7dd91;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.c-link-1:hover {
color: #c7dd91;
text-decoration: none;
}
}
.c-btn-primary {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #aacb56;
border: 1px solid #aacb56;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-primary:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-primary:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #aacb56;
text-decoration: none;
}
a.c-btn-primary:hover:before {
border-top-color: #aacb56;
border-right-color: #aacb56;
}
@media screen and (min-width: 992px) {
a.c-btn-primary:hover {
background-color: transparent;
color: #aacb56;
text-decoration: none;
}
a.c-btn-primary:hover:before {
border-top-color: #aacb56;
border-right-color: #aacb56;
}
}
.c-btn-primary--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #aacb56;
border-radius: 0;
color: #aacb56;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-primary--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #aacb56;
border-right: 2px solid #aacb56;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-primary--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #aacb56;
color: #fff;
text-decoration: none;
}
a.c-btn-primary--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-primary--outline:hover {
background-color: #aacb56;
color: #fff;
text-decoration: none;
}
a.c-btn-primary--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-secondary {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #07704c;
border: 1px solid #07704c;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-secondary:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-secondary:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #07704c;
text-decoration: none;
}
a.c-btn-secondary:hover:before {
border-top-color: #07704c;
border-right-color: #07704c;
}
@media screen and (min-width: 992px) {
a.c-btn-secondary:hover {
background-color: transparent;
color: #07704c;
text-decoration: none;
}
a.c-btn-secondary:hover:before {
border-top-color: #07704c;
border-right-color: #07704c;
}
}
.c-btn-secondary--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #07704c;
border-radius: 0;
color: #07704c;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-secondary--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #07704c;
border-right: 2px solid #07704c;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-secondary--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #07704c;
color: #fff;
text-decoration: none;
}
a.c-btn-secondary--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-secondary--outline:hover {
background-color: #07704c;
color: #fff;
text-decoration: none;
}
a.c-btn-secondary--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-success {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #cbc58b;
border: 1px solid #cbc58b;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-success:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-success:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #cbc58b;
text-decoration: none;
}
a.c-btn-success:hover:before {
border-top-color: #cbc58b;
border-right-color: #cbc58b;
}
@media screen and (min-width: 992px) {
a.c-btn-success:hover {
background-color: transparent;
color: #cbc58b;
text-decoration: none;
}
a.c-btn-success:hover:before {
border-top-color: #cbc58b;
border-right-color: #cbc58b;
}
}
.c-btn-success--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #cbc58b;
border-radius: 0;
color: #cbc58b;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-success--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #cbc58b;
border-right: 2px solid #cbc58b;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-success--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #cbc58b;
color: #fff;
text-decoration: none;
}
a.c-btn-success--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-success--outline:hover {
background-color: #cbc58b;
color: #fff;
text-decoration: none;
}
a.c-btn-success--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-info {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #5dbeb5;
border: 1px solid #5dbeb5;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-info:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-info:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #5dbeb5;
text-decoration: none;
}
a.c-btn-info:hover:before {
border-top-color: #5dbeb5;
border-right-color: #5dbeb5;
}
@media screen and (min-width: 992px) {
a.c-btn-info:hover {
background-color: transparent;
color: #5dbeb5;
text-decoration: none;
}
a.c-btn-info:hover:before {
border-top-color: #5dbeb5;
border-right-color: #5dbeb5;
}
}
.c-btn-info--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #5dbeb5;
border-radius: 0;
color: #5dbeb5;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-info--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #5dbeb5;
border-right: 2px solid #5dbeb5;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-info--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #5dbeb5;
color: #fff;
text-decoration: none;
}
a.c-btn-info--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-info--outline:hover {
background-color: #5dbeb5;
color: #fff;
text-decoration: none;
}
a.c-btn-info--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-warning {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #ffbc00;
border: 1px solid #ffbc00;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-warning:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-warning:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #ffbc00;
text-decoration: none;
}
a.c-btn-warning:hover:before {
border-top-color: #ffbc00;
border-right-color: #ffbc00;
}
@media screen and (min-width: 992px) {
a.c-btn-warning:hover {
background-color: transparent;
color: #ffbc00;
text-decoration: none;
}
a.c-btn-warning:hover:before {
border-top-color: #ffbc00;
border-right-color: #ffbc00;
}
}
.c-btn-warning--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #ffbc00;
border-radius: 0;
color: #ffbc00;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-warning--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #ffbc00;
border-right: 2px solid #ffbc00;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-warning--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #ffbc00;
color: #fff;
text-decoration: none;
}
a.c-btn-warning--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-warning--outline:hover {
background-color: #ffbc00;
color: #fff;
text-decoration: none;
}
a.c-btn-warning--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-danger {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #e15253;
border: 1px solid #e15253;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-danger:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-danger:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #e15253;
text-decoration: none;
}
a.c-btn-danger:hover:before {
border-top-color: #e15253;
border-right-color: #e15253;
}
@media screen and (min-width: 992px) {
a.c-btn-danger:hover {
background-color: transparent;
color: #e15253;
text-decoration: none;
}
a.c-btn-danger:hover:before {
border-top-color: #e15253;
border-right-color: #e15253;
}
}
.c-btn-danger--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #e15253;
border-radius: 0;
color: #e15253;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-danger--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #e15253;
border-right: 2px solid #e15253;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-danger--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #e15253;
color: #fff;
text-decoration: none;
}
a.c-btn-danger--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-danger--outline:hover {
background-color: #e15253;
color: #fff;
text-decoration: none;
}
a.c-btn-danger--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-white {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #fff;
border: 1px solid #fff;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-white:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-white:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #fff;
text-decoration: none;
}
a.c-btn-white:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-white:hover {
background-color: transparent;
color: #fff;
text-decoration: none;
}
a.c-btn-white:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-white--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #fff;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-white--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-white--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
color: #fff;
text-decoration: none;
}
a.c-btn-white--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-white--outline:hover {
background-color: #fff;
color: #fff;
text-decoration: none;
}
a.c-btn-white--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-black {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #000;
border: 1px solid #000;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-black:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-black:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #000;
text-decoration: none;
}
a.c-btn-black:hover:before {
border-top-color: #000;
border-right-color: #000;
}
@media screen and (min-width: 992px) {
a.c-btn-black:hover {
background-color: transparent;
color: #000;
text-decoration: none;
}
a.c-btn-black:hover:before {
border-top-color: #000;
border-right-color: #000;
}
}
.c-btn-black--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #000;
border-radius: 0;
color: #000;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-black--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #000;
border-right: 2px solid #000;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-black--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #000;
color: #fff;
text-decoration: none;
}
a.c-btn-black--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-black--outline:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
a.c-btn-black--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-light {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #fafafa;
border: 1px solid #fafafa;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-light:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-light:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #fafafa;
text-decoration: none;
}
a.c-btn-light:hover:before {
border-top-color: #fafafa;
border-right-color: #fafafa;
}
@media screen and (min-width: 992px) {
a.c-btn-light:hover {
background-color: transparent;
color: #fafafa;
text-decoration: none;
}
a.c-btn-light:hover:before {
border-top-color: #fafafa;
border-right-color: #fafafa;
}
}
.c-btn-light--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #fafafa;
border-radius: 0;
color: #fafafa;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-light--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fafafa;
border-right: 2px solid #fafafa;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-light--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #fafafa;
color: #fff;
text-decoration: none;
}
a.c-btn-light--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-light--outline:hover {
background-color: #fafafa;
color: #fff;
text-decoration: none;
}
a.c-btn-light--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-light2 {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-light2:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-light2:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #f3f3f3;
text-decoration: none;
}
a.c-btn-light2:hover:before {
border-top-color: #f3f3f3;
border-right-color: #f3f3f3;
}
@media screen and (min-width: 992px) {
a.c-btn-light2:hover {
background-color: transparent;
color: #f3f3f3;
text-decoration: none;
}
a.c-btn-light2:hover:before {
border-top-color: #f3f3f3;
border-right-color: #f3f3f3;
}
}
.c-btn-light2--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #f3f3f3;
border-radius: 0;
color: #f3f3f3;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-light2--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #f3f3f3;
border-right: 2px solid #f3f3f3;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-light2--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #f3f3f3;
color: #fff;
text-decoration: none;
}
a.c-btn-light2--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-light2--outline:hover {
background-color: #f3f3f3;
color: #fff;
text-decoration: none;
}
a.c-btn-light2--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-dark {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: #3d3d3d;
border: 1px solid #3d3d3d;
border-radius: 0;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-dark:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-dark:hover {
-webkit-tap-highlight-color: transparent;
background-color: transparent;
color: #3d3d3d;
text-decoration: none;
}
a.c-btn-dark:hover:before {
border-top-color: #3d3d3d;
border-right-color: #3d3d3d;
}
@media screen and (min-width: 992px) {
a.c-btn-dark:hover {
background-color: transparent;
color: #3d3d3d;
text-decoration: none;
}
a.c-btn-dark:hover:before {
border-top-color: #3d3d3d;
border-right-color: #3d3d3d;
}
}
.c-btn-dark--outline {
display: inline-block;
min-width: 230px;
padding: 0.8em 2em 0.8em 1.2em;
background-color: transparent;
border: 1px solid #3d3d3d;
border-radius: 0;
color: #3d3d3d;
font-weight: normal;
text-align: center;
line-height: 1.2;
transition: 0.2s;
position: relative;
}
.c-btn-dark--outline:before {
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 2px solid #3d3d3d;
border-right: 2px solid #3d3d3d;
position: absolute;
top: 50%;
right: 1.2em;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.c-btn-dark--outline:hover {
-webkit-tap-highlight-color: transparent;
background-color: #3d3d3d;
color: #fff;
text-decoration: none;
}
a.c-btn-dark--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (min-width: 992px) {
a.c-btn-dark--outline:hover {
background-color: #3d3d3d;
color: #fff;
text-decoration: none;
}
a.c-btn-dark--outline:hover:before {
border-top-color: #fff;
border-right-color: #fff;
}
}
.c-btn-white:before {
border-top-color: #333;
border-right-color: #333;
}
a.c-btn-white {
color: #333;
}
a.c-btn-white--outline:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
}
a.c-btn-white--outline:hover:before {
border-top-color: #333;
border-right-color: #333;
}
@media screen and (min-width: 992px) {
a.c-btn-white--outline:hover {
color: #333;
}
a.c-btn-white--outline:hover:before {
border-top-color: #333;
border-right-color: #333;
}
}
.c-cat {
display: inline-block;
min-width: 80px;
padding: 3px 8px;
background-color: #fff;
border: 1px solid #aacb56;
border-radius: 3px;
box-sizing: border-box;
color: #333;
font-size: 13.7142857143px;
text-align: center;
line-height: 1;
transition: 0.2s;
}
@media (min-width: 768px) {
.c-cat {
font-size: 14px;
}
}
.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: #aacb56;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.c-cat:hover {
background-color: #aacb56;
color: #fff;
text-decoration: none;
}
}
.c-formControl, .c-formControl--border {
display: block;
width: 100%;
height: 3em;
padding: 0.75em 1em;
background-color: #f9f9f9;
background-clip: padding-box;
border: 1px solid #d3d3d3;
border-radius: 0;
color: #333;
font-size: 16px;
line-height: 1.5em;
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: #d3d3d3;
border: 0;
}
.c-formControl:focus, .c-formControl--border:focus {
outline: none;
background-color: #e6e6e6;
}
.c-formControl::placeholder, .c-formControl--border::placeholder {
color: #898989;
opacity: 1;
}
.c-formControl:disabled, .c-formControl--border:disabled, .c-formControl[readonly], [readonly].c-formControl--border {
background-color: #fafafa;
opacity: 1;
}
.c-formControl--border {
border-color: #d3d3d3;
}
select.c-formControl:focus::-ms-value, select.c-formControl--border:focus::-ms-value {
color: #333;
background-color: #e6e6e6;
}
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: #d3d3d3;
}
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: 1em;
margin-right: 1em;
padding: 3px 6px 4px;
background-color: #ed8c97;
border: 1px solid #ed8c97;
border-radius: 1px;
color: #fff;
font-size: 80%;
font-weight: normal;
line-height: 1;
}
h1, .c-head-1,
h2,
.c-head-2 {
margin-top: 50px;
margin-bottom: 30px;
padding-bottom: 12px;
color: #333;
font-size: 18.4615384615px;
font-weight: bold;
line-height: 1.3;
position: relative;
}
@media (min-width: 768px) {
h1, .c-head-1,
h2,
.c-head-2 {
margin-top: 60px;
}
}
@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 {
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
h1, .c-head-1,
h2,
.c-head-2 {
font-size: 26px;
}
}
h1:before, .c-head-1:before,
h2:before,
.c-head-2:before {
content: "";
display: block;
width: 70px;
height: 3px;
background-color: #aacb56;
position: absolute;
left: 0;
bottom: 0;
}
h1.u-ta-center, .u-ta-center.c-head-1,
h2.u-ta-center,
.u-ta-center.c-head-2 {
text-align: center;
}
h1.u-ta-center:before, .u-ta-center.c-head-1:before,
h2.u-ta-center:before,
.u-ta-center.c-head-2:before {
left: 50%;
transform: translateX(-50%);
}
h1 a, .c-head-1 a,
h2 a,
.c-head-2 a {
color: #333;
}
h1 a:hover, .c-head-1 a:hover,
h2 a:hover,
.c-head-2 a:hover {
-webkit-tap-highlight-color: transparent;
color: #c7dd91;
text-decoration: none;
}
@media screen and (min-width: 992px) {
h1 a:hover, .c-head-1 a:hover,
h2 a:hover,
.c-head-2 a:hover {
color: #c7dd91;
text-decoration: none;
}
}
h3, .c-head-3 {
margin-top: 40px;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 2px solid #aacb56;
color: #333;
font-size: 17.7391304348px;
font-weight: bold;
line-height: 1.3;
}
@media (min-width: 768px) {
h3, .c-head-3 {
margin-top: 50px;
}
}
@media (min-width: 768px) {
h3, .c-head-3 {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
h3, .c-head-3 {
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
h3, .c-head-3 {
font-size: 23px;
}
}
h4, .c-head-4 {
margin-bottom: 15px;
padding-left: 10px;
border-left: 4px solid #aacb56;
color: #333;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
}
@media (min-width: 768px) {
h4, .c-head-4 {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
h4, .c-head-4 {
font-size: 18px;
}
}
h5, .c-head-5 {
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 1px solid #aacb56;
color: #333;
font-size: 15px;
font-weight: bold;
line-height: 1.3;
}
@media (min-width: 768px) {
h5, .c-head-5 {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
h5, .c-head-5 {
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
h5, .c-head-5 {
font-size: 16px;
}
}
h6, .c-head-6 {
margin-bottom: 12px;
color: #aacb56;
font-size: 15px;
font-weight: bold;
line-height: 1.3;
}
@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;
}
table.c-table-1 {
width: 100%;
}
table.c-table-1 tr:first-child td, table.c-table-1 tr:first-child th {
border-top-width: 0;
}
table.c-table-1 td, table.c-table-1 th {
padding: 15px;
background-color: #fafafa;
border-top: 3px solid #fff;
font-weight: normal;
vertical-align: top;
}
table.c-table-1 td:first-child, table.c-table-1 th:first-child {
background-color: #f1f6e2;
font-weight: bold;
text-align: center;
}
@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-width: 3px;
}
table.c-table-1 tr:first-child td:first-child, table.c-table-1 tr:first-child th:first-child {
border-top-width: 0;
}
table.c-table-1 td, table.c-table-1 th {
width: auto;
}
table.c-table-1 td:first-child, table.c-table-1 th:first-child {
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
}
table.c-table-2 {
width: 100%;
}
table.c-table-2 tr:first-child td, table.c-table-2 tr:first-child th {
padding-top: 0;
}
table.c-table-2 tr:last-child td, table.c-table-2 tr:last-child th {
padding-bottom: 0;
border-bottom: none;
}
table.c-table-2 td, table.c-table-2 th {
padding: 10px;
border-bottom: 1px solid #d3d3d3;
font-weight: normal;
vertical-align: top;
}
table.c-table-2 td:first-child, table.c-table-2 th:first-child {
padding-left: 0;
font-weight: bold;
}
table.c-table-2 td:last-child, table.c-table-2 th:last-child {
padding-right: 0;
}
.c-tags {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 0;
margin-left: -5px;
}
@media (min-width: 768px) {
.c-tags {
margin-top: 40px;
}
}
.c-tags a {
display: block;
margin-left: 5px;
margin-bottom: 5px;
padding: 8px 15px 10px;
border: 1px solid #d3d3d3;
color: #aacb56;
line-height: 1.3;
transition: 0.2s;
}
.c-tags a:before {
content: "#";
display: inline-block;
}
.c-tags a:hover {
-webkit-tap-highlight-color: transparent;
background-color: #aacb56;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.c-tags a:hover {
background-color: #aacb56;
color: #fff;
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-searchLayout {
display: flex;
}
.c-searchLayout__text {
display: block;
width: calc(100% - 50px);
height: 50px;
padding-top: 17px;
padding-bottom: 17px;
background-color: #f9f9f9;
border-color: #f9f9f9;
border-radius: 3px 0 0 3px;
font-size: 16px;
line-height: 1;
}
.l-hamburgerNav .c-searchLayout__text {
height: 42px;
padding-top: 14px;
padding-bottom: 14px;
}
.c-searchLayout__button {
display: block;
width: 50px;
background-color: #aacb56;
border-radius: 0 3px 3px 0;
color: #fff;
line-height: 50px;
transition: 0.2s;
}
.l-hamburgerNav .c-searchLayout__button {
width: 42px;
background-color: #fff;
color: #aacb56;
line-height: 42px;
}
.l-hamburgerNav .c-searchLayout__button:hover {
-webkit-tap-highlight-color: transparent;
background-color: #f5fae6;
color: #aacb56;
}
@media screen and (min-width: 992px) {
.l-hamburgerNav .c-searchLayout__button:hover {
background-color: #f5fae6;
color: #aacb56;
}
}
.c-searchLayout__button i {
font-size: 22px;
vertical-align: middle;
}
.l-hamburgerNav .c-searchLayout__button i {
font-size: 18px;
}
.c-searchLayout__button:hover {
-webkit-tap-highlight-color: transparent;
background-color: #83a332;
}
@media screen and (min-width: 992px) {
.c-searchLayout__button:hover {
background-color: #83a332;
}
}
.c-img-1 {
display: block;
width: 100%;
margin-bottom: 0;
padding-top: 66.6666%;
position: relative;
}
.c-img-1 img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.c-img-2 {
display: block;
width: 100%;
margin-bottom: 0;
padding-top: 100%;
position: relative;
}
.c-img-2 img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.c-img-3 {
display: block;
width: 100%;
margin-bottom: 0;
padding-top: 100%;
position: relative;
}
.c-img-3 img {
width: 100%;
height: 100%;
border-radius: 999px;
position: absolute;
top: 0;
left: 0;
}
.l-header, .l-header--fixed {
padding-right: 54px;
position: relative;
border-top: 4px solid #aacb56;
}
@media (min-width: 768px) {
.l-header, .l-header--fixed {
padding-right: 64px;
}
}
@media (min-width: 992px) {
.l-header, .l-header--fixed {
padding-right: 0;
}
}
.l-header--fixed {
visibility: hidden;
width: 100%;
background-color: #fff;
position: fixed;
left: 0;
z-index: 9999;
transform: translate(0, -100%);
transition: 0.2s;
}
@media (min-width: 992px) {
.l-header--fixed {
padding-right: 74px;
}
}
.l-header--fixed.is-fixed {
visibility: visible;
transform: translate(0, 0);
}
.l-headerContents {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 17px;
padding-bottom: 17px;
}
@media (min-width: 768px) {
.l-headerContents {
padding-top: 15px;
padding-bottom: 13px;
}
}
@media (min-width: 992px) {
.l-headerContents {
padding-top: 15px;
padding-bottom: 13px;
}
}
@media (min-width: 992px) {
.l-header--fixed .l-headerContents {
padding-top: 12px;
padding-bottom: 12px;
}
}
@media (min-width: 992px) {
.l-headerContents__logo {
display: flex;
align-items: flex-end;
}
}
@media (max-width: 991.98px) {
.l-headerContents__search {
display: none;
}
}
.l-headerLogo {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
line-height: 1;
}
.l-headerLogo:before {
display: none;
}
@media (min-width: 768px) {
.l-headerLogo {
font-size: 16px;
}
}
.l-headerLogo img {
width: 230px;
}
@media (min-width: 768px) {
.l-headerLogo img {
width: 440px;
}
}
@media (min-width: 992px) {
.l-headerLogo img {
width: 560px;
}
}
.l-headerCopy {
margin-left: 15px;
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.l-headerCopy {
display: none;
}
}
.l-gnav {
display: none;
position: relative;
padding-bottom: 15px;
}
@media (min-width: 992px) {
.l-gnav {
display: block;
}
}
.l-gnavList {
padding-left: 0;
display: flex;
margin-bottom: 0;
}
.l-gnavList li {
list-style: none;
}
.l-gnavList > li {
width: 25%;
border-left: 1px solid #d3d3d3;
}
.l-gnavList > li:first-child {
border-left: none;
}
.l-gnavItem {
display: block;
padding: 10px 10px 12px;
color: #333;
font-size: 15px;
font-weight: bold;
line-height: 1;
text-align: center;
position: relative;
transition: 0.2s;
}
@media (min-width: 768px) {
.l-gnavItem {
font-size: 16px;
}
}
.l-gnavItem:before {
opacity: 0;
visibility: hidden;
content: "";
display: block;
width: 50px;
height: 2px;
background-color: #aacb56;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.l-gnavItem.current:before {
opacity: 1;
visibility: visible;
}
a.l-gnavItem {
color: #333;
transition: 0.2s;
}
a.l-gnavItem:hover {
-webkit-tap-highlight-color: transparent;
color: #aacb56;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-gnavItem:hover {
color: #aacb56;
text-decoration: none;
}
}
.l-fnavList {
padding-left: 0;
margin-bottom: 20px;
}
.l-fnavList li {
list-style: none;
}
@media (min-width: 768px) {
.l-fnavList {
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.l-fnavList {
margin-left: -15px;
margin-right: -15px;
border-top: 1px solid #fff;
}
}
@media (min-width: 768px) {
.l-fnavList {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 767.98px) {
.l-fnavList > li {
border-bottom: 1px solid #fff;
}
}
@media (min-width: 768px) {
.l-fnavList > li {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #fff;
}
}
@media (min-width: 992px) {
.l-fnavList > li {
margin-left: 40px;
padding-left: 40px;
}
}
.l-fnavList > li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
}
.l-fnavItem {
display: block;
color: #333;
font-size: 15px;
font-weight: bold;
line-height: 1;
position: relative;
transition: 0.2s;
}
@media (min-width: 768px) {
.l-fnavItem {
font-size: 16px;
}
}
@media (max-width: 767.98px) {
.l-fnavItem {
padding: 15px 15px;
background-color: #3d3d3d;
}
}
@media (min-width: 768px) {
.l-fnavItem {
text-align: center;
}
}
a.l-fnavItem {
color: #aacb56;
transition: 0.2s;
}
a.l-fnavItem:hover {
-webkit-tap-highlight-color: transparent;
color: #fff;
text-decoration: none;
}
@media (max-width: 767.98px) {
a.l-fnavItem:hover {
background-color: #3d3d3d;
}
}
@media screen and (min-width: 992px) {
a.l-fnavItem:hover {
color: #fff;
text-decoration: none;
}
}
@media screen and (min-width: 992px) and (max-width: 767.98px) {
a.l-fnavItem:hover {
background-color: #3d3d3d;
}
}
.l-fnavList-2 {
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-bottom: 12px;
}
.l-fnavList-2 li {
list-style: none;
}
@media (min-width: 768px) {
.l-fnavList-2 {
margin-bottom: 15px;
}
}
.l-fnavList-2 > li {
padding-left: 15px;
padding-bottom: 12px;
}
@media (min-width: 768px) {
.l-fnavList-2 > li {
padding-bottom: 15px;
}
}
.l-fnavItem-2 {
color: #fff;
font-size: 13.7142857143px;
transition: 0.2s;
}
@media (min-width: 768px) {
.l-fnavItem-2 {
font-size: 14px;
}
}
a.l-fnavItem-2 {
color: #fff;
}
a.l-fnavItem-2:hover {
-webkit-tap-highlight-color: transparent;
color: #cccccc;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-fnavItem-2:hover {
color: #cccccc;
text-decoration: none;
}
}
.l-fnavArea {
padding: 20px 20px 5px;
border: 1px solid #fff;
border-radius: 5px;
}
@media (min-width: 992px) {
.l-fnavArea {
padding: 25px 35px 10px;
}
}
.l-fnavArea > *:first-child {
margin-top: 0;
}
.l-fnavArea > *:last-child {
margin-bottom: 0;
}
.l-fnavAreaHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 15px;
color: #fff;
font-size: 15px;
line-height: 1.3;
}
.l-fnavAreaHead:before {
display: none;
}
@media (min-width: 768px) {
.l-fnavAreaHead {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.l-fnavAreaHead {
font-size: 16px;
}
}
.l-fnavAreaHead a {
color: #fff;
}
.l-fnavAreaHead a:hover {
-webkit-tap-highlight-color: transparent;
color: #cccccc;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.l-fnavAreaHead a:hover {
color: #cccccc;
text-decoration: none;
}
}
.l-fnavAreaLayout {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
}
.l-fnavAreaLayout__inner {
display: flex;
padding-left: 15px;
}
.l-fnavAreaList {
margin-bottom: 0;
color: #fff;
font-size: 13.7142857143px;
line-height: 1;
}
.l-fnavAreaList::after {
display: block;
clear: both;
content: "";
}
@media (min-width: 768px) {
.l-fnavAreaList {
font-size: 14px;
}
}
.l-fnavAreaList > * {
display: block;
margin-bottom: 15px;
float: left;
}
.l-fnavAreaName {
margin-right: 15px;
color: #fff;
font-size: 13.7142857143px;
line-height: 1;
}
@media (min-width: 768px) {
.l-fnavAreaName {
font-size: 14px;
}
}
.l-fnavAreaLink {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #fff;
}
.l-fnavAreaLink.is-last {
margin-right: 15px;
padding-right: 0;
border-right: none;
}
a.l-fnavAreaLink {
color: #fff;
}
a.l-fnavAreaLink:hover {
-webkit-tap-highlight-color: transparent;
color: #cccccc;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-fnavAreaLink:hover {
color: #cccccc;
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;
}
}
.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: 576px) {
.l-container-wide {
max-width: 540px;
}
}
@media (min-width: 768px) {
.l-container-wide {
max-width: 720px;
}
}
@media (min-width: 992px) {
.l-container-wide {
max-width: 960px;
}
}
@media (min-width: 1077px) {
.l-container-wide {
max-width: 1060px;
}
}
@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,
.contents > *:first-child {
margin-top: 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-contents-footer {
margin-top: 50px;
}
@media (min-width: 768px) {
.l-contents-footer {
margin-top: 60px;
}
}
.l-footerOpening {
background: url(//jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/img/common/opening_bg.jpg) no-repeat center;
background-size: cover;
}
.l-footerOpening--blog {
background: url(//jba-e.com/navi/navi/blog/cms/wp-content/themes/marriage-navijp_blog/assets/img/common/opening_bg.jpg) no-repeat center;
background-size: cover;
}
.l-footerOpeningBox {
padding: 20px;
background-color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 992px) {
.l-footerOpeningBox {
padding: 40px;
}
}
.l-footerOpeningBox > *:first-child {
margin-top: 0;
}
.l-footerOpeningBox > *:last-child {
margin-bottom: 0;
}
.l-footerOpeningHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 15px;
color: #333;
font-size: 18.4615384615px;
font-weight: bold;
text-align: center;
line-height: 1.3;
}
.l-footerOpeningHead:before {
display: none;
}
@media (min-width: 768px) {
.l-footerOpeningHead {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.l-footerOpeningHead {
font-size: 26px;
}
}
.l-footerOpeningHead__inner {
display: inline-block;
padding-bottom: 5px;
border-bottom: 1px solid #aacb56;
}
@media (min-width: 768px) {
.l-footerOpeningHead__inner {
padding-bottom: 5px;
}
}
.l-footerOpeningButton {
margin-top: 20px;
text-align: center;
}
@media (min-width: 768px) {
.l-footerOpeningButton {
margin-top: 30px;
}
}
.l-footer {
position: relative;
}
.l-footerContainer {
max-width: 1060px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.l-footerContainer {
padding-left: 30px;
padding-right: 30px;
}
}
.l-footerContents {
padding-top: 30px;
padding-bottom: 30px;
background-color: #3d3d3d;
}
@media (min-width: 768px) {
.l-footerContents {
padding-top: 40px;
}
}
@media (min-width: 768px) {
.l-footerContents {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.l-footerHead {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.l-footerHead__logo {
padding-bottom: 30px;
}
}
@media (min-width: 768px) {
.l-footerHead__logo {
margin-right: 20px;
}
}
@media (max-width: 767.98px) {
.l-footerHead__social {
padding-bottom: 20px;
}
}
.l-footerLogo {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
line-height: 1;
}
.l-footerLogo:before {
display: none;
}
@media (min-width: 768px) {
.l-footerLogo {
font-size: 16px;
}
}
.l-footerLogo img {
width: 230px;
}
@media (min-width: 768px) {
.l-footerLogo img {
width: 440px;
}
}
.l-footerSocialList {
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-bottom: 0;
line-height: 1;
}
.l-footerSocialList li {
list-style: none;
}
.l-footerSocialList > li {
padding-left: 20px;
}
.l-footerSociaIcon {
display: inline-block;
color: #fff;
font-size: 25px;
}
a.l-footerSociaIcon {
color: #fff;
transition: 0.2s;
}
a.l-footerSociaIcon:hover {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-footerSociaIcon:hover {
text-decoration: none;
}
}
a.l-footerSociaIcon.is-facebook:hover {
-webkit-tap-highlight-color: transparent;
color: #4267B2;
}
@media screen and (min-width: 992px) {
a.l-footerSociaIcon.is-facebook:hover {
color: #4267B2;
}
}
a.l-footerSociaIcon.is-instagram:hover {
-webkit-tap-highlight-color: transparent;
color: #9a3988;
}
@media screen and (min-width: 992px) {
a.l-footerSociaIcon.is-instagram:hover {
color: #9a3988;
}
}
a.l-footerSociaIcon.is-twitter:hover {
-webkit-tap-highlight-color: transparent;
color: #2AA3EF;
}
@media screen and (min-width: 992px) {
a.l-footerSociaIcon.is-twitter:hover {
color: #2AA3EF;
}
}
a.l-footerSociaIcon.is-youtube:hover {
-webkit-tap-highlight-color: transparent;
color: #FC0D1B;
}
@media screen and (min-width: 992px) {
a.l-footerSociaIcon.is-youtube:hover {
color: #FC0D1B;
}
}
.l-footerBottom {
padding-top: 12px;
padding-bottom: 12px;
position: relative;
}
@media (min-width: 768px) {
.l-footerBottom {
padding-top: 15px;
}
}
@media (min-width: 768px) {
.l-footerBottom {
padding-bottom: 15px;
}
}
.l-footerBottomLayout {
line-height: 1.3;
}
@media (min-width: 768px) {
.l-footerBottomLayout {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
}
.l-footerBottomLayout__login, .l-footerBottomLayout__copy {
padding-bottom: 12px;
text-align: center;
}
@media (min-width: 768px) {
.l-footerBottomLayout__login, .l-footerBottomLayout__copy {
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.l-footerBottomLayout__login {
margin-left: 20px;
}
}
.l-footerLogin {
display: inline-block;
color: #898989;
font-size: 12px;
line-height: 1.3;
transition: 0.2s;
}
@media (min-width: 768px) {
.l-footerLogin {
font-size: 12px;
}
}
a.l-footerLogin {
color: #898989;
}
a.l-footerLogin:hover {
-webkit-tap-highlight-color: transparent;
color: #c7dd91;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-footerLogin:hover {
color: #c7dd91;
text-decoration: none;
}
}
a.l-footerLogin i {
margin-right: 8px;
}
.l-footerCopy {
margin-bottom: 0;
color: #898989;
font-size: 12px;
line-height: 1.3;
}
@media (min-width: 768px) {
.l-footerCopy {
font-size: 12px;
}
}
.l-overlay {
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
transition: 0.2s;
}
.l-overlay.is-active {
visibility: visible;
opacity: 0.6;
}
.l-hamburger {
display: block;
width: 54px;
height: 54px;
margin: 0;
padding: 0;
background: #aacb56;
border: none;
outline: none;
cursor: pointer;
transform: translate(0, -50%);
position: absolute;
top: 50%;
right: 0;
z-index: 10001;
}
@media (min-width: 768px) {
.l-hamburger {
width: 64px;
height: 64px;
}
}
@media (min-width: 992px) {
.l-hamburger {
display: none;
width: 74px;
height: 74px;
}
}
.l-header--fixed .l-hamburger, .l-hamburgerNav .l-hamburger {
display: block;
}
.l-hamburger__bar {
position: absolute;
display: block;
height: 2px;
width: 30px;
background: #fff;
border-radius: 2px;
position: absolute;
top: 42%;
left: 50%;
margin-top: -2px;
transform: translateX(-50%);
transition: background 0.3s 0s;
}
.l-hamburger__bar:before, .l-hamburger__bar:after {
content: "";
display: block;
width: 30px;
background: #fff;
border-radius: 2px;
position: absolute;
height: 2px;
right: 0;
transform: translateZ(0);
backface-visibility: hidden;
transform-origin: 0% 50%;
transition: transform 0.3s 0s;
}
.l-hamburger__bar:before {
top: -8px;
}
.l-hamburger__bar:after {
top: 8px;
}
.l-hamburger__text {
display: block;
width: 100%;
color: #fff;
font-size: 10px;
font-weight: bold;
text-align: center;
position: absolute;
bottom: 5px;
left: 0;
}
@media (min-width: 992px) {
.l-hamburger__text {
bottom: 12px;
}
}
.l-hamburger.is-active .l-hamburger__bar {
background: none;
}
.l-hamburger.is-active .l-hamburger__bar:before, .l-hamburger.is-active .l-hamburger__bar:after {
background: #fff;
}
.l-hamburger.is-active .l-hamburger__bar:before {
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.l-hamburger.is-active .l-hamburger__bar:after {
transform: translateX(4px) translateY(2px) rotate(-45deg);
}
.l-hamburger:hover:not(.is-active) .l-hamburger__bar:before {
transform: translateY(-2px);
}
.l-hamburger:hover:not(.is-active) .l-hamburger__bar:after {
transform: translateY(2px);
}
.l-hamburger.js-hamburger-close {
position: absolute;
transform: none;
}
.l-hamburgerNav {
visibility: hidden;
width: 260px;
height: 100%;
background-color: #3d3d3d;
box-sizing: border-box;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
z-index: 10002;
transform: translateX(260px);
transition: 0.2s;
}
@media (max-width: 991.98px) {
.l-hamburgerNav {
-webkit-overflow-scrolling: touch;
}
}
.l-hamburgerNav.is-active {
visibility: visible;
transform: translateX(0);
}
.l-hamburgerNavTop {
background-color: #aacb56;
}
.l-hamburgerList {
padding-left: 0;
display: block;
margin: 0;
background-color: #aacb56;
border-top: 1px solid #fff;
}
.l-hamburgerList li {
list-style: none;
}
.l-hamburgerList > li {
border-bottom: 1px solid #fff;
}
.l-hamburgerItem {
display: flex;
padding: 15px 15px;
background-color: #aacb56;
color: #fff;
transition: 0.2s;
}
.l-hamburgerItem__icon {
display: block;
margin-right: 10px;
}
.l-hamburgerItem__icon img {
width: 20px;
}
.l-hamburgerItem__text {
display: block;
}
.l-hamburgerItem:hover {
-webkit-tap-highlight-color: transparent;
background-color: #a0c543;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.l-hamburgerItem:hover {
background-color: #a0c543;
color: #fff;
text-decoration: none;
}
}
.l-hamburgerSearch {
padding: 40px 15px;
background-color: #aacb56;
}
.l-hamburgerSocial {
padding: 40px 15px;
}
.l-hamburgerSocialList {
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -20px;
margin-bottom: 0;
line-height: 1;
}
.l-hamburgerSocialList li {
list-style: none;
}
.l-hamburgerSocialList > li {
padding-left: 20px;
}
.l-hamburgerSociaIcon {
display: inline-block;
color: #fff;
font-size: 25px;
}
a.l-hamburgerSociaIcon {
color: #fff;
transition: 0.2s;
}
a.l-hamburgerSociaIcon:hover {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.l-hamburgerSociaIcon:hover {
text-decoration: none;
}
}
a.l-hamburgerSociaIcon.is-facebook:hover {
-webkit-tap-highlight-color: transparent;
color: #4267B2;
}
@media screen and (min-width: 992px) {
a.l-hamburgerSociaIcon.is-facebook:hover {
color: #4267B2;
}
}
a.l-hamburgerSociaIcon.is-instagram:hover {
-webkit-tap-highlight-color: transparent;
color: #9a3988;
}
@media screen and (min-width: 992px) {
a.l-hamburgerSociaIcon.is-instagram:hover {
color: #9a3988;
}
}
a.l-hamburgerSociaIcon.is-twitter:hover {
-webkit-tap-highlight-color: transparent;
color: #2AA3EF;
}
@media screen and (min-width: 992px) {
a.l-hamburgerSociaIcon.is-twitter:hover {
color: #2AA3EF;
}
}
a.l-hamburgerSociaIcon.is-youtube:hover {
-webkit-tap-highlight-color: transparent;
color: #FC0D1B;
}
@media screen and (min-width: 992px) {
a.l-hamburgerSociaIcon.is-youtube:hover {
color: #FC0D1B;
}
}
.l-pagehead {
padding-top: 15px;
padding-bottom: 15px;
background-color: #aacb56;
}
@media (min-width: 768px) {
.l-pagehead {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.l-pagehead {
padding-bottom: 20px;
}
}
.l-pagehead__inner {
width: 100%;
max-width: 1030px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.l-pagehead__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.l-pageheadTitle {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
color: #fff;
font-size: 18.8571428571px;
font-weight: bold;
line-height: 1.3;
}
.l-pageheadTitle:before {
display: none;
}
@media (min-width: 768px) {
.l-pageheadTitle {
font-size: 28px;
}
}
.l-pageheadTitle__strong, .l-pageheadTitle__small {
display: inline-block;
}
.l-pageheadTitle__strong {
font-size: 18.8571428571px;
font-weight: bold;
}
@media (min-width: 768px) {
.l-pageheadTitle__strong {
font-size: 28px;
}
}
.l-pageheadTitle__small {
margin-left: 0.5em;
font-size: 18.4615384615px;
font-weight: normal;
}
@media (min-width: 768px) {
.l-pageheadTitle__small {
font-size: 26px;
}
}
.l-pageheadButton {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.l-pageheadButton {
display: none;
}
}
.l-pageheadButton .c-btn-white {
min-width: 0;
background-color: #f5fae6;
border-color: #f5fae6;
color: #333;
}
.l-breadcrumbsWrapper {
max-width: 1030px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.l-breadcrumbsWrapper {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.l-breadcrumbsWrapper {
padding-bottom: 20px;
}
}
.l-breadcrumbs {
display: flex;
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 #898989;
border-bottom: 1px solid #898989;
position: absolute;
top: 0.5em;
left: 0.6em;
transform: rotate(-45deg);
}
.l-breadcrumbs > span:first-child {
padding-left: 0;
}
.l-breadcrumbs > span:first-child:before {
display: none;
}
#pagetop {
width: 60px;
right: 20px;
z-index: 999;
}
#pagetop img {
max-width: 100%;
}
@media (max-width: 991.98px) {
#pagetop {
display: none !important;
}
}
@media print {
#pagetop {
display: none;
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
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 {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/css/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/css/fonts/slick.eot);
src: url(https://jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/css/fonts/slick.woff) format("woff"), url(https://jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/css/fonts/slick.ttf) format("truetype"), url(https://jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/css/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
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;
}
.p-cover {
padding-top: 40px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
@media (min-width: 768px) {
.p-cover {
padding-top: 50px;
}
}
.p-cover:before {
content: "";
display: block;
width: 100%;
height: 180px;
background: url(//jba-e.com/navi/navi/cms/wp-content/themes/marriage-navijp/assets/img/common/cover_sp.jpg) no-repeat center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media (min-width: 768px) {
.p-cover:before {
height: 240px;
background-image: url(//jba-e.com/navi/navi/cms/wp-content/themes/marriage-navijp/assets/img/common/cover.jpg);
}
}
.contact .p-cover:before, .page-id-622 .p-cover:before {
background: url(//jba-e.com/navi/navi/cms/wp-content/themes/marriage-navijp/assets/img/contact/cover_sp.jpg);
}
@media (min-width: 768px) {
.contact .p-cover:before, .page-id-622 .p-cover:before {
background-image: url(//jba-e.com/navi/navi/cms/wp-content/themes/marriage-navijp/assets/img/contact/cover.jpg);
}
}
.p-coverBox {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 50px 20px;
background-color: #f5fae6;
}
@media (min-width: 768px) {
.p-coverBox {
padding: 60px 20px;
}
}
.p-coverBox > *:first-child {
margin-top: 0;
}
.p-coverBox > *:last-child {
margin-bottom: 0;
}
.p-coverHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 15px;
color: #aacb56;
font-size: 19.6363636364px;
font-weight: bold;
line-height: 1.3;
text-align: center;
}
.p-coverHead:before {
display: none;
}
@media (min-width: 768px) {
.p-coverHead {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-coverHead {
font-size: 33px;
}
}
.p-coverText-1 {
font-size: 16px;
text-align: left;
}
@media (min-width: 768px) {
.p-coverText-1 {
font-size: 18px;
}
}
@media (min-width: 768px) {
.p-coverText-1 {
text-align: center;
}
}
.p-section, .p-section--dark, .p-section--light2, .p-section--light, .p-section--black, .p-section--bg-success, .p-section--success, .p-section--bg-primary, .p-section--primary {
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 768px) {
.p-section, .p-section--dark, .p-section--light2, .p-section--light, .p-section--black, .p-section--bg-success, .p-section--success, .p-section--bg-primary, .p-section--primary {
padding-top: 80px;
}
}
@media (min-width: 768px) {
.p-section, .p-section--dark, .p-section--light2, .p-section--light, .p-section--black, .p-section--bg-success, .p-section--success, .p-section--bg-primary, .p-section--primary {
padding-bottom: 80px;
}
}
.p-section > *:first-child, .p-section--dark > *:first-child, .p-section--light2 > *:first-child, .p-section--light > *:first-child, .p-section--black > *:first-child, .p-section--bg-success > *:first-child, .p-section--success > *:first-child, .p-section--bg-primary > *:first-child, .p-section--primary > *:first-child,
.p-section .l-container > *:first-child,
.p-section--dark .l-container > *:first-child,
.p-section--light2 .l-container > *:first-child,
.p-section--light .l-container > *:first-child,
.p-section--black .l-container > *:first-child,
.p-section--bg-success .l-container > *:first-child,
.p-section--success .l-container > *:first-child,
.p-section--bg-primary .l-container > *:first-child,
.p-section--primary .l-container > *:first-child,
.p-section .l-container-fluid > *:first-child,
.p-section--dark .l-container-fluid > *:first-child,
.p-section--light2 .l-container-fluid > *:first-child,
.p-section--light .l-container-fluid > *:first-child,
.p-section--black .l-container-fluid > *:first-child,
.p-section--bg-success .l-container-fluid > *:first-child,
.p-section--success .l-container-fluid > *:first-child,
.p-section--bg-primary .l-container-fluid > *:first-child,
.p-section--primary .l-container-fluid > *:first-child,
.p-section .l-container-wide > *:first-child,
.p-section--dark .l-container-wide > *:first-child,
.p-section--light2 .l-container-wide > *:first-child,
.p-section--light .l-container-wide > *:first-child,
.p-section--black .l-container-wide > *:first-child,
.p-section--bg-success .l-container-wide > *:first-child,
.p-section--success .l-container-wide > *:first-child,
.p-section--bg-primary .l-container-wide > *:first-child,
.p-section--primary .l-container-wide > *:first-child {
margin-top: 0;
}
.p-section > *:last-child, .p-section--dark > *:last-child, .p-section--light2 > *:last-child, .p-section--light > *:last-child, .p-section--black > *:last-child, .p-section--bg-success > *:last-child, .p-section--success > *:last-child, .p-section--bg-primary > *:last-child, .p-section--primary > *:last-child,
.p-section .l-container > *:last-child,
.p-section--dark .l-container > *:last-child,
.p-section--light2 .l-container > *:last-child,
.p-section--light .l-container > *:last-child,
.p-section--black .l-container > *:last-child,
.p-section--bg-success .l-container > *:last-child,
.p-section--success .l-container > *:last-child,
.p-section--bg-primary .l-container > *:last-child,
.p-section--primary .l-container > *:last-child,
.p-section .l-container-fluid > *:last-child,
.p-section--dark .l-container-fluid > *:last-child,
.p-section--light2 .l-container-fluid > *:last-child,
.p-section--light .l-container-fluid > *:last-child,
.p-section--black .l-container-fluid > *:last-child,
.p-section--bg-success .l-container-fluid > *:last-child,
.p-section--success .l-container-fluid > *:last-child,
.p-section--bg-primary .l-container-fluid > *:last-child,
.p-section--primary .l-container-fluid > *:last-child,
.p-section .l-container-wide > *:last-child,
.p-section--dark .l-container-wide > *:last-child,
.p-section--light2 .l-container-wide > *:last-child,
.p-section--light .l-container-wide > *:last-child,
.p-section--black .l-container-wide > *:last-child,
.p-section--bg-success .l-container-wide > *:last-child,
.p-section--success .l-container-wide > *:last-child,
.p-section--bg-primary .l-container-wide > *:last-child,
.p-section--primary .l-container-wide > *:last-child {
margin-bottom: 0;
}
.p-section--primary {
background-color: #aacb56;
}
.p-section--bg-primary {
background-color: #f5fae6;
}
.p-section--success {
background-color: #cbc58b;
}
.p-section--bg-success {
background-color: #fdfcf0;
}
.p-section--black {
background-color: #000;
}
.p-section--light {
background-color: #fafafa;
}
.p-section--light2 {
background-color: #f3f3f3;
}
.p-section--dark {
background-color: #3d3d3d;
}
.wp-pagenavi {
padding-bottom: 50px;
text-align: center;
}
@media (min-width: 768px) {
.wp-pagenavi {
padding-bottom: 60px;
}
}
.wp-pagenavi a, .wp-pagenavi span {
display: inline-block;
margin-left: 10px;
vertical-align: baseline;
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 #aacb56;
box-sizing: border-box;
color: #aacb56;
font-weight: bold;
text-align: center;
line-height: 30px;
}
.wp-pagenavi a.page:hover {
background-color: #f5fae6;
color: #aacb56;
text-decoration: none;
opacity: 1;
}
.wp-pagenavi span.current {
background-color: #aacb56;
border-color: #aacb56;
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: #aacb56;
font-size: 16px;
text-align: center;
line-height: 30px;
}
@media (min-width: 768px) {
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
font-size: 18px;
}
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
-webkit-tap-highlight-color: transparent;
color: #c7dd91;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
color: #c7dd91;
text-decoration: none;
}
}
.wp-pagenavi a.previouspostslink {
margin-right: 10px;
}
.wp-pagenavi a.nextpostslink {
margin-left: 10px;
}
.p-socialbookmark {
display: inline-block;
margin: 30px 0 0;
padding-left: 0;
}
@media (min-width: 768px) {
.p-socialbookmark {
margin-top: 40px;
}
}
.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: 1px solid #aacb56;
color: #aacb56;
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-widgetNewList {
padding-left: 0;
margin-bottom: 0;
}
.p-widgetNewList li {
list-style: none;
}
.p-widgetNewList > li {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.p-widgetNewList > li {
margin-bottom: 15px;
}
}
.p-widgetNewItem {
display: flex;
color: #333;
transition: 0.2s;
}
.p-widgetNewItem__img {
width: 90px;
}
.p-widgetNewItem__textarea {
width: calc(100% - 80px);
padding-left: 15px;
}
.p-widgetNewItem__date {
line-height: 1.3;
}
.p-widgetNewItem__date time {
display: inline-block;
margin-right: 10px;
color: #898989;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.p-widgetNewItem__date time {
font-size: 14px;
}
}
.p-widgetNewItem__title {
font-size: 13.7142857143px;
line-height: 1.3;
}
@media (min-width: 768px) {
.p-widgetNewItem__title {
font-size: 14px;
}
}
.p-widgetNewItem:hover {
-webkit-tap-highlight-color: transparent;
color: #c7dd91;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.p-widgetNewItem:hover {
color: #c7dd91;
text-decoration: none;
}
}
.p-widgetNewItem--news {
display: block;
}
.p-widgetNewItem--news .p-widgetNewItem__date {
margin-bottom: 5px;
}
@media (min-width: 768px) {
.p-widgetNewItem--news .p-widgetNewItem__date {
margin-bottom: 5px;
}
}
.p-widgetButton {
max-width: 190px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.p-widgetButton {
margin-top: 30px;
}
}
.p-widgetButton a {
display: block;
min-width: 0;
}
.p-wpcf7Agency {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #d3d3d3;
color: #07704c;
}
@media (min-width: 768px) {
.p-wpcf7Agency {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.p-wpcf7Agency {
padding-bottom: 40px;
}
}
@media (min-width: 992px) {
.p-wpcf7Agency {
display: flex;
}
}
.p-wpcf7Agency dt, .p-wpcf7Agency dd {
vertical-align: top;
}
.p-wpcf7Agency dt {
margin-bottom: 10px;
font-size: 16px;
}
@media (min-width: 768px) {
.p-wpcf7Agency dt {
font-size: 18px;
}
}
@media (min-width: 992px) {
.p-wpcf7Agency dt {
flex-shrink: 0;
width: 220px;
margin-bottom: 0;
}
}
.p-wpcf7Agency dd {
margin-bottom: 0;
}
@media (min-width: 992px) {
.p-wpcf7Agency dd {
flex-grow: 1;
}
}
.p-wpcf7Agency dd > *:first-child {
margin-top: 0;
}
.p-wpcf7Agency dd > *:last-child {
margin-bottom: 0;
}
.p-wpcf7Agency .agency-name input {
height: auto;
padding: 0;
background-color: transparent;
background-clip: padding-box;
border: none;
border-radius: 0;
color: #07704c;
font-size: 16px;
line-height: 1;
}
@media (min-width: 768px) {
.p-wpcf7Agency .agency-name input {
font-size: 18px;
}
}
.p-wpcf7Agency .agency-name input::-ms-expand {
background-color: transparent;
border: 0;
}
.p-wpcf7Agency .agency-name input:focus {
outline: none;
background-color: transparent;
}
.p-wpcf7Item {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.p-wpcf7Item {
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.p-wpcf7Item {
display: flex;
}
}
.p-wpcf7Item dt, .p-wpcf7Item dd {
vertical-align: top;
}
.p-wpcf7Item dt {
margin-bottom: 10px;
}
@media (min-width: 992px) {
.p-wpcf7Item dt {
flex-shrink: 0;
width: 220px;
margin-bottom: 0;
}
}
.p-wpcf7Item dd {
margin-bottom: 0;
}
@media (min-width: 992px) {
.p-wpcf7Item dd {
flex-grow: 1;
}
}
.p-wpcf7Item dd > *:first-child {
margin-top: 0;
}
.p-wpcf7Item dd > *:last-child {
margin-bottom: 0;
}
@media (min-width: 576px) {
.p-wpcf7Col2 {
display: flex;
margin-left: -15px;
}
}
@media (max-width: 575.98px) {
.p-wpcf7Col2__inner {
margin-bottom: 8px;
}
}
@media (min-width: 576px) {
.p-wpcf7Col2__inner {
width: 50%;
padding-left: 15px;
}
}
@media (max-width: 575.98px) {
.p-wpcf7Col2__inner:last-child {
margin-bottom: 0;
}
}
.p-wpcf7Privacy {
height: 200px;
margin-top: 50px;
margin-bottom: 15px;
padding: 20px;
border: 1px solid #d3d3d3;
overflow-y: auto;
}
@media (min-width: 768px) {
.p-wpcf7Privacy {
margin-top: 60px;
}
}
@media (min-width: 768px) {
.p-wpcf7Privacy {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.p-wpcf7Privacy {
padding: 40px;
}
}
.p-wpcf7Privacy__inner {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
.p-wpcf7Privacy__inner > *:first-child {
margin-top: 0;
}
.p-wpcf7Privacy__inner > *:last-child {
margin-bottom: 0;
}
.p-wpcf7Privacy p {
font-size: 13.7142857143px;
line-height: 2;
}
@media (min-width: 768px) {
.p-wpcf7Privacy p {
font-size: 14px;
}
}
.p-wpcf7PrivacyHead {
padding: 0;
background: none;
border: none;
margin-bottom: 15px;
color: #333;
font-size: 15px;
line-height: 1.3;
text-align: center;
}
.p-wpcf7PrivacyHead:before {
display: none;
}
@media (min-width: 768px) {
.p-wpcf7PrivacyHead {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-wpcf7PrivacyHead {
font-size: 16px;
}
}
.p-acceptanceText {
text-align: left;
}
@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] {
width: 250px;
height: auto;
padding: 20px;
background-color: #ed8c97;
border: none;
border-radius: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1;
cursor: pointer;
transition: 0.2s;
}
@media (min-width: 768px) {
.p-wpcf7Submit input[type=submit] {
font-size: 18px;
}
}
.p-wpcf7Submit input[type=submit]:hover, .p-wpcf7Submit input[type=submit]:focus {
opacity: 0.8;
}
.wpcf7-checkbox,
.wpcf7-radio {
display: block;
margin-left: -1em;
}
.wpcf7 .text-age {
display: inline-block;
}
.wpcf7 .text-age input[type=text] {
max-width: 90px;
margin-right: 0.5em;
}
.wpcf7 .text-zip input[type=text] {
max-width: 380px;
}
.wpcf7 .tel-number input[type=tel],
.wpcf7 .fax-number input[type=tel] {
max-width: 380px;
}
.wpcf7 .menu-region select {
max-width: 140px;
}
.wpcf7 label {
font-weight: normal;
}
.wpcf7 textarea {
height: 200px;
}
.wpcf7 form caption {
color: #e15253;
font-weight: normal;
}
.wpcf7 .wpcf7-response-output {
text-align: center;
color: #e15253;
}
.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, .request .grecaptcha-badge, .consultation .grecaptcha-badge {
visibility: visible;
}
@media (min-width: 992px) {
.contact .grecaptcha-badge, .request .grecaptcha-badge, .consultation .grecaptcha-badge {
bottom: 100px !important;
}
}
.p-archive {
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 768px) {
.p-archive {
padding-top: 60px;
}
}
@media (min-width: 768px) {
.p-archive {
padding-bottom: 60px;
}
}
.p-single {
padding-top: 60px;
}
@media (min-width: 768px) {
.p-single {
padding-top: 80px;
}
}
.p-singleHeader {
margin-bottom: 30px;
padding: 20px;
border: 1px solid #d3d3d3;
}
@media (min-width: 768px) {
.p-singleHeader {
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.p-singleHeader {
padding: 30px 40px;
}
}
.p-singleTitle {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 12px;
color: #aacb56;
font-size: 17.7391304348px;
font-weight: bold;
line-height: 1.3;
}
.p-singleTitle:before {
display: none;
}
@media (min-width: 768px) {
.p-singleTitle {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-singleTitle {
font-size: 23px;
}
}
.p-singleTitle a {
color: #aacb56;
}
.p-singleArticleData {
margin-bottom: 0;
}
.p-singleArticleData__date, .p-singleArticleData__agency {
display: inline-block;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.p-singleArticleData__date, .p-singleArticleData__agency {
font-size: 14px;
}
}
.p-singleArticleData__date {
margin-right: 10px;
color: #898989;
}
.p-homeMV__slide {
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 1077px) {
.p-homeMV__slide {
height: 470px;
}
}
.p-homeMV__img {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.p-homeMV__img img {
width: 100%;
}
.p-homeMV .slick-prev,
.p-homeMV .slick-next {
display: block;
width: 20px;
height: 32px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 999;
}
@media (min-width: 768px) {
.p-homeMV .slick-prev,
.p-homeMV .slick-next {
width: 25px;
height: 40px;
}
}
.p-homeMV .slick-prev:before,
.p-homeMV .slick-next:before {
display: none !important;
}
.p-homeMV .slick-prev {
left: 0;
background-image: url(//jba-e.com/navi/navi/img/home/icon_slick_prev.png);
}
.p-homeMV .slick-next {
right: 0;
background-image: url(//jba-e.com/navi/navi/img/home/icon_slick_next.png);
}
.p-homeMV .slick-dots {
bottom: 0;
}
@media (min-width: 576px) {
.p-homeMV .slick-dots {
bottom: 10px;
}
}
.p-homeMV .slick-dots li button:before {
color: #fff;
font-size: 11px;
opacity: 0.6;
}
.p-homeMV .slick-dots li.slick-active button:before {
color: #fff;
opacity: 1;
}
.p-homeMV .slick-dotted.slick-slider {
margin-bottom: 0;
}
.p-homeTopics {
padding-top: 15px;
padding-bottom: 15px;
background-color: #fdfcf0;
}
@media (min-width: 768px) {
.p-homeTopics {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.p-homeTopics {
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
.p-homeTopicsLayout {
display: flex;
align-items: center;
}
}
.p-homeTopicsHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
color: #aacb56;
font-size: 17.7391304348px;
font-weight: normal;
line-height: 1.3;
}
.p-homeTopicsHead:before {
display: none;
}
@media (min-width: 768px) {
.p-homeTopicsHead {
font-size: 23px;
}
}
@media (max-width: 991.98px) {
.p-homeTopicsHead {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #aacb56;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.p-homeTopicsHead {
margin-bottom: 10px;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.p-homeTopicsHead {
padding-bottom: 10px;
}
}
@media (min-width: 992px) {
.p-homeTopicsHead {
width: 90px;
border-right: 1px solid #aacb56;
}
}
@media (min-width: 992px) {
.p-homeTopicsContents {
padding-left: 25px;
}
}
.p-homeTopicsContents a {
color: #333;
transition: 0.2s;
}
.p-homeTopicsContents a:hover {
-webkit-tap-highlight-color: transparent;
color: #c7dd91;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.p-homeTopicsContents a:hover {
color: #c7dd91;
text-decoration: none;
}
}
.p-homeHead-1 {
padding: 0;
background: none;
border: none;
margin-top: 60px;
margin-top: 30px;
color: #333;
font-size: 19.6363636364px;
font-weight: bold;
text-align: center;
line-height: 1.3;
}
.p-homeHead-1:before {
display: none;
}
@media (min-width: 768px) {
.p-homeHead-1 {
margin-top: 80px;
}
}
@media (min-width: 768px) {
.p-homeHead-1 {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.p-homeHead-1 {
font-size: 33px;
}
}
.p-homeHead-1__jp, .p-homeHead-1__en {
display: block;
}
.p-homeHead-1__en {
margin-top: 5px;
color: #aacb56;
font-size: 17.7391304348px;
font-weight: normal;
}
@media (min-width: 768px) {
.p-homeHead-1__en {
margin-top: 5px;
}
}
@media (min-width: 768px) {
.p-homeHead-1__en {
font-size: 23px;
}
}
.p-homeHead-1 {
padding: 0;
background: none;
border: none;
margin-top: 60px;
margin-top: 30px;
color: #333;
font-size: 19.6363636364px;
font-weight: bold;
text-align: center;
line-height: 1.3;
}
.p-homeHead-1:before {
display: none;
}
@media (min-width: 768px) {
.p-homeHead-1 {
margin-top: 80px;
}
}
@media (min-width: 768px) {
.p-homeHead-1 {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.p-homeHead-1 {
font-size: 33px;
}
}
.p-homeHead-1__jp, .p-homeHead-1__en {
display: block;
}
.p-homeHead-1__en {
margin-top: 5px;
color: #aacb56;
font-size: 17.7391304348px;
font-weight: normal;
}
@media (min-width: 768px) {
.p-homeHead-1__en {
margin-top: 5px;
}
}
@media (min-width: 768px) {
.p-homeHead-1__en {
font-size: 23px;
}
}
.p-homeHead-2 {
padding: 0;
background: none;
border: none;
margin-top: 60px;
margin-top: 30px;
color: #333;
font-size: 19.6363636364px;
font-weight: bold;
line-height: 1.3;
}
.p-homeHead-2:before {
display: none;
}
@media (min-width: 768px) {
.p-homeHead-2 {
margin-top: 80px;
}
}
@media (min-width: 768px) {
.p-homeHead-2 {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.p-homeHead-2 {
font-size: 33px;
}
}
.p-homeHead-2__jp, .p-homeHead-2__en {
display: inline-block;
}
.p-homeHead-2__en {
margin-left: 1em;
color: #aacb56;
font-size: 17.7391304348px;
font-weight: normal;
}
@media (min-width: 768px) {
.p-homeHead-2__en {
font-size: 23px;
}
}
.p-homeAbout {
padding-top: 50px;
padding-bottom: 30px;
background-color: #f5fae6;
}
@media (min-width: 768px) {
.p-homeAbout {
padding-top: 60px;
}
}
@media (min-width: 768px) {
.p-homeAbout {
padding-bottom: 40px;
}
}
.p-homeAboutHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 8px;
color: #aacb56;
font-size: 18.4615384615px;
font-weight: bold;
}
.p-homeAboutHead:before {
display: none;
}
@media (min-width: 768px) {
.p-homeAboutHead {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.p-homeAboutHead {
font-size: 26px;
}
}
@media (min-width: 992px) {
.p-homeAboutHead {
text-align: center;
}
}
.p-homeAboutLead {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.p-homeAboutLead {
margin-bottom: 30px;
}
}
@media (min-width: 992px) {
.p-homeAboutLead {
text-align: center;
}
}
@media (min-width: 768px) {
.p-homeAboutLayout {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
}
@media (min-width: 768px) {
.p-homeAboutLayout__inner {
width: 50%;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.p-homeAboutLayout__inner {
width: 33.3333%;
}
}
.p-homeAboutBox {
margin-bottom: 15px;
padding: 20px;
background-color: #fff;
border-radius: 10px;
}
@media (min-width: 768px) {
.p-homeAboutBox {
margin-bottom: 20px;
}
}
.p-homeAboutBox > *:first-child {
margin-top: 0;
}
.p-homeAboutBox > *:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.p-homeAboutBox {
padding: 30px;
}
}
.p-homeAboutBoxHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 12px;
padding-bottom: 8px;
color: #aacb56;
font-size: 16px;
font-weight: bold;
text-align: center;
position: relative;
}
.p-homeAboutBoxHead:before {
display: none;
}
@media (min-width: 768px) {
.p-homeAboutBoxHead {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-homeAboutBoxHead {
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
.p-homeAboutBoxHead {
font-size: 18px;
}
}
.p-homeAboutBoxHead:before {
content: "";
display: block;
width: 55px;
height: 2px;
background-color: #aacb56;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.p-homeAboutText {
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.p-homeAboutText {
font-size: 14px;
}
}
.p-homeAreaContents {
background: url(//jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/img/home/area_bg_sp.png) no-repeat center;
background-size: contain;
}
@media (min-width: 768px) {
.p-homeAreaContents {
background-image: url(//jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/img/home/area_bg.png);
}
}
.p-homeAreaName {
padding: 0;
background: none;
border: none;
width: 140px;
margin-top: 0;
margin-bottom: 8px;
margin-right: 5px;
padding: 10px 13px 10px 5px;
background: #f3f3f3 url(//jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/img/home/area_name_bg.jpg) no-repeat center right;
background-size: contain;
color: #333;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
text-align: center;
}
.p-homeAreaName:before {
display: none;
}
@media (min-width: 768px) {
.p-homeAreaName {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.p-homeAreaName {
font-size: 18px;
}
}
@media (max-width: 767.98px) {
.p-homeAreaName {
display: inline-block;
}
}
@media (min-width: 768px) {
.p-homeAreaName {
flex-shrink: 0;
}
}
.p-homeAreaList {
padding-left: 0;
margin-bottom: 0;
}
.p-homeAreaList li {
list-style: none;
}
@media (max-width: 767.98px) {
.p-homeAreaList > li {
display: inline;
}
}
@media (min-width: 768px) {
.p-homeAreaList > li {
display: flex;
align-items: flex-start;
}
}
.p-homeAreaList-2 {
padding-left: 0;
margin-bottom: 0;
}
.p-homeAreaList-2 li {
list-style: none;
}
@media (max-width: 767.98px) {
.p-homeAreaList-2 {
display: inline;
}
}
@media (min-width: 768px) {
.p-homeAreaList-2 {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
}
}
.p-homeAreaList-2 > li {
padding-bottom: 8px;
padding-right: 5px;
}
@media (min-width: 768px) {
.p-homeAreaList-2 > li {
padding-bottom: 10px;
}
}
@media (max-width: 767.98px) {
.p-homeAreaList-2 > li {
display: inline-block;
}
}
.p-homeAreaLink {
display: inline-block;
padding: 10px;
background-color: #fff;
border: 1px solid #aacb56;
color: #aacb56;
font-size: 15px;
transition: 0.2s;
}
@media (min-width: 768px) {
.p-homeAreaLink {
font-size: 16px;
}
}
@media (min-width: 768px) {
.p-homeAreaLink {
display: block;
}
}
a.p-homeAreaLink {
color: #aacb56;
}
a.p-homeAreaLink:hover {
-webkit-tap-highlight-color: transparent;
background-color: #aacb56;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.p-homeAreaLink:hover {
background-color: #aacb56;
color: #fff;
text-decoration: none;
}
}
@media (min-width: 768px) {
.p-homeRecommended {
padding-bottom: 70px;
}
}
@media (min-width: 992px) {
.p-homeNewsLayout {
display: flex;
}
}
@media (max-width: 991.98px) {
.p-homeNewsLayout__head {
margin-bottom: 30px;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.p-homeNewsLayout__head {
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.p-homeNewsLayout__head {
flex-shrink: 0;
width: 205px;
}
}
@media (min-width: 992px) {
.p-homeNewsLayout__contents {
flex-grow: 1;
}
}
.p-homeNewsHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
font-size: 19.6363636364px;
font-weight: bold;
line-height: 1.3;
}
.p-homeNewsHead:before {
display: none;
}
@media (min-width: 768px) {
.p-homeNewsHead {
font-size: 33px;
}
}
.p-homeNewsButton--pc {
margin-top: 8px;
}
@media (min-width: 768px) {
.p-homeNewsButton--pc {
margin-top: 10px;
}
}
@media (max-width: 991.98px) {
.p-homeNewsButton--pc {
display: none;
}
}
.p-homeNewsButton--sp {
margin-top: 20px;
}
@media (min-width: 768px) {
.p-homeNewsButton--sp {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.p-homeNewsButton--sp {
display: none;
}
}
.p-homeSupportBox {
padding: 20px;
background-color: #fdfcf0;
}
@media (min-width: 768px) {
.p-homeSupportBox {
display: flex;
justify-content: space-between;
align-items: center;
margin-left: -20px;
}
}
@media (min-width: 992px) {
.p-homeSupportBox {
padding: 25px 40px;
}
}
.p-homeSupportBox__textarea, .p-homeSupportBox__button {
padding-left: 20px;
}
.p-homeSupportBox__textarea > *:first-child, .p-homeSupportBox__button > *:first-child {
margin-top: 0;
}
.p-homeSupportBox__textarea > *:last-child, .p-homeSupportBox__button > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.p-homeSupportBox__textarea {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-homeSupportBox__button {
flex-shrink: 0;
}
}
.p-homeSupportHead {
padding: 0;
background: none;
border: none;
font-size: 15px;
font-weight: normal;
}
.p-homeSupportHead:before {
display: none;
}
@media (min-width: 768px) {
.p-homeSupportHead {
font-size: 16px;
}
}
@media (max-width: 767.98px) {
.p-homeSupportHead {
text-align: center;
}
}
@media (max-width: 767.98px) {
.p-homeSupportButton {
text-align: center;
}
}
.p-homeEventHead {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.p-homeEventHead {
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.p-homeEventHead {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.p-homeEventHead__title > *:first-child, .p-homeEventHead__button > *:first-child {
margin-top: 0;
}
.p-homeEventHead__title > *:last-child, .p-homeEventHead__button > *:last-child {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.p-homeEventHead__button {
display: none;
}
}
@media (min-width: 992px) {
.p-homeEventHead__button {
flex-shrink: 0;
}
}
.p-homeEventButton-sp {
margin-top: 30px;
}
@media (min-width: 768px) {
.p-homeEventButton-sp {
margin-top: 40px;
}
}
@media (min-width: 992px) {
.p-homeEventButton-sp {
display: none;
}
}
.p-homeEventContents {
padding: 20px;
background-color: #fff;
border-radius: 10px;
}
@media (min-width: 992px) {
.p-homeEventContents {
padding: 40px;
}
}
.p-homeEventContents > *:first-child {
margin-top: 0;
}
.p-homeEventContents > *:last-child {
margin-bottom: 0;
}
.p-homeBanner {
background: url(//jba-e.com/navi/cms/wp-content/themes/marriage-navijp/assets/img/common/banner_bg.jpg) no-repeat center;
background-size: cover;
}
.p-homeBannerWrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 768px) {
.p-homeBannerWrapper {
max-width: 1120px;
padding-left: 60px;
padding-right: 60px;
}
}
.p-homeBannerSlick {
display: none;
margin-left: -15px;
}
@media (min-width: 768px) {
.p-homeBannerSlick {
margin-left: -20px;
}
}
.p-homeBannerSlick__slide {
padding-left: 15px;
}
@media (min-width: 768px) {
.p-homeBannerSlick__slide {
padding-left: 20px;
}
}
.p-homeBannerSlick__slide a {
display: block;
background-color: #fff;
}
.p-homeBannerSlick .slick-prev,
.p-homeBannerSlick .slick-next {
display: block;
width: 12px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 999;
transition: 0.2s;
}
@media (min-width: 768px) {
.p-homeBannerSlick .slick-prev,
.p-homeBannerSlick .slick-next {
width: 21px;
height: 35px;
}
}
.p-homeBannerSlick .slick-prev:before,
.p-homeBannerSlick .slick-next:before {
display: none !important;
}
.p-homeBannerSlick .slick-prev:hover,
.p-homeBannerSlick .slick-next:hover {
-webkit-tap-highlight-color: transparent;
opacity: 0.6;
}
@media screen and (min-width: 992px) {
.p-homeBannerSlick .slick-prev:hover,
.p-homeBannerSlick .slick-next:hover {
opacity: 0.6;
}
}
.p-homeBannerSlick .slick-prev {
left: -10px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layer_1%22%20data-name%3D%22layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.9843%22%20height%3D%2234.5111%22%20viewBox%3D%220%200%2020.9843%2034.5111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M363.9164%2C636.7521l15.3887-15.359a1.9026%2C1.9026%2C0%2C0%2C1%2C2.6875%2C0l1.7949%2C1.7916a1.894%2C1.894%2C0%2C0%2C1%2C.0031%2C2.6791l-12.1958%2C12.2294%2C12.1958%2C12.2292a1.8942%2C1.8942%2C0%2C0%2C1-.0031%2C2.6793l-1.7949%2C1.7912a1.9026%2C1.9026%2C0%2C0%2C1-2.6875%2C0l-15.3887-15.3588A1.8936%2C1.8936%2C0%2C0%2C1%2C363.9164%2C636.7521Z%22%20transform%3D%22translate(-363.3597%20-620.8374)%22%2F%3E%3C%2Fsvg%3E");
}
@media (min-width: 768px) {
.p-homeBannerSlick .slick-prev {
left: -35px;
}
}
.p-homeBannerSlick .slick-prev:hover {
-webkit-tap-highlight-color: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layer_1%22%20data-name%3D%22layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.9843%22%20height%3D%2234.5111%22%20viewBox%3D%220%200%2020.9843%2034.5111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M363.9164%2C636.7521l15.3887-15.359a1.9026%2C1.9026%2C0%2C0%2C1%2C2.6875%2C0l1.7949%2C1.7916a1.894%2C1.894%2C0%2C0%2C1%2C.0031%2C2.6791l-12.1958%2C12.2294%2C12.1958%2C12.2292a1.8942%2C1.8942%2C0%2C0%2C1-.0031%2C2.6793l-1.7949%2C1.7912a1.9026%2C1.9026%2C0%2C0%2C1-2.6875%2C0l-15.3887-15.3588A1.8936%2C1.8936%2C0%2C0%2C1%2C363.9164%2C636.7521Z%22%20transform%3D%22translate(-363.3597%20-620.8374)%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 992px) {
.p-homeBannerSlick .slick-prev:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layer_1%22%20data-name%3D%22layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.9843%22%20height%3D%2234.5111%22%20viewBox%3D%220%200%2020.9843%2034.5111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M363.9164%2C636.7521l15.3887-15.359a1.9026%2C1.9026%2C0%2C0%2C1%2C2.6875%2C0l1.7949%2C1.7916a1.894%2C1.894%2C0%2C0%2C1%2C.0031%2C2.6791l-12.1958%2C12.2294%2C12.1958%2C12.2292a1.8942%2C1.8942%2C0%2C0%2C1-.0031%2C2.6793l-1.7949%2C1.7912a1.9026%2C1.9026%2C0%2C0%2C1-2.6875%2C0l-15.3887-15.3588A1.8936%2C1.8936%2C0%2C0%2C1%2C363.9164%2C636.7521Z%22%20transform%3D%22translate(-363.3597%20-620.8374)%22%2F%3E%3C%2Fsvg%3E");
}
}
.p-homeBannerSlick .slick-next {
right: -25px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layer_1%22%20data-name%3D%22layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.9843%22%20height%3D%2234.5111%22%20viewBox%3D%220%200%2020.9843%2034.5111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M469.8174%2C639.4341l-15.3887%2C15.3588a1.9026%2C1.9026%2C0%2C0%2C1-2.6875%2C0l-1.7949-1.7912a1.8942%2C1.8942%2C0%2C0%2C1-.0031-2.6793l12.1958-12.2292-12.1958-12.2294a1.894%2C1.894%2C0%2C0%2C1%2C.0031-2.6791l1.7949-1.7916a1.9026%2C1.9026%2C0%2C0%2C1%2C2.6875%2C0l15.3887%2C15.359A1.8936%2C1.8936%2C0%2C0%2C1%2C469.8174%2C639.4341Z%22%20transform%3D%22translate(-449.3897%20-620.8374)%22%2F%3E%3C%2Fsvg%3E");
}
@media (min-width: 768px) {
.p-homeBannerSlick .slick-next {
right: -55px;
}
}
.p-homeBannerSlick .slick-next:hover {
-webkit-tap-highlight-color: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layer_1%22%20data-name%3D%22layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.9843%22%20height%3D%2234.5111%22%20viewBox%3D%220%200%2020.9843%2034.5111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M469.8174%2C639.4341l-15.3887%2C15.3588a1.9026%2C1.9026%2C0%2C0%2C1-2.6875%2C0l-1.7949-1.7912a1.8942%2C1.8942%2C0%2C0%2C1-.0031-2.6793l12.1958-12.2292-12.1958-12.2294a1.894%2C1.894%2C0%2C0%2C1%2C.0031-2.6791l1.7949-1.7916a1.9026%2C1.9026%2C0%2C0%2C1%2C2.6875%2C0l15.3887%2C15.359A1.8936%2C1.8936%2C0%2C0%2C1%2C469.8174%2C639.4341Z%22%20transform%3D%22translate(-449.3897%20-620.8374)%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 992px) {
.p-homeBannerSlick .slick-next:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22layer_1%22%20data-name%3D%22layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.9843%22%20height%3D%2234.5111%22%20viewBox%3D%220%200%2020.9843%2034.5111%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M469.8174%2C639.4341l-15.3887%2C15.3588a1.9026%2C1.9026%2C0%2C0%2C1-2.6875%2C0l-1.7949-1.7912a1.8942%2C1.8942%2C0%2C0%2C1-.0031-2.6793l12.1958-12.2292-12.1958-12.2294a1.894%2C1.894%2C0%2C0%2C1%2C.0031-2.6791l1.7949-1.7916a1.9026%2C1.9026%2C0%2C0%2C1%2C2.6875%2C0l15.3887%2C15.359A1.8936%2C1.8936%2C0%2C0%2C1%2C469.8174%2C639.4341Z%22%20transform%3D%22translate(-449.3897%20-620.8374)%22%2F%3E%3C%2Fsvg%3E");
}
}
.p-homeBannerItem {
display: block;
padding-top: 48%;
position: relative;
}
.p-homeBannerItem img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.p-agencyList {
padding-left: 0;
margin-bottom: 0;
}
.p-agencyList li {
list-style: none;
}
.p-agencyList > li {
padding-bottom: 50px;
}
@media (min-width: 768px) {
.p-agencyList > li {
padding-bottom: 60px;
}
}
.p-agencyList > li:last-child {
padding-bottom: 0;
}
.p-agencyItem__contents {
padding: 20px 20px 1px;
border-top: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
}
@media (min-width: 992px) {
.p-agencyItem__contents {
padding: 40px 40px 1px;
}
}
.p-agencyItem__button .c-btn-secondary {
display: block;
font-size: 16px;
font-weight: bold;
}
@media (min-width: 768px) {
.p-agencyItem__button .c-btn-secondary {
font-size: 18px;
}
}
.p-agencyItemTop {
padding-bottom: 15px;
}
@media (min-width: 768px) {
.p-agencyItemTop {
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
.p-agencyItemTop {
display: flex;
}
}
@media (min-width: 992px) {
.p-agencyItemTop__mv {
flex-shrink: 0;
width: calc(43.573% + 40px);
padding-right: 40px;
}
}
@media (min-width: 992px) {
.p-agencyItemTop__textarea {
flex-grow: 1;
}
}
.p-agencyItemMV {
display: block;
width: 100%;
margin-bottom: 15px;
position: relative;
}
@media (min-width: 768px) {
.p-agencyItemMV {
margin-bottom: 20px;
}
}
.p-agencyItemMV__wappen {
position: absolute;
top: 0;
left: 15px;
}
.p-agencyItemMV__wappen img {
width: 40px;
}
a.p-agencyItemMV:hover {
-webkit-tap-highlight-color: transparent;
}
a.p-agencyItemMV:hover figure img {
opacity: 0.6;
}
@media screen and (min-width: 992px) {
a.p-agencyItemMV:hover figure img {
opacity: 0.6;
}
}
.p-agencyItemName {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 15px;
color: #07704c;
font-size: 19.6363636364px;
font-weight: bold;
line-height: 1.3;
}
.p-agencyItemName:before {
display: none;
}
@media (min-width: 768px) {
.p-agencyItemName {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-agencyItemName {
font-size: 33px;
}
}
.p-agencyItemName a {
color: #07704c;
transition: 0.2s;
}
.p-agencyItemName a:hover {
-webkit-tap-highlight-color: transparent;
color: #0aa06d;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.p-agencyItemName a:hover {
color: #0aa06d;
text-decoration: none;
}
}
.p-agencyItemDescription {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.p-agencyItemDescription {
margin-bottom: 20px;
}
}
.p-agencyItemTagList {
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-bottom: 8px;
}
.p-agencyItemTagList li {
list-style: none;
}
@media (min-width: 768px) {
.p-agencyItemTagList {
margin-bottom: 10px;
}
}
.p-agencyItemTagList > li {
padding-left: 10px;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.p-agencyItemAbout {
display: flex;
}
}
.p-agencyItemAbout__textarea {
padding-bottom: 30px;
}
@media (min-width: 768px) {
.p-agencyItemAbout__textarea {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.p-agencyItemAbout__textarea {
flex-grow: 1;
width: calc(43.573% + 40px);
padding-right: 40px;
}
}
.p-agencyItemAbout__button {
padding-bottom: 30px;
}
@media (min-width: 768px) {
.p-agencyItemAbout__button {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.p-agencyItemAbout__button {
flex-shrink: 0;
width: 240px;
}
}
.p-agencyItemTable-1 th:first-child, .p-agencyItemTable-1 td:first-child {
width: 90px;
}
@media (min-width: 768px) {
.p-agencyItemTable-1 th:first-child, .p-agencyItemTable-1 td:first-child {
width: 100px;
}
}
.p-agencyItemBlog {
padding-bottom: 15px;
}
@media (min-width: 768px) {
.p-agencyItemBlog {
padding-bottom: 20px;
}
}
.p-agencyItemBlogHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 8px;
color: #333;
font-size: 15px;
font-weight: bold;
}
.p-agencyItemBlogHead:before {
display: none;
}
@media (min-width: 768px) {
.p-agencyItemBlogHead {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.p-agencyItemBlogHead {
font-size: 16px;
}
}
.p-agencySlick {
margin-left: -15px;
}
.p-agencySlick__slide {
padding-left: 15px;
}
.p-agencySlick .slick-dots {
padding-left: 15px;
margin-top: 8px;
position: relative;
bottom: 0;
}
@media (min-width: 768px) {
.p-agencySlick .slick-dots {
margin-top: 10px;
}
}
.p-agencySlick .slick-dots li {
margin-left: 0;
margin-right: 0;
}
.p-agencySlick .slick-dots li button:before {
color: #000;
font-size: 11px;
opacity: 0.4;
}
.p-agencySlick .slick-dots li.slick-active button:before {
color: #000;
opacity: 1;
}
.p-agencySlick.slick-dotted.slick-slider {
margin-bottom: 0;
}
.p-agencySlideLink {
color: #333;
}
.p-agencySlideLink:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
text-decoration: none;
}
.p-agencySlideLink:hover img {
transform: scale(1.1, 1.1);
}
@media screen and (min-width: 992px) {
.p-agencySlideLink:hover {
color: #333;
text-decoration: none;
}
.p-agencySlideLink:hover img {
transform: scale(1.1, 1.1);
}
}
.p-agencySlide__img {
overflow: hidden;
}
.p-agencySlide__textarea {
padding: 20px 20px 0;
}
.p-agencySlide__cat {
margin-bottom: 8px;
}
@media (min-width: 768px) {
.p-agencySlide__cat {
margin-bottom: 10px;
}
}
.p-agencySlide__name {
margin-bottom: 0;
color: #aacb56;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
}
@media (min-width: 768px) {
.p-agencySlide__name {
font-size: 18px;
}
}
.p-agencyMV {
width: 100%;
margin-bottom: 30px;
position: relative;
}
@media (min-width: 768px) {
.p-agencyMV {
margin-bottom: 40px;
}
}
.p-agencyMV__wappen {
position: absolute;
top: 0;
left: 15px;
}
@media (min-width: 768px) {
.p-agencyMV__wappen {
left: 35px;
}
}
.p-agencyMV__wappen img {
width: 40px;
}
@media (min-width: 768px) {
.p-agencyMV__wappen img {
width: 73px;
}
}
.p-agencyName {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 30px;
color: #07704c;
font-size: 19.6363636364px;
font-weight: bold;
line-height: 1.3;
}
.p-agencyName:before {
display: none;
}
@media (min-width: 768px) {
.p-agencyName {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.p-agencyName {
font-size: 33px;
}
}
.p-agencyDescription {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.p-agencyDescription {
margin-bottom: 40px;
}
}
.p-agencyTagList {
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-bottom: 20px;
}
.p-agencyTagList li {
list-style: none;
}
@media (min-width: 768px) {
.p-agencyTagList {
margin-bottom: 30px;
}
}
.p-agencyTagList > li {
padding-left: 10px;
padding-bottom: 10px;
}
.p-agencyTagItem {
display: inline-block;
padding: 2px 8px 1px;
border: 1px solid #aacb56;
border-radius: 3px;
color: #aacb56;
font-size: 13.7142857143px;
line-height: 1.3;
transition: 0.2s;
}
@media (min-width: 768px) {
.p-agencyTagItem {
font-size: 14px;
}
}
a.p-agencyTagItem {
color: #aacb56;
}
a.p-agencyTagItem:hover {
-webkit-tap-highlight-color: transparent;
color: #fff;
background-color: #aacb56;
text-decoration: none;
}
@media screen and (min-width: 992px) {
a.p-agencyTagItem:hover {
color: #fff;
background-color: #aacb56;
text-decoration: none;
}
}
@media (max-width: 991.98px) {
.p-agencyNav {
margin-bottom: 20px;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.p-agencyNav {
margin-bottom: 30px;
}
}
.p-agencyNavList {
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
padding-top: 10px;
border-top: 1px solid #d3d3d3;
}
.p-agencyNavList li {
list-style: none;
}
@media (min-width: 992px) {
.p-agencyNavList {
padding-top: 20px;
}
}
.p-agencyNavList > li {
width: 50%;
margin-bottom: 20px;
border-left: 1px solid #d3d3d3;
position: relative;
}
@media (min-width: 768px) {
.p-agencyNavList > li {
width: 33.3333%;
}
}
@media (min-width: 992px) {
.p-agencyNavList > li {
width: 20%;
margin-bottom: 40px;
}
}
@media (max-width: 991.98px) {
.p-agencyNavList > li:before {
content: "";
display: block;
width: calc(100% + 1px);
height: 1px;
background-color: #d3d3d3;
position: absolute;
left: -1px;
bottom: -10px;
}
}
@media (max-width: 991.98px) and (min-width: 992px) {
.p-agencyNavList > li:before {
bottom: -20px;
}
}
.p-agencyNavList > li:first-child {
border-left: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.p-agencyNavList > li:nth-child(4), .p-agencyNavList > li:nth-child(7) {
border-left: none;
}
}
@media (max-width: 767.98px) {
.p-agencyNavList > li:nth-child(odd) {
border-left: none;
}
}
.p-agencyNavItem {
display: block;
padding: 10px;
color: #aacb56;
line-height: 1.3;
text-align: center;
transition: 0.2s;
}
@media (min-width: 768px) {
.p-agencyNavItem {
padding: 15px;
}
}
.p-agencyNavItem:after {
content: "";
display: inline-block;
width: 0.5em;
height: 0.5em;
margin-left: 10px;
border-right: 1px solid #aacb56;
border-bottom: 1px solid #aacb56;
transform: rotate(45deg) translateY(-50%);
transition: 0.2s;
}
a.p-agencyNavItem {
color: #aacb56;
}
a.p-agencyNavItem:hover {
-webkit-tap-highlight-color: transparent;
color: #c7dd91;
text-decoration: none;
}
a.p-agencyNavItem:hover:after {
border-right-color: #c7dd91;
border-bottom-color: #c7dd91;
}
@media screen and (min-width: 992px) {
a.p-agencyNavItem:hover {
color: #c7dd91;
text-decoration: none;
}
a.p-agencyNavItem:hover:after {
border-right-color: #c7dd91;
border-bottom-color: #c7dd91;
}
}
@media (min-width: 768px) {
.p-agencyPRLayout {
display: flex;
}
}
@media (min-width: 768px) {
.p-agencyPRLayout__textarea {
flex-grow: 1;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.p-agencyPRLayout__textarea {
padding-right: 40px;
}
}
.p-agencyPRLayout__textarea > *:first-child {
margin-top: 0;
}
.p-agencyPRLayout__textarea > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.p-agencyPRLayout__pic {
margin-top: 30px;
}
}
@media (min-width: 768px) {
.p-agencyPRLayout__pic {
flex-shrink: 0;
width: 40%;
}
}
.p-agencyPRHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 15px;
color: #aacb56;
font-size: 18.4615384615px;
line-height: 1.3;
}
.p-agencyPRHead:before {
display: none;
}
@media (min-width: 768px) {
.p-agencyPRHead {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-agencyPRHead {
font-size: 26px;
}
}
.p-agencyContact {
margin-top: 60px;
margin-bottom: 60px;
}
@media (min-width: 768px) {
.p-agencyContact {
margin-top: 80px;
}
}
@media (min-width: 768px) {
.p-agencyContact {
margin-bottom: 80px;
}
}
.p-agencyContactLead {
margin-bottom: 30px;
font-weight: bold;
text-align: center;
}
@media (min-width: 768px) {
.p-agencyContactLead {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.p-agencyContactLayout {
display: flex;
margin-left: -20px;
}
}
@media (min-width: 992px) {
.p-agencyContactLayout {
margin-left: -40px;
}
}
.p-agencyContactLayout__inner {
padding-bottom: 15px;
}
@media (min-width: 768px) {
.p-agencyContactLayout__inner {
padding-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-agencyContactLayout__inner {
width: 50%;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.p-agencyContactLayout__inner {
padding-left: 40px;
}
}
.p-agencyPoint {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.p-agencyPoint {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.p-agencyPoint {
padding-bottom: 20px;
}
}
.p-agencyPointList {
padding-left: 0;
margin-bottom: 0;
}
.p-agencyPointList li {
list-style: none;
}
@media (min-width: 576px) {
.p-agencyPointList {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
}
@media (min-width: 992px) {
.p-agencyPointList {
margin-left: -40px;
}
}
.p-agencyPointList > li {
padding-bottom: 30px;
}
@media (min-width: 768px) {
.p-agencyPointList > li {
padding-bottom: 40px;
}
}
@media (min-width: 576px) {
.p-agencyPointList > li {
width: 50%;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.p-agencyPointList > li {
width: 33.3333%;
padding-left: 40px;
}
}
.p-agencyPointItem__pic {
width: 100%;
max-width: 230px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.p-agencyPointItem__pic {
margin-bottom: 20px;
}
}
.p-agencyPointItem__textarea > *:first-child {
margin-top: 0;
}
.p-agencyPointItem__textarea > *:last-child {
margin-bottom: 0;
}
.p-agencyPointItemHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 12px;
color: #aacb56;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
}
.p-agencyPointItemHead:before {
display: none;
}
@media (min-width: 768px) {
.p-agencyPointItemHead {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-agencyPointItemHead {
font-size: 18px;
}
}
.p-agencyMessage {
padding-top: 0;
}
.p-agencyMessageBox {
padding: 20px;
border: 1px solid #aacb56;
}
@media (min-width: 768px) {
.p-agencyMessageBox {
display: flex;
}
}
@media (min-width: 992px) {
.p-agencyMessageBox {
padding: 40px;
}
}
@media (max-width: 767.98px) {
.p-agencyMessageBox__pic {
width: 100%;
max-width: 230px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
}
@media (max-width: 767.98px) and (min-width: 768px) {
.p-agencyMessageBox__pic {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-agencyMessageBox__pic {
flex-shrink: 0;
width: calc(25% + 20px);
padding-right: 20px;
}
}
@media (min-width: 992px) {
.p-agencyMessageBox__pic {
width: calc(25% + 40px);
padding-right: 40px;
}
}
.p-agencyMessageBox__textarea {
flex-grow: 1;
}
.p-agencyMessageBox__textarea > *:first-child {
margin-top: 0;
}
.p-agencyMessageBox__textarea > *:last-child {
margin-bottom: 0;
}
.p-agencyMessageHead {
padding: 0;
background: none;
border: none;
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid #aacb56;
font-size: 18.4615384615px;
font-weight: bold;
line-height: 1.3;
text-align: center;
position: relative;
}
.p-agencyMessageHead:before {
display: none;
}
@media (min-width: 768px) {
.p-agencyMessageHead {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.p-agencyMessageHead {
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-agencyMessageHead {
font-size: 26px;
}
}
.p-agencyMessageHead:before {
content: "";
display: block;
width: 18px;
height: 18px;
background-color: #fff;
border-right: 1px solid #aacb56;
border-bottom: 1px solid #aacb56;
position: absolute;
top: 100%;
left: 50%;
transform: translateY(-8px) rotate(45deg);
}
.p-agencyMessageName {
font-weight: bold;
}
.p-agencyVideo {
padding-top: 0;
}
.p-agencyVideoBox {
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.p-agencyBlogButton {
padding-top: 15px;
text-align: center;
}
@media (min-width: 768px) {
.p-agencyBlogButton {
padding-top: 20px;
}
}
.p-agencyAbout {
padding-top: 0;
margin-bottom: 70px;
}
@media (min-width: 768px) {
.p-agencyAbout {
margin-bottom: 100px;
}
}
.p-agencyBlog + .p-agencyAbout {
padding-top: 60px;
}
@media (min-width: 768px) {
.p-agencyBlog + .p-agencyAbout {
padding-top: 80px;
}
}
@media (min-width: 576px) {
.p-agencyTable-1 th:first-child, .p-agencyTable-1 td:first-child {
width: 140px;
}
}
.p-agencyAboutLink {
margin-top: 30px;
}
@media (min-width: 768px) {
.p-agencyAboutLink {
margin-top: 40px;
}
}
@media (max-width: 767.98px) {
.p-agencyAboutLink {
text-align: center;
}
}
@media (min-width: 768px) {
.p-agencyAboutLink {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
}
@media (max-width: 767.98px) {
.p-agencyAboutLink__official + .p-agencyAboutLink__social {
margin-top: 30px;
}
}
@media (min-width: 768px) {
.p-agencyAboutLink__official + .p-agencyAboutLink__social {
margin-left: 40px;
}
}
.p-agencySocialList {
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -20px;
margin-bottom: 0;
}
.p-agencySocialList li {
list-style: none;
}
.p-agencySocialList > li {
padding-left: 20px;
}
.p-agencySocialList a {
display: inline-block;
}
.p-agencyMap {
width: 100%;
height: 240px;
margin-top: 30px;
}
@media (min-width: 768px) {
.p-agencyMap {
height: 300px;
}
}
@media (min-width: 768px) {
.p-agencyMap {
margin-top: 40px;
}
}
.p-agencyMap iframe {
width: 100%;
height: 100%;
border: none;
}
.p-blogList {
padding-left: 0;
margin-bottom: 0;
}
.p-blogList li {
list-style: none;
}
@media (min-width: 576px) {
.p-blogList {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
}
.p-blogList > li {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.p-blogList > li {
margin-bottom: 20px;
}
}
@media (min-width: 576px) {
.p-blogList > li {
width: 50%;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.p-blogList > li {
width: 25%;
}
}
.p-blogList-2 {
padding-left: 0;
margin-bottom: 0;
}
.p-blogList-2 li {
list-style: none;
}
@media (min-width: 768px) {
.p-blogList-2 {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
}
.p-blogList-2 > li {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.p-blogList-2 > li {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-blogList-2 > li {
width: 50%;
padding-left: 20px;
}
}
.p-blogItem__pic {
overflow: hidden;
}
.p-blogItem__pic img {
transition: 0.2s;
}
.p-blogItem__textarea {
padding: 20px;
background-color: #fff;
}
.p-blogItem-2 {
display: flex;
}
.p-blogItem-2__pic {
width: 42.317%;
overflow: hidden;
}
.p-blogItem-2__pic img {
transition: 0.2s;
}
.p-blogItem-2__textarea {
padding-left: 20px;
background-color: #fff;
}
.p-blogItemHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 5px;
color: #aacb56;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
transition: 0.2s;
}
.p-blogItemHead:before {
display: none;
}
@media (min-width: 768px) {
.p-blogItemHead {
margin-bottom: 5px;
}
}
@media (min-width: 768px) {
.p-blogItemHead {
font-size: 18px;
}
}
.p-blogItemDate {
margin-bottom: 0;
color: #898989;
}
.p-blogLink {
color: #333;
}
.p-blogLink:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
text-decoration: none;
}
.p-blogLink:hover .p-blogItemHead {
color: #c7dd91;
}
.p-blogLink:hover img {
transform: scale(1.1, 1.1);
}
@media screen and (min-width: 992px) {
.p-blogLink:hover {
color: #333;
text-decoration: none;
}
.p-blogLink:hover .p-blogItemHead {
color: #c7dd91;
}
.p-blogLink:hover img {
transform: scale(1.1, 1.1);
}
}
.p-newsList {
padding-left: 0;
margin-bottom: 0;
}
.p-newsList li {
list-style: none;
}
.p-newsList > li {
border-bottom: 1px solid #d3d3d3;
}
.p-newsList > li:first-child .p-newsItem {
padding-top: 0;
}
.p-newsItemLink {
color: #333;
}
.p-newsItemLink:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
text-decoration: none;
}
.p-newsItemLink:hover .p-newsItem dd {
color: #c7dd91;
}
@media screen and (min-width: 992px) {
.p-newsItemLink:hover {
color: #333;
text-decoration: none;
}
.p-newsItemLink:hover .p-newsItem dd {
color: #c7dd91;
}
}
.p-newsItem {
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.p-newsItem {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.p-newsItem {
padding-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-newsItem {
display: flex;
}
}
.p-newsItem dt, .p-newsItem dd {
margin: 0;
}
.p-newsItem dt {
font-weight: normal;
}
@media (min-width: 768px) {
.p-newsItem dt {
flex-shrink: 0;
min-width: 225px;
}
}
.p-newsItem dt time {
display: inline-block;
margin-right: 15px;
}
.p-newsItem dd {
transition: 0.2s;
}
@media (max-width: 767.98px) {
.p-newsItem dd {
margin-top: 8px;
}
}
@media (min-width: 768px) {
.p-newsItem dd {
flex-grow: 1;
}
}
.p-eventList {
padding-left: 0;
margin-bottom: 0;
}
.p-eventList li {
list-style: none;
}
.p-eventList > li {
border-bottom: 1px solid #d3d3d3;
}
.p-eventList > li:first-child .p-eventItem {
padding-top: 0;
}
.p-eventItemLink {
color: #333;
}
.p-eventItemLink:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
text-decoration: none;
}
.p-eventItemLink:hover .p-eventItem dd {
color: #c7dd91;
}
@media screen and (min-width: 992px) {
.p-eventItemLink:hover {
color: #333;
text-decoration: none;
}
.p-eventItemLink:hover .p-eventItem dd {
color: #c7dd91;
}
}
.p-eventItem {
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.p-eventItem {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.p-eventItem {
padding-bottom: 20px;
}
}
@media (min-width: 768px) {
.p-eventItem {
display: flex;
margin-left: -20px;
}
}
@media (min-width: 992px) {
.p-eventItem {
margin-left: -40px;
}
}
.p-eventItem dt, .p-eventItem dd {
margin: 0;
}
@media (min-width: 768px) {
.p-eventItem dt, .p-eventItem dd {
padding-left: 20px;
}
}
@media (min-width: 992px) {
.p-eventItem dt, .p-eventItem dd {
padding-left: 40px;
}
}
.p-eventItem dt {
font-weight: normal;
}
@media (min-width: 768px) {
.p-eventItem dt {
flex-grow: 0;
flex-shrink: 0;
}
}
.p-eventItem dt .c-cat {
min-width: 90px;
}
.p-eventItem dd {
transition: 0.2s;
}
@media (max-width: 767.98px) {
.p-eventItem dd {
margin-top: 8px;
}
}
@media (min-width: 768px) {
.p-eventItem dd {
flex-grow: 1;
}
}
.p-contactNav {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -10px;
}
@media (min-width: 768px) {
.p-contactNav {
margin-bottom: 30px;
}
}
.p-contactNav__inner {
padding-bottom: 8px;
padding-left: 10px;
}
@media (min-width: 768px) {
.p-contactNav__inner {
padding-bottom: 10px;
}
}
.b-pagehead {
padding-top: 15px;
padding-bottom: 15px;
background-color: #f5fae6;
}
@media (min-width: 768px) {
.b-pagehead {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.b-pagehead {
padding-bottom: 20px;
}
}
.b-pagehead__inner {
width: 100%;
max-width: 1030px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.b-pagehead__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.b-pageheadTitle {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
color: #07704c;
font-size: 19.6363636364px;
font-weight: bold;
line-height: 1.3;
}
.b-pageheadTitle:before {
display: none;
}
@media (min-width: 768px) {
.b-pageheadTitle {
font-size: 33px;
}
}
.b-homeMV {
padding-top: 40px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
@media (min-width: 768px) {
.b-homeMV {
padding-top: 50px;
}
}
.b-homeMV:before {
content: "";
display: block;
width: 100%;
height: 280px;
background: url(//jba-e.com/navi/navi/blog/cms/wp-content/themes/marriage-navijp_blog/assets/img/home/mv_bg_sp.jpg) no-repeat center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media (min-width: 768px) {
.b-homeMV:before {
height: 260px;
background-image: url(//jba-e.com/navi/navi/blog/cms/wp-content/themes/marriage-navijp_blog/assets/img/home/mv_bg.jpg);
}
}
.b-homeMVBox {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 40px 20px;
background-color: #f5fae6;
}
@media (min-width: 768px) {
.b-homeMVBox {
padding: 50px 20px;
}
}
.b-homeMVBox > *:first-child {
margin-top: 0;
}
.b-homeMVBox > *:last-child {
margin-bottom: 0;
}
.b-homeMVHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 15px;
color: #aacb56;
font-size: 6.5vw;
font-weight: bold;
line-height: 1.3;
text-align: center;
}
.b-homeMVHead:before {
display: none;
}
@media (min-width: 768px) {
.b-homeMVHead {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.b-homeMVHead {
font-size: 5.8252427184vw;
}
}
@media (min-width: 1077px) {
.b-homeMVHead {
font-size: 60px;
}
}
.b-homeMVHead__inner {
display: inline-block;
border-bottom: 3px solid #aacb56;
}
.b-homeMVHead small {
font-size: 5vw;
}
@media (min-width: 768px) {
.b-homeMVHead small {
font-size: 3.6893203883vw;
}
}
@media (min-width: 1077px) {
.b-homeMVHead small {
font-size: 38px;
}
}
.b-homeMVText-1 {
color: #898989;
text-align: center;
font-size: 5.6vw;
}
@media (min-width: 768px) {
.b-homeMVText-1 {
font-size: 2.2330097087vw;
}
}
@media (min-width: 1077px) {
.b-homeMVText-1 {
font-size: 23px;
}
}
.b-homeMVText-1 strong {
color: #ffbc00;
}
.b-homeMVText-2 {
text-align: center;
font-size: 4.4vw;
}
@media (min-width: 768px) {
.b-homeMVText-2 {
font-size: 1.5533980583vw;
}
}
@media (min-width: 1077px) {
.b-homeMVText-2 {
font-size: 16px;
}
}
.b-homeMVText-2__inner {
display: inline-block;
padding: 10px 20px;
background-color: #5dbeb5;
border-radius: 999px;
color: #fff;
}
.b-homeMVInstagramText {
margin-top: 18px;
color: #898989;
font-size: 5vw;
text-align: center;
}
@media (min-width: 768px) {
.b-homeMVInstagramText {
margin-top: 25px;
}
}
@media (min-width: 768px) {
.b-homeMVInstagramText {
font-size: 1.9417475728vw;
}
}
@media (min-width: 1077px) {
.b-homeMVInstagramText {
font-size: 20px;
}
}
.b-homeMVInstagramText strong {
background: linear-gradient(to bottom, rgba(255, 188, 0, 0) 0%, rgba(255, 188, 0, 0) 65%, rgba(255, 188, 0, 0.6) 66%, rgba(255, 188, 0, 0.6) 100%);
font-weight: normal;
}
.b-homeMVInstagramButton {
text-align: center;
}
.b-homeMVInstagramButton__button {
display: inline-block;
padding: 0.6em 1.2em;
background-color: #fff;
border-radius: 5px;
color: #898989;
line-height: 1;
transition: 0.2s;
}
.b-homeMVInstagramButton__button img {
width: 1.2em;
margin-right: 0.5em;
}
.b-homeMVInstagramButton__button:hover {
-webkit-tap-highlight-color: transparent;
background-color: #aacb56;
color: #fff;
text-decoration: none;
}
.b-homeMVInstagramButton__button:hover img {
opacity: 1;
}
@media screen and (min-width: 992px) {
.b-homeMVInstagramButton__button:hover {
background-color: #aacb56;
color: #fff;
text-decoration: none;
}
.b-homeMVInstagramButton__button:hover img {
opacity: 1;
}
}
.b-homeTag ul.wp-tag-cloud {
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-bottom: 0;
}
.b-homeTag ul.wp-tag-cloud li {
list-style: none;
}
.b-homeTag ul.wp-tag-cloud > li {
padding-left: 8px;
padding-bottom: 8px;
}
.b-homeTag a.tag-cloud-link {
display: inline-block;
padding: 5px 10px;
background-color: #fff;
color: #aacb56;
transition: 0.2s;
}
.b-homeTag a.tag-cloud-link:before {
content: "#";
}
.b-homeTag a.tag-cloud-link:hover {
-webkit-tap-highlight-color: transparent;
background-color: #e6e6e6;
color: #aacb56;
text-decoration: none;
}
@media screen and (min-width: 992px) {
.b-homeTag a.tag-cloud-link:hover {
background-color: #e6e6e6;
color: #aacb56;
text-decoration: none;
}
}
@media (min-width: 992px) {
.b-homeTagLayout {
display: flex;
align-items: center;
}
}
@media (min-width: 992px) {
.b-homeTagLayout__head {
flex-shrink: 0;
width: 240px;
}
}
.b-homeTagHead {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 0;
color: #fff;
font-size: 18.4615384615px;
font-weight: bold;
line-height: 1.3;
}
.b-homeTagHead:before {
display: none;
}
@media (min-width: 768px) {
.b-homeTagHead {
font-size: 26px;
}
}
@media (max-width: 991.98px) {
.b-homeTagHead {
margin-bottom: 30px;
text-align: center;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.b-homeTagHead {
margin-bottom: 40px;
}
}
.b-homeTagList {
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-bottom: 8px;
}
.b-homeTagList li {
list-style: none;
}
@media (min-width: 768px) {
.b-homeTagList {
margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.b-homeTagList {
margin-left: -30px;
}
}
.b-homeTagList > li {
padding-left: 20px;
padding-bottom: 8px;
}
@media (min-width: 768px) {
.b-homeTagList > li {
padding-bottom: 10px;
}
}
@media (max-width: 767.98px) {
.b-homeTagList > li {
width: 50%;
}
}
@media (min-width: 992px) {
.b-homeTagList > li {
padding-left: 30px;
}
}
.b-homeTagItem {
display: flex;
align-items: center;
}
.b-homeTagItem__img, .b-homeTagItem__text {
display: block;
}
.b-homeTagItem__img {
width: 60px;
margin-right: 15px;
border-radius: 999px;
overflow: hidden;
}
.b-homeTagItem__text {
color: #fff;
font-size: 16px;
font-weight: bold;
}
@media (min-width: 768px) {
.b-homeTagItem__text {
font-size: 18px;
}
}
a.b-homeTagItem__text {
color: #fff;
}
a.b-homeTagItem:hover {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
}
a.b-homeTagItem:hover .b-homeTagItem__text {
color: #fff;
}
a.b-homeTagItem:hover img {
transform: scale(1.1, 1.1);
}
@media screen and (min-width: 992px) {
a.b-homeTagItem:hover {
text-decoration: none;
}
a.b-homeTagItem:hover .b-homeTagItem__text {
color: #fff;
}
a.b-homeTagItem:hover img {
transform: scale(1.1, 1.1);
}
}
.b-homeRank {
padding-bottom: 50px;
}
@media (min-width: 768px) {
.b-homeRank {
padding-bottom: 60px;
}
}
.b-blogList {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-bottom: 0;
}
.b-blogList > li {
width: 100%;
margin-bottom: 50px;
padding-left: 20px;
}
@media (min-width: 768px) {
.b-blogList > li {
margin-bottom: 60px;
}
}
@media (min-width: 576px) {
.b-blogList > li {
width: 50%;
}
}
@media (min-width: 992px) {
.b-blogList > li {
width: 33.3333%;
}
}
.b-blogLink {
display: block;
color: #333;
}
.b-blogLink:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
text-decoration: none;
}
.b-blogLink:hover .b-blogItem__title {
color: #c7dd91;
}
.b-blogLink:hover img {
transform: scale(1.1, 1.1);
}
@media screen and (min-width: 992px) {
.b-blogLink:hover {
color: #333;
text-decoration: none;
}
.b-blogLink:hover .b-blogItem__title {
color: #c7dd91;
}
.b-blogLink:hover img {
transform: scale(1.1, 1.1);
}
}
.b-blogItem__img {
overflow: hidden;
margin-bottom: 15px;
position: relative;
}
@media (min-width: 768px) {
.b-blogItem__img {
margin-bottom: 20px;
}
}
.b-blogItem__title {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 8px;
color: #aacb56;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
transition: 0.2s;
}
.b-blogItem__title:before {
display: none;
}
@media (min-width: 768px) {
.b-blogItem__title {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.b-blogItem__title {
font-size: 18px;
}
}
.b-blogItem__date {
margin-bottom: 0;
color: #898989;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.b-blogItem__date {
font-size: 14px;
}
}
.b-blogItem__agency {
margin-bottom: 0;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.b-blogItem__agency {
font-size: 14px;
}
}
.b-blogSlick {
margin-left: -15px;
}
.b-blogSlick__slide {
padding-left: 15px;
}
.b-blogSlideLink {
display: block;
color: #333;
}
.b-blogSlideLink:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
text-decoration: none;
}
.b-blogSlideLink:hover .b-blogSlide__title {
color: #c7dd91;
}
.b-blogSlideLink:hover img {
transform: scale(1.1, 1.1);
}
@media screen and (min-width: 992px) {
.b-blogSlideLink:hover {
color: #333;
text-decoration: none;
}
.b-blogSlideLink:hover .b-blogSlide__title {
color: #c7dd91;
}
.b-blogSlideLink:hover img {
transform: scale(1.1, 1.1);
}
}
.b-blogSlide__img {
overflow: hidden;
margin-bottom: 15px;
position: relative;
}
@media (min-width: 768px) {
.b-blogSlide__img {
margin-bottom: 20px;
}
}
.b-blogSlide__img:before {
content: "NEW!";
display: block;
width: 45px;
height: 45px;
background-color: #aacb56;
color: #fff;
font-size: 13.7142857143px;
line-height: 45px;
text-align: center;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media (min-width: 768px) {
.b-blogSlide__img:before {
font-size: 14px;
}
}
@media (min-width: 768px) {
.b-blogSlide__img:before {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.b-blogSlide__title {
margin-bottom: 8px;
color: #aacb56;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
transition: 0.2s;
}
@media (min-width: 768px) {
.b-blogSlide__title {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.b-blogSlide__title {
font-size: 18px;
}
}
.b-blogSlide__date {
margin-bottom: 0;
color: #898989;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.b-blogSlide__date {
font-size: 14px;
}
}
.b-blogSlide__agency {
margin-bottom: 0;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.b-blogSlide__agency {
font-size: 14px;
}
}
.b-rankList {
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-bottom: 0;
position: relative;
}
.b-rankList li {
list-style: none;
}
.b-rankList > li {
margin-bottom: 15px;
padding-left: 20px;
}
@media (min-width: 768px) {
.b-rankList > li {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.b-rankList > li {
width: 50%;
}
}
@media (min-width: 992px) {
.b-rankList > li {
width: 16.6666%;
margin-bottom: 30px;
}
}
.b-rankList > li:nth-child(1), .b-rankList > li:nth-child(2), .b-rankList > li:nth-child(3) {
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.b-rankList > li:nth-child(1), .b-rankList > li:nth-child(2), .b-rankList > li:nth-child(3) {
width: 33.3333%;
margin-bottom: 60px;
}
}
@media (max-width: 767.98px) {
.b-rankList > li:nth-child(1) .b-rankItem, .b-rankList > li:nth-child(2) .b-rankItem, .b-rankList > li:nth-child(3) .b-rankItem {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
}
@media (max-width: 767.98px) {
.b-rankList > li:nth-child(1) .b-rankItem__img, .b-rankList > li:nth-child(2) .b-rankItem__img, .b-rankList > li:nth-child(3) .b-rankItem__img {
width: 120px;
margin-right: 15px;
margin-bottom: 0;
}
}
@media (max-width: 767.98px) {
.b-rankList > li:nth-child(1) .b-rankItem__textarea, .b-rankList > li:nth-child(2) .b-rankItem__textarea, .b-rankList > li:nth-child(3) .b-rankItem__textarea {
width: calc(100% - 135px);
}
}
.b-rankList > li:nth-child(1) .b-rankItem:before, .b-rankList > li:nth-child(2) .b-rankItem:before, .b-rankList > li:nth-child(3) .b-rankItem:before {
display: block;
width: 100%;
height: auto;
margin-bottom: 8px;
padding-left: 45px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
font-size: 17.7391304348px;
font-weight: bold;
line-height: 1.5;
text-align: left;
vertical-align: baseline;
position: static;
}
@media (min-width: 768px) {
.b-rankList > li:nth-child(1) .b-rankItem:before, .b-rankList > li:nth-child(2) .b-rankItem:before, .b-rankList > li:nth-child(3) .b-rankItem:before {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.b-rankList > li:nth-child(1) .b-rankItem:before, .b-rankList > li:nth-child(2) .b-rankItem:before, .b-rankList > li:nth-child(3) .b-rankItem:before {
font-size: 23px;
}
}
@media (min-width: 768px) {
.b-rankList > li:nth-child(1) .b-rankItem:before, .b-rankList > li:nth-child(2) .b-rankItem:before, .b-rankList > li:nth-child(3) .b-rankItem:before {
padding-left: 55px;
}
}
@media (max-width: 991.98px) {
.b-rankList > li:nth-child(4) .b-rankItem, .b-rankList > li:nth-child(5) .b-rankItem, .b-rankList > li:nth-child(6) .b-rankItem, .b-rankList > li:nth-child(7) .b-rankItem, .b-rankList > li:nth-child(8) .b-rankItem, .b-rankList > li:nth-child(9) .b-rankItem, .b-rankList > li:nth-child(10) .b-rankItem, .b-rankList > li:nth-child(11) .b-rankItem, .b-rankList > li:nth-child(12) .b-rankItem, .b-rankList > li:nth-child(13) .b-rankItem, .b-rankList > li:nth-child(14) .b-rankItem, .b-rankList > li:nth-child(15) .b-rankItem {
display: flex;
align-items: flex-start;
}
}
@media (max-width: 991.98px) {
.b-rankList > li:nth-child(4) .b-rankItem__img, .b-rankList > li:nth-child(5) .b-rankItem__img, .b-rankList > li:nth-child(6) .b-rankItem__img, .b-rankList > li:nth-child(7) .b-rankItem__img, .b-rankList > li:nth-child(8) .b-rankItem__img, .b-rankList > li:nth-child(9) .b-rankItem__img, .b-rankList > li:nth-child(10) .b-rankItem__img, .b-rankList > li:nth-child(11) .b-rankItem__img, .b-rankList > li:nth-child(12) .b-rankItem__img, .b-rankList > li:nth-child(13) .b-rankItem__img, .b-rankList > li:nth-child(14) .b-rankItem__img, .b-rankList > li:nth-child(15) .b-rankItem__img {
width: 120px;
margin-right: 15px;
margin-bottom: 0;
}
}
@media (max-width: 767.98px) {
.b-rankList > li:nth-child(4) .b-rankItem__textarea, .b-rankList > li:nth-child(5) .b-rankItem__textarea, .b-rankList > li:nth-child(6) .b-rankItem__textarea, .b-rankList > li:nth-child(7) .b-rankItem__textarea, .b-rankList > li:nth-child(8) .b-rankItem__textarea, .b-rankList > li:nth-child(9) .b-rankItem__textarea, .b-rankList > li:nth-child(10) .b-rankItem__textarea, .b-rankList > li:nth-child(11) .b-rankItem__textarea, .b-rankList > li:nth-child(12) .b-rankItem__textarea, .b-rankList > li:nth-child(13) .b-rankItem__textarea, .b-rankList > li:nth-child(14) .b-rankItem__textarea, .b-rankList > li:nth-child(15) .b-rankItem__textarea {
width: calc(100% - 135px);
}
}
.b-rankList > li:nth-child(1) .b-rankItem:before {
content: "1位";
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2238.3px%22%20height%3D%2230.3px%22%20viewBox%3D%220%200%2038.3%2030.3%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2038.3%2030.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23CDA561%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M35.1%2C6.1c-1.8%2C0-3.2%2C1.4-3.2%2C3.2c0%2C0.8%2C0.3%2C1.6%2C0.9%2C2.2L27%2C17.1L20%2C6.3c1.4-0.4%2C2.4-1.6%2C2.4-3.1%20c0-1.8-1.4-3.2-3.2-3.2c-1.8%2C0-3.2%2C1.4-3.2%2C3.2c0%2C1.5%2C1%2C2.7%2C2.4%2C3.1l-7%2C10.8l-5.8-5.7c0.5-0.6%2C0.9-1.3%2C0.9-2.2%20c0-1.8-1.4-3.2-3.2-3.2C1.4%2C6.1%2C0%2C7.5%2C0%2C9.3c0%2C1.8%2C1.4%2C3.2%2C3.2%2C3.2v17.8h15.9h15.9V12.5c1.8%2C0%2C3.2-1.4%2C3.2-3.2%20C38.3%2C7.5%2C36.9%2C6.1%2C35.1%2C6.1z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
color: #CDA561;
}
.b-rankList > li:nth-child(2) .b-rankItem:before {
content: "2位";
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2238.3px%22%20height%3D%2230.3px%22%20viewBox%3D%220%200%2038.3%2030.3%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2038.3%2030.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AAB2B2%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M35.1%2C6.1c-1.8%2C0-3.2%2C1.4-3.2%2C3.2c0%2C0.8%2C0.3%2C1.6%2C0.9%2C2.2L27%2C17.1L20%2C6.3c1.4-0.4%2C2.4-1.6%2C2.4-3.1%20c0-1.8-1.4-3.2-3.2-3.2c-1.8%2C0-3.2%2C1.4-3.2%2C3.2c0%2C1.5%2C1%2C2.7%2C2.4%2C3.1l-7%2C10.8l-5.8-5.7c0.5-0.6%2C0.9-1.3%2C0.9-2.2%20c0-1.8-1.4-3.2-3.2-3.2C1.4%2C6.1%2C0%2C7.5%2C0%2C9.3c0%2C1.8%2C1.4%2C3.2%2C3.2%2C3.2v17.8h15.9h15.9V12.5c1.8%2C0%2C3.2-1.4%2C3.2-3.2%20C38.3%2C7.5%2C36.9%2C6.1%2C35.1%2C6.1z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
color: #AAB2B2;
}
.b-rankList > li:nth-child(3) .b-rankItem:before {
content: "3位";
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2238.3px%22%20height%3D%2230.3px%22%20viewBox%3D%220%200%2038.3%2030.3%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2038.3%2030.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23B88357%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M35.1%2C6.1c-1.8%2C0-3.2%2C1.4-3.2%2C3.2c0%2C0.8%2C0.3%2C1.6%2C0.9%2C2.2L27%2C17.1L20%2C6.3c1.4-0.4%2C2.4-1.6%2C2.4-3.1%20c0-1.8-1.4-3.2-3.2-3.2c-1.8%2C0-3.2%2C1.4-3.2%2C3.2c0%2C1.5%2C1%2C2.7%2C2.4%2C3.1l-7%2C10.8l-5.8-5.7c0.5-0.6%2C0.9-1.3%2C0.9-2.2%20c0-1.8-1.4-3.2-3.2-3.2C1.4%2C6.1%2C0%2C7.5%2C0%2C9.3c0%2C1.8%2C1.4%2C3.2%2C3.2%2C3.2v17.8h15.9h15.9V12.5c1.8%2C0%2C3.2-1.4%2C3.2-3.2%20C38.3%2C7.5%2C36.9%2C6.1%2C35.1%2C6.1z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
color: #B88357;
}
.b-rankList > li:nth-child(4) .b-rankItem:before {
content: "4";
}
.b-rankList > li:nth-child(5) .b-rankItem:before {
content: "5";
}
.b-rankList > li:nth-child(6) .b-rankItem:before {
content: "6";
}
.b-rankList > li:nth-child(7) .b-rankItem:before {
content: "7";
}
.b-rankList > li:nth-child(8) .b-rankItem:before {
content: "8";
}
.b-rankList > li:nth-child(9) .b-rankItem:before {
content: "9";
}
.b-rankList > li:nth-child(10) .b-rankItem:before {
content: "10";
}
.b-rankList > li:nth-child(11) .b-rankItem:before {
content: "11";
}
.b-rankList > li:nth-child(12) .b-rankItem:before {
content: "12";
}
.b-rankList > li:nth-child(13) .b-rankItem:before {
content: "13";
}
.b-rankList > li:nth-child(14) .b-rankItem:before {
content: "14";
}
.b-rankList > li:nth-child(15) .b-rankItem:before {
content: "15";
}
.b-rankLink {
display: block;
color: #333;
}
.b-rankLink:hover {
-webkit-tap-highlight-color: transparent;
color: #333;
text-decoration: none;
}
.b-rankLink:hover .b-rankItem__title {
color: #c7dd91;
}
.b-rankLink:hover img {
transform: scale(1.1, 1.1);
}
@media screen and (min-width: 992px) {
.b-rankLink:hover {
color: #333;
text-decoration: none;
}
.b-rankLink:hover .b-rankItem__title {
color: #c7dd91;
}
.b-rankLink:hover img {
transform: scale(1.1, 1.1);
}
}
.b-rankItem {
display: block;
position: relative;
}
.b-rankItem:before {
display: block;
width: 25px;
height: 25px;
background-color: #000;
color: #fff;
font-size: 13.7142857143px;
line-height: 25px;
text-align: center;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media (min-width: 768px) {
.b-rankItem:before {
font-size: 14px;
}
}
@media (min-width: 768px) {
.b-rankItem:before {
width: 28px;
height: 28px;
line-height: 28px;
}
}
.b-rankItem__img, .b-rankItem__textarea, .b-rankItem__title, .b-rankItem__date, .b-rankItem__agency {
display: block;
}
.b-rankItem__img {
overflow: hidden;
margin-bottom: 15px;
position: relative;
}
@media (min-width: 768px) {
.b-rankItem__img {
margin-bottom: 20px;
}
}
.b-rankItem__img:before {
display: block;
width: 45px;
height: 45px;
background-color: #aacb56;
color: #fff;
font-size: 13.7142857143px;
line-height: 45px;
text-align: center;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media (min-width: 768px) {
.b-rankItem__img:before {
font-size: 14px;
}
}
@media (min-width: 768px) {
.b-rankItem__img:before {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.b-rankItem__title {
padding: 0;
background: none;
border: none;
margin-top: 0;
margin-bottom: 8px;
color: #aacb56;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
transition: 0.2s;
}
.b-rankItem__title:before {
display: none;
}
@media (min-width: 768px) {
.b-rankItem__title {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.b-rankItem__title {
font-size: 18px;
}
}
.b-rankItem__date {
margin-bottom: 0;
color: #898989;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.b-rankItem__date {
font-size: 14px;
}
}
.b-rankItem__agency {
margin-bottom: 0;
color: #333;
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.b-rankItem__agency {
font-size: 14px;
}
}
.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-text-primary {
color: #aacb56;
}
.u-text-secondary {
color: #07704c;
}
.u-text-success {
color: #cbc58b;
}
.u-text-info {
color: #5dbeb5;
}
.u-text-warning {
color: #ffbc00;
}
.u-text-danger {
color: #e15253;
}
.u-text-white {
color: #fff;
}
.u-text-black {
color: #000;
}
.u-text-light {
color: #fafafa;
}
.u-text-light2 {
color: #f3f3f3;
}
.u-text-dark {
color: #3d3d3d;
}
.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: 16px;
}
@media (min-width: 768px) {
.u-fs-lg {
font-size: 18px;
}
}
.u-fs-1 {
font-size: 12px;
}
@media (min-width: 768px) {
.u-fs-1 {
font-size: 12px;
}
}
.u-fs-2 {
font-size: 13.7142857143px;
}
@media (min-width: 768px) {
.u-fs-2 {
font-size: 14px;
}
}
.u-fs-3 {
font-size: 15px;
}
@media (min-width: 768px) {
.u-fs-3 {
font-size: 16px;
}
}
.u-fs-4 {
font-size: 16px;
}
@media (min-width: 768px) {
.u-fs-4 {
font-size: 18px;
}
}
.u-fs-5 {
font-size: 17.7391304348px;
}
@media (min-width: 768px) {
.u-fs-5 {
font-size: 23px;
}
}
.u-fs-6 {
font-size: 18.4615384615px;
}
@media (min-width: 768px) {
.u-fs-6 {
font-size: 26px;
}
}
.u-fs-7 {
font-size: 18.8571428571px;
}
@media (min-width: 768px) {
.u-fs-7 {
font-size: 28px;
}
}
.u-fs-8 {
font-size: 19.6363636364px;
}
@media (min-width: 768px) {
.u-fs-8 {
font-size: 33px;
}
}
.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: "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;
}
}
.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;
}
}
.u-bg-primary {
background-color: #aacb56;
}
.u-bg-secondary {
background-color: #07704c;
}
.u-bg-success {
background-color: #cbc58b;
}
.u-bg-info {
background-color: #5dbeb5;
}
.u-bg-warning {
background-color: #ffbc00;
}
.u-bg-danger {
background-color: #e15253;
}
.u-bg-white {
background-color: #fff;
}
.u-bg-black {
background-color: #000;
}
.u-bg-light {
background-color: #fafafa;
}
.u-bg-light2 {
background-color: #f3f3f3;
}
.u-bg-dark {
background-color: #3d3d3d;
}
.u-bg-primary {
color: #fff;
}