@charset "UTF-8";

 .clearfix::after, .contents-archive article::after, .faq-question::after, .faq-answer::after, .row::after, .container::after {
display: block;
clear: both;
content: ""; } html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
body {
line-height: 1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
nav ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; } ins {
background-color: #ff9;
color: #000;
text-decoration: none; } mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold; }
del {
text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help; }
table {
border-collapse: collapse;
border-spacing: 0; } hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0; }
input, select {
vertical-align: middle; }
*,
*::before,
*::after {
box-sizing: border-box; }
html {
font-family: sans-serif;
font-size: 62.5%;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
margin: 0;
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
color: #333333;
text-align: left;
background-color: #fff; }
@media (min-width: 992px) {
body {
font-size: 1.6rem; } }
@media print {
body {
width: 1100px;
transform: scale(0.8);
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform-origin: 0 0; } }
[tabindex="-1"]:focus {
outline: 0 !important; }
hr {
overflow: visible;
position: relative;
z-index: 11;
clear: both;
box-sizing: content-box;
margin: 0 auto 16px;
height: 0;
border: solid #d6d6d6;
border-width: 1px 0 0; }
a {
transition: all  0.3s ease; }
a:hover {
transition: all  0.3s ease; }
img {
width: auto\9;
max-width: 100%;
height: auto;
border: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic; }
a img {
background: #fff;
transition: all  0.3s ease; }
a img:hover {
opacity: 0.7;
transition: all  0.3s ease; }
figure {
margin: 0; }
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
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: -.25em; }
sup {
top: -.5em; }
pre,
code,
kbd,
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; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg {
overflow: hidden;
vertical-align: middle; }
table {
border-collapse: collapse; }
caption {
text-align: left;
caption-side: bottom; }
th {
text-align: inherit; }
label {
display: inline-block; }
button {
border-radius: 0; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
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: .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; }
a {
color: #235187;
text-decoration: underline;
transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
a {
transition: none; } }
a:hover {
color: #132d4a;
text-decoration: none;
transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
a:hover {
transition: none; } }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
a.btn-red,
a.btn-green,
a.btn-outline-red,
a.btn-outline-green {
position: relative;
display: block;
max-width: 568px;
display: block;
margin: 0 auto !important;
padding: 13px 50px 13px 10px !important;
width: 80%;
border-radius: 10px !important;
text-align: center;
text-decoration: none;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.3); }
a.btn-red:after,
a.btn-green:after,
a.btn-outline-red:after,
a.btn-outline-green:after {
content: '\f061';
position: absolute;
right: 20px;
top: 50%;
display: block;
font-size: 2rem;
font-weight: 700;
font-family: "Font Awesome\ 5 Free";
transform: translateY(-50%); }
a.btn-red {
border: 1px solid #DD0001;
background: #DD0001;
color: #fff; }
a.btn-red:hover {
background: #fff;
color: #DD0001; }
a.btn-green {
border: 1px solid #2EAA46;
background: #2EAA46;
color: #fff; }
a.btn-green:hover {
background: #fff;
color: #2EAA46; }
a.btn-outline-red {
border: 1px solid #DD0001;
background: #fff;
color: #DD0001; }
a.btn-outline-red:hover {
background: #DD0001;
color: #fff; }
a.btn-outline-green {
border: 1px solid #2EAA46;
background: #fff;
color: #2EAA46; }
a.btn-outline-green:hover {
background: #2EAA46;
color: #fff; }
h1, h2, h3, h4, h5, h6 {
position: relative;
color: inherit;
font-style: normal;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.5px; } .page-title,
.post-title,
.archive-title {
margin: 0 0 48px;
padding: 0;
font-size: 2.8rem;
font-weight: 700;
color: #333333;
line-height: 1.3; }
.page-title span,
.post-title span,
.archive-title span {
display: inline-block;
background: #fff;
padding: 0 1em 0 0; }
.page-title:after,
.post-title:after,
.archive-title:after {
display: block;
content: '';
position: absolute;
z-index: -1;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #333333;
transform: translateY(-50%); }
@media (min-width: 768px) {
.page-title,
.post-title,
.archive-title {
font-size: 3.6rem; } }
.post-content,
.contents-front-page {  }
.post-content h2,
.contents-front-page h2 {
margin: 60px 0 20px;
padding: .6em .8em .6em .8em;
border: solid #235187;
border-width: 0 0 0 6px;
background: #f7f7f7;
font-size: 2.2rem;
font-weight: 700;
color: #333333;
line-height: 1.3; }
@media (min-width: 768px) {
.post-content h2,
.contents-front-page h2 {
font-size: 2.6rem; } }
.post-content h3,
.contents-front-page h3 {
position: relative;
margin: 40px 0 20px;
padding: 12px 0 12px 24px;
border-bottom: 1px solid #d6d6d6;
font-size: 2rem;
font-weight: 700;
color: #333333;
line-height: 1.5;
letter-spacing: 0.1px; }
.post-content h3:before,
.contents-front-page h3:before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
left: 0;
border-top: 16px solid #f4bf3b;
border-bottom: 16px solid #f7a041;
width: 5px;
height: 0;
transform: translateY(-50%); }
.post-content h3:after,
.contents-front-page h3:after {
display: block;
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #d6d6d6; }
@media (min-width: 768px) {
.post-content h3,
.contents-front-page h3 {
font-size: 2.2rem; } }
.post-content h4,
.contents-front-page h4 {
margin: 30px 0 20px;
padding: 0 0 0;
font-size: 1.8rem;
font-weight: 700;
color: #333333;
line-height: 1.66;
letter-spacing: 0.1px;
text-shadow: 0 0 3px white; }
.post-content h4:before,
.contents-front-page h4:before {
content: '';
display: block;
position: absolute;
top: -9px;
left: -5px;
width: 50px;
height: 50px;
background: #93b8e3;
border-radius: 50%;
line-height: 1;
z-index: -1; }
@media (min-width: 768px) {
.post-content h4:before,
.contents-front-page h4:before {
left: -16px; } }
@media (min-width: 768px) {
.post-content h4,
.contents-front-page h4 {
font-size: 2rem; } }
.post-content h5,
.contents-front-page h5 {
margin: 25px 0 20px;
font-size: 1.6rem;
font-weight: 700;
color: #333333;
line-height: 1.5; }
@media (min-width: 768px) {
.post-content h5,
.contents-front-page h5 {
font-size: 1.8rem; } }
.post-content h6,
.contents-front-page h6 {
margin: 20px 0 20px;
font-size: 1.4rem;
font-weight: 700;
color: #333333;
line-height: 1.6; }
.post-content h6 a,
.contents-front-page h6 a {
position: relative;
display: inline-block;
padding: 0 0 0 1em; }
.post-content h6 a:before,
.contents-front-page h6 a:before {
position: absolute;
top: .5em;
left: 0;
display: inline-block;
content: '\f101';
font-size: 1.3rem;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
line-height: 1; }
@media (min-width: 768px) {
.post-content h6,
.contents-front-page h6 {
font-size: 1.6rem; } }
p {
margin-top: 20px; }
ul {
list-style-type: disc; }
ol {
list-style-type: decimal; }
ul, ol {
list-style-position: outside;
margin-top: 20px;
margin-left: 1.5em; }
li {
margin-top: 10px; }
ul ul, ul ol, ol ul, ol ol {
margin-top: 0;
margin-left: 1.5em; }
dl {
margin-top: 20px; }
dt {
margin-top: 20px;
font-weight: 700; }
dd {
margin-top: 10px; }
blockquote, q {
quotes: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none; }
blockquote {
margin-top: 30px;
padding: 15px;
border-left: 6px solid #235187;
background: #f7f7f7;
color: #767676; }
blockquote p {
margin: 0; }
blockquote cite {
color: #555; }
pre {
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word; }
.table-scroll {
overflow-x: auto; }
.table-scroll th, .table-scroll td {
white-space: nowrap; }
.table-scroll-sp-only {
overflow: auto; }
.table-scroll-sp-only th, .table-scroll-sp-only td {
white-space: normal; }
@media (max-width: 767.98px) {
.table-scroll-sp-only {
overflow-x: auto; }
.table-scroll-sp-only th, .table-scroll-sp-only td {
white-space: nowrap; } }
.table-scroll::-webkit-scrollbar,
.table-scroll-br-none::-webkit-scrollbar,
.table-scroll-sp-only::-webkit-scrollbar {
height: 5px; }
.table-scroll::-webkit-scrollbar-track,
.table-scroll-br-none::-webkit-scrollbar,
.table-scroll-sp-only::-webkit-scrollbar {
background: #F1F1F1; }
.table-scroll::-webkit-scrollbar-thumb,
.table-scroll-br-none::-webkit-scrollbar,
.table-scroll-sp-only::-webkit-scrollbar {
background: #BCBCBC; }
table {
display: table;
margin-top: 40px;
padding: 0;
min-width: 100%;
width: 100%;
border-collapse: collapse;
border-spacing: 0; }
th, td {
padding: 0 .5em 1em;
white-space: normal;
word-wrap: break-word;
vertical-align: top; }
th img, td img {
width: 100%; }
th {
vertical-align: top;
text-align: left;
font-weight: 500; }
thead th, thead td {
background: inherit;
color: inherit;
font-size: inherit;
font-weight: 700; }
tfoot th, tfoot td {
background: inherit;
color: inherit;
font-size: inherit;
font-weight: 700; }
table.box {
display: table; }
table.box th, table.box td {
padding: 16px;
background: #f7f7f7; }
th.gray,
td.gray {
background: #f7f7f7; }
th.beige,
td.beige {
background: #fffac6; }
table.table-20-80,
table.table-30-70,
table.table-40-60,
table.table-50-50,
table.table-60-40,
table.table-70-30,
table.table-80-20,
table.table-33-33-33 {
margin-left: -1em;
margin-right: -1em;
width: auto !important;
min-width: 100% !important; }
table.table-20-80 th, table.table-20-80 td,
table.table-30-70 th,
table.table-30-70 td,
table.table-40-60 th,
table.table-40-60 td,
table.table-50-50 th,
table.table-50-50 td,
table.table-60-40 th,
table.table-60-40 td,
table.table-70-30 th,
table.table-70-30 td,
table.table-80-20 th,
table.table-80-20 td,
table.table-33-33-33 th,
table.table-33-33-33 td {
padding: 0 1em 1em; }
table.table-20-80 h1:first-child, table.table-20-80 h2:first-child, table.table-20-80 h3:first-child, table.table-20-80 h4:first-child, table.table-20-80 h5:first-child, table.table-20-80 h6:first-child, table.table-20-80 p:first-child,
table.table-30-70 h1:first-child,
table.table-30-70 h2:first-child,
table.table-30-70 h3:first-child,
table.table-30-70 h4:first-child,
table.table-30-70 h5:first-child,
table.table-30-70 h6:first-child,
table.table-30-70 p:first-child,
table.table-40-60 h1:first-child,
table.table-40-60 h2:first-child,
table.table-40-60 h3:first-child,
table.table-40-60 h4:first-child,
table.table-40-60 h5:first-child,
table.table-40-60 h6:first-child,
table.table-40-60 p:first-child,
table.table-50-50 h1:first-child,
table.table-50-50 h2:first-child,
table.table-50-50 h3:first-child,
table.table-50-50 h4:first-child,
table.table-50-50 h5:first-child,
table.table-50-50 h6:first-child,
table.table-50-50 p:first-child,
table.table-60-40 h1:first-child,
table.table-60-40 h2:first-child,
table.table-60-40 h3:first-child,
table.table-60-40 h4:first-child,
table.table-60-40 h5:first-child,
table.table-60-40 h6:first-child,
table.table-60-40 p:first-child,
table.table-70-30 h1:first-child,
table.table-70-30 h2:first-child,
table.table-70-30 h3:first-child,
table.table-70-30 h4:first-child,
table.table-70-30 h5:first-child,
table.table-70-30 h6:first-child,
table.table-70-30 p:first-child,
table.table-80-20 h1:first-child,
table.table-80-20 h2:first-child,
table.table-80-20 h3:first-child,
table.table-80-20 h4:first-child,
table.table-80-20 h5:first-child,
table.table-80-20 h6:first-child,
table.table-80-20 p:first-child,
table.table-33-33-33 h1:first-child,
table.table-33-33-33 h2:first-child,
table.table-33-33-33 h3:first-child,
table.table-33-33-33 h4:first-child,
table.table-33-33-33 h5:first-child,
table.table-33-33-33 h6:first-child,
table.table-33-33-33 p:first-child {
margin-top: 0; }
table.table-20-80 th:first-child, table.table-20-80 td:first-child {
width: 20% !important; }
table.table-20-80 th:last-child, table.table-20-80 td:last-child {
width: 80% !important; }
table.table-30-70 th:first-child, table.table-30-70 td:first-child {
width: 30% !important; }
table.table-30-70 th:last-child, table.table-30-70 td:last-child {
width: 70% !important; }
table.table-40-60 th:first-child, table.table-40-60 td:first-child {
width: 40% !important; }
table.table-40-60 th:last-child, table.table-40-60 td:last-child {
width: 60% !important; }
table.table-50-50 th, table.table-50-50 td {
width: 50% !important; }
table.table-60-40 th:first-child, table.table-60-40 td:first-child {
width: 60% !important; }
table.table-60-40 th:last-child, table.table-60-40 td:last-child {
width: 40% !important; }
table.table-70-30 th:first-child, table.table-70-30 td:first-child {
width: 70% !important; }
table.table-70-30 th:last-child, table.table-70-30 td:last-child {
width: 30% !important; }
table.table-80-20 th:first-child, table.table-80-20 td:first-child {
width: 80% !important; }
table.table-80-20 th:last-child, table.table-80-20 td:last-child {
width: 20% !important; }
table.table-33-33-33 th, table.table-33-33-33 td {
width: 33.3333% !important; }
table.tate {
width: 100%; }
@media (max-width: 767.98px) {
table.tate {
margin-left: 0 !important;
margin-right: 0 !important; }
table.tate th, table.tate td {
display: block;
padding: 0 0 1em;
width: 100% !important; }
table.tate th:first-child, table.tate th:last-child, table.tate td:first-child, table.tate td:last-child {
width: 100% !important; } }
table.hyou {
margin-left: 0;
margin-right: 0;
border-bottom: 1px solid #d6d6d6;
background: #fff; }
table.hyou th, table.hyou td {
padding: 1em;
border: solid #d6d6d6;
border-width: 1px 1px 0; }
.mce-content-body table {
margin-left: 0 !important;
margin-right: 0 !important;
border-collapse: separate !important;
border-spacing: 2px !important; }
.mce-content-body table, .mce-content-body th, .mce-content-body td, .mce-content-body caption {
border: 1px dashed #BBB !important; }
.mce-content-body table.hyou {
border: 1px solid #d6d6d6 !important;
border-collapse: collapse !important;
border-spacing: 0 !important; }
.mce-content-body table.hyou th, .mce-content-body table.hyou td {
border: 1px solid #d6d6d6 !important; }
caption {
margin: 0 0 8px;
background: transparent;
color: inherit;
font-size: inherit;
font-weight: bold;
text-align: left; }
.table-striped tr:nth-child(even) th,
.table-striped tr:nth-child(even) td {
background: #e9ecef; }
.container {
position: relative;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px; }
@media (min-width: 576px) {
.container {
padding-left: 0px;
padding-right: 0px; } }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container {
max-width: 748px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1140px; } }
.gutter {
padding-left: 16px;
padding-right: 16px; }
.row {
margin-left: -16px;
margin-right: -16px; }
[class*="col-"] {
display: block;
position: relative;
float: left;
width: 100%;
min-height: 1px; }
.col-1 {
width: 8.3333333333%; }
.col-2 {
width: 16.6666666667%; }
.col-3 {
width: 25%; }
.col-4 {
width: 33.3333333333%; }
.col-5 {
width: 41.6666666667%; }
.col-6 {
width: 50%; }
.col-7 {
width: 58.3333333333%; }
.col-8 {
width: 66.6666666667%; }
.col-9 {
width: 75%; }
.col-10 {
width: 83.3333333333%; }
.col-11 {
width: 91.6666666667%; }
.col-12 {
width: 100%; }
@media (min-width: 576px) {
.col-sm-1 {
width: 8.3333333333%; }
.col-sm-2 {
width: 16.6666666667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.3333333333%; }
.col-sm-5 {
width: 41.6666666667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.3333333333%; }
.col-sm-8 {
width: 66.6666666667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.3333333333%; }
.col-sm-11 {
width: 91.6666666667%; }
.col-sm-12 {
width: 100%; } }
@media (min-width: 768px) {
.col-md-1 {
width: 8.3333333333%; }
.col-md-2 {
width: 16.6666666667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.3333333333%; }
.col-md-5 {
width: 41.6666666667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.3333333333%; }
.col-md-8 {
width: 66.6666666667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.3333333333%; }
.col-md-11 {
width: 91.6666666667%; }
.col-md-12 {
width: 100%; } }
@media (min-width: 992px) {
.col-lg-1 {
width: 8.3333333333%; }
.col-lg-2 {
width: 16.6666666667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.3333333333%; }
.col-lg-5 {
width: 41.6666666667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.3333333333%; }
.col-lg-8 {
width: 66.6666666667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.3333333333%; }
.col-lg-11 {
width: 91.6666666667%; }
.col-lg-12 {
width: 100%; } }
@media (min-width: 1200px) {
.col-xl-1 {
width: 8.3333333333%; }
.col-xl-2 {
width: 16.6666666667%; }
.col-xl-3 {
width: 25%; }
.col-xl-4 {
width: 33.3333333333%; }
.col-xl-5 {
width: 41.6666666667%; }
.col-xl-6 {
width: 50%; }
.col-xl-7 {
width: 58.3333333333%; }
.col-xl-8 {
width: 66.6666666667%; }
.col-xl-9 {
width: 75%; }
.col-xl-10 {
width: 83.3333333333%; }
.col-xl-11 {
width: 91.6666666667%; }
.col-xl-12 {
width: 100%; } }
.breadcrumb-wrap {
padding-top: 30px;
padding-bottom: 30px; }
.breadcrumb {
list-style: none;
font-size: 1.2rem;
font-weight: 500;
line-height: 1.2;
color: li;
color-display: inline-block; }
.breadcrumb a {
color: #333333;
text-decoration: underline; }
.breadcrumb a:hover {
color: #333333;
text-decoration: none; }
.bcn-nav-xt span {
margin: 0 .2em; }
.pagination {
margin-top: 24px;
margin-bottom: 24px;
text-align: center; }
.pagination span {
display: inline-block;
padding: .5em 1em;
border: 1px solid #d6d6d6;
border-radius: 0.25rem; }
.pagination a {
display: inline-block;
padding: .5em 1em;
border: 1px solid #d6d6d6;
border-radius: 0.25rem;
color: #235187;
text-decoration: none; }
.pagination a:hover {
border-color: #235187;
background: #235187;
color: #fff !important; }
.pagination .page-numbers {
padding: .5em 1em;
border: 1px solid #d6d6d6;
border-radius: 0.25rem;
color: #666666;
text-decoration: none; }
.pagination .current {
padding: .5em 1em;
border: 1px solid #235187;
border-radius: 0.25rem;
background: #235187;
color: #fff !important;
font-weight: 700; }
.pagination.first a, .pagination.previous a, .pagination.next a, .pagination.last a {
border: 1px solid #d6d6d6;
border-radius: 0.25rem; }
.pager {
margin: 24px 24px; }
.pager ul {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
line-height: 1; }
.pager .previous-post,
.pager .next-post {
display: inline-block;
margin: 0; }
.pager .previous-post a,
.pager .next-post a {
display: inline-block;
padding: 10px 12px;
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 0.25rem;
text-decoration: none;
color: #235187; }
.pager .previous-post a:hover,
.pager .next-post a:hover {
border-color: #235187;
background: #235187;
color: #fff; }
.site-header {
position: relative;
z-index: 9999;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
background: #fff;
transition: all 0.3s ease-in-out 0s; }
.topbar {
display: none;
height: 0; }
@media (min-width: 992px) {
.topbar {
display: block;
height: auto;
background: #f7f7f7; } }
.site-description {
float: left;
margin: 0;
padding: 8px 0;
font-size: 1.2rem;
font-weight: normal; }
.header-main {
position: relative; }
.site-header .site-logo {
display: block;
float: left;
margin: 0;
padding: 0 0;
line-height: 90px;
font-weight: 700; }
.site-header .site-logo a {
display: block;
text-decoration: none;
color: #444; }
.site-header .site-logo a:hover {
text-decoration: none;
color: #444; }
.site-header .site-logo {
font-size: 2rem; }
@media (min-width: 768px) {
.site-header .site-logo {
font-size: 2.6rem; } }
@media (min-width: 992px) {
.site-header .site-logo {
font-size: 2.6rem; } }
.site-header .site-logo img {
max-width: 280px; }
@media (min-width: 768px) {
.site-header .site-logo img {
max-width: 320px; } }
@media (min-width: 992px) {
.site-header .site-logo img {
max-width: 320px; } }
.header-info {
display: none;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%); }
@media (min-width: 992px) {
.header-info {
display: block; } }
.header-contact p {
margin: 0;
list-style: none;
line-height: 1; }
.header-contact .header-contact-tel {
display: block;
margin: 0;
font-size: 2.8rem;
font-weight: bold; }
.header-contact .header-contact-tel .tel-num {
position: relative; }
.header-contact .header-contact-tel .tel-link {
margin-left: 32px;
color: #333333;
white-space: nowrap; }
.header-contact .header-contact-tel a {
color: #235187;
text-decoration: none; }
.header-contact .header-contact-tel i {
position: absolute;
top: 50%;
left: 0;
margin-right: .1em;
color: #235187;
transform: translateY(-50%); }
.header-contact .header-contact-tel-tit {
display: inline-block;
margin: 0 0 10px;
padding: 0 1em;
background: #235187;
color: #fff;
font-size: 1.2rem;
font-weight: 400;
text-align: center;
border-radius: 20px;
line-height: 24px; }
.header-contact img {
width: auto;
min-height: 52px;
max-height: 52px; }
@media (min-width: 992px) {
.header3 .site-logo site-logo {
max-width: 30%; }
.header3 .globalnav-wrap {
position: absolute;
top: 50%;
right: 0;
max-width: 68%;
transform: translateY(-50%); } }
.is-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
transition: all 0.2s ease-in-out 0s; }
.topbar, .header-right, .globalnav-wrap {
display: none; }
.mobile-menu-btn, .menu-mobile-wrap {
display: block; }
@media (min-width: 992px) {
.topbar, .header-right, .globalnav-wrap {
display: block; }
.mobile-menu-btn, .menu-mobile-wrap {
display: none; } }
@media (min-width: 992px) {
.is-sticky.default .topbar, .is-sticky.default .header-main, .is-sticky.header1 .topbar, .is-sticky.header1 .header-main, .is-sticky.header2 .topbar, .is-sticky.header2 .header-main {
display: none; }
.is-sticky.header3 .topbar {
display: none; } }
.btn-hamburger {
position: absolute;
top: 50%;
right: 8px;
margin-top: -22px;
padding: 10px 10px 8px;
border: none;
border-radius: 0.25rem;
background: #235187;
color: #235187;
text-align: center; }
@media (min-width: 992px) {
.btn-hamburger {
display: none; } }
.btn-hamburger-icon {
display: block;
margin-top: 0;
margin-bottom: 4px; }
.btn-hamburger-icon .icon-bar {
display: block;
margin-left: auto;
margin-right: auto;
width: 26px;
height: 2px;
border-radius: 1px;
background: #fff; }
.btn-hamburger-icon .icon-bar + .icon-bar {
margin-top: 5px; }
.btn-hamburger-icon .icon-bar + .icon-bar + .icon-bar {
margin-top: 5px; }
.btn-hamburger-name {
display: block;
color: #fff;
font-size: 1rem;
transform: scale(0.8);
line-height: 1; }
.btn-close {
position: fixed;
top: 3rem;
right: 1rem;
margin: auto;
padding: .8em 1em;
border: 1px solid #fff;
border-radius: 0.25rem;
background: transparent;
color: #fff;
font-size: 1.5rem; }
.mobilenav-dropdown {
margin-left: -16px;
margin-right: -16px; }
.mobilenav {
display: block;
position: relative;
z-index: 1000;
clear: both; }
@media (min-width: 992px) {
.mobilenav {
display: none; } }
.mobilenav .menu {
margin: 0;
padding: 0;
list-style: none; }
.mobilenav .sub-menu {
margin: 0;
padding: 0;
list-style: none; }
.mobilenav a {
display: block;
padding: 1rem 0;
font-size: 1.6rem;
color: #235187;
text-decoration: none; }
.mobilenav a:hover {
color: #235187;
text-decoration: none; }
.mobilenav .sub-menu a {
padding: 1rem 0 1rem 1rem; }
.mobilenav .sub-menu .sub-menu a {
padding: 1rem 0 1rem 2rem; }
.mobilenav-dropdown .menu {
visibility: hidden;
opacity: 0;
backface-visibility: hidden;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: auto;
padding: 1rem 0 1rem;
background: #fff;
transform: translateY(30px);
transition: all 0.2s ease-in-out;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }
@media (prefers-reduced-motion: reduce) {
.mobilenav-dropdown .menu {
transition: none; } }
.mobilenav-dropdown.active .menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.mobilenav-dropdown.active .menu {
transition: none; } }
.mobilenav-overlay {
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
clear: both;
width: 100%;
height: 100%;
padding: 10% 6%;
background: white;
transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.mobilenav-overlay {
transition: none; } }
.mobilenav-overlay.active {
visibility: visible;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
opacity: 1;
transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.mobilenav-overlay.active {
transition: none; } }
.mobilenav-overlay.active .menu {
overflow: auto; }
.mobilenav-overlay .menu {
position: static;
clear: both;
padding: 40px 0;
width: 100%;
height: 100%; }
.mobilenav-overlay .menu > li {
margin: 0;
line-height: 1.5;
text-align: left;
border-bottom: 1px solid #ccc; }
.mobilenav-overlay .menu > li > a {
position: relative;
z-index: 400;
display: block;
margin-right: 40px;
padding: .8em 0 .8em 1em;
font-size: 1.6rem;
font-weight: 700;
color: #333333; }
.mobilenav-overlay .menu > li > a:hover {
color: #333333; }
.mobilenav-overlay .menu > li.menu-item-has-children > a:before {
position: absolute;
top: 50%;
right: -40px;
display: block;
width: 40px;
line-height: 46px;
content: '＋';
font-size: 1.8rem;
text-align: center;
font-weight: 900;
color: #dc3545;
transform: translateY(-50%);
z-index: 500;
cursor: pointer;
pointer-events: none; }
.mobilenav-overlay .menu > li.menu-item-has-children.active > a:before {
content: 'ー'; }
.mobilenav-overlay .sub-menu {
display: none; }
.mobilenav-overlay .sub-menu li {
margin: 0;
line-height: 1.5;
border-top: 1px solid #ccc; }
.mobilenav-overlay .sub-menu a {
position: relative;
display: block;
padding: .8em 0 .8em 2.2em;
font-size: 1.6rem;
color: #333333; }
.mobilenav-overlay .sub-menu a:before {
position: absolute;
top: 1.1em !important;
left: 1.2em !important;
right: auto;
display: inline-block;
content: '\f105' !important;
width: auto !important;
height: auto !important;
line-height: 1.1 !important;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
color: #dc3545;
transform: none; }
.btn-close {
position: fixed;
top: 2em;
right: 1em;
margin: auto;
padding: .8em 1em;
border: 1px solid #333333;
border-radius: 0.25rem;
background: transparent;
color: #333333;
font-size: 1.5rem; }
.globalnav-wrap {
background: #fff;
height: 0; }
@media (min-width: 992px) {
.globalnav-wrap {
height: auto; } }
.globalnav .menu {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
width: 100%;
text-align: center; }
.globalnav li {
position: relative;
margin: 0; }
.globalnav a {
display: block; }
.globalnav .menu > li {
flex-grow: 1; }
.globalnav .menu > li > a {
padding: 12px 4px;
font-weight: 500;
font-size: 1.5rem;
color: #222;
text-decoration: none; }
.globalnav .menu > li > a:hover, .globalnav .menu > li.current-menu-item > a, .globalnav .menu > li.current-page-ancestor > a, .globalnav .menu > li.current-category-ancestor > a, .globalnav .menu > li.current-menu-ancestor > a {
color: #235187;
text-decoration: none; }
.globalnav .sub-menu {
visibility: hidden;
opacity: 0;
overflow: visible;
position: absolute;
top: 100%;
left: 0;
right: auto;
z-index: 3000;
transform: translateY(30px);
margin: 0;
min-width: 100%;
width: auto;
height: auto;
background: #cfe5f0;
transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.globalnav .sub-menu {
transition: none; } }
li:last-child .globalnav .sub-menu {
right: 0;
left: auto; }
.globalnav .sub-menu li {
width: 100%;
text-align: left; }
.globalnav .sub-menu a {
padding: .5em 1em;
white-space: nowrap;
color: #333333;
text-decoration: none; }
.globalnav .sub-menu a:hover {
background: #235187;
color: #fff;
text-decoration: none; }
.globalnav .menu > li:hover > .sub-menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.globalnav .menu > li:hover > .sub-menu {
transition: none; } }
.globalnav .sub-menu .sub-menu {
top: 0;
left: 100%; }
.globalnav .sub-menu li:hover .sub-menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: all 0.2s ease-in-out;
background: #235187; }
@media (prefers-reduced-motion: reduce) {
.globalnav .sub-menu li:hover .sub-menu {
transition: none; } }
.globalnav .sub-menu li:hover .sub-menu a {
color: #fff; }
.globalnav .sub-menu li:hover .sub-menu a:hover {
background: #2e69b0; }
.gnav-search-btn {
display: inline-block;
padding: 11px 10px;
background: none; }
.gnav-search-btn:after {
transition: opacity 0.3s, visibility 0.3s;
visibility: hidden;
content: '';
position: absolute;
bottom: -14px;
left: 50%;
width: 0;
height: 0;
opacity: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 10px solid #f7f7f7;
transform: translateX(-50%); }
.gnav-search-btn.active:after {
transition: opacity 0.3s, visibility 0.3s;
opacity: 1;
visibility: visible; }
.search-over {
transition: opacity 0.3s, visibility 0.3s;
opacity: 0;
visibility: hidden;
position: absolute;
top: calc(100% + 14px);
right: 0;
padding: 10px;
background: #f7f7f7;
width: 1000px;
max-width: 800px; }
.gnav-search .search-button {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%); }
.gnav-search .search-field {
display: flex;
flex-wrap: wrap;
padding: 0 30px 0 30px;
background: none; }
.gnav-search .search-field input {
margin: 0;
width: 100%;
background: #fff;
border: none;
font-size: 1.4rem; }
.gnav-search .search-submit {
overflow: hidden;
border: none;
background: none;
content: '\f105' !important;
font-family: "Font Awesome\ 5 Free";
font-weight: 900; }
.gnav-search .search-field-close-btn {
position: absolute;
top: 50%;
right: 10px;
border: none;
background: none;
width: 27px;
transform: translateY(-50%); }
.active.search-over {
transition: opacity 0.3s, visibility 0.3s;
opacity: 1;
visibility: visible; }
.site-header.header1 .globalnav-wrap {
border-bottom: 5px solid #235187; }
.site-header.header1 .globalnav ul.menu {
margin-bottom: -5px; }
.site-header.header1 .globalnav ul.menu > li > a {
color: #222;
border-bottom: 5px solid transparent; }
.site-header.header1 .globalnav ul.menu > li > a:hover, .site-header.header1 .globalnav ul.menu > li.current-menu-item > a, .site-header.header1 .globalnav ul.menu > li.current-page-ancestor > a, .site-header.header1 .globalnav ul.menu > li.current-category-ancestor > a, .site-header.header1 .globalnav ul.menu > li.current-menu-ancestor > a {
border-bottom: 5px solid #cfe5f0;
color: #235187; }
.site-header.header2 .globalnav-wrap {
background: #235187; }
.site-header.header2 .globalnav ul.menu > li > a {
color: #fff; }
.site-header.header2 .globalnav ul.menu > li > a:hover, .site-header.header2 .globalnav ul.menu > li.current-menu-item > a, .site-header.header2 .globalnav ul.menu > li.current-page-ancestor > a, .site-header.header2 .globalnav ul.menu > li.current-category-ancestor > a, .site-header.header2 .globalnav ul.menu > li.current-menu-ancestor > a {
background: #cfe5f0;
color: #235187; }
.site-header.header2 .gnav-search-btn i {
color: #fff; }
.site-header.header3 .site-logo {
line-height: 68px; }
.site-header.header3 .globalnav-wrap {
background: none; }
.site-header.header3 .globalnav ul.menu > li > a {
padding: 0 10px;
font-size: 1.6rem;
line-height: 68px; }
.extranav {
float: right; }
.extranav .menu {
margin: 0;
padding: 0;
list-style: none; }
.extranav .menu > li {
float: left;
text-align: center;
margin: 0 0 0 1.5em; }
.extranav .menu > li > a {
display: block;
position: relative;
padding: 8px 0 8px 10px;
font-size: 1.2rem;
color: #333333;
text-decoration: none; }
.extranav .menu > li > a:hover {
color: #333333;
text-decoration: underline; }
.extranav .menu > li > a:before {
display: inline-block;
content: '\f105';
position: absolute;
top: 50%;
left: 0;
font-size: 1.2rem;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
transform: translateY(-50%); }
.wrapper {
overflow: hidden;
position: relative; }
.page-header {
padding: 2em 0;
background: #efefef;
border-bottom: 1px solid #d6d6d6;
text-align: center; }
.page-header .page-header-title {
margin: 0;
padding: 0;
font-size: 2.8rem;
font-weight: 700;
color: #333333;
line-height: 1.3; }
@media (min-width: 768px) {
.page-header .page-header-title {
font-size: 3.6rem; } }
.site-content {
position: relative;
padding-top: 0;
padding-bottom: 0; }
.sidebar {
width: 100%;
margin-bottom: 45px; }
@media (min-width: 992px) {
.sidebar-left .site-main,
.sidebar-right .site-main {
width: 72%; }
.sidebar-left .site-main {
float: right; }
.sidebar-right .site-main {
float: left; }
.sidebar {
float: left;
width: 24%; }
.sidebar-left .sidebar {
float: left; }
.sidebar-right .sidebar {
float: right; } }
.section {
margin-top: 60px; }
.section:first-child {
margin-top: 0; }
section:before {
content: "";
height: 100px;
margin-top: -100px;
display: block;
visibility: hidden; }
@media (min-width: 768px) {
table.table-sm {
display: none; } }
table.table-pc {
display: none; }
.contents-page,
.contents-single,
.contents-archive {
margin-bottom: 45px; }
.sidebar-widget {
margin-bottom: 45px; }
.sidebar-bnr {
margin: 12px 0 0; }
.sidebar-html-contents {
margin-top: 40px;
margin-bottom: 40px; }
.sidebar-widget-column {
margin-top: 45px; }
.sidebar-widget-column:first-child {
margin-top: 0; }
.sidebar-widget-ttl {
margin: 0 0 20px;
padding: 0 0 15px;
font-size: 1.6rem;
font-weight: 700;
color: #333333;
line-height: 1.5;
letter-spacing: 0.1px; }
.sidebar-widget-ttl:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 3px;
background: #235187; }
@media (min-width: 768px) {
.sidebar-widget-ttl {
font-size: 1.8rem; } }
.sidebar-local-menu {
margin: 0 0 40px;
background: #fff; }
.sidebar-local-menu .sidebar-local-menu-heading {
margin: 0 0;
padding: 0;
background: #235187;
color: #fff;
font-size: 1.8rem;
font-weight: 700; }
.sidebar-local-menu .sidebar-local-menu-heading a {
display: block;
padding: .6em 1em;
text-decoration: none;
color: #fff; }
.sidebar-local-menu .sidebar-local-menu-heading a:hover {
text-decoration: none;
color: #fff; }
.sidebar-local-menu .sidebar-local-menu-body ul {
margin: 0;
padding: 0;
list-style: none; }
.sidebar-local-menu .sidebar-local-menu-body li {
position: relative;
margin: 0;
padding: 0;
border-bottom: 1px solid #d6d6d6; }
.sidebar-local-menu .sidebar-local-menu-body a {
position: relative;
display: block;
padding: 10px 10px 10px 28px;
text-decoration: none;
background: inherit;
font-size: 1.4rem;
color: #333333;
font-weight: 500; }
.sidebar-local-menu .sidebar-local-menu-body a:before {
position: absolute;
top: 16px;
left: 10px;
display: inline-block;
content: '\f105';
font-size: 1.3rem;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
line-height: 1;
color: #235187; }
.sidebar-local-menu .sidebar-local-menu-body a:hover {
text-decoration: none;
background-color: #cfe5f0;
color: #333333; }
.sidebar-local-menu .sidebar-local-menu-body .current_page_item > a, .sidebar-local-menu .sidebar-local-menu-body .current-cat > a {
background-color: #cfe5f0;
color: #333333; }
.sidebar-local-menu .sidebar-local-menu-body .children {
border: none; }
.sidebar-local-menu .sidebar-local-menu-body .children li {
border: solid #b0b1b2;
border-width: 1px 0 0; }
.sidebar-local-menu .sidebar-local-menu-body .children li:last-child {
padding: 0; }
.sidebar-local-menu .sidebar-local-menu-body .children a {
padding: 10px 10px 10px 28px;
font-weight: 400; }
.sidebar-local-menu .sidebar-local-menu-body .children a:before {
position: absolute;
top: 16px;
left: 10px;
display: inline-block;
content: '・';
font-size: 1.3rem;
font-weight: 900;
line-height: 1;
color: #235187; }
.sidebar-local-menu .sidebar-local-menu-body .children a:hover {
background: #cfe5f0; }
.sidebar-local-menu .sidebar-local-menu-body .children .current_page_item > a, .sidebar-local-menu .sidebar-local-menu-body .children .current-cat > a {
background: #cfe5f0; }
.sidebar-bnr-list {
margin: 0;
list-style: none; }
.sidebar-bnr .sidebar-bnr-item {
position: relative;
margin-top: 15px; }
.sidebar-bnr .sidebar-bnr-item:first-child {
margin: 0; }
.sidebar-bnr .sidebar-bnr-item a {
display: block;
position: relative;
padding: 1em;
text-decoration: none;
border: 1px solid #d6d6d6;
border-left: #235187 solid 4px;
background: #f7f7f7;
color: #333333; }
.sidebar-bnr .sidebar-bnr-item a:hover {
text-decoration: none; }
.sidebar-bnr .sidebar-bnr-item .bnr-caption {
display: block;
font-weight: 700;
font-size: 1.8rem; }
.sidebar-bnr .sidebar-bnr-item .bnr-caption.large {
font-size: 2rem; }
.sidebar-bnr .sidebar-bnr-item .bnr-caption.small {
font-size: 1.4rem; }
.sidebar-bnr .sidebar-bnr-item .bnr-bar-caption {
display: block;
padding: .2em .5em;
background: #235187;
color: #fff;
text-decoration: none !important; }
.sidebar-bnr .sidebar-bnr-item .bnr-bar-caption:focus .sidebar-bnr .sidebar-bnr-item .bnr-bar-caption {
text-decoration: none; }
.sidebar-bnr .sidebar-bnr-item img {
max-width: none;
width: 100%; }
.sidebar-contact {
display: none;
margin: 0 0 32px;
background: #f7f7f7;
font-size: 1.6rem; }
@media (min-width: 992px) {
.sidebar-contact {
display: block; } }
.sidebar-contact-header {
margin: 0 0 10px;
padding: .6em .5em;
background: #235187;
font-size: 1.8rem;
font-weight: 400;
color: #fff;
line-height: 1;
text-align: center; }
.sidebar-contact-body {
padding: 8px 16px 20px; }
.sidebar-contact-body .company-name {
margin: 0 0 10px;
font-weight: 500;
font-size: 1.6rem;
line-height: 1.3; }
.sidebar-contact-body .company-tel {
margin: 8px 0 0;
color: #333333;
font-size: 2.2rem;
font-weight: bold;
line-height: 1; }
@media (min-width: 1200px) {
.sidebar-contact-body .company-tel {
font-size: 2.6rem; } }
.sidebar-contact-body .company-tel i {
margin-right: .1em;
color: #235187; }
.sidebar-contact-body .company-postcode {
display: block;
margin: 0;
font-size: 1.4rem; }
.sidebar-contact-body .company-address {
margin: 12px 0 0;
font-size: 1.4rem;
line-height: 1.4; }
.sidebar-contact-body .company-fax {
margin: 12px 0 0;
line-height: 1;
line-height: 1;
color: #333333; }
.sidebar-contact-body .company-fax i {
margin-right: .3em;
font-size: 1.8rem;
color: #235187; }
.sidebar-contact-body .company-mail {
margin: 12px 0 0; }
.sidebar-contact-body .company-mail a {
text-decoration: underline;
color: #333333; }
.sidebar-contact-body .company-mail a:hover {
color: #333333;
text-decoration: none; }
.sidebar-contact-body .company-mail i {
margin-right: .3em;
font-size: 1.8rem;
color: #235187; }
.sidebar-contact-body .sidebar-contact-btn-wrap {
margin: 12px 0 0; }
.sidebar-contact-body .sidebar-contact-btn {
display: block;
margin: 0 0 0;
padding: .7em 0;
border-bottom: 4px solid #dc6502;
background: #fd7e14;
width: 100%;
color: #fff;
text-decoration: none;
text-align: center; }
.sidebar-contact-body .sidebar-contact-btn:hover {
background: #dc6502;
border-bottom: 4px solid #c35a02;
color: #fff;
text-decoration: none; }
.sidebar-contact-body .sidebar-contact-btn i {
position: relative;
top: 3px;
margin-right: .3em;
font-size: 2.2rem; }
.site-footer {
background: #f7f7f7; }
.has-footer-contact {
background: #fff; }
.has-footer-contact.has-footer-widget .footer-main {
background: #f7f7f7; }
.footer-contact-wrapper {
padding: 62px 0 62px;
background: #f7f7f7;
color: #333333; }
.footer-contact-heading {
margin-bottom: 40px;
text-align: center; }
.footer-contact-heading span {
display: block;
margin-top: 16px;
font-weight: normal;
line-height: 1.66; }
.footer-contact-heading {
font-size: 2rem; }
.footer-contact-heading span {
font-size: 1.4rem; }
@media (min-width: 768px) {
.footer-contact-heading {
font-size: 2.4rem; }
.footer-contact-heading span {
font-size: 1.4rem; } }
@media (min-width: 992px) {
.footer-contact-heading {
font-size: 3rem; }
.footer-contact-heading span {
font-size: 1.4rem; } }
.footer-contact-body {
display: flex;
flex-wrap: wrap;
margin: 0; }
.footer-contact-column {
margin-bottom: 40px;
padding: 0;
width: 100%;
text-align: center; }
@media (min-width: 992px) {
.footer-contact-body {
flex-direction: row;
margin: 0 -20px; }
.has-company-tel .footer-contact-column {
width: 40%; }
.has-company-fax .footer-contact-column {
width: 40%; }
.has-company-tel.has-company-fax .footer-contact-column {
width: 33.3333%; }
.footer-contact-column {
flex-grow: 1;
margin: 0;
padding: 0 20px;
text-align: center; } }
.footer-contact-column h4 {
margin: 0 0 16px;
font-size: 1.6rem;
font-weight: normal; }
.footer-contact-column .tel-number {
margin: 0;
padding: 0;
font-size: 2.8rem;
letter-spacing: -1px;
font-weight: bold;
line-height: 1;
color: #333333; }
@media (min-width: 992px) {
.footer-contact-column .tel-number {
font-size: 3.6rem; } }
.footer-contact-column .tel-number i {
margin-right: .1em; }
.footer-contact-column .tel a {
color: #333333;
text-decoration: none; }
.footer-contact-column .tel a:hover {
color: #333333;
text-decoration: none; }
.footer-contact-column .tel-reception {
font-size: 1.4rem;
font-weight: normal;
line-height: 1; }
.footer-contact-column .btn-contact {
display: inline-block;
padding: 18px 0;
width: 100%;
max-width: 300px;
border-bottom: 4px solid #dc6502;
background: #fd7e14;
font-size: 1.8rem;
color: #fff;
line-height: 1;
text-align: center;
text-decoration: none; }
.footer-contact-column .btn-contact:hover {
text-decoration: none;
border-bottom: 4px solid #c35a02;
background: #dc6502;
color: #fff; }
.footer-contact-column .btn-contact i {
margin-right: .2em; }
.footer-widget-wrap {
display: flex;
flex-wrap: wrap;
margin: 0 -16px; }
@media (min-width: 992px) {
.footer-widget-wrap {
flex-wrap: nowrap; } }
.footer-widget-column {
width: 100%;
padding: 0 16px; }
.footer-widget-ttl {
margin: 0 0 10px; }
.footer-information {
margin-bottom: 24px;
font-size: 1.4rem; }
.footer-information .company-name {
margin: 4px 0 12px;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.6; }
.footer-information .company-postcode {
display: block; }
.footer-information .company-address {
margin: 0; }
.footer-information .company-tel {
margin: 0; }
.footer-information .company-tel .tel a {
color: #333333;
text-decoration: none; }
.footer-information .company-tel .tel a:hover {
color: #333333;
text-decoration: none; }
.footer-information .company-fax {
margin: 0; }
.footer-information .company-mail {
margin: 0; }
.footer-information .company-mail a {
line-height: 1;
text-decoration: underline; }
.footer-information .company-mail a:hover {
text-decoration: none; }
.footer-main {
padding: 40px 0 40px; }
.footer-main-row {
display: flex;
flex-wrap: wrap; }
.footer-information {
margin-bottom: 40px;
width: 100%; }
.footernav-wrap {
width: 100%; }
@media (min-width: 992px) {
.footer-information {
width: 25%; }
.footernav-wrap {
width: 75%;
padding-left: 32px; } }
@media (min-width: 992px) {
.footernav-wrap {
display: flex;
flex-wrap: nowrap;
justify-content: space-around; } }
.footernav-wrap .footernav {
width: 100%; }
@media (min-width: 992px) {
.footernav-wrap .footernav {
flex-grow: 1;
width: 100%; } }
.footernav-wrap .footernav .menu {
margin: 0;
padding: 0;
list-style: none; }
.footernav-wrap .footernav a {
position: relative;
display: block;
margin: 0 0 8px;
padding: 0 .5em 0 1em;
font-size: 1.4rem;
color: #333333;
line-height: 1.4;
text-decoration: none; }
.footernav-wrap .footernav a:hover {
color: #333333;
text-decoration: underline; }
.footernav-wrap .footernav a:before {
position: absolute;
top: .25em;
left: 0;
display: inline-block;
content: '\f105';
font-size: 1.3rem;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
color: #235187;
line-height: 1; }
.footernav-wrap .footernav .sub-menu {
margin: 0;
padding: 0 0 0 20px;
list-style: none; }
.footernav-wrap .footernav .sub-menu a {
padding: 0 1em 0 16px; }
.footernav-wrap .footernav .sub-menu a:before {
position: absolute;
top: .25em;
left: .3em;
display: inline-block;
content: '\f105';
font-size: 1.4rem;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
line-height: 1; }
.footer-copyright {
padding: 0;
background: #235187;
text-align: center; }
.footer-copyright .copyright {
line-height: 50px;
color: #fff;
text-decoration: none; }
.footer-copyright .copyright:hover {
color: #fff;
text-decoration: none; }
.footer-widget-area {
padding: 62px 0 20px; }
.footer-widget-column {
margin-top: 45px; }
.footer-widget-column:first-child {
margin-top: 0; }
@media (min-width: 768px) {
.footer-widget-column {
margin-top: 0; }
.footer-widget-column:first-child {
margin-top: 0; } }
.pagetop {
position: fixed;
right: 0;
bottom: 0;
text-align: center; }
.pagetop a {
display: block;
padding: 10px 14px 10px;
background: #235187;
text-decoration: none;
color: #fff;
text-align: center;
font-size: 1.4rem;
line-height: 1; }
.pagetop a:hover {
background: #19395f;
text-decoration: none; }
.pagetop i {
display: block;
font-size: 3rem;
line-height: 1;
color: #fff; }
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
textarea {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 1rem;
border: 1px solid #d6d6d6;
border-radius: 0.25rem;
background-color: #fff;
color: inherit;
font-family: inherit;
font-size: 1.6rem;
transition: all 0.2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none; }
@media (prefers-reduced-motion: reduce) {
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
textarea {
transition: none; } }
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus,
textarea:focus {
border-color: #5690d3;
background: #fafafa;
outline: none;
box-shadow: 0 0 0 0.2rem rgba(35, 81, 135, 0.25);
transition: all 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus,
textarea:focus {
transition: none; } }
[type="text"]:disabled, [type="password"]:disabled, [type="date"]:disabled, [type="datetime"]:disabled, [type="datetime-local"]:disabled, [type="month"]:disabled, [type="week"]:disabled, [type="email"]:disabled, [type="number"]:disabled, [type="search"]:disabled, [type="tel"]:disabled, [type="time"]:disabled, [type="url"]:disabled, [type="color"]:disabled,
textarea:disabled {
background-color: #93b8e3;
cursor: not-allowed; }
textarea {
max-width: 100%; }
textarea[rows] {
height: auto; }
input[disabled], input[readonly], fieldset[disabled] input,
textarea[disabled],
textarea[readonly], fieldset[disabled] textarea {
background-color: #93b8e3;
cursor: not-allowed; }
[type='submit'],
[type='button'] {
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none; }
[type='number'] {
-moz-appearance: textfield; }
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; } [type="file"],
[type="checkbox"],
[type="radio"] {
margin: 0; }
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
margin-left: 8px;
margin-left: 16px;
margin-bottom: 0;
vertical-align: baseline; }
label > [type='checkbox'],
label > [type='label'] {
margin-right: 8px; }
[type="file"] {
width: 100%; } select {
width: 100%;
margin: 0;
padding: 8px;
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 0.25rem;
color: #333333;
font-family: inherit;
font-size: 1.6rem;
line-height: normal;
-webkit-appearance: none !important;
-moz-appearance: none !important; }
select:hover {
border-color: #d6d6d6;
background-color: #fff; }
select:disabled {
background-color: #93b8e3;
cursor: not-allowed; }
select::-ms-expand {
display: none; }
label {
display: inline-block;
margin: 0;
color: #444;
font-weight: bold;
font-size: 1.6rem;
line-height: 1.66;
cursor: pointer; }
.codedropz-upload-container {
padding: 24px 20px;
background: #fff; }
.codedropz-upload-container h3 {
margin: 0 0 12px;
padding: 0;
border: none !important;
background: none !important;
line-height: 1.1; }
.codedropz-btn-wrap {
margin: 12px 0 0; }
.cd-upload-btn {
display: inline-block;
padding: .4em 2em;
background: #fd7e14;
color: #fff !important;
text-align: center; }
.form-control {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.submit {
display: block;
padding: 18px 0;
width: 100%;
background: #fd7e14;
font-size: 1.8rem;
color: #fff;
line-height: 1;
text-align: center;
text-decoration: none;
max-width: 280px; }
.required {
margin-left: .3em;
color: #dc3545; }
fieldset {
margin: 24px 0;
padding: 36px 48px 40px 48px;
background: #f7f7f7;
border: 1px solid #d6d6d6;
border-radius: 0.25rem; }
legend {
display: inline-block;
margin: 0;
padding: .5em;
width: auto;
background: transparent;
font-weight: 700;
font-size: 1.8rem;
line-height: 1; }
form dl {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 24px 0;
border-bottom: 1px solid #d6d6d6; }
form dt {
margin: 0 0 10px;
width: 100%;
font-weight: 500; }
form dd {
margin: 0;
width: 100%; }
@media (min-width: 992px) {
form dl {
padding: 24px 0; }
form dt {
margin: 0;
width: 180px;
line-height: 46px; }
form dd {
width: calc(100% - 180px); } }
.wpcf7 .codedropz-upload-handler h3 {
margin: 0 0 10px;
border: none;
background: none; }
.wpcf7 .codedropz-upload-handler h3:before, .wpcf7 .codedropz-upload-handler h3:after {
display: none; } .video-container {
max-width: 100%; } .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto; } .video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.widget {
margin-top: 40px;
margin-bottom: 40px; }
.widget:first-child {
margin-top: 0; }
.widget ul {
margin: 0;
padding: 0;
list-style: none; }
.widget li {
position: relative;
margin: 0; }
.widget a {
display: block;
position: relative;
text-decoration: none; }
.widget a:hover {
text-decoration: none; }
div.widget_archive label,
div.widget_categories label,
div.widget_meta label,
div.widget_nav_menu label,
div.widget_pages label {
display: none; }
div.widget_archive a,
div.widget_categories a,
div.widget_meta a,
div.widget_nav_menu a,
div.widget_pages a {
padding: 10px 10px 10px 24px;
border: #d6d6d6 solid;
border-width: 0 0 1px;
color: #333333 !important;
text-decoration: none; }
div.widget_archive a:hover,
div.widget_categories a:hover,
div.widget_meta a:hover,
div.widget_nav_menu a:hover,
div.widget_pages a:hover {
color: #333333 !important;
text-decoration: none; }
div.widget_archive a:before,
div.widget_categories a:before,
div.widget_meta a:before,
div.widget_nav_menu a:before,
div.widget_pages a:before {
content: '\f105';
position: absolute;
margin-top: -7px;
top: 50%;
left: .5em;
line-height: 1;
color: #235187;
font-family: "Font Awesome 5 Free";
font-size: 1.4rem;
font-weight: 900; }
div.widget_archive a span,
div.widget_categories a span,
div.widget_meta a span,
div.widget_nav_menu a span,
div.widget_pages a span {
margin-left: .5em; }
div.widget_archive .children a,
div.widget_categories .children a,
div.widget_meta .children a,
div.widget_nav_menu .children a,
div.widget_pages .children a {
padding: 10px 10px 10px 35px; }
div.widget_archive .children a:before,
div.widget_categories .children a:before,
div.widget_meta .children a:before,
div.widget_nav_menu .children a:before,
div.widget_pages .children a:before {
left: 1.5em; }
.widget_calendar table {
width: 100%; }
.widget_calendar th, .widget_calendar td {
padding: 4px 0;
text-align: center; }
.widget_calendar caption {
margin: 0 0 8px; }
.widget_recent_comments li {
padding: 10px 0;
border-style: solid;
border-color: #d6d6d6;
border-width: 0 0 1px; }
div.widget_recent_entries li {
padding: 10px 0;
border-style: solid;
border-color: #d6d6d6;
border-width: 0 0 1px; }
div.widget_recent_entries li:first-child {
padding: 0 0 10px; }
div.widget_recent_entries li a {
color: #333333; }
div.widget_recent_entries li a:hover {
color: #333333; }
div.widget_recent_entries .post-date {
text-align: left;
font-size: 1.2rem;
font-weight: 400; }
.widget_search .screen-reader-text {
display: none; }
.widget_search .search-field-wrap {
display: flex;
flex-wrap: wrap;
width: 100%; }
.widget_search .search-field,
.widget_search .search-button {
vertical-align: top; }
.widget_search .search-field {
flex: 1; }
.widget_search .s {
background: #e9ecef;
border: none; }
.widget_search .search-button {
width: 50px; }
.widget_search .search-submit {
padding: 0;
width: 50px;
height: 100%;
border: none;
border-radius: 0 0.4rem 0.4rem 0;
background: #e9ecef;
color: #333333;
content: '\f105';
font-size: 1.3rem;
font-family: "Font Awesome\ 5 Free";
font-weight: 900; }
.widget_tag_cloud .tagcloud {
overflow: hidden;
vertical-align: bottom; }
.widget_tag_cloud a {
display: inline-block;
text-decoration: none; }
.widget_tag_cloud a:hover {
text-decoration: none; }
.widget_text {
margin: 0; }
.widget_custom_html {
margin: 0; }
.widget_sp_image {
margin: 12px 0 0;
position: relative; }
.widget_sp_image:first-child {
margin: 0; }
.widget_sp_image img {
margin-bottom: 0; }
.alignleft {
float: left;
margin: 0 1.5em 1em 0; }
.alignright {
float: right;
margin: 0 0 1em 1.5em; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto; }
img.alignleft,
img.alignright {
margin: 0;
max-width: none;
width: 100%; }
img.alignleft {
margin: 0 0 1em 0; }
img.alignright {
margin: 0 0 1em 0; }
@media (min-width: 768px) {
img.alignleft,
img.alignright {
max-width: 50%;
width: auto; }
img.alignleft {
float: left;
margin: 0 1.5em 1em 0; }
img.alignright {
float: right;
margin: 0 0 1em 1.5em; } }
.wp-caption {
margin-bottom: 24px;
max-width: 100%;
width: auto !important; }
.wp-caption img {
max-width: 100%;
margin-left: auto;
margin-right: auto; }
@media (min-width: 576px) {
.wp-caption.alignleft, .wp-caption.alignright {
max-width: 50%; } }
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0; }
.wp-caption .wp-caption-text {
margin: 8px 0 0;
color: #686868;
font-size: 1.3rem;
font-style: normal;
line-height: 1.66; }
.gallery {
margin-left: -8px !important;
margin-right: -8px !important; }
.gallery-item {
padding: 0 8px; }
.gallery-item {
width: 50% !important; }
.gallery-caption {
display: block;
color: #686868;
font-size: 1.3rem;
line-height: 1.66;
text-align: left; }
.site .avatar {
border-radius: 50%; }
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0; }
.bypostauthor {
background: #dee2e6; }
p.margin-top-0 {
margin-top: 0px; }
p.margin-top-4 {
margin-top: 4px; }
p.margin-top-8 {
margin-top: 8px; }
p.margin-top-12 {
margin-top: 12px; }
img.img-20, img.img-30, img.img-40 {
width: 100%; }
@media (min-width: 768px) {
img.img-20 {
max-width: 20%; }
img.img-30 {
max-width: 30%; }
img.img-40 {
max-width: 40%; } }
img.img-sm,
img.img-pc {
display: block; }
@media (min-width: 768px) {
img.img-sm {
display: none; } }
img.img-pc {
display: none; }
a.btn-red,
a.btn-green,
a.btn-outline-red,
a.btn-outline-green {
position: relative;
display: block;
max-width: 568px;
display: block;
margin: 0 auto !important;
padding: 13px 50px 13px 10px !important;
width: 80%;
border-radius: 10px !important;
text-align: center;
text-decoration: none;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.3); }
a.btn-red:after,
a.btn-green:after,
a.btn-outline-red:after,
a.btn-outline-green:after {
content: '\f061';
position: absolute;
right: 20px;
top: 50%;
display: block;
font-size: 2rem;
font-weight: 700;
font-family: "Font Awesome\ 5 Free";
transform: translateY(-50%); }
a.btn-red {
border: 1px solid #DD0001;
background: #DD0001;
color: #fff; }
a.btn-red:hover {
background: #fff;
color: #DD0001; }
a.btn-green {
border: 1px solid #2EAA46;
background: #2EAA46;
color: #fff; }
a.btn-green:hover {
background: #fff;
color: #2EAA46; }
a.btn-outline-red {
border: 1px solid #DD0001;
background: #fff;
color: #DD0001; }
a.btn-outline-red:hover {
background: #DD0001;
color: #fff; }
a.btn-outline-green {
border: 1px solid #2EAA46;
background: #fff;
color: #2EAA46; }
a.btn-outline-green:hover {
background: #2EAA46;
color: #fff; }
table.table-sm,
table.table-pc {
display: table; }
.mw_wp_form table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: solid #d6d6d6;
border-width: 1px 0 0; }
.mw_wp_form tr {
border-bottom: 1px solid #d6d6d6; }
.mw_wp_form th, .mw_wp_form td {
display: block;
margin: 0;
border: none;
vertical-align: middle;
font-size: 1.5rem; }
.mw_wp_form th {
padding: 25px 0 12px 0;
font-weight: 400;
text-align: left;
line-height: 1; }
.mw_wp_form td {
padding: 0 0 23px;
line-height: 1; }
.mw_wp_form input {
display: inline-block; }
@media (min-width: 992px) {
.mw_wp_form th, .mw_wp_form td {
display: table-cell; }
.mw_wp_form th {
padding: 25px 0 23px 0;
width: 180px; }
.mw_wp_form td {
padding: 25px 0 23px 0; } }
.metaslider {
width: 100% !important;
max-width: 100% !important; }
#slider {
position: relative;
margin-bottom: 40px; }
#slider:before {
content: "";
display: block;
visibility: hidden; }
@media (min-width: 768px) {
#slider .caption-wrap {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
width: 100%;
background: none; }
#slider .caption {
max-width: 640px;
margin-left: auto;
margin-right: auto;
padding: 40px;
background: #000;
color: #fff;
font-size: 2.4rem;
line-height: 1.5;
text-align: center; } }
#topics {
margin-bottom: 40px; }
#topics h2 {
margin: 0; }
.topics-item {
padding: 16px 16px;
border-bottom: 1px solid #d6d6d6; }
.topics-item::after {
display: block;
clear: both;
content: ""; }
.topics-date {
color: #235187; }
.topics-text {
margin: 0; }
@media (min-width: 768px) {
.topics-date {
float: left;
width: 10em; }
.topics-text {
padding-left: 10em; } }
.faq-item {
padding: 16px 0;
border: solid #d6d6d6;
border-width: 0 0 1px; }
.faq-title {
margin: 40px 0 16px; }
.faq-question p, .faq-answer p {
margin-left: 2em;
margin-top: 0; }
.faq-question {
margin-bottom: 16px;
font-weight: bold; }
.question-mark, .answer-mark {
float: left;
font-size: 2.4rem;
font-weight: bold;
color: #235187;
line-height: 1; }
.faq-link {
margin-top: 24px;
text-align: right; }
.faq-accordion .faq-item {
margin: 24px 0 0;
padding: 0;
border: solid #d6d6d6;
border-width: 1px; }
.faq-accordion .faq-question {
position: relative;
margin: 0;
padding: .8em 1em;
border: none;
background: #e9ecef; }
.faq-accordion .faq-question:after {
position: absolute;
top: 50%;
right: 1em;
content: "＋";
background: #235187;
border-radius: 50%;
color: #fff;
width: 24px;
font-size: 1.8rem;
line-height: 24px;
text-align: center;
transform: translateY(-50%); }
.faq-accordion .faq-question.active:after {
content: "ー"; }
.faq-accordion .faq-question p {
margin: 0 2.2em 0 2em; }
.faq-accordion .faq-answer {
display: none;
padding: .8em 1em;
border: solid #d6d6d6;
border-width: 1px 0 0; }
.btn-404 {
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }
.sticky {
padding: 18px 20px; }
.contents-single .meta-info {
clear: both; }
.contents-archive article {
margin: 0 0;
padding: 25px 0;
border-bottom: 1px solid #d6d6d6; }
.contents-archive .post-thumbnail {
margin: 0 0 20px;
width: 100%; }
.contents-archive .post-thumbnail a {
display: block; }
.contents-archive .post-thumbnail img {
width: 100%; }
.contents-archive .post-entry-content {
width: 100%; }
.contents-archive .entry-title {
margin: 0;
padding: 0;
font-size: 1.8rem;
font-weight: 700; }
.contents-archive .entry-title a {
color: #333333;
text-decoration: none; }
.contents-archive .entry-title a:hover {
color: #235187;
text-decoration: none; }
.contents-archive .meta-info {
margin: 0 0 16px;
font-size: 1.2rem; }
.contents-archive .entry-summary {
margin: 20px 0 0;
font-size: 1.4rem; }
.contents-archive .entry-summary p {
margin: 0; }
.contents-archive .more-link {
margin-top: 10px;
text-align: right; }
.contents-archive .more-link a {
position: relative;
display: inline-block;
color: #000;
text-decoration: none; }
.contents-archive .more-link a::after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #235187;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s; }
.contents-archive .more-link a:hover {
color: #000;
text-decoration: none; }
.contents-archive .more-link a:hover::after {
transform: scale(1, 1); }
.contents-archive .more-link:after {
display: inline-block;
content: '\f105';
margin-left: .2em;
font-size: 1.7rem;
font-family: "Font Awesome\ 5 Free";
font-weight: 900; }
@media (min-width: 768px) {
.contents-archive .post-thumbnail {
float: left;
width: 45%;
margin: 0;
padding-right: 24px; }
.contents-archive .post-thumbnail img {
width: 100%; }
.contents-archive .post-entry-content .entry-title {
margin: 0 0 20px;
font-size: 1.8rem; } }
.contents-archive-case .posts {
display: flex;
flex-wrap: wrap;
margin-left: -16px;
margin-right: -16px; }
.contents-archive-case .post-item {
margin-bottom: 40px;
padding-left: 16px;
padding-right: 16px;
width: 100%; }
@media (min-width: 768px) {
.contents-archive-case .post-item {
width: 50%; } }
.contents-archive-case .post-thumbnail {
margin: 0 0 16px; }
.contents-archive-case .entry-title {
margin: 0;
padding: 0;
font-size: 1.8rem;
font-weight: 700; }
.contents-archive-case .entry-title a {
position: relative;
display: inline-block;
color: #000;
text-decoration: none; }
.contents-archive-case .entry-title a::after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #235187;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s; }
.contents-archive-case .entry-title a:hover {
color: #000;
text-decoration: none; }
.contents-archive-case .entry-title a:hover::after {
transform: scale(1, 1); }
.contents-archive-case .entry-title:after {
display: inline-block;
content: '\f105';
margin-left: .2em;
font-size: 1.7rem;
font-family: "Font Awesome\ 5 Free";
font-weight: 900; }
.contents-archive-case .entry-summary {
margin: 10px 0 0;
font-size: 1.4rem; }
.contents-archive-case .entry-summary p {
margin: 0; }
.theme-color-a .site-logo a,
.theme-color-b .site-logo a,
.theme-color-c .site-logo a,
.theme-color-d .site-logo a,
.theme-color-e .site-logo a {
color: #333333; }
.theme-color-a .site-logo a:hover,
.theme-color-b .site-logo a:hover,
.theme-color-c .site-logo a:hover,
.theme-color-d .site-logo a:hover,
.theme-color-e .site-logo a:hover {
color: #333333; }
.theme-color-a a {
color: #235187; }
.theme-color-a a:hover,
.theme-color-a a:focus {
color: #235187; }
.theme-color-a blockquote {
border-color: #235187; }
.theme-color-a .post-content h2,
.theme-color-a .contents-front-page h2 {
border-color: #235187; }
.theme-color-a .post-content h4:before,
.theme-color-a .contents-front-page h4:before {
background: #93b8e3; }
.theme-color-a .header-contact .header-contact-tel i {
color: #235187; }
.theme-color-a .globalnav ul.menu > li > a:hover, .theme-color-a .globalnav ul.menu > li.current-menu-item > a, .theme-color-a .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-a .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-a .globalnav ul.menu > li.current-menu-ancestor > a {
color: #235187; }
.theme-color-a .globalnav .sub-menu {
background: #93b8e3; }
.theme-color-a .globalnav .sub-menu a:hover {
background: #235187;
color: #fff; }
.theme-color-a .globalnav .sub-menu li:hover .sub-menu {
background: #235187; }
.theme-color-a .globalnav .sub-menu li:hover .sub-menu a:hover {
background: #2e69b0; }
.theme-color-a .site-header.header1 .globalnav-wrap {
border-color: #235187; }
.theme-color-a .site-header.header1 .globalnav ul.menu > li > a:hover, .theme-color-a .site-header.header1 .globalnav ul.menu > li.current-menu-item > a, .theme-color-a .site-header.header1 .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-a .site-header.header1 .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-a .site-header.header1 .globalnav ul.menu > li.current-menu-ancestor > a {
border-color: #93b8e3;
color: #235187; }
.theme-color-a .site-header.header2 .globalnav-wrap {
background: #235187; }
.theme-color-a .site-header.header2 .globalnav-wrap ul.menu > li > a:hover, .theme-color-a .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-item > a, .theme-color-a .site-header.header2 .globalnav-wrap ul.menu > li.current-page-ancestor > a, .theme-color-a .site-header.header2 .globalnav-wrap ul.menu > li.current-category-ancestor > a, .theme-color-a .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-ancestor > a {
background: #93b8e3;
color: #235187; }
.theme-color-a .btn-hamburger {
background: #235187; }
.theme-color-a .sidebar-local-menu-body a:before {
color: #235187; }
.theme-color-a .sidebar-local-menu-body a:hover {
background: #93b8e3; }
.theme-color-a .sidebar-local-menu-body .current_page_item > a, .theme-color-a .sidebar-local-menu-body .current-cat > a {
background: #93b8e3; }
.theme-color-a .sidebar-local-menu-body .children a:hover {
background: #93b8e3; }
.theme-color-a .sidebar-local-menu-body .children .current_page_item > a,
.theme-color-a .sidebar-local-menu-body .children .current-cat > a {
background: #93b8e3; }
.theme-color-a .sidebar-bnr .sidebar-bnr-item a {
border-left: #235187 solid 4px; }
.theme-color-a .header-contact .header-contact-tel-tit,
.theme-color-a .sidebar-local-menu-heading,
.theme-color-a .sidebar-widget-ttl:after,
.theme-color-a .sidebar-contact-header,
.theme-color-a .footer-copyright {
background: #235187; }
.theme-color-a .sidebar-contact-body .company-tel i,
.theme-color-a .sidebar-contact-body .company-fax i,
.theme-color-a .sidebar-contact-body .company-mail i {
color: #235187; }
.theme-color-a .footernav-wrap .footernav a:before {
color: #235187; }
.theme-color-a .widget_archive a:before,
.theme-color-a .widget_categories a:before,
.theme-color-a .widget_meta a:before,
.theme-color-a .widget_nav_menu a:before,
.theme-color-a .widget_pages a:before {
color: #235187; }
.theme-color-a .pagination .current,
.theme-color-a .pagination a:hover {
border: 1px solid #235187;
background: #235187; }
.theme-color-a .pager .previous-post a:hover,
.theme-color-a .pager .next-post a:hover {
border: 1px solid #235187;
background: #235187; }
.theme-color-a .contents-archive .entry-title a:hover {
color: #235187; }
.theme-color-a .pagetop a {
background: #235187; }
.theme-color-a .pagetop a:hover {
background: #19395f; }
.theme-color-a .contents-archive .more-link a::after,
.theme-color-a .contents-archive-case .entry-title a::after {
background: #235187; }
.theme-color-a .topics-date {
color: #235187; }
.theme-color-b a {
color: #8bc127; }
.theme-color-b a:hover,
.theme-color-b a:focus {
color: #8bc127; }
.theme-color-b blockquote {
border-color: #8bc127; }
.theme-color-b .post-content h2,
.theme-color-b .contents-front-page h2 {
border-color: #8bc127; }
.theme-color-b .post-content h4:before,
.theme-color-b .contents-front-page h4:before {
background: #e1f3c1; }
.theme-color-b .header-contact .header-contact-tel i {
color: #8bc127; }
.theme-color-b .globalnav ul.menu > li > a:hover, .theme-color-b .globalnav ul.menu > li.current-menu-item > a, .theme-color-b .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-b .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-b .globalnav ul.menu > li.current-menu-ancestor > a {
color: #8bc127; }
.theme-color-b .globalnav .sub-menu {
background: #e1f3c1; }
.theme-color-b .globalnav .sub-menu a:hover {
background: #8bc127;
color: #fff; }
.theme-color-b .globalnav .sub-menu li:hover .sub-menu {
background: #8bc127; }
.theme-color-b .globalnav .sub-menu li:hover .sub-menu a:hover {
background: #a4d942; }
.theme-color-b .site-header.header1 .globalnav-wrap {
border-color: #8bc127; }
.theme-color-b .site-header.header1 .globalnav ul.menu > li > a:hover, .theme-color-b .site-header.header1 .globalnav ul.menu > li.current-menu-item > a, .theme-color-b .site-header.header1 .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-b .site-header.header1 .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-b .site-header.header1 .globalnav ul.menu > li.current-menu-ancestor > a {
border-color: #e1f3c1;
color: #8bc127; }
.theme-color-b .site-header.header2 .globalnav-wrap {
background: #8bc127; }
.theme-color-b .site-header.header2 .globalnav-wrap ul.menu > li > a:hover, .theme-color-b .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-item > a, .theme-color-b .site-header.header2 .globalnav-wrap ul.menu > li.current-page-ancestor > a, .theme-color-b .site-header.header2 .globalnav-wrap ul.menu > li.current-category-ancestor > a, .theme-color-b .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-ancestor > a {
background: #e1f3c1;
color: #8bc127; }
.theme-color-b .btn-hamburger {
background: #8bc127; }
.theme-color-b .sidebar-local-menu-body a:before {
color: #8bc127; }
.theme-color-b .sidebar-local-menu-body a:hover {
background: #e1f3c1; }
.theme-color-b .sidebar-local-menu-body .current_page_item > a, .theme-color-b .sidebar-local-menu-body .current-cat > a {
background: #e1f3c1; }
.theme-color-b .sidebar-local-menu-body .children a:hover {
background: #e1f3c1; }
.theme-color-b .sidebar-local-menu-body .children .current_page_item > a,
.theme-color-b .sidebar-local-menu-body .children .current-cat > a {
background: #e1f3c1; }
.theme-color-b .sidebar-bnr .sidebar-bnr-item a {
border-left: #8bc127 solid 4px; }
.theme-color-b .header-contact .header-contact-tel-tit,
.theme-color-b .sidebar-local-menu-heading,
.theme-color-b .sidebar-widget-ttl:after,
.theme-color-b .sidebar-contact-header,
.theme-color-b .footer-copyright {
background: #8bc127; }
.theme-color-b .sidebar-contact-body .company-tel i,
.theme-color-b .sidebar-contact-body .company-fax i,
.theme-color-b .sidebar-contact-body .company-mail i {
color: #8bc127; }
.theme-color-b .footernav-wrap .footernav a:before {
color: #8bc127; }
.theme-color-b .widget_archive a:before,
.theme-color-b .widget_categories a:before,
.theme-color-b .widget_meta a:before,
.theme-color-b .widget_nav_menu a:before,
.theme-color-b .widget_pages a:before {
color: #8bc127; }
.theme-color-b .pagination .current,
.theme-color-b .pagination a:hover {
border: 1px solid #8bc127;
background: #8bc127; }
.theme-color-b .pager .previous-post a:hover,
.theme-color-b .pager .next-post a:hover {
border: 1px solid #8bc127;
background: #8bc127; }
.theme-color-b .contents-archive .entry-title a:hover {
color: #8bc127; }
.theme-color-b .pagetop a {
background: #8bc127; }
.theme-color-b .pagetop a:hover {
background: #6c971e; }
.theme-color-b .contents-archive .more-link a::after,
.theme-color-b .contents-archive-case .entry-title a::after {
background: #8bc127; }
.theme-color-b .topics-date {
color: #8bc127; }
.theme-color-c a {
color: #EE7700; }
.theme-color-c a:hover,
.theme-color-c a:focus {
color: #EE7700; }
.theme-color-c blockquote {
border-color: #EE7700; }
.theme-color-c .post-content h2,
.theme-color-c .contents-front-page h2 {
border-color: #EE7700; }
.theme-color-c .post-content h4:before,
.theme-color-c .contents-front-page h4:before {
background: #ffddbb; }
.theme-color-c .header-contact .header-contact-tel i {
color: #EE7700; }
.theme-color-c .globalnav ul.menu > li > a:hover, .theme-color-c .globalnav ul.menu > li.current-menu-item > a, .theme-color-c .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-c .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-c .globalnav ul.menu > li.current-menu-ancestor > a {
color: #EE7700; }
.theme-color-c .globalnav .sub-menu {
background: #ffddbb; }
.theme-color-c .globalnav .sub-menu a:hover {
background: #EE7700;
color: #fff; }
.theme-color-c .globalnav .sub-menu li:hover .sub-menu {
background: #EE7700; }
.theme-color-c .globalnav .sub-menu li:hover .sub-menu a:hover {
background: #ff9122; }
.theme-color-c .site-header.header1 .globalnav-wrap {
border-color: #EE7700; }
.theme-color-c .site-header.header1 .globalnav ul.menu > li > a:hover, .theme-color-c .site-header.header1 .globalnav ul.menu > li.current-menu-item > a, .theme-color-c .site-header.header1 .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-c .site-header.header1 .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-c .site-header.header1 .globalnav ul.menu > li.current-menu-ancestor > a {
border-color: #ffddbb;
color: #EE7700; }
.theme-color-c .site-header.header2 .globalnav-wrap {
background: #EE7700; }
.theme-color-c .site-header.header2 .globalnav-wrap ul.menu > li > a:hover, .theme-color-c .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-item > a, .theme-color-c .site-header.header2 .globalnav-wrap ul.menu > li.current-page-ancestor > a, .theme-color-c .site-header.header2 .globalnav-wrap ul.menu > li.current-category-ancestor > a, .theme-color-c .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-ancestor > a {
background: #ffddbb;
color: #EE7700; }
.theme-color-c .btn-hamburger {
background: #EE7700; }
.theme-color-c .sidebar-local-menu-body a:before {
color: #EE7700; }
.theme-color-c .sidebar-local-menu-body a:hover {
background: #ffddbb; }
.theme-color-c .sidebar-local-menu-body .current_page_item > a, .theme-color-c .sidebar-local-menu-body .current-cat > a {
background: #ffddbb; }
.theme-color-c .sidebar-local-menu-body .children a:hover {
background: #ffddbb; }
.theme-color-c .sidebar-local-menu-body .children .current_page_item > a,
.theme-color-c .sidebar-local-menu-body .children .current-cat > a {
background: #ffddbb; }
.theme-color-c .sidebar-bnr .sidebar-bnr-item a {
border-left: #EE7700 solid 4px; }
.theme-color-c .header-contact .header-contact-tel-tit,
.theme-color-c .sidebar-local-menu-heading,
.theme-color-c .sidebar-widget-ttl:after,
.theme-color-c .sidebar-contact-header,
.theme-color-c .footer-copyright {
background: #EE7700; }
.theme-color-c .sidebar-contact-body .company-tel i,
.theme-color-c .sidebar-contact-body .company-fax i,
.theme-color-c .sidebar-contact-body .company-mail i {
color: #EE7700; }
.theme-color-c .footernav-wrap .footernav a:before {
color: #EE7700; }
.theme-color-c .widget_archive a:before,
.theme-color-c .widget_categories a:before,
.theme-color-c .widget_meta a:before,
.theme-color-c .widget_nav_menu a:before,
.theme-color-c .widget_pages a:before {
color: #EE7700; }
.theme-color-c .pagination .current,
.theme-color-c .pagination a:hover {
border: 1px solid #EE7700;
background: #EE7700; }
.theme-color-c .pager .previous-post a:hover,
.theme-color-c .pager .next-post a:hover {
border: 1px solid #EE7700;
background: #EE7700; }
.theme-color-c .contents-archive .entry-title a:hover {
color: #EE7700; }
.theme-color-c .pagetop a {
background: #EE7700; }
.theme-color-c .pagetop a:hover {
background: #bb5e00; }
.theme-color-c .contents-archive .more-link a::after,
.theme-color-c .contents-archive-case .entry-title a::after {
background: #EE7700; }
.theme-color-c .topics-date {
color: #EE7700; }
.theme-color-d a {
color: #333; }
.theme-color-d a:hover,
.theme-color-d a:focus {
color: #333; }
.theme-color-d blockquote {
border-color: #333; }
.theme-color-d .post-content h2,
.theme-color-d .contents-front-page h2 {
border-color: #333; }
.theme-color-d .post-content h4:before,
.theme-color-d .contents-front-page h4:before {
background: #cccccc; }
.theme-color-d .header-contact .header-contact-tel i {
color: #333; }
.theme-color-d .globalnav ul.menu > li > a:hover, .theme-color-d .globalnav ul.menu > li.current-menu-item > a, .theme-color-d .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-d .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-d .globalnav ul.menu > li.current-menu-ancestor > a {
color: #333; }
.theme-color-d .globalnav .sub-menu {
background: #cccccc; }
.theme-color-d .globalnav .sub-menu a:hover {
background: #333;
color: #fff; }
.theme-color-d .globalnav .sub-menu li:hover .sub-menu {
background: #333; }
.theme-color-d .globalnav .sub-menu li:hover .sub-menu a:hover {
background: #4d4d4d; }
.theme-color-d .site-header.header1 .globalnav-wrap {
border-color: #333; }
.theme-color-d .site-header.header1 .globalnav ul.menu > li > a:hover, .theme-color-d .site-header.header1 .globalnav ul.menu > li.current-menu-item > a, .theme-color-d .site-header.header1 .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-d .site-header.header1 .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-d .site-header.header1 .globalnav ul.menu > li.current-menu-ancestor > a {
border-color: #cccccc;
color: #333; }
.theme-color-d .site-header.header2 .globalnav-wrap {
background: #333; }
.theme-color-d .site-header.header2 .globalnav-wrap ul.menu > li > a:hover, .theme-color-d .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-item > a, .theme-color-d .site-header.header2 .globalnav-wrap ul.menu > li.current-page-ancestor > a, .theme-color-d .site-header.header2 .globalnav-wrap ul.menu > li.current-category-ancestor > a, .theme-color-d .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-ancestor > a {
background: #cccccc;
color: #333; }
.theme-color-d .btn-hamburger {
background: #333; }
.theme-color-d .sidebar-local-menu-body a:before {
color: #333; }
.theme-color-d .sidebar-local-menu-body a:hover {
background: #cccccc; }
.theme-color-d .sidebar-local-menu-body .current_page_item > a, .theme-color-d .sidebar-local-menu-body .current-cat > a {
background: #cccccc; }
.theme-color-d .sidebar-local-menu-body .children a:hover {
background: #cccccc; }
.theme-color-d .sidebar-local-menu-body .children .current_page_item > a,
.theme-color-d .sidebar-local-menu-body .children .current-cat > a {
background: #cccccc; }
.theme-color-d .sidebar-bnr .sidebar-bnr-item a {
border-left: #333 solid 4px; }
.theme-color-d .header-contact .header-contact-tel-tit,
.theme-color-d .sidebar-local-menu-heading,
.theme-color-d .sidebar-widget-ttl:after,
.theme-color-d .sidebar-contact-header,
.theme-color-d .footer-copyright {
background: #333; }
.theme-color-d .sidebar-contact-body .company-tel i,
.theme-color-d .sidebar-contact-body .company-fax i,
.theme-color-d .sidebar-contact-body .company-mail i {
color: #333; }
.theme-color-d .footernav-wrap .footernav a:before {
color: #333; }
.theme-color-d .widget_archive a:before,
.theme-color-d .widget_categories a:before,
.theme-color-d .widget_meta a:before,
.theme-color-d .widget_nav_menu a:before,
.theme-color-d .widget_pages a:before {
color: #333; }
.theme-color-d .pagination .current,
.theme-color-d .pagination a:hover {
border: 1px solid #333;
background: #333; }
.theme-color-d .pager .previous-post a:hover,
.theme-color-d .pager .next-post a:hover {
border: 1px solid #333;
background: #333; }
.theme-color-d .contents-archive .entry-title a:hover {
color: #333; }
.theme-color-d .pagetop a {
background: #333; }
.theme-color-d .pagetop a:hover {
background: #1a1a1a; }
.theme-color-d .contents-archive .more-link a::after,
.theme-color-d .contents-archive-case .entry-title a::after {
background: #333; }
.theme-color-d .topics-date {
color: #333; }
.theme-color-e a {
color: #ff6f61; }
.theme-color-e a:hover,
.theme-color-e a:focus {
color: #ff6f61; }
.theme-color-e blockquote {
border-color: #ff6f61; }
.theme-color-e .post-content h2,
.theme-color-e .contents-front-page h2 {
border-color: #ff6f61; }
.theme-color-e .post-content h4:before,
.theme-color-e .contents-front-page h4:before {
background: #ffccc7; }
.theme-color-e .header-contact .header-contact-tel i {
color: #ff6f61; }
.theme-color-e .globalnav ul.menu > li > a:hover, .theme-color-e .globalnav ul.menu > li.current-menu-item > a, .theme-color-e .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-e .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-e .globalnav ul.menu > li.current-menu-ancestor > a {
color: #ff6f61; }
.theme-color-e .globalnav .sub-menu {
background: #ffccc7; }
.theme-color-e .globalnav .sub-menu a:hover {
background: #ff6f61;
color: #fff; }
.theme-color-e .globalnav .sub-menu li:hover .sub-menu {
background: #ff6f61; }
.theme-color-e .globalnav .sub-menu li:hover .sub-menu a:hover {
background: #ff9d94; }
.theme-color-e .site-header.header1 .globalnav-wrap {
border-color: #ff6f61; }
.theme-color-e .site-header.header1 .globalnav ul.menu > li > a:hover, .theme-color-e .site-header.header1 .globalnav ul.menu > li.current-menu-item > a, .theme-color-e .site-header.header1 .globalnav ul.menu > li.current-page-ancestor > a, .theme-color-e .site-header.header1 .globalnav ul.menu > li.current-category-ancestor > a, .theme-color-e .site-header.header1 .globalnav ul.menu > li.current-menu-ancestor > a {
border-color: #ffccc7;
color: #ff6f61; }
.theme-color-e .site-header.header2 .globalnav-wrap {
background: #ff6f61; }
.theme-color-e .site-header.header2 .globalnav-wrap ul.menu > li > a:hover, .theme-color-e .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-item > a, .theme-color-e .site-header.header2 .globalnav-wrap ul.menu > li.current-page-ancestor > a, .theme-color-e .site-header.header2 .globalnav-wrap ul.menu > li.current-category-ancestor > a, .theme-color-e .site-header.header2 .globalnav-wrap ul.menu > li.current-menu-ancestor > a {
background: #ffccc7;
color: #ff6f61; }
.theme-color-e .btn-hamburger {
background: #ff6f61; }
.theme-color-e .sidebar-local-menu-body a:before {
color: #ff6f61; }
.theme-color-e .sidebar-local-menu-body a:hover {
background: #ffccc7; }
.theme-color-e .sidebar-local-menu-body .current_page_item > a, .theme-color-e .sidebar-local-menu-body .current-cat > a {
background: #ffccc7; }
.theme-color-e .sidebar-local-menu-body .children a:hover {
background: #ffccc7; }
.theme-color-e .sidebar-local-menu-body .children .current_page_item > a,
.theme-color-e .sidebar-local-menu-body .children .current-cat > a {
background: #ffccc7; }
.theme-color-e .sidebar-bnr .sidebar-bnr-item a {
border-left: #ff6f61 solid 4px; }
.theme-color-e .header-contact .header-contact-tel-tit,
.theme-color-e .sidebar-local-menu-heading,
.theme-color-e .sidebar-widget-ttl:after,
.theme-color-e .sidebar-contact-header,
.theme-color-e .footer-copyright {
background: #ff6f61; }
.theme-color-e .sidebar-contact-body .company-tel i,
.theme-color-e .sidebar-contact-body .company-fax i,
.theme-color-e .sidebar-contact-body .company-mail i {
color: #ff6f61; }
.theme-color-e .footernav-wrap .footernav a:before {
color: #ff6f61; }
.theme-color-e .widget_archive a:before,
.theme-color-e .widget_categories a:before,
.theme-color-e .widget_meta a:before,
.theme-color-e .widget_nav_menu a:before,
.theme-color-e .widget_pages a:before {
color: #ff6f61; }
.theme-color-e .pagination .current,
.theme-color-e .pagination a:hover {
border: 1px solid #ff6f61;
background: #ff6f61; }
.theme-color-e .pager .previous-post a:hover,
.theme-color-e .pager .next-post a:hover {
border: 1px solid #ff6f61;
background: #ff6f61; }
.theme-color-e .contents-archive .entry-title a:hover {
color: #ff6f61; }
.theme-color-e .pagetop a {
background: #ff6f61; }
.theme-color-e .pagetop a:hover {
background: #ff412e; }
.theme-color-e .contents-archive .more-link a::after,
.theme-color-e .contents-archive-case .entry-title a::after {
background: #ff6f61; }
.theme-color-e .topics-date {
color: #ff6f61; }
.palette-list {
display: flex;
flex-wrap: wrap; }
.palette-box {
margin-bottom: 30px;
width: 50%;
text-align: center; }
@media (min-width: 576px) {
.palette-box {
width: 33.3333%; } }
@media (min-width: 992px) {
.palette-box {
width: 20%; } }
.palette-box h4 {
margin: 0 0 5px;
font-size: 13px; }
.palette-box p {
font-size: 12px; }
.color-palette {
overflow: hidden;
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 5px; }
.bg-blue {
background: #007bff; }
.bg-indigo {
background: #6610f2; }
.bg-purple {
background: #6f42c1; }
.bg-pink {
background: #e83e8c; }
.bg-red {
background: #dc3545; }
.bg-orange {
background: #fd7e14; }
.bg-yellow {
background: #ffc107; }
.bg-green {
background: #28a745; }
.bg-teal {
background: #20c997; }
.bg-cyan {
background: #17a2b8; }
.bg-white {
background: #fff; }
.bg-black-10 {
background: #efefef; }
.bg-black-20 {
background: #e9ecef; }
.bg-black-30 {
background: #dee2e6; }
.bg-black-40 {
background: #ced4da; }
.bg-black-50 {
background: #adb5bd; }
.bg-black-60 {
background: #6c757d; }
.bg-black-70 {
background: #495057; }
.bg-black-80 {
background: #343a40; }
.bg-black-90 {
background: #212529; }
.bg-black {
background: #000; }
.bg-main {
background: #235187; }
.bg-sub {
background: #cfe5f0; }
.bg-accent {
background: #50b875; }
.bg-success {
background: #3adb76; }
.bg-error {
background: #ec5840; }
.bg-warning {
background: #ffae00; }
.bg-disabled {
background: #93b8e3; }