@charset "utf-8";
.c-share-button--mono {
--tcd-share-button-icon: none;
--tcd-share-button-icon-size: 0.4em;
--tcd-share-button-icon-color: #000000;
--tcd-share-button-border: 1px solid #dddddd;
--tcd-share-button-bg-color: #ffffff;
--tcd-share-button-bg-color--x: #ffffff;
--tcd-share-button-bg-color--facebook: #ffffff;
--tcd-share-button-bg-color--line: #ffffff;
--tcd-share-button-bg-color--hatena: #ffffff;
--tcd-share-button-bg-color--note: #ffffff;
--tcd-share-button-bg-color--pinterest: #ffffff;
--tcd-share-button-bg-color--copy: #ffffff;
}
.c-share-button--color {
--tcd-share-button-icon: none;
--tcd-share-button-icon-size: 0.4em;
--tcd-share-button-icon-color: #ffffff;
--tcd-share-button-border: none;
--tcd-share-button-bg-color: #000000;
--tcd-share-button-bg-color--x: #000000;
--tcd-share-button-bg-color--facebook: #0866ff;
--tcd-share-button-bg-color--line: #06C755;
--tcd-share-button-bg-color--hatena: #00A4DE;
--tcd-share-button-bg-color--note: #040000;
--tcd-share-button-bg-color--pinterest: #e61d26;
--tcd-share-button-bg-color--copy: #222222;
}
.c-share-button--x {
--tcd-share-button-icon: url('data:image/svg+xml,');
--tcd-share-button-icon-size: 0.4em;
--tcd-share-button-bg-color: var(--tcd-share-button-bg-color--x);
}
.c-share-button--facebook {
--tcd-share-button-icon: url('data:image/svg+xml,');
--tcd-share-button-icon-size: 0.45em;
--tcd-share-button-bg-color: var(--tcd-share-button-bg-color--facebook);
}
.c-share-button--line {
--tcd-share-button-icon: url('data:image/svg+xml,');
--tcd-share-button-icon-size: 0.45em;
--tcd-share-button-bg-color: var(--tcd-share-button-bg-color--line);
}
.c-share-button--hatena {
--tcd-share-button-icon: url('data:image/svg+xml,');
--tcd-share-button-icon-size: 0.4em;
--tcd-share-button-bg-color: var(--tcd-share-button-bg-color--hatena);
}
.c-share-button--note {
--tcd-share-button-icon: url('data:image/svg+xml,');
--tcd-share-button-icon-size: 0.4em;
--tcd-share-button-bg-color: var(--tcd-share-button-bg-color--note);
}
.c-share-button--pinterest {
--tcd-share-button-icon: url('data:image/svg+xml,');
--tcd-share-button-icon-size: 0.4em;
--tcd-share-button-bg-color: var(--tcd-share-button-bg-color--pinterest);
}
.c-share-button--copy {
--tcd-share-button-icon: url('data:image/svg+xml,');
--tcd-share-button-icon-size: 0.4em;
--tcd-share-button-bg-color: var(--tcd-share-button-bg-color--copy);
}
.c-share-button--copy.is-copied {
--tcd-share-button-icon: url('data:image/svg+xml,');
--tcd-share-button-icon-size: 0.6em;
}
.c-share-button {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em;
font-size: 40px;
}
.c-share-button__item {
position: relative;
display: grid;
width: 1em;
height: 1em;
padding: 0;
border-radius: 50%;
background-color: var(--tcd-share-button-bg-color);
border: var(--tcd-share-button-border);
}
.c-share-button__item:before {
content: '';
place-self: stretch;
background-color: var(--tcd-share-button-icon-color);
mask: var(--tcd-share-button-icon) no-repeat center / var(--tcd-share-button-icon-size);
}
.c-share-button--copy:after {
content: attr(data-popup);
position: absolute;
font-size: 10px;
white-space: nowrap;
background: #f6f6f6;
padding: 0.5em 1em;
top: -30px;
left: 50%;
transform: translateX(-50%);
border-radius: 5px;
transition-property: opacity pointer-events visivility;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.c-share-button--copy.is-copied {
pointer-events: none;
}
.c-share-button--copy:not(.is-copied):after {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
@media (any-hover: hover) {
.c-share-button__item:hover {
opacity: 0.7;
}
}
@media (max-width: 767px) {
.c-share-button {
gap: 0.3em;
font-size: 35px;
}
}
@media (max-width: 575px) {
.c-share-button--copy:after {
left: auto;
right: -20px;
transform: initial;
}
}:root {
--tcd-sns-icon: ;
--tcd-sns-icon-size: 18px;
--tcd-sns-icon--x: var(--tcd-icon--x);
--tcd-sns-icon--facebook: var(--tcd-icon--facebook);
--tcd-sns-icon--line: var(--tcd-icon--line);
--tcd-sns-icon--youtube: var(--tcd-icon--youtube);
--tcd-sns-icon--instagram: var(--tcd-icon--instagram);
--tcd-sns-icon--tiktok: var(--tcd-icon--tiktok);
--tcd-sns-icon--pinterest: var(--tcd-icon--pinterest);
--tcd-sns-icon--note: var(--tcd-icon--note);
--tcd-sns-icon--mail: var(--tcd-icon--mail);
--tcd-sns-icon--site: var(--tcd-icon--site);
}
.c-sns-icons-item--x {
--tcd-sns-icon: var(--tcd-sns-icon--x);
}
.c-sns-icons-item--facebook {
--tcd-sns-icon: var(--tcd-sns-icon--facebook);
}
.c-sns-icons-item--line {
--tcd-sns-icon: var(--tcd-sns-icon--line);
}
.c-sns-icons-item--youtube {
--tcd-sns-icon: var(--tcd-sns-icon--youtube);
}
.c-sns-icons-item--instagram {
--tcd-sns-icon: var(--tcd-sns-icon--instagram);
}
.c-sns-icons-item--tiktok {
--tcd-sns-icon: var(--tcd-sns-icon--tiktok);
}
.c-sns-icons-item--pinterest {
--tcd-sns-icon: var(--tcd-sns-icon--pinterest);
}
.c-sns-icons-item--note {
--tcd-sns-icon: var(--tcd-sns-icon--note);
}
.c-sns-icons-item--mail {
--tcd-sns-icon: var(--tcd-sns-icon--mail);
}
.c-sns-icons-item--site {
--tcd-sns-icon: var(--tcd-sns-icon--site);
}
.c-sns-icons {
display: flex;
align-items: center;
justify-content: var(--tcd-sns-icon-justify, initial);
flex-wrap: wrap;
font-size: var(--tcd-sns-icon-size);
gap: 0.8em;
color: var(--tcd-sns-icon-color, #000000);
}
.c-sns-icons-item {
display: grid;
place-items: stretch;
width: 1em;
height: 1em;
}
@media (any-hover: hover) {
.c-sns-icons-item:hover {
opacity: 0.5;
}
}
@media (max-width:991px) {
.c-sns-icons {
gap: 15px;
}
}
.c-sns-icons--color .c-sns-icons-item:before {
content: '';
background: var(--tcd-sns-icon) no-repeat center / contain;
}
.c-sns-icons--mono .c-sns-icons-item:before {
content: '';
background-color: currentColor;
mask: var(--tcd-sns-icon) no-repeat center / contain;
}
.drwaer_sns_icon .c-sns-icons--color .c-sns-icons-item:before {
filter: invert(1); }@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}:root,
::before,
::after { --tcd-root-font-color: #000000;
--tcd-root-font-size: 16px;
--tcd-base-font-type: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
--tcd-base-container-size: 1100px;
--tcd-accent-color: #000000;
--tcd-accent-color-dark: color-mix(in srgb, var(--tcd-accent-color) 80%, #000000);
--tcd-accent-color-light: color-mix(in srgb, var(--tcd-accent-color) 90%, #fff);
--tcd-bg-color: #f6f6f6;
--tcd-text-link-color: var(--tcdce-base-link-color, '#0b57d0');
--tcd-inline-size: min(calc(100% - 40px), 1200px);
--tcd-half-read: calc((1em - 1lh) / 2);
--tcd-line-clamp: 1;
--tcd-font-sans-serif: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
--tcd-font-serif: "Times New Roman", times, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
--tcd-link-color: #6f8976;
--tcd-headline-font-type: var(--tcd-font-type3);
--tcd-headline-font-size: 32px;
--tcd-headline-font-weight: 600;
--tcd-font-type: var(--tcd-font-type2);
--tcd-line-height: 2.4;
--tcd-line-height-offset: calc((var(--tcd-line-height) - 1) * -0.5em);
--tcd-thumbnail-hover-opacity: 1;
--tcd-thumbnail-hover-scale: scale(1.1);
--tcd-single-headline-font-type: var(--tcd-font-type2);
--tcd-single-headline-font-size: 28px;
--tcd-single-content-font-type: var(--tcd-font-type2);
--tcd-single-content-font-size: 16px;
--tcd-header-logo-font-size: 34px;
--tcd-front-page-catch-font-type: var(--tcd-font-type2);
--tcd-front-page-catch-font-size: 38px; --tcd-icon--x: url('data:image/svg+xml,');
--tcd-icon--facebook: url('data:image/svg+xml,');
--tcd-icon--line: url('data:image/svg+xml,');
--tcd-icon--youtube: url('data:image/svg+xml,');
--tcd-icon--instagram: url('data:image/svg+xml,');
--tcd-icon--tiktok: url('data:image/svg+xml,');
--tcd-icon--pinterest: url('data:image/svg+xml,');
--tcd-icon--note: url('data:image/svg+xml,');
--tcd-icon--hatena: url('data:image/svg+xml,');
--tcd-icon--copy: url('data:image/svg+xml,');
--tcd-icon--done: url('data:image/svg+xml,');
--tcd-icon--arrow-top: url('data:image/svg+xml,');
--tcd-icon--arrow-left: url('data:image/svg+xml,');
--tcd-icon--arrow-bottom: url('data:image/svg+xml,');
--tcd-icon--arrow-right: url('data:image/svg+xml,');
--tcd-icon--plus: url('data:image/svg+xml,');
--tcd-icon--minus: url('data:image/svg+xml,');
--tcd-icon--search: url('data:image/svg+xml,');
--tcd-icon--tel: url('data:image/svg+xml,');
--tcd-icon--mail: url('data:image/svg+xml,');
--tcd-icon--site: url('data:image/svg+xml,');
--tcd-icon--publish: url('data:image/svg+xml,');
--tcd-icon--updated: url('data:image/svg+xml,');
}
@media (max-width: 767px) {
:root,
::before,
::after {
--tcd-line-height: 2.2;
--tcd-headline-font-size: 22px;
--tcd-header-logo-font-size: 28px;
--tcd-single-headline-font-size: 28px;
--tcd-single-content-font-size: 16px;
--tcd-front-page-catch-font-size: 20px;
}
}html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
padding: 0;
margin: 0;
font-size: 100%;
vertical-align: baseline;
border: 0;
outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
max-width: 100%;
}
html {
-webkit-text-size-adjust: 100%;
}
ul,
ol {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
a:focus {
outline: none;
}
ins {
text-decoration: none;
}
mark {
font-style: italic;
font-weight: 600;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted;
}
table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
hr {
display: block;
height: 1px;
padding: 0;
margin: 1em 0;
border: 0;
border-top: 1px solid #ddd;
}
button,
input,
select,
textarea {
box-sizing: border-box;
font-size: 100%;
color: inherit;
outline: 0;
}
input,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
*,
*::before,
*::after {
box-sizing: border-box;
min-inline-size: 0;
}
html {
position: relative;
overflow-x: hidden;
overflow-y: auto;
background: #ffffff;
}
body {
width: 100%;
min-width: 320px;
font-family: var(--tcd-base-font-type, sans-serif);
font-size: var(--tcd-root-font-size);
line-height: 1;
color: var(--tcd-root-font-color);
word-break: break-word;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-font-smoothing: antialiased;
margin-top: var(--wp-admin--admin-bar--height, 0px); }
a {
color: inherit;
text-decoration: none;
}
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
}
big {
font-size: larger;
}
small {
font-size: 80%;
}
sub {
font-size: smaller;
vertical-align: sub;
}
sup {
font-size: smaller;
vertical-align: super;
}
i,
cite,
em,
var,
address,
dfn {
font-style: italic;
}
tt,
code,
kbd,
samp {
font-family: monospace;
}
u,
ins {
text-decoration: underline;
}
:where(button, input[type="button"], input[type="submit"]) {
cursor: pointer;
color: inherit;
padding: 0;
border: initial;
outline: initial;
background: initial;
}
a,
input,
button {
color: inherit;
line-height: inherit;
transition-timing-function: ease;
transition-duration: 0.3s;
transition-property: background-color, border-color, color, opacity;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
:where(dialog) {
width: unset;
max-width: unset;
height: unset;
max-height: unset;
padding: unset;
color: unset;
background-color: unset;
border: unset;
overflow: unset;
}
::placeholder {
color: #999999;
font-family: inherit;
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.is-desktop :where(a[href*="tel:"]) {
pointer-events: none;
cursor: default;
}.l-outer {
min-block-size: calc(100svh - var(--wp-admin--admin-bar--height, 0px));
}
.l-header {
position: relative;
z-index: 1000000;
width: 100%;
background: #fff;
}
.l-container {
position: relative;
display: grid;
padding-block: 0 150px;
}
.l-container:has(.p-single--voice){
overflow: clip;
}
.l-container:has(.p-single-bottom__service) {
padding-block: 0 0;
}
.l-container:has(.p-cb.last-service) {
padding-block: 0 0;
}
.l-container.is_front:has(.p-cb-no_item) {
padding-block: 0 0;
}
.l-container:has(.p-single--voice) {
padding-block: 0 0;
}
.l-container:has(.p-cb) {
padding-block: 0 150px;
}
.l-contents:has(.p-author-list) {
inline-size: min(calc(100% - 40px), var(--tcd-base-container-size));
margin-inline: auto;
}
.l-contents:has(.p-single--service) {
inline-size: 100%;
margin-inline: auto;
}
@media (max-width:991px) {
.l-container:has(.p-cb) {
padding-block: 0 40px;
}
}
@media (max-width: 767px) {
.l-contents:has(.p-author-list) {
inline-size: min(calc(100% - 40px), 100%);
margin-inline: auto;
}
}
@media (max-width: 767px) {
.l-contents:has(.p-page) {
padding-top: 20px;
}
}
.l-contents {
display: flex;
justify-content: center;
gap: 40px;
inline-size: min(calc(100% - 40px), var(--tcd-base-container-size));
margin-inline: auto;
}
.l-contents:has(.p-news-cards-item) {
inline-size: min(calc(100% - 40px), 900px);
margin-inline: auto;
}
.l-contents:has(.p-news-cards-item-no_img) {
inline-size: min(calc(100% - 40px), 900px);
margin-inline: auto;
}
@media (max-width: 767px) {
.l-contents:has(.p-author-inner){
inline-size: 100%;
}
}
.l-inner {
inline-size: var(--tcd-layout-inner-size, min(calc(100% - 40px), var(--tcd-base-container-size)));
margin-inline: auto;
} .l-header-inner {
inline-size: var(--tcd-layout-inner-size, min(calc(100% - 80px), 100%));
margin-inline: auto;
}
.l-header-inner:has(.p-header-cta__button) {
inline-size:calc(100% - 40px);
margin-left: 40px;
} @media (max-width: 991px) {
.l-header-inner:has(.p-header-cta__button) {
inline-size:calc(100% - 20px);
margin-left: 20px;
}
} .l-footer_inner {
inline-size: var(--tcd-layout-inner-size, min(calc(100% - 40px), 1100px));
margin-inline: auto;
} .l-main {
container: main / inline-size;
flex: 1;
display: grid;
align-content: start;
row-gap: 70px;
}
.l-main:has(.p-single--service) {
row-gap: 100px;
}
.l-main:has(.p-single--voice):not(:has(.p-single-voice-bottom)) {
margin-bottom: 100px;
}
.l-main:has(.my-tab-wrapper) {
row-gap: 100px;
}
.l-main:has(.p-author-inner) {
row-gap: 100px;
}
.l-main:has(.p-single--voice) {
row-gap: 100px;
}
.l-sidebar {
container: sidebar / inline-size;
flex: 0 0 300px;
display: grid;
}
.l-inner__footer .p-footer-copyright {
border-top: none;
}
@media (max-width: 991px) {
.l-main:has(.p-single--voice) {
row-gap: 70px;
}
.l-main:has(.p-author-inner){
gap: 40px;
}
.l-inner {
inline-size: var(--tcd-layout-inner-size, min(calc(100% - 40px), 100%));
}
.l-inner__footer {
inline-size: var(--tcd-layout-inner-size, min(100%, 100%));
}
.p-footer-copyright .c-sns-icons {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.p-footer-copyright .p-footer_copy_right_inner {
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.l-container {
padding-block: 0 40px;
}
.l-contents {
inline-size: min(calc(100% - 40px), 100%);
}
.l-header {
position: sticky;
top: 0px;
z-index: 100;
background: #fff;
}
.l-container.serach_404_no_bg_img {
border-top: 1px solid #ddd;
} body.is-scroll .l-header {
box-shadow: var(--tcd-header-bar-box-shadow, 0 5px 20px 0 rgba(0, 0, 0, 0.1));
}
.l-contents {
flex-direction: column;
}
.l-sidebar {
flex: 1;
order: 2;
}
.l-main {
row-gap: 50px;
}
}
@media (max-width: 767px) {
.l-main {
row-gap: 40px;
}
.l-main:has(.p-single--voice) {
row-gap: 40px;
}
.l-main:has(.p-single--service) {
row-gap: 40px;
}
}
.c-cover {
width: 100%;
height: 100%;
object-fit: cover;
} .c-splide-arrows {
font-size: 15px;
}
.c-splide-arrow {
position: absolute;
padding: 1em;
inset-block: 0;
margin: auto;
display: grid;
place-items: center;
font-size: inherit;
height: fit-content;
}
.c-splide-arrow :where(svg) {
width: 1em;
height: 1em;
fill: currentColor;
}
.color_light .c-splide-arrow :where(svg) {
fill: #000;
}
.c-splide-arrow--prev {
inset-inline: -1.2em auto;
transform: rotate(180deg);
}
.c-splide-arrow--next {
inset-inline: auto -1.2em;
}
@media (any-hover: hover) {
.c-splide-arrow:hover {
opacity: 0.5;
}
} @media not all and (max-width: 767px) {
.c-hidden-pc {
display: none !important;
}
}
@media (max-width: 767px) {
.c-hidden-sp {
display: none !important;
}
} .c-hover-color {
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.c-hover-color:hover,
a:hover .c-hover-color {
opacity: 0.5;
}
} .c-tel {
display: grid;
grid-template-columns: 1em 1fr;
column-gap: 0.1em;
width: fit-content;
font-size: 24px;
font-weight: 600;
color: var(--tcd-accent-color)
}
.c-tel:before {
content: '';
mask: var(--tcd-icon--tel) no-repeat center / 1em;
background: currentColor;
} .c-logo {
font-weight: var(--tcd-logo-font-weight, 600);
font-size: var(--tcd-logo-font-size-pc);
font-family: var(--tcd-logo-font-type);
color: inherit;
max-height: inherit;
transition: opacity, 0.3s ease;
}
.c-logo-picture {
max-height: inherit;
}
.c-logo__image {
display: block;
width: auto;
height: var(--tcd-logo-image-size-pc);
max-height: inherit;
}
@media (any-hover: hover) {
.c-logo:hover {
opacity: 0.5;
}
}
@media (max-width: 991px) {
.c-logo {
font-size: var(--tcd-logo-font-size-sp);
}
.c-logo__image {
height: var(--tcd-logo-image-size-sp);
}
} .c-date {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
font-family: 'Arial';
font-size: 14px;
color: #999999;
line-height: 1;
}
.c-date-item {
display: grid;
align-items: center;
grid-template-columns: auto auto;
gap: 0.3em;
}
.c-date-item:before {
content: '';
width: 1em;
height: 1em;
background: currentColor;
}
.c-date--publish:before {
mask: var(--tcd-icon--publish) no-repeat center / 1.2em;
}
.c-date--updated:before {
mask: var(--tcd-icon--updated) no-repeat center / 1.2em;
}
@media (max-width: 767px) {
.c-date {
font-size: 14px;
}
} .c-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: grid;
place-items: center;
padding-inline: 30px;
font-size: 10px;
background: initial;
border: none;
transition: opacity 0.3s ease;
z-index: 1;
aspect-ratio: 1;
}
.c-arrow:where(.splide__arrow--prev) {
left: -30px;
}
.c-arrow:where(.splide__arrow--next) {
right: -30px;
}
@media (any-hover: hover) {
.c-arrow:hover {
opacity: 0.5;
}
} .c-button01 {
display: grid;
place-items: center;
width: fit-content;
min-width: 280px;
height: 70px;
font-size: 16px;
overflow: hidden;
color:var(--tcd-accent-color);
border: 1px solid var(--tcd-accent-color);
border-radius: calc(infinity * 1px);
transition: background-color 0.3s ease,color 0.3s ease !important;
padding: 0 1.5em;
line-height: 1.4;
}
@media (any-hover: hover) {
.c-button01:hover{
background-color: var(--tcd-accent-color);
color: #fff;
}
}
@media (max-width: 767px) {
.c-button01 {
min-width: 240px;
height: 60px;
font-size: 14px;
}
} .c-title {
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
:where(a):hover .c-title {
opacity: 0.5;
}
} .c-thumbnail {
overflow: hidden;
backface-visibility: hidden;
}
.c-thumbnail-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
pointer-events: none;
transform: scale(1);
transition-property: var(--tcd-thumbnail-transition);
transition-duration: 0.5s;
transition-timing-function: ease;
will-change: transform;
}
@media (any-hover: hover) {
:where(a, .c-thumbnail):hover .c-thumbnail-image {
transform: var(--tcd-thumbnail-hover-scale);
filter: var(--tcd-thumbnail-hover-opacity);
}
}
.c-desc a {
text-decoration: underline;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.c-desc a:hover {
opacity: 0.5;
}
} .c-line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: calc(1lh * var(--tcd-line-clamp));
max-height: calc(1lh * var(--tcd-line-clamp));
overflow: hidden;
visibility: visible;
word-break: break-all;
margin-block: var(--tcd-half-read);
} .c-pagination :where(.nav-links) {
display: grid;
grid-template-columns: repeat(auto-fit, 50px);
grid-template-rows: 50px;
justify-content: center;
font-size: 14px;
font-family: Arial;
text-align: center;
}
.c-pagination :where(.nav-links > *) {
display: grid;
place-items: center;
color: #000000;
border: 1px solid #ddd;
}
.c-pagination :where(.nav-links > * + *) {
margin-left: -1px;
}
.c-pagination :where(.nav-links > .current) {
z-index: 1;
color: #ffffff;
border-color: var(--tcd-accent-color);
background: var(--tcd-accent-color);
}
@media (any-hover: hover) {
.c-pagination :where(.nav-links > a:hover) {
z-index: 1;
color: #ffffff;
border-color: var(--tcd-accent-color);
background: var(--tcd-accent-color);
}
}
@media (max-width: 767px) {
.c-pagination :where(.nav-links) {
grid-template-columns: repeat(auto-fit, 50px);
grid-template-rows: 50px;
}
}
@media(max-width:380px) {
.c-pagination :where(.nav-links) {
grid-template-columns: repeat(auto-fit, 40px);
grid-template-rows: 40px;
}
} .c-page-nav :where(.nav-links) {
font-size: 16px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 120px;
}
.c-page-nav :where(.nav-links > div) {
display: grid;
}
.c-page-nav:not(:has(.nav-previous)) :where(.nav-links):before {
content: '';
}
.c-page-nav :where(.nav-links >.nav-previous) {
margin-right: -1px;
}
.c-page-nav :where(a) {
display: flex;
align-items: center;
column-gap: 30px;
padding-inline: 30px;
border: 1px solid #dddddd;
}
.c-page-nav :where(.nav-label) {
--tcd-line-clamp: 2;
height: auto;
flex: 1;
line-height: 1.8;
}
.c-page-nav :where(.nav-label):before {
content: attr(data-label);
}
.c-page-nav :where(.nav-arrow) {
font-size: 2em;
margin: -0.2em;
}
@media (any-hover: hover) {
.c-page-nav :where(a:hover) {
color: rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 767px) {
.c-page-nav :where(.nav-links) {
font-size: 14px;
grid-template-rows: 60px;
}
.c-page-nav :where(.nav-label):before {
content: attr(data-label-sp);
}
.c-page-nav :where(a) {
text-align: center;
column-gap: 0px;
padding-inline: 20px;
}
.c-page-nav :where(.nav-label) {
margin-right: 10px;
}
} .c-main-title {
font-size: 26px;
line-height: 1.5;
text-align: center;
margin-bottom: calc(50px + var(--tcd-half-read)) !important;
font-weight: 600;
margin-block: var(--tcd-half-read);
}
@media (max-width: 991px) {
.c-main-title {
margin-bottom: calc(40px + var(--tcd-half-read)) !important;
}
}
@media (max-width: 767px) {
.c-main-title {
font-size: 20px;
padding-top: 10px;
margin-bottom: calc(30px + var(--tcd-half-read)) !important;
}
} .c-category {
min-width: 130px;
width: fit-content;
max-width: 100%;
padding: 0.8em 1em;
background: var(--tcd-bg-color);
font-size: 14px;
line-height: 1.4;
text-align: center;
}
.c-category :where(a) {
pointer-events: auto;
}
@media (any-hover: hover) {
.c-category :where(a):hover {
color: rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 767px) {
.c-category {
min-width: 80px;
padding: 0.8em 1em;
font-size: 12px;
}
} .c-post-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
font-size: 14px;
}
.c-post-tags :where(a) {
display: grid;
place-items: center;
height: 30px;
padding-inline: 1em;
color: #000000;
background: #eeeeee;
border-radius: 5px;
}
@media (any-hover: hover) {
.c-post-tags :where(a:hover) {
color: #ffffff;
background: var(--tcd-accent-color);
}
} .c-text-link :where(a) {
text-decoration: underline;
}
@media (any-hover: hover) {
.c-text-link :where(a:hover) {
opacity: 0.5;
}
} .c-archive-header {
display: grid;
align-content: start;
row-gap: 100px;
margin-bottom: 100px;
width: 100%;
}
body.search-results .c-archive-header {
margin-bottom: 100px;
}
.lp_header_type2 {
margin-bottom: 0 !important;
}
.lp_header_type2 .c-archive-header__title_use_img h1 {
font-size:var(--tcd-tab-header-text-font-size-pc) ;
font-family: var(--tcd-tab-header-text-font-type);
}
.lp_header_type2 .c-archive-header__title h1 {
font-size:var(--tcd-tab-header-text-font-size-pc) ;
font-family: var(--tcd-tab-header-text-font-type);
}
body.post-type-archive-service .c-archive-header {
margin-bottom: 135px;
}
.c-archive-header:not(:has(.c-archive-header__desc)) {
margin-bottom: 70px;
}
.c-archive-header:has(.no_pc_desc) {
margin-bottom: 70px;
}
.c-archive-header:has(.c-archive-header__lead):not(:has(.c-archive-header__desc)) {
margin-bottom: 130px;
}
.c-archive-header:has(.c-archive-header__no_img_contents) .my-tab-nav_inner {
grid-area: unset;
margin-top: 70px;
border-bottom: none;
}
.c-archive-header:has(.c-archive-header__no_img_contents) .my-tab-nav_inner .my-tab-nav-item {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.archive-header_top_margin {
margin-top: 0 !important;
}
.c-archive-header:where(:has(.my-tab-nav_inner)) {
row-gap: 0;
}
.c-archive-header:where(:has(.image)) {
row-gap: 100px;
}
.c-archive-header:where(:has(.c-archive-header_no_img)) {
row-gap: 100px;
}
.c-archive-header__content {
display: grid;
}
.c-archive-header__content {
color: #ffffff;
aspect-ratio: 1450 / 420;
width: 100%;
overflow: hidden;
position: relative;
}
.c-archive-header__content:where(:has(.c-archive-header_no_img)) {
color: #ffffff;
aspect-ratio: 1450 / 420;
width: 100%;
overflow: hidden;
position: relative;
}
.c-archive-header__content .c-archive-header_catch a {
text-decoration: underline;
transition: opacity 0.3s ease;
cursor: pointer;
}
.c-archive-header__content:where(:has(.c-archive-header_no_img)) .c-archive-header_catch a {
text-decoration: underline;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.c-archive-header__content .c-archive-header_catch a:hover {
opacity: 0.6;
}
}
.c-archive-header__content> :where(*) {
grid-area: 1/-1;
}
.c-archive-header_catch {
z-index: 2; position: relative; place-self: center;
display: grid;
width: 100%;
gap: 50px;
inline-size: min(calc(100% - 40px), 1100px);
margin-inline: auto;
margin-bottom: 50px;
}
.c-archive-header_catch,
.c-archive-header__title_use_img h1 {
opacity: 0;
transition: opacity 1.2s ease-in-out; } body.is-ready .c-archive-header_catch {
opacity: 1;
transition-delay: 0.2s;
}
body.is-ready .c-archive-header__title_use_img h1 {
opacity: 1;
transition-delay: 0.6s;
}
.p-page-header-title {
font-size: var(--tcd-single-title-font-size-pc);
font-family: var(--tcd-single-title-font-type);
}
.c-archive-header__catch {
font-family: var(--tcd-header-copy-font-type);
font-size: var(--tcd-header-copy-font-size-pc);
line-height: 2;
text-align: center;
margin-block: var(--tcd-half-read);
font-weight: 600;
}
.c-archive-header__title {
font-size: var(--tcd-archive-title-font-size-pc);
font-family: var(--tcd-archive-title-font-type);
line-height: 2;
text-align: center;
margin-block: var(--tcd-half-read);
}
.c-archive-header__no_img_contents {
display: grid;
gap: 70px;
padding-top: 100px;
}
.c-archive-header__title_use_img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.3) ;
backdrop-filter: blur(5px);
}
.c-archive-header__title_use_img h1{
font-size: var(--tcd-archive-title-font-size-pc);
font-family: var(--tcd-archive-title-font-type);
font-weight: 600;
line-height: 70px;
inline-size: min(calc(100% - 40px), 1100px);
margin-inline: auto;
text-align: center;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p-lead_desc {
display: grid;
gap: 70px;
}
.c-archive-header__lead {
text-align: center;
font-weight: 600;
color: var(--tcd-accent-color);
line-height: 1.6;
font-size: 34px;
margin-block: var(--tcd-half-read);
inline-size: min(calc(100% - 40px), 1100px);
margin-inline: auto;
}
.post-type-archive-news .c-archive-header__desc {
inline-size: min(calc(100% - 40px), 900px);
}
.post-type-archive-news .c-archive-header__title_use_img h1 {
inline-size: min(calc(100% - 40px), 900px);
}
.post-type-archive-news .c-archive-header_catch {
inline-size: min(calc(100% - 40px), 900px);
}
.c-archive-header__desc {
font-size: 16px;
line-height: 2.6;
inline-size: min(calc(100% - 40px), 1100px);
margin-inline: auto;
}
.c-archive-header__overlay {
background: color-mix(in srgb, #002040 30%, transparent);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
.c-archive-header__image {
width: 100%;
height: 100%;
object-fit: cover; position: absolute; top: 0;
left: 0;
overflow: hidden;
}
.header_para_slider {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.para_item {
opacity: 1;
width: 750px;
height: 100%;
overflow: hidden;
position: relative;
}
.para_item .image {
height: 100%;
width: 150%;
position: absolute;
top: 0;
left: -25%;
}
.slider-track {
height: 100% !important;
}
.slider-track-inner {
height: 100% !important;
}
.c-archive-header_no_img {
width: 100%;
height: 100%;
object-fit: cover; position: absolute; top: 0;
left: 0;
background-color: var(--tcd-accent-color-dark);
}
.c-archive-header__desc {
text-align: center;
line-height: 2.6;
margin-block: var(--tcd-half-read);
}
.c-archive-header__desc a {
color: var(--tcd-text-link-color);
text-decoration: none;
transition: text-decoration 0.3s;
cursor: pointer;
}
@media (any-hover: hover) {
.c-archive-header__desc a:hover {
text-decoration: underline;
}
}
@media (max-width:991px) {
body.search-results .c-archive-header {
margin-bottom: 40px;
}
body.search-results .c-archive-header .c-archive-header__no_img_contents {
border-top: none;
}
.c-archive-header {
margin-bottom: 40px;
row-gap: 40px;
}
.c-archive-header:has(.c-archive-header__lead):not(:has(.c-archive-header__desc)) {
margin-bottom: 40px;
}
.c-archive-header:not(:has(.c-archive-header__desc)) {
margin-bottom: 40px;
}
.c-archive-header__content {
width: 100%;
}
.c-archive-header_catch {
gap: 30px;
inline-size: min(calc(100% - 40px), 100%);
margin-bottom: 45px;
}
.c-archive-header__desc {
line-height: 2.2;
}
.c-archive-header__no_img_contents {
padding-top: 40px;
}
.p-lead_desc {
gap: 30px;
}
.c-archive-header__lead {
font-size: 20px;
}
body.post-type-archive-service .c-archive-header {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.c-archive-header__title {
font-size: var(--tcd-archive-title-font-size-sp);
}
.c-archive-header:not(:has(.c-archive-header__desc)) {
margin-bottom: 40px;
}
.lp_header_type2 .c-archive-header__title_use_img h1 {
font-size:var(--tcd-tab-header-text-font-size-sp) !important;
}
.lp_header_type2 .c-archive-header__title h1 {
font-size:var(--tcd-tab-header-text-font-size-sp) !important;
}
}
@media (max-width:767px) {
.para_item {
width: 250px;
}
.p-page-header-title {
font-size: var(--tcd-single-title-font-size-sp);
font-family: var(--tcd-archive-title-font-type);
}
.c-archive-header {
row-gap: 40px;
margin-bottom: 40px;
}
.c-archive-header:where(:has(img)) {
row-gap: 40px;
margin-bottom: 40px;
}
.c-archive-header__no_img_contents {
gap: 30px;
border-top: 1px solid #ddd;
}
.c-archive-header__no_img_contents.is-taxonomy {
border-top: none;
}
.c-archive-header__catch {
font-size: var(--tcd-header-copy-font-size-sp);
line-height: 2.2;
}
.c-archive-header__content {
aspect-ratio:unset;
width: 100%;
height: 240px;
}
.c-archive-header__title_use_img {
height: 50px;
}
.c-archive-header__title_use_img h1{
line-height: 50px;
font-size: var(--tcd-archive-title-font-size-sp);
}
} .c-archive-header-terms {
inline-size: min(calc(100% - 40px), 1100px);
margin-inline: auto;
font-size: 16px;
margin-bottom: 70px;
}
.c-archive-header_catch__news {
inline-size: min(calc(100% - 40px), 900px);
margin-inline: auto;
}
body.tax-news_category .c-archive-header-terms {
inline-size: min(calc(100% - 40px), 900px);
margin-inline: auto;
}
body.post-type-archive-news .c-archive-header-terms {
inline-size: min(calc(100% - 40px), 900px);
margin-inline: auto;
}
.category_terms_list {
display: grid;
grid-template-columns: repeat(auto-fit, calc(100% / 5));
justify-content: center;
font-size: 16px;
text-align: center;
line-height: 1.2;
padding: 1px 0 0 1px;
margin-bottom: 70px;
}
.category_terms_list_voice {
grid-template-columns: repeat(auto-fit, calc(100% / 4)) !important;
}
.c-archive-header-terms .category_terms_list {
padding: 1px 0 0 1px !important;
justify-content: center;
} .c-archive-header-terms .category_terms_list.has-multiple-items {
justify-content: start;
}
.c-archive-header-terms :where(a) {
display: flex;
place-items: center;
background: #ffffff;
margin: -1px 0 0 -1px;
overflow: hidden;
border: 1px solid #ddd;
padding: 10px;
align-items: center;
justify-content: center;
font-size: 16px;
height: 70px;
transition: color 0.3s,background-color 0.3s,border-color 0.3s;
position: relative;
z-index: 0;
}
.c-archive-header-terms :where(a.is-current) {
color: #fff;
background-color: var(--tcd-accent-color);
border-color: var(--tcd-accent-color);
z-index: 1;
}
.c-archive-header-terms :where(.splide__arrow) {
position: absolute;
z-index: 10; }
.c-archive-header-terms :where(.splide__arrow--prev) {
left: -30px;
padding: 0;
}
.c-archive-header-terms :where(.splide__arrow--next) {
right: -30px;
padding: 0;
}
@media (any-hover: hover) {
.c-archive-header-terms :where(a:hover) {
color: #fff;
background-color: var(--tcd-accent-color);
z-index: 1;
border-color: var(--tcd-accent-color);
}
}
@media (max-width:991px) {
.c-archive-header-terms::-webkit-scrollbar {
display: none;
}
.c-archive-header-terms :where(a) {
min-width: min-content;
height: 50px;
}
.c-archive-header-terms :where(a) {
padding-inline: 35px;
font-size: 14px;
}
.c-archive-header-terms {
margin-bottom: 40px;
}
}
@media (max-width:767px) {
body.tax-news_category .c-archive-header-terms {
inline-size: 100%;
}
body.post-type-archive-news .c-archive-header-terms {
inline-size: 100%;
}
.c-archive-header-terms {
display: flex;
overflow-x: scroll;
white-space: nowrap;
inline-size: min(calc(100% - 40px), 100%);;
padding-inline: 20px;
font-size: 14px;
-ms-overflow-style: none;
scrollbar-width: none;
margin-bottom: 40px;
}
.c-archive-header-terms {
margin-bottom: 40px;
height: 50px;
padding-inline: unset;
}
.c-archive-header-terms .c-splide-arrows {
display: none;
}
} .p-author-header {
display: grid;
align-content: start;
justify-items: center;
row-gap: 50px;
padding: 100px;
}
.p-author-header-image {
width: 130px;
justify-self: center;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.p-author-header-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-author-header-profile {
display: grid;
align-content: center;
justify-items: center;
row-gap: 30px;
text-align: center;
}
.p-author-header-profile-postion {
font-size: 16px;
line-height: 1.3;
margin-block: var(--tcd-half-read);
color: var(--tcd-accent-color);
}
.p-author-header-profile-name {
font-size: 36px;
font-weight: 600;
line-height: 1.8;
margin-block: var(--tcd-half-read);
}
.p-author-header-info {
max-width: 800px;
font-size: 16px;
line-height: 2.6;
margin-block: var(--tcd-half-read);
}
.p-author-header-title {
font-size: 26px;
line-height: 1.5;
text-align: center;
margin-block: var(--tcd-half-read) calc(80px + var(--tcd-half-read));
}
@media (max-width:767px) {
.p-author-header {
row-gap: unset;
padding: 0;
padding-top: 40px;
margin-bottom: 40px;
}
.p-author-header-profile{
margin-bottom: 40px;
}
.p-author-header-profile {
row-gap: 20px;
}
.p-author-header-image {
width: 130px;
}
.p-author-header-profile-postion {
font-size: 14px;
}
.p-author-header-profile-name {
font-size: 18px;
}
.p-author-header-info {
font-size: 14px;
line-height: 2.2;
}
.p-author-header-title {
font-size: 20px;
margin-block-end: calc(40px + var(--tcd-half-read));
}
} .c-profile {
display: grid;
grid-template-columns: 110px 1fr;
column-gap: 40px;
padding: 40px;
border: 1px solid #ddd;
}
.c-profile-image {
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.c-profile-content {
display: grid;
align-content: center;
row-gap: 25px;
}
.c-profile-position {
font-size: 14px;
}
.c-profile-title {
font-size: 20px;
font-weight: 600;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-block: var(--tcd-half-read);
}
.c-profile-desc {
--tcd-line-clamp: 2;
font-size: 14px;
line-height: 2.2;
height: auto;
}
@media (max-width:767px) {
.c-profile {
grid-template-columns: 90px 1fr;
column-gap: 20px;
padding: 20px;
}
.c-profile-content {
row-gap: 15px;
}
.c-profile-position {
font-size: 12px;
}
.c-profile-title {
font-size: 14px;
}
.c-profile-desc {
--tcd-line-clamp: 3;
line-height: 1.7;
}
}
@media (any-hover: hover) {
.c-profile-title a:hover {
opacity: 0.5;
}
} .p-author-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.p-author-list__item {
cursor: pointer;
}
.p-author-list__item-image {
width: 100%;
aspect-ratio: 1;
height: 350px;
}
.p-author-list__item-name_contents {
border: 1px solid #ddd;
border-top: none;
display: grid;
gap: 20px;
text-align: center;
justify-content: center;
align-items: center;
padding: 40px 20px 40px 20px;
}
.p-author-list__item-position {
font-size: 16px;
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
.p-author-list__item-title {
font-size: 20px;
font-weight: 600;
line-height: 1.8;
margin-block: var(--tcd-half-read);
}
.p-author-list__item-desc {
--tcd-line-clamp: 2;
border: 1px solid #ddd;
border-top: none;
padding: 40px;
font-size: 16px;
line-height: 2.4;
}
@media (max-width:991px) {
.p-author-list {
grid-template-columns: repeat(2, 1fr);
}
.p-author-list {
grid-template-columns: 1fr;
}
.p-author-list__item-head {
margin-left: 30px;
}
}
@media (max-width:767px) {
.p-author-list {
grid-template-columns: 1fr;
gap: 20px;
}
.p-author-list__item-image {
height: 210px;
}
.p-author-list__item-position {
font-size: 14px;
font-weight: unset;
}
.p-author-list__item-title {
font-size: 18px;
}
.p-author-list__item-name_contents {
gap: 15px;
}
.p-author-list__item-name_contents {
padding: 20px;
}
.p-author-list__item-desc {
--tcd-line-clamp: 2;
height: auto;
font-size: 14px;
line-height: 2.2;
padding: 30px;
}
}
.p-author-inner {
padding-top: 70px;
display: grid;
gap: 70px;
}
.p-author-title {
font-size: var(--tcd-archive-title-font-size-pc);
font-family: var(--tcd-archive-title-font-type);
line-height: 2.4;
text-align: center;
margin-block: var(--tcd-half-read);
}
.p-author-main {
position: relative;
}
.p-author-main-profile {
margin: 0 auto;
inline-size: min(calc(100% - 40px), 900px);
}
.p-author-main-caption {
display: flex;
justify-content: center;
position: relative;
align-items: center;
font-size: 16px;
border: 1px solid #ddd;
border-bottom: none;
height: 70px;
}
.p-author-main-profile-position {
text-align: center;
line-height: 1.6;
}
.p-author-main-profile-image {
height: 600px;
width: 100%;
}
.p-author-main-profile-sns {
position: absolute;
top: 50%;
right:30px ;
transform: translateY(-50%);
}
.p-author-main-content-item-description {
width: 700px;
background-color: var(--tcd-accent-color);
color: #fff;
padding: 70px;
margin: auto;
margin-top: -100px;
position: relative;
}
.p-author-main-content {
margin-top: 70px;
}
.p-author-main-content-item-desc {
font-size: 16px;
line-height: 2.4;
margin-block: var(--tcd-half-read);
}
.p-author-inner-bg {
background-color: #f6f6f6;
height: calc( 100% - 220px);
width: 100%;
position: absolute;
top: 220px;
left: 0;
z-index: -2;
}
.p-author-main-content-list {
display: grid;
gap: 70px;
width: 100%;
padding-bottom:100px ;
}
.p-author-main-content-item {
background-color: #fff;
padding: 50px;
inline-size: min(calc(100% - 40px), 900px);
margin: auto;
display: grid;
gap: 40px;
}
.p-author-main-content-item-title {
font-size: 24px;
color: var(--tcd-accent-color);
margin-block: var(--tcd-half-read);
}
.p-archive-staff {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.p-archive--author {
width: 100% !important;
position: relative;
}
.p-single-bottom-author {
display: grid;
gap: 70px;
}
.p-single-bottom-author .nav-links {
margin-top: -20px;
}
.p-author-main-content-joblist {
display: grid;
gap: 20px;
}
.p-author-main-content-joblist-row {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.p-author-main-content-joblist-left {
min-width: 100px;
}
.p-author-main-content-joblist-right {
width: auto;
}
@media(max-width:991px) {
.p-single-bottom-author {
gap: 40px;
}
}
@media (max-width:767px){
.p-single-bottom-author_paged {
border-top: 1px solid #ddd;
padding-top: 30px;
}
.p-single-bottom-author_paged .p-single-bottom-title {
margin-bottom: -10px;
}
.p-author-title {
font-size: var(--tcd-archive-title-font-size-sp);
}
.p-author-main-content {
margin-top: 40px;
}
.p-author-main-profile {
inline-size: 100%;
}
.p-author-inner {
padding-top: 30px;
gap: 30px;
}
.p-author-main-content-item {
padding: 30px;
gap: 30px;
inline-size: calc(100% - 40px);
}
.p-author-main-profile-sns {
position: relative;
top: unset;
right: unset;
transform: unset;
margin: 0 auto;
}
.p-author-main-caption {
display: grid;
gap: 20px;
padding-block: 18px;
height: 90px;
}
.p-author-main-profile-image {
height: 240px;
width: unset;
}
.p-author-main-content-joblist {
font-size: 14px;
}
.p-author-main-content-item-description {
inline-size: calc( 100% - 40px );
padding: 30px;
margin-top: -50px;
}
.p-author-main-content-list {
padding-bottom:40px;
gap: 40px;
}
.p-author-main-content-item-title {
font-size: 18px;
}
.p-author-main-content-item-desc {
font-size: 14px;
line-height: 2.2;
}
.p-author-inner-bg {
border-image: linear-gradient(#f6f6f6 0 0) fill 0 / 1 / 0 100vi;
}
.p-archive--author {
width: unset !important;
}
.p-archive--author .p-post-cards-item__date {
display: none;
}
.p-single-bottom-author .nav-links {
margin-top: 0;
}
.p-author-main-content-joblist-left{
min-width: 90px;
}
.p-author-main-content-joblist-row {
gap:30px;
}
.p-archive--author .p-post-cards-item{
margin-inline: auto;
}
}
@media(max-width:991px) {
.p-author-main-profile-position {
font-weight: unset;
font-size: 14px;
margin-block: var(--tcd-half-read);
}
.p-author-main-caption {
font-weight: unset;
} .p-author-scroll-wrapper {
overflow-x: auto;
padding-inline: 20px; display: flex;
justify-content: flex-start;
}
.p-author-scroll-wrapper::-webkit-scrollbar {
display: none; } .p-author-main-content-item.has-joblist {
min-width: max-content;
background-color: #fff;
padding: 30px;
display: grid;
gap: 30px;
}
.p-archive--author.p-post-cards {
margin-inline: unset;
}
} .c-hidden-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.c-hidden-scrollbar::-webkit-scrollbar {
display: none;
} .p-footer-button_contents {
height: 300px;
width: 100%;
overflow: hidden;
position: relative;
display: flex;
}
.footer_button_bg_type1 {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.footer_button_bg_type2 {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clip-path: inset(0);
}
.footer_button_bg_type3 {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.simpleParallax {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.parallax_image {
width: 70% !important;
left: 15% !important;
}
.footer_button_bg_type2 .fixed_img {
position: fixed;
top: 50%;
left: 50%;
width: 100vw;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
z-index: -1;
}
.p-footer-button_contents_image {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.p-footer-button__overlay {
background:
color-mix(in srgb, #002040 30%, transparent);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.p-footer-button_list {
z-index: 2;
position: relative;
place-self: center;
display: flex;
width: 100%;
gap: 40px;
inline-size: min(calc(100% - 40px), 1100px);
margin-inline: auto;
}
.p-footer-button_item {
color: #fff;
display: flex;
border: 1px solid #fff;
border-radius: 10px;
height: 150px;
flex: 1;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
}
.p-footer-button_one_item {
flex: 0.5;
}
.p-footer-button_list_one {
justify-content: center;
}
@media (any-hover: hover) {
.p-footer-button_item:hover .p-footer-button_grid .p-footer-button__link_contents {
opacity: 0.6;
}
}
.p-footer-button_grid {
display: grid;
gap: 20px;
text-align: center;
} .p-footer-button_phone_number {
display: flex;
justify-content:center;
align-items: center;
gap: 5px;
}
.p-footer-button_phone_number p {
font-size: 32px !important;
font-weight: 600;
}
.footer-button_phone_icon {
width: 22px;
height: 22px;
fill: #fff;
}
.p-footer-button_grid p {
font-size: 14px;
line-height: 1.7;
margin: -0.35em 0;
} .p-footer-button__link_contents {
display: flex;
justify-content:center;
align-items: center;
gap: 10px;
transition: opacity 0.3s ease;
}
.p-footer-button__link_contents p {
font-size: 20px;
font-weight: 600;
}
.footer-button_link_icon {
width: 22px;
height: 22px;
fill: #fff;
} .footer_button_arrow {
position: absolute;
right: 30px;
width: 3em;
height: 3em;
overflow: hidden;
} .footer_button_arrow::before,
.footer_button_arrow::after {
content: "";
position: absolute;
width: 3em;
height: 3em;
background-image: var(--tcd-icon--arrow-right);
background-repeat: no-repeat;
background-size: contain;
filter: invert(1);
animation-fill-mode: both;
animation-duration: 0.6s;
animation-name: none;
}
.footer_button_arrow::after {
transform: translateX(-100%);
} .p-footer-button_item.is-hover .footer_button_arrow::before {
animation-name: arrowLeftToRight;
animation-delay: 0.2s;
}
.p-footer-button_item.is-hover .footer_button_arrow::after {
animation-name: arrowRightToLeft;
animation-delay: 0.2s;
} @keyframes arrowLeftToRight {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes arrowRightToLeft {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
@media (max-width: 991px) {
.p-footer-button_contents{
aspect-ratio: unset;
height: 250px;
}
}
@media (max-width: 767px) {
.p-footer-button_contents{
aspect-ratio: unset;
height: unset;
}
.p-footer-button_list {
display: grid;
gap: 0;
inline-size: 100%;
}
.p-footer-button_item {
border: none;
border-radius: 0;
}
.p-footer-button_list .p-footer-button_item:first-child {
border-bottom: 1px solid color-mix(in srgb, #ffffff 30%, transparent);
}
.p-footer-button_grid {
gap: 15px;
}
.footer_button_arrow {
display: none;
}
} .p-footer-banner {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding-block: 50px;
border-image: linear-gradient(var(--tcd-accent-color) 0 0) fill 0 /1/ 0 100vi;
justify-content: center;
}
.p-footer-banner--center {
display: flex;
justify-content: center;
justify-items: center;
} .p-footer-banner--center-2 .p-footer-banner__item {
width: 370px;
}
.p-footer-banner__item {
display: grid;
position: relative;
cursor: pointer;
}
.p-footer-banner__image {
aspect-ratio: 1;
aspect-ratio: 370 / 170;
width: 100%;
}
.p-footer-banner__image img {
transform: scale(1.01);
}
.p-footer-banner__title {
display: block;
text-align: center;
font-size: 16px;
font-weight: 600;
bottom: 0;
width: 100%;
height: 50px;
color: #fff;
line-height: 50px; padding-inline: 30px;
position: absolute;
z-index: 2;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p--footer-banner-title_overlay {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
z-index: 1;
backdrop-filter: blur(2px);
}
@media (max-width:767px) {
.p-footer-banner {
grid-template-columns: 1fr;
}
.p-footer-banner {
padding-block: 20px;
}
.p-footer-banner__image {
aspect-ratio: unset;
height: 150px;
}
.p-footer-banner__title {
font-size: 16px;
padding-inline: 20px;
}
} .p-footer-pattern {
padding-block: 60px;
border-image: linear-gradient(var(--tcd-bg-color) 0 0) fill 0 /1/ 0 100vi;
}
@media (max-width:767px) {
.p-footer-pattern {
padding-block: 40px;
}
} .p-footer-main {
display: flex;
flex-wrap: wrap;
gap: 60px 10px;
padding-block: 70px;
font-size: 14px;
}
.p-footer-info {
flex: 0 0 400px;
display: grid;
align-content: start;
row-gap: 30px;
}
.p-footer-info__desc {
line-height: 2.4;
margin-block: var(--tcd-half-read);
}
.p-footer-info__desc a {
color: var(--tcd-text-link-color);
text-decoration: none;
transition: text-decoration 0.3s;
}
.p-footer-info__desc a:hover {
text-decoration: underline;
opacity: 1;
}
.p-footer-info__button {
min-width: 200px;
}
.p-footer-info__tel+:where(.p-footer-info__button) {
margin-top: -10px;
} .p-footer-nav {
flex: 1;
display: grid;
align-content: start;
row-gap: 30px;
line-height: 1.4;
}
.p-footer-nav .menu-item-has-children {
display: grid;
row-gap: 30px;
}
.p-footer-nav .sub-menu {
padding-left: 1em;
display: grid;
row-gap: 30px;
}
.p-footer-nav :where(li) {
margin-block: var(--tcd-half-read);
}
@media (any-hover: hover) {
.p-footer-nav :where(a):hover {
opacity: 0.5;
}
}
.p-footer-copyright {
display: grid;
place-items: center;
block-size: 70px;
font-size: 14px;
text-align: center;
color: #ffffff;
border-image: linear-gradient(var(--tcd-accent-color) 0 0) fill 0 /1/ 0 100vi;
}
@media (any-hover: hover) {
.p-footer-copyright :where(a):hover {
opacity: 0.5;
}
}
@media (max-width:991px) {
.p-footer-info {
flex: 0 0 100%;
justify-content: center;
justify-items: center;
text-align: center;
}
}
@media not all and (max-width:767px) {
.p-footer-nav--sp {
display: none;
}
}
@media (max-width:767px) {
.p-footer-main {
padding-block: 40px;
row-gap: 40px;
}
.p-footer-info {
row-gap: 30px;
}
.p-footer-info__button {
margin-top: 0;
}
.p-footer-nav--pc {
display: none;
}
.p-footer-copyright {
height: 60px;
}
.p-footer-info__desc {
font-size: 14px;
line-height: 2;
}
} .p-header-top {
display: flex;
justify-content: space-between;
align-items: center;
border-image: linear-gradient(#ffffff 0 0) fill 0 /1/ 0 100vi;
height: 90px;
}
.p-header-logo {
max-height: 90px;
}
.p-header-catch {
line-height: 1.4;
}
.p-header-search {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 40px;
width: 100%;
height: 60px;
background: var(--tcd-accent-color-light);
}
.p-header-search__input {
padding-inline: 1em;
border: none;
background: initial;
height: 60px;
}
.p-header-search__button {
display: grid;
place-items: stretch;
aspect-ratio: 1;
color: #ffffff;
background: var(--tcd-accent-color-light);
border-radius: 50%;
border: none;
font-size: 24px;
width: 60px;
height: 60px;
}
.p-header-search__button:before {
content: '';
mask: var(--tcd-icon--search) no-repeat center / 1em;
background: currentColor;
}
.p-header-search_sp {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 40px;
width: 100%;
padding: 0 20px;
height: 50px;
background: var(--tcd-accent-color-light);
}
.p-header-search__input {
padding-inline: 1em;
border: none;
background: initial;
height: 60px;
}
.p-header-search__button {
display: grid;
place-items: stretch;
aspect-ratio: 1;
color: #ffffff;
background: var(--tcd-accent-color-light);
border-radius: 50%;
border: none;
font-size: 24px;
width: 60px;
height: 60px;
}
.p-header-search__button:before {
content: '';
mask: var(--tcd-icon--arrow-top) no-repeat center / 1em;
background: currentColor;
} .p-header-cta {
display: flex;
column-gap: 20px;
}
.header_right_contents {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
gap: 40px;
}
@media (max-width: 991px) {
.header_right_contents {
display: none;
}
} .header_right_contents .p-header-cta__tel {
margin-top: 2px;
}
.p-header-cta__tel {
display: grid;
align-content: center;
row-gap: 10px;
}
.p-header_tel_number {
display: grid;
grid-template-columns: 1em 1fr;
column-gap: 0.1em;
width: fit-content;
font-size: 28px;
font-weight: 600;
color: var(--tcd-accent-color);
align-items: center;
}
.tel_number_icon {
width: 24px;
height: 24px;
}
.tel_number_icon svg {
fill: var(--tcd-accent-color);
}
.p-header-cta__tel-info {
font-size: 14px;
text-align: left;
line-height: 1.7;
}
.p-header-cta__tel-info a {
cursor: pointer;
color: var(--tcd-text-link-color);
text-decoration: none;
transition:text-decoration 0.3s;
}
@media (any-hover: hover) {
.p-header-cta__tel-info a:hover {
text-decoration: underline;
opacity: 1;
}
} .p-header-cta__button {
display: flex;
height: 100%;
}
.p-header-button_item {
display: flex;
min-width: 170px;
align-items: center;
justify-content: center;
gap: 10px;
height: 100%;
transition: filter 0.3s ease;
cursor: pointer;
padding-inline: 10px;
}
.p-header-banner {
height: 65px;
cursor: pointer;
}
.p-header-banner_item .c-thumbnail-image {
transform: none;
}
@media (any-hover: hover) {
.p-header-banner_item .c-thumbnail:hover .c-thumbnail-image {
filter: none !important;
}
}
.p-header-banner_item {
display: flex;
height: 100%;
width: auto;
padding-inline: 10px;
justify-content: center;
align-items: center;
}
.p-header-banner_item .tcdce-body {
height: 100%;
container:unset;
}
.p-header-banner_item .tcdce-body p {
height: 100%;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.p-header-banner_item .tcdce-body img {
height: 100%;
width: 100%;
object-fit: cover;
}
.p-header-button_color {
background-color: var(--default-bg-color, #00698c); transition: background-color 0.3s ease-in-out;
}
.header-button_item__icon {
width: 18px;
height: 18px;
fill: #fff;
}
.header-button_item__label {
color: #fff;
font-size: 14px;
font-weight: 600;
}
.p-header-nav-sp {
display: none;
}
@media (any-hover: hover) {
.p-header-nav-sp:hover {
opacity: 0.5;
}
}
@media (max-width: 991px) {
.p-header-nav-sp {
position: relative;
justify-self: end;
display: grid;
place-items: center;
width: 60px;
height: 60px;
font-size: 24px;
}
} .p-header-nav {
display: flex;
justify-content: center;
position: relative;
align-items: center;
font-size: 16px;
line-height: 1.4;
color: #ffffff;
border-image: linear-gradient(var(--tcd-accent-color) 0 0) fill 0 /1/ 0 100vi;
}
.p-header-nav__list {
display: flex;
justify-content: center;
} .p-header-nav__list.is-hover-enable>li:hover>ul {
opacity: 1;
pointer-events: auto;
}
.p-header-nav__list_type2>li {
position: relative;
z-index: 0;
}
.p-header-nav__list_type2>li::before {
background-color: var(--tcd-accent-color-light);
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 0%;
z-index: -1;
transition: height 0.3s;
}
.p-header-nav__list_type2 ul a {
position: relative;
z-index: 0;
overflow: hidden;
}
.p-header-nav__list>li {
position: relative;
transition-property: color, background;
transition-duration: 0.3s;
}
.p-header-nav__list>li.current-menu-item {
background: var(--tcd-accent-color-light);
}
.p-header-nav__list>li>a {
display: grid;
place-items: center;
grid-template-rows: 70px;
padding-inline: 30px;
}
.p-header-nav__list>li>ul {
min-inline-size: 240px;
font-size: 14px;
position: absolute;
inset: 100% auto auto 0;
background: var(--tcd-accent-color);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.p-header-nav__list ul a {
display: grid;
place-items: center left;
grid-template-rows: 50px;
padding-inline: 20px;
background: var(--tcd-accent-color-light);
}
.p-header-nav__list ul ul a {
padding-inline-start: calc(20px + 1em);
} .search-form_header {
position: absolute;
right: 40px;
background: transparent;
border: none;
cursor: pointer;
height: 100%;
display: flex;
align-items: center;
gap: 20px;
pointer-events: none;
}
.search-form_header label {
opacity: 0;
visibility: hidden;
overflow: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
max-width: 350px;
display: flex;
}
.search-form_header .search-field {
height: 45px;
border-radius: 5px;
width: 350px;
border: none;
color: #000;
padding-inline: 20px;
transition: width 0.3s ease;
}
.search-form_header .search-submit {
height: 100%;
transition: opacity 0.3 ease;
pointer-events: all;
}
.search-form_header .search-submit svg {
margin-top: 10px;
}
.search-form_header.is-open label {
opacity: 1;
visibility: visible;
pointer-events: all;
}
@media (any-hover: hover) {
.p-header-nav__list>li:hover {
background: var(--tcd-accent-color-light);
} .p-header-nav__list_type2>li:hover,
.p-header-nav__list_type2>li:has(.p-megamenu:hover) {
background: var(--tcd-accent-color-light);
}
.p-header-nav__list_type2>li:hover::before,
.p-header-nav__list_type2>li:has(.p-megamenu:hover)::before {
height: 100%;
}
.p-header-nav__list_type2>li:hover > .p-megamenu,
.p-megamenu:hover {
display: block;
opacity: 1;
pointer-events: auto;
}
.p-header-nav__list>li:hover>ul {
opacity: 1;
pointer-events: auto;
}
.p-header-nav__list ul a:hover {
background: inherit;
}
.search-form_header:hover label,
.search-form_header .search-submit:hover + label,
.search-form_header:focus-within label {
opacity: 1;
visibility: visible;
pointer-events: all; }
.search-form_header:hover,
.search-form_header:focus-within {
pointer-events: all;
}
.search-form_header .search-submit:hover {
opacity: 0.6;
}
} .p-megamenu {
position: absolute;
inset: 100% 0 auto 0;
background: var(--tcd-accent-color-light);
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition-property: opacity, visibility;
transition-duration: 0.3s;
} .menu-item-megamenu ul {
display: none;
}
@media (any-hover: hover) {
.l-header:has(.p-megamenu01:hover) .menu-item-megamenu-1,
.l-header:has(.p-megamenu02:hover) .menu-item-megamenu-2,
.l-header:has(.p-megamenu03:hover) .menu-item-megamenu-3 {
background: var(--tcd-accent-color-light);
}
.p-megamenu:hover,
.l-header:has(.is-hover-enable .menu-item-megamenu-1:hover) .p-megamenu01,
.l-header:has(.is-hover-enable .menu-item-megamenu-2:hover) .p-megamenu02 {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
@media (max-width: 991px) {
.p-header-nav,
.p-megamenu {
display: none;
}
} .p-megamenu01 {
color: #ffffff;
padding-block: 40px;
}
.p-megamenu01__inner {
padding-inline: 40px;
inline-size: var(--tcd-layout-inner-size, min(calc(100% - 40px), 1100px));
margin-inline: auto;
}
.p-megamenu02__inner {
padding-inline: 40px;
inline-size: var(--tcd-layout-inner-size, min(calc(100% - 40px), 1100px));
margin-inline: auto;
}
.p-megamenu01__inner .splide__track {
position: relative;
}
.p-megamenu01__inner .splide__track::before {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
z-index: 1;
content: '';
background-color: #fff;
}
.p-megamenu01__inner.is-few-items .splide__track::before {
content: none;
}
.p-megamenu01__item {
padding: 20px 20px 25px 20px;
background-color: #fff;
border-right: 1px solid #ddd;
}
.p-megamenu01__item-image {
aspect-ratio: 235 / 140;
}
.p-megamenu01__item-link {
display: grid;
row-gap: 20px;
}
.p-megamenu01__item-content {
display: grid;
align-self: center;
row-gap: 15px;
color: #000;
}
.p-megamenu01__item-title {
--tcd-line-clamp: 2;
font-size: 14px;
font-weight: 600;
line-height: 1.7;
height: auto;
}
.p-megamenu01__item-date :where(*) {
color: inherit;
} .p-megamenu02 {
padding-block: 30px;
}
.p-megamenu02__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.color_light .c-splide-arrow :where(svg) {
fill: #000;
}
.p-megamenu02__item {
display: grid;
grid-template-columns: 120px 1fr;
grid-template-rows: 120px;
}
.p-megamenu02__list .p-megamenu02__item:nth-last-child(-n+3) .p-megamenu02__item-title {
border-bottom: none;
}
.p-megamenu02__item-title {
font-size: 16px;
font-weight: 600;
--tcd-line-clamp:3;
line-height: 1.6;
text-align: center;
align-self: stretch;
padding-inline: 20%;
background: #fff;
display: grid;
align-items: center;
border-bottom: 1px solid #ddd;
transition: background-color 0.3s ease,color 0.3s ease;
}
.p-megamenu02__item-title span {
align-items: center;
height: auto;
}
@media (any-hover: hover) {
.p-megamenu02__item:hover .p-megamenu02__item-title {
background-color: var(--tcd-accent-color);
color: #fff;
}
} @media (any-hover: hover) {
.p-header-nav-sp:hover {
opacity: 0.5;
}
.p-header-drower:hover {
opacity: 0.6;
}
}
@media (max-width: 991px) {
.p-header-top {
height: 60px;
}
.p-header-logo {
max-height: 60px;
}
:is(.p-header-catch, .p-header-search--pc, .p-header-cta--pc) {
display: none;
}
.p-header-nav-sp {
justify-self: end;
display: grid;
place-items: center;
font-size: 24px;
}
.p-header-search {
grid-template-rows: 30px;
width: 100%;
padding: 5px;
}
.p-header-search__button {
font-size: 18px;
}
.p-header-cta {
flex-direction: column;
align-items: center;
row-gap: 20px;
}
.p-header-cta__tel-info {
text-align: center;
}
.p-header-cta__button {
width: 100%;
}
.p-header-drower {
font-size: 22px !important;
padding-left: 0;
}
} .p-drawer {
position: fixed;
inset: 0 0 0 auto;
z-index: calc(infinity);
display: grid;
align-content: start;
width: 360px;
color: #ffffff;
background: var(--tcd-accent-color);
transition-property: opacity, pointer-events, visibility;
transition-duration: 0.3s;
transition-timing-function: ease;
overflow: auto;
}
.p-drawer-bg {
position: fixed;
inset: 0;
z-index: calc(infinity - 1);
background: rgba(0, 0, 0, .5);
transition-property: opacity, pointer-events, visibility;
transition-duration: 0.3s;
}
body:not(.show-drawer) .p-drawer {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
body:not(.show-drawer) .p-drawer-bg {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.p-drawer-close {
display: grid;
place-items: center end;
font-size: 12px;
height: 50px;
padding-inline: 20px;
}
.p-drawer-nav {
font-size: 16px;
line-height: 1.5;
}
.p-drawer_close_container {
display: flex;
justify-content: flex-end;
}
.p-drawer-nav a {
display: flex;
justify-content: space-between;
padding: 1em 20px;
font-size: 14px;
}
.p-drawer-nav a.is-open {
border-bottom-color: transparent;
}
.p-drawer-nav__submenu a {
border-bottom: none !important;
}
.p-drawer-nav__toggle {
cursor: pointer;
display: grid;
place-items: stretch;
flex: 0 0 50px;
margin: -1em -20px -1em 0;
transition: opacity 0.3s ease;
}
.p-drawer-nav__toggle::before {
content: "";
mask: var(--tcd-icon--arrow-bottom) no-repeat center / 2em;
background: currentColor;
}
.is-open>.p-drawer-nav__toggle::before {
transform: rotate(180deg);
}
.p-drawer-nav__submenu {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s cubic-bezier(0.17, 0.84, 0.44, 1);
color: #fff;
background: var(--tcd-accent-color-light);
}
.is-open+.p-drawer-nav__submenu {
grid-template-rows: 1fr;
}
.p-drawer-nav__submenu>ul {
overflow: hidden;
}
.p-drawer-nav__submenu>ul ul a {
padding-left: calc(20px + 1em);
}
.p-drawer-bottom { --tcd-sns-icon-color: #ffffff;
--tcd-sns-icon-justify: center;
display: grid;
align-content: start;
row-gap: 30px;
padding: 30px 20px;
} .p-drawer-bottom .p-header-cta__button {
display: grid;
row-gap: 20px;
}
.p-drawer-bottom .p-header-button_color {
background-color: unset;
}
.p-drawer-bottom .p-header-button_item {
min-width: 100%;
padding: 15px;
border: 1px solid color-mix(in srgb, #ffffff 20%, transparent);
border-radius: 5px;
}
.p-drawer-bottom .p-header-banner {
width: 100%;
height: 100%;
} .p-drawer-bottom .p-header-cta__tel {
border: 1px solid color-mix(in srgb, #ffffff 20%, transparent);
border-radius: 5px;
color: #fff;
padding: 15px;
justify-content: center;
gap: 15px;
}
.p-drawer-bottom .p-header_tel_number {
color: #fff;
font-size: 20px;
margin: 0 auto;
column-gap: 0.1em;
}
.p-drawer-bottom .tel_number_icon {
width: 16px;
height: 16px;
}
.p-drawer-bottom .tel_number_icon svg {
fill: #fff;
}
.p-drawer-bottom .p-header-cta__tel-info {
color: #fff;
line-height: 1;
}
.p-drawer-bottom .p-header-cta__tel-info a{
color: #fff;
text-decoration: underline;
}
.p-drawer-bottom-buttons-link {
display: grid;
align-items: center;
text-align: center;
color: #fff;
padding: calc(16px + var(--tcd-half-read)) 20px;
line-height: 1.4;
border: 1px solid rgba(255, 255, 255, .2);
}
@media (any-hover: hover) {
.p-drawer-bottom-buttons-link:hover {
color: rgba(255, 255, 255, .5);
}
} .p-drawer-bottom-search {
display: grid;
grid-template-columns: 1fr 55px;
grid-template-rows: 50px;
color: #fff;
background: var(--tcd-accent-color-light);
border-radius: calc(infinity* 1px);
overflow: hidden;
}
.p-drawer-bottom-search-input {
border: none;
background: inherit;
padding-inline: 20px;
}
.p-drawer-bottom-search-submit {
display: grid;
place-items: center;
font-size: 20px;
}
.p-drawer-bottom-search-submit:before {
content: '';
width: 1em;
height: 1em;
mask: var(--tcd-icon--search) no-repeat center / 1.2em;
background: currentColor;
}
@media (any-hover: hover) {
.p-drawer-close:hover,
.p-drawer-nav__toggle:hover {
opacity: 0.5;
}
.p-drawer-nav a:hover {
color: rgba(255, 255, 255, .5);
}
}
@media (max-width: 600px) {
.p-drawer {
width: 100%;
}
.p-drawer-bg {
display: none;
}
} .p-header-message {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
text-align: center;
font-size: 14px;
font-weight: 600;
padding: 1em 20px;
position: relative;
z-index: 100;
}
.p-header-message__label {
display: block;
color: inherit;
line-height: 1.4;
margin: -0.2em 0;
padding-top: 1px;
}
@media (any-hover: hover) {
.p-header-message a:hover {
color: inherit;
text-decoration: underline;
}
}
@media (max-width: 767px) {
.p-header-message {
min-height: 40px;
font-size: 12px;
}
} .p-mv1 {
position: relative;
overflow: hidden;
} .p-mv-height-type-1 {
height: calc(100svh - var(--tcd-header-message-height, 0px) - 160px);
}
.p-mv-height-type-1.use_news_ticker{
height: calc(100svh - var(--tcd-header-message-height, 0px) - 230px);
}
@media(max-width:991px) {
.p-mv-height-type-1 {
height: calc(100svh - var(--tcd-header-message-height, 0px) - 60px);
}
.p-mv-height-type-1.use_news_ticker {
height: calc(100svh - var(--tcd-header-message-height, 0px) - 130px);
}
} .p-mv-height-type-2 {
height: var(--tcd-index-mv1-height-pc, 550px);
}
.p-mv1-content {
position: absolute;
inset: 0;
z-index: 1;
display: grid;
align-content: center;
row-gap: 50px;
text-align: var(--tcd-index-mv1-header-text-align);
color: #ffffff;
}
.p-mv-no-img-content {
position: relative;
inset: 0;
z-index: 1;
display: grid;
align-content: center;
row-gap: 50px;
text-align: var(--tcd-index-mv1-header-text-align);
color: #000000;
padding-bottom: 100px;
padding-top: 100px;
}
@media (max-width:767px) {
.p-mv-no-img-content div {
line-height: 2.2;
}
.p-mv1-content div {
line-height: 2.2;
}
.p-mv-no-img-content {
padding: 40px 0 40px 0;
}
.p-mv-no-img-content {
row-gap: 30px;
}
h2.p-mv1-content-title_2 {
line-height: 1.6;
}
div.p-mv1-content-title_2 {
line-height: 2.2;
font-size: 14px;
}
h2.p-mv1-content-title_1 {
line-height: 1.6;
}
div.p-mv1-content-title_1 {
line-height: 2.2;
}
}
.p-mv1-content-title {
font-size: var(--tcd-index-mv1-catch-font-size-pc);
line-height: 1.6;
font-family: var(--tcd-index-mv1-catch-font_type);
margin-block: var(--tcd-half-read);
}
.p-mv1-content-title a {
text-decoration: underline;
transition: opacity 0.3s ease;
}
.p-mv1-content-title_2 {
font-size: 16px;
line-height: 2.8;
margin-block: var(--tcd-half-read);
}
.p-mv1-content-title_2 a {
text-decoration: underline;
transition: opacity 0.3s ease;
}
.p-mv1-content-desc {
font-size: 18px;
line-height: 2.2;
margin-block: var(--tcd-half-read);
}
.p-mv1-content-button {
display: inline-grid;
place-items: center;
justify-self: var(--tcd-index-mv1-header-text-align);
width: fit-content;
min-width: 280px;
height: 70px;
font-size: 16px;
color: #ffffff;
background: var(--tcd-index-mv1-button-bg-color);
border-radius: calc(infinity* 1px);
transition: background-color 0.3s ease;
padding: 0 1.5em;
line-height: 1.4;
overflow: hidden;
}
.p-mv1-overlay {
position: absolute;
inset: 0;
}
.p-mv1__track,
.p-mv1__list {
height: inherit;
}
.p-mv1__pagination {
position: absolute;
inset: auto 0 30px;
width: fit-content;
margin-inline: auto;
gap: 10px;
}
.p-mv1__pagination button {
display: block;
font-size: 14px;
width: 1em;
height: 1em;
border-radius: 50%;
border: 1px solid #ffffff;
}
.p-mv1__pagination button.is-active {
background: #ffffff;
}
@media (any-hover: hover) {
.p-mv1-content-button:hover {
background-color: color-mix(in srgb, var(--tcd-index-mv1-button-bg-color) 80%, #fff); ;
}
.p-mv1-content-title a:hover {
opacity: 0.6;
}
.p-mv1-content-title_2 a:hover {
opacity: 0.6;
}
}
@media (max-width:767px) {
.p-mv1-content {
row-gap: 30px;
}
.p-mv1-content-title {
font-size: var(--tcd-index-mv1-catch-font-size-sp);
}
.p-mv1-content-title_2 {
font-size: var(--tcd-index-mv1-catch-font-size-sp-2);
}
.p-mv1-content-desc {
font-size: 14px;
}
.p-mv1-content-button {
min-width: 240px;
height: 60px;
font-size: 14px;
}
}
.p_top_fix_last_contents .p-cb-button {
margin-bottom: 90px;
}
.p-mv2 {
height: auto;
aspect-ratio: 1450 / 800;
display: flex;
width: 100%;
}
.p-mv2_catch_content {
width: 50%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--tcd-index-mv2-bg-color);
padding-right: 115px;
padding-left: 115px;
}
.p-mv2_catch_item {
display: grid;
gap: 40px;
}
.p-mv2_catch_item .main_catch{
font-size:var(--tcd-index-mv2-catch-font-size-pc) ;
font-family: var(--tcd-index-mv2-catch-font_type);
color: #fff;
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
@media(max-width:991px) {
.p-mv2_catch_item .main_catch{
font-size: var(--tcd-index-mv2-catch-font-size-sp);
}
.p-mv2_catch_content {
padding-right: 40px;
padding-left: 40px;
}
.p-mv2_catch_item .sub_catch {
line-height: 2.2;
}
}
.p-mv1-content-title,
.p-mv1-content-title_2,
.p-mv1-content-button {
opacity: 0;
}
body.is-ready .animate-catch .p-mv1-content-title,
body.is-ready .animate-catch .p-mv1-content-title_2,
body.is-ready .animate-catch .p-mv1-content-button {
opacity: 0;
transform: translateY(20px);
animation: fadeSlideIn 1.2s forwards;
}
body.is-ready .animate-catch .p-mv1-content-title_2 {
animation-delay: 0.3s;
}
body.is-ready .animate-catch .p-mv1-content-button {
animation-delay: 0.6s;
}
.main_catch,
.sub_catch {
opacity: 0;
}
body.is-ready .animate-catch .main_catch,
body.is-ready .animate-catch .sub_catch {
opacity: 0;
transform: translateY(20px);
animation: fadeSlideIn 1.2s forwards;
}
body.is-ready .animate-catch .sub_catch {
animation-delay: 0.3s;
}
@keyframes fadeSlideIn {
to {
opacity: 1;
transform: translateY(0);
}
}
.p-mv2_catch_item .sub_catch{
font-size: 16px;
color: #fff;
line-height: 2.8;
margin-block: var(--tcd-half-read);
}
.p-mv2_img_slider_content {
width: 50%;
height: 100%;
background-color: #ddd;
}
.p-mv2__track {
height: 100%;
width: 100%;
}
.p-mv2__slide_img_item {
position: relative;
height: 100%;
width: 100%;
}
.p-mv2__slide .p-mv2_catch_content{
display: flex;
width: 100%;
}
.p-mv2__slide_link_info {
display: flex;
justify-content: space-between;
align-items:center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
background-color: var(--tcd-index-mv2-link-overlay);
padding: 30px 15px 30px 40px;
}
a.p-mv2__slide_link_info {
cursor: pointer;
}
.p-mv2__slide_link_info_item {
display: grid;
gap: 20px;
color: #fff;
}
.p-mv2__slide_link_info_item .main_info {
font-size: 18px;
font-weight: 600;
margin-block: var(--tcd-half-read);
--tcd-line-clamp: 1;
transition: opacity 0.3s;
}
.p-mv2__slide_link_info_item .sub_info {
font-size: 14px;
margin-block: var(--tcd-half-read);
}
.p-mv2__slide_link_info_arrow {
width: 3em;
height: 3em;
position: relative;
flex-shrink: 0;
}
.p-mv2__slide_link_info_arrow::before {
content: "";
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-image: var(--tcd-icon--arrow-right);
background-repeat: no-repeat;
background-size: contain;
filter: invert(1);
animation-fill-mode: both;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-name: none;
animation-iteration-count: infinite;
}
@media (any-hover: hover) {
.p-mv2__slide_link_info:hover .p-mv2__slide_link_info_arrow::before {
animation-name: arrowFloatLeft;
animation-fill-mode: both;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
animation-delay: -0.75s;
}
a.p-mv2__slide_link_info:hover .p-mv2__slide_link_info_item .main_info {
opacity: 0.6;
}
}
@media (max-width:800px) {
.p-mv2 {
aspect-ratio: unset;
height: calc(100svh - var(--tcd-header-message-height, 0px) - 60px);
display: block;
}
.p-mv2.use_news_ticker {
height: calc(100svh - var(--tcd-header-message-height, 0px) - 130px);
}
.p-mv2.is-single {
height: calc(100svh - var(--tcd-header-message-height, 0px) - 100px);
}
.p-mv2.is-single.use_news_ticker {
height: calc(100svh - var(--tcd-header-message-height, 0px) - 170px);
}
.p-mv2_catch_content {
display: none;
}
.p-mv2_img_slider_content {
width: 100%;
height: calc(100svh - var(--tcd-header-message-height, 0px) - 100px);
}
.p-mv2.use_news_ticker .p-mv2_img_slider_content {
height: calc(100svh - var(--tcd-header-message-height, 0px) - 170px);
}
.p-mv2__slide_link_info_arrow {
display: none;
}
.p-mv2__slide_link_info {
padding: 20px 25px;
}
.p-mv2__slide_link_info_item {
gap: 15px;
}
.p-mv2__slide_link_info_item .main_info {
--tcd-line-clamp: 2;
font-size: 16px;
line-height: 1.6;
} .p-mv2__pagination {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
height: 40px;
border-bottom: 1px solid #ddd;
}
.p-mv2__pagination .splide__pagination__page {
width: 40px;
height: 5px;
background-color: #ddd;
transition: opacity 0.3s;
}
.p-mv2__pagination .splide__pagination__page.is-active {
background-color: #000;
}
.p-mv2__pagination li {
margin-bottom: 3px;
}
} .p-post-cards {
display: grid;
grid-template-columns: 1fr 1fr;
}
.p-post-cards-item {
display: flex;
column-gap: 40px;
padding: 30px;
background: #ffffff;
border: 1px solid #dddddd;
margin: -1px;
margin-top: 0px;
margin-right: 0px;
}
.p-post-cards-item__link {
flex: 1;
display: grid;
align-content: center;
row-gap: 20px;
}
.c-category_type {
place-items: center;
width: fit-content;
padding: calc(10px + var(--tcd-half-read)) 15px calc(9px + var(--tcd-half-read));
background: #ffffff;
border: 1px solid var(--tcd-accent-color);
border-radius: calc(infinity* 1px);
font-size: 14px;
color: var(--tcd-accent-color);
line-height: 1.6;
min-width: 100px;
text-align: center;
}
.c-category_type :where(a) {
transition: opacity 0.3s;
}
@media (any-hover: hover) {
.c-category_type :where(a):hover {
opacity: 0.6;
}
}
.p-post-cards-item__image {
flex: 0 0 200px;
align-self: flex-start;
aspect-ratio: 1;
}
.p-post-cards-item__category {
pointer-events: none;
position: absolute;
inset: 40px;
z-index: 1;
display: grid;
align-content: end;
aspect-ratio: 16 / 10;
}
.p-post-cards-item__title {
--tcd-line-clamp: 3;
font-size: 18px;
line-height: 1.6;
max-height: calc(1lh* var(--tcd-line-clamp));
height: auto;
}
.p-pr-card-item_contents {
display: grid;
gap: 15px;
}
.p-pr-cards-item__title {
--tcd-line-clamp: 1;
font-size: 16px;
line-height: 2;
}
.p-post-cards-item__desc {
--tcd-line-clamp: 1;
font-size: 14px;
line-height: 1.6;
}
@media (max-width: 991px) {
.p-post-cards {
grid-template-columns: 1fr;
gap: 0;
margin-inline: -20px;
}
}
@media (max-width: 767px) {
.p-post-cards-item__desc {
display: none;
}
.p-post-cards-item__link {
row-gap: 15px;
max-width: 100%;
}
.p-post-cards-item__category {
inset: 20px;
}
.p-post-cards-item__title {
font-size: 14px;
height: auto;
line-height: 1.8;
}
.p-archive--post .p-post-cards-item__date {
display: none;
}
.c-category_type {
font-size: 12px;
min-width: 90px;
}
}
.p-pr__name {
font-family: 'Arial';
font-size: 14px;
color: #999999;
line-height: 1;
} .p-single {
display: grid;
align-content: start;
row-gap: 50px;
}
@media (max-width: 767px) {
.p-single {
row-gap: 40px;
}
} .p-single-header {
display: grid;
align-content: start;
row-gap: 20px;
position: relative;
padding-top: 70px;
}
.p-single-header__title {
font-size: var(--tcd-single-title-font-size-pc);
font-family: var(--tcd-single-title-font-type);
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
.p-single-header__image {
position: relative;
margin-block-start: 30px;
}
.p-single-header__image :where(img) {
width: 100%;
}
.p-single-header__image :where(.p-single-header__category) {
position: absolute;
inset: auto auto 0 0;
background: #ffffff;
}
.p-single-header__category {
background: #ffffff;
padding: 0;
color: var(--tcd-accent-color);
text-align: left;
margin: -0.2em 0;
}
@media (max-width: 991px) {
.p-single-header {
padding: 40px 0 0;
border: none;
}
}
@media (max-width: 767px) {
.p-single-header {
row-gap: 15px;
padding-top: 30px;
}
.p-single-header__category {
font-size: 14px;
}
.p-single-header__title {
font-size: var(--tcd-single-title-font-size-sp) !important;
line-height: 1.5;
}
.p-single-header__image {
margin: 0 -20px 0;
margin-top: 15px;
}
} .p-single-bottom {
display: grid;
row-gap: 50px;
margin-top: 20px;
}
.p-single-bottom_contents {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
}
.p-single-bottom_contents .p-post-cards-item__link {
align-content: flex-start;
}
.p-single-bottom_contents .p-post-cards-item {
padding: 20px;
column-gap: 20px;
}
.p-single-bottom_contents .p-post-cards-item__image {
flex: 0 0 120px;
}
.p-single-bottom_contents .p-post-cards-item__date {
display: none;
}
@media (max-width: 767px) {
.p-single-bottom_contents {
grid-template-columns: 1fr;
}
.p-single-bottom_contents .p-post-cards-item__link {
align-content: center;
}
}
@media (max-width: 991px) {
.p-single-bottom {
inline-size: unset;
margin-block-start: 0;
}
}
@media (max-width: 1024px) {
.p-single-bottom_contents {
grid-template-columns: 1fr;
}
.p-single-bottom_contents .p-post-cards-item__link {
align-content: center;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.p-single-bottom {
inline-size: min(calc(100% - 40px), 1180px);
margin-block-start: 40px;
}
}
.p-single-bottom__news {
display: grid;
align-content: start;
row-gap: 50px;
margin-block-start: 150px;
width: 100%;
}
@media (max-width: 991px) {
.p-single-bottom__news {
row-gap: 40px;
}
}
.p-recent-news {
margin-top: 0;
}
.p-single-bottom-title {
font-size: 28px;
line-height: 1.6;
text-align: center;
margin-block: var(--tcd-half-read);
}
@media (max-width: 767px) {
.p-single-bottom {
row-gap: 40px;
margin-block-start: 0;
margin: 0 -20px;
}
.p-single-bottom-title {
font-size: 20px;
line-height: 1.5;
inline-size: 100%;
padding: 0 20px;
}
} .p-single-bottom .p-post-cards {
gap: 50px 20px;
}
.p-single-bottom .p-post-cards-item__link {
row-gap: 17px;
padding: initial;
}
.p-single-bottom .p-post-cards-item__category {
inset: 0;
}
.p-single-bottom .p-post-cards-item__title {
font-size: 16px;
--tcd-line-clamp: 3;
}
.p-news-cards_bottom {
display: grid;
}
.p-news-cards-item-bottom {
display: flex;
align-items: center;
border: 1px solid #dddddd;
margin-top: -1px;
padding: 20px;
}
.p-news-cards-item-bottom__content .p-news-cards-item__date {
margin-bottom: 0;
}
.p-news-cards-item-bottom__content .p-news-cards-item__image {
aspect-ratio: 200 / 120;
flex: 0 0 200px;
}
.p-news-cards-item-bottom .p-news-cards-item__title {
--tcd-line-clamp: 1;
font-size: 16px;
}
.p-news-cards-item-bottom__content {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 767px) {
.p-news-cards_bottom {
margin-inline: -20px;
}
} .p-news-cards {
display: grid;
}
.p-news-cards__no_thumbnail {
display: block;
} .p-news-cards-item {
display: flex;
background: #ffffff;
margin-top: -1px;
margin-right: 0 !important;
padding: 30px;
gap: 40px;
border: 1px solid #ddd;
}
.p-news-cards-item-no_img {
display: flex;
background: #ffffff;
margin-right: 0 !important;
padding: 30px;
gap: 40px;
border: 1px solid #ddd;
margin-top: -1px;
}
.p-news-no_img_category .c-category_type {
width: 120px;
min-width: none;
}
.p-news-cards-left_item {
display: grid;
gap: 20px;
}
.p-news_cate_date_sp {
display: flex;
justify-content: center;
align-items: center;
}
.p-news-cards-item_no_img_content .p-news-cards-item__date {
flex-shrink: 0;
}
.p-news-cards-item_no_img_content .c-date--updated {
display: none;
}
.p-news-cards-item_no_img_content .c-category_type {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 100px;
padding: calc(10px + var(--tcd-half-read)) 15px calc(9px + var(--tcd-half-read));
border: 1px solid var(--tcd-accent-color);
border-radius: calc(infinity* 1px);
background: #ffffff;
font-size: 14px;
color: var(--tcd-accent-color);
line-height: 1.6;
text-align: center;
}
.p-news-cards-item_no_img_top {
display: flex;
gap: 20px;
align-items: center;
}
.p-news-cards-item__meta {
display: flex;
align-items: center;
gap: 15px;
flex-shrink: 0; }
.p-news-cards-item_no_img_top .p-news-cards-item__title {
--tcd-line-clamp: 1;
}
.p-news-cards-item-no_thumbnail {
height: 220px;
}
.p-news-cards-item-no_thumbnail .p-news-cards-item__content {
padding-left: 30px;
}
.news_no_update_date .c-date--updated {
display: none;
}
.post_no_update_date .c-date--updated {
display: none;
}
.p-news-cards-item__image {
height: auto;
flex: 0 0 300px;
align-self: flex-start;
aspect-ratio: 300 / 180;
background: #000000;
}
.p-news-cards-item__content {
align-content: center;
display: grid;
justify-content: flex-start;
gap: 20px;
width: 100%;
}
.p-news-cards-item__content .c-news-category {
color: var(--tcd-accent-color);
}
.p-news-cards-item__title {
--tcd-line-clamp: 2;
font-size: 18px;
height: auto;
line-height: 1.6;
margin-block: var(--tcd-half-read);
font-weight: 600;
}
@media (max-width: 991px) {
.p-news-cards-item-bottom .p-news-cards-item__title {
--tcd-line-clamp: 2;
font-size: 14px;
}
}
@media (max-width: 767px) {
.p-news-cards-item_no_img_top {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}
.p-news-cards-item_no_img_top .c-category_type,
.p-news-cards-item_no_img_top .p-news-cards-item__date {
display: inline-flex;
align-items: center;
gap: 10px;
}
.p-news-cards-item_no_img_top .c-category_type {
font-size: 12px;
}
.p-news-cards-item_no_img_top .p-news-cards-item__title {
font-size: 14px;
line-height: 1.6;
}
}
@media (max-width: 767px) {
.p-news-cards-item_no_img_top {
gap: 15px;
}
.p-news-cards-item-no_img {
padding: 20px;
}
.p-news-cards-item_no_img_content {
gap: 15px;
}
.p-news-cards {
grid-template-columns: 1fr;
margin-inline: -20px;
}
.p-news-cards-item {
padding: 20px;
gap: 20px;
}
.p-news-cards-item__image {
flex: 0 0 160px;
}
.p-news-cards-item-bottom__content
.p-news-cards-item__image {
aspect-ratio: unset;
flex: 0 0 160px;
}
.p-news-cards-item-bottom__content
.p-news-cards-item__content {
gap: 15px;
}
.p-news-cards-item-bottom .p-news-cards-item__title {
font-size: 14px;
}
.p-news-cards-item__title {
font-size: 14px;
line-height: 1.8;
}
.p-news-cards-item__content .c-category_type {
display: none;
}
.p-news-cards-item-bottom__content {
align-items: center;
}
.p-single-bottom .c-category {
background: #ffffff;
}
.p-single-bottom .p-post-cards {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding: initial;
background: initial;
}
.p-single-bottom .p-post-cards-item__title {
--tcd-line-clamp: 3;
font-size: 14px;
}
.p-post-cards-item__image {
flex: 0 0 120px;
}
.p-post-cards-item {
padding: 20px;
column-gap: 20px;
margin-top: -1px;
border-inline: none;
}
}
@container main (max-width: 900px) {
.p-news-cards-item__content {
row-gap: 15px;
}
}
@media (max-width: 400px) {
.p-news-cards-item__title {
--tcd-line-clamp: 2;
}
.p-news-cards-item__content .c-date {
font-size: 14px;
}
}
@media (max-width: 767px) {
.c-archive-header-terms {
padding-inline: 20px;
inline-size: 100%;
justify-content: flex-start;
}
.category_terms_track {
overflow: visible;
}
.category_terms_list:after {
content: '';
}
.p-news-cards-item-no_thumbnail .p-news-cards-item__content {
padding-left: 25px;
}
.p-news-cards-item-no_thumbnail {
height: 120px;
}
.category_item {
width: 100%;
}
} .p-service-cards {
display: grid;
gap: 70px;
}
.p-service-cards-item {
display: flex;
width: 100%;
height: auto;
aspect-ratio: 1100 / 290;
cursor: pointer;
}
.p-service-cards-elements {
width: 80px;
height: 80px;
position: absolute;
top: 0;
right: 0;
background-color: var(--tcd-accent-color);
display: flex;
justify-content: center;
align-items: center;
}
.elements_contents {
display: grid;
gap: 10px;
color: #fff;
}
.elements_text {
font-size: 12px;
}
.elements_number {
font-size: 20px;
text-align: center;
line-height: 1;
}
.p-service-cards-item__image {
width: 43.64%;
position: relative;
}
.p-service-cards-item__content {
border: 1px solid #ddd;
border-left: none;
width: 56.36%;
}
.p-service-cards-item__title {
height: 80px;
font-size: 26px;
position: relative;
display: flex;
border-bottom: 1px solid #ddd;
align-items: center;
justify-content: space-between;
line-height: 1.6;
padding-left: 50px;
transition: color 0.3s;
margin-top: -1px;
}
.p-service-cards-item__title span {
margin-top: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 500px;
}
.p-service_title_arrow {
position: absolute;
right: 13px;
width: 1.25em;
height: 1.25em;
overflow: hidden;
opacity: 0;
transition: opacity 0.3s;
}
.p-service_title_arrow::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: var(--tcd-icon--arrow-right);
background-repeat: no-repeat;
background-size: contain;
opacity: 0; transform: translateX(0); animation-fill-mode: both;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-name: none; animation-iteration-count: infinite; }
.p-service-cards-item__desc {
height: calc( 100% - 80px );
display: flex;
align-items: center;
padding-left: 50px;
padding-right: 60px;
font-size: 16px;
line-height: 2.4;
}
.p-service-cards-item__desc span {
--tcd-line-clamp: 3;
}
@media (any-hover: hover) {
.p-service-cards-item__link:hover .p-service-cards-item__title {
color: var(--tcd-accent-color);
}
.p-service-cards-item__link:hover .p-service_title_arrow {
opacity: 1;
}
.p-service-cards-item__link:hover .p-service_title_arrow::before {
animation-name: arrowFloatLeft;
}
:where(.p-archive--service .p-service-cards-item__link):hover .c-thumbnail-image {
transform: unset;
filter: unset;
}
}
@media (max-width:991px) {
.p-service-cards {
grid-template-columns: 1fr 1fr;
}
.p-service-cards {
gap: 20px;
}
.p-service-cards-item {
display: grid;
aspect-ratio: unset;
}
.p-service-cards-item__image {
width: 100%;
height: 190px;
}
.p-service-cards-item__content {
width: 100%;
border-top: none;
}
.p-service-cards-item__title {
height: 60px;
padding-left: 0;
justify-content: center;
border-left: 1px solid #ddd;
width: 100%;
padding: 0 20px;
}
.p-service_title_arrow {
display: none;
}
.p-service-cards-item__title span {
font-size: 18px;
max-width: unset;
}
.p-service-cards-item__desc {
height: auto;
padding: 30px;
font-size: 14px;
line-height: 2.2;
border-left: 1px solid #ddd;
}
.p-service-cards-elements {
bottom: 0;
left: 50%;
transform: translateX(-50%);
top: unset;
}
}
@media (max-width:767px) {
.p-service-cards {
grid-template-columns: 1fr;
}
} .p-single-service_top_inner {
position: relative;
width: 100%;
display: grid;
gap: 70px;
margin-bottom: 50px;
}
.p-single-service-header_back_color {
position: absolute;
top: -120px;
left: 0;
width: 100%;
height: calc( 120px + ( 100% / 2));
z-index: -1;
background-color: #f6f6f6;
border-image: linear-gradient(#f6f6f6 0 0) fill 0 / 1 / 0 100vi;
}
.p-single-service-header {
margin-top: 120px;
border: 1px solid #ddd;
padding: 100px 50px 50px 50px;
display: grid;
gap: 50px;
position: relative;
inline-size: min(calc(100% - 40px), 900px);
margin-inline: auto;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
.p-single-service-header:not(:has(.p-single-service_element_content)) {
padding: 50px;
}
.p-single-service_element_content {
width: 100px;
height: 100px;
background-color: var(--tcd-accent-color);
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center
}
.p-single-service-header .p-single-header__title {
font-size: var(--tcd-single-title-font-size-pc);
font-family: var(--tcd-single-title-font-type);
text-align: center;
}
.p-single-header__image_service {
position: relative;
width: 100%;
}
.p-single-header__image_service :where(img) {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-single-header__image_service :where(.p-single-header__category) {
position: absolute;
inset: auto auto 0 0;
background: #ffffff;
}
.p-service-single-header_desc {
font-size: 16px;
line-height: 2.4;
margin-block: var(--tcd-half-read);
} .service_list_contents {
display: grid;
inline-size:min(calc(100% - 40px), 900px);
margin-inline: auto;
}
.service_list_title {
display: flex;
justify-content: center;
align-items: center;
height: 70px;
background-color: var(--tcd-accent-color);
color: #fff;
font-size: 26px ;
font-weight: 600;
}
.p-single__content_service {
inline-size: var(--tcd-service_single_width);
margin-right: auto;
margin-left: auto;
padding-top: 100px;
border-top: 1px solid #ddd;
}
.p-single__content_no_border {
border-top: none;
padding-top: 0;
}
.p-single-bottom__service {
display: grid;
gap: 70px;
width:100%;
padding: 100px 0;
background-color: #f6f6f6;
}
.p-service-cards_bottom {
inline-size: min(calc(100% - 40px), 1100px);
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: auto;
}
.p-service-cards-item-bottom__image {
aspect-ratio: 370 / 220 ;
width: 100%;
height: auto;
}
.p-service-cards-item-bottom__image img {
transform: scale(1.01);
}
.p-service-cards-item-bottom {
display: grid;
}
.p-service-cards-bottom-item__title {
height: 70px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
background-color: #fff;
border-right: 1px solid #ddd;
padding-inline: 20px;
line-height: 1.6;
}
.p-service-cards-item-bottom:nth-child(3n) .p-service-cards-bottom-item__title {
border-right: none;
}
.p-service-cards-item-bottom:last-child .p-service-cards-bottom-item__title {
border-right: none;
}
.p-service-bottom-button {
margin: 0 auto;
}
.service_list_main_type1 {
padding: 50px 60px;
background-color: #f6f6f6 ;
display: grid;
gap: 25px;
}
.service_list_main_type2 {
padding: 50px 60px;
background-color: #f6f6f6 ;
display: grid;
gap: 25px;
grid-template-columns: 1fr 1fr;
}
.service_list_item {
font-size: 16px;
}
.table-tab-container {
width: 100%;
}
.table-tabs {
display: flex;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 2px solid #ccc;
}
.table-tab {
padding: 10px 15px;
cursor: pointer;
background: #f1f1f1;
border: 1px solid #ccc;
border-bottom: none;
margin-right: 5px;
position: relative;
}
.table-tab.active {
background: #ffffff;
}
.table-tab span {
padding-right: 20px;
padding-left: 20px;
height: auto;
} .table-tabs {
display: flex;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 2px solid #ccc;
}
.table-tab.active {
background: #ffffff;
}
.table-content {
padding: 50px;
border: 1px solid #ccc;
background: #ffffff;
}
.table-content.is-single {
padding: 0;
border-bottom: none;
border-right: none;
border-left: none;
border-top: none;
}
.table-panel {
display: none;
}
.table-panel.active {
display: block;
}
.table-tab.active::before {
content: '';
height: 1px;
width: 100% ;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
transform: none;
} .table-scroll-wrapper::-webkit-scrollbar {
display: none;
} .custom-table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.custom-table tr {
display: flex;
}
.custom-table tr:has(.colspan_td) {
display: flex;
}
.custom-table td {
flex: 1;
margin: -1px;
padding: 0 !important;
min-height: 70px;
display: flex;
justify-content: flex-start;
align-items: center;
border: 1px solid #ccc;
padding-block: 15px !important;
}
.custom-table tr.first-tr td {
font-weight: 600;
}
.custom-table td.table-first-col {
background: #f6f6f6;
}
.custom-table .first-col {
flex: 1;
}
.custom-table td span {
padding-left: 30px;
padding-right: 30px;
} .colspan_td {}
.colspan-2 { flex: 2 !important; }
.colspan-3 { flex: 3 !important; }
.colspan-4 { flex: 4 !important; }
.colspan-5 { flex: 5 !important; } .table-tabs-service {
display: flex;
justify-content: center;
padding-left: 0 !important;
margin-bottom: 0 !important;
flex-wrap: nowrap; -webkit-overflow-scrolling: touch;
gap: 0; scrollbar-width: none; }
.table-tab.is-single {
width: 100% !important;
margin-right: 0 !important;
border: none;
justify-content: flex-start !important;
font-size: 18px;
font-weight: 600;
}
.table-tab.is-single span {
padding-right: 0;
padding-left: 0;
} .table-tabs-service::-webkit-scrollbar {
display: none;
} .table-tabs-service .table-tab {
list-style: none;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
margin-right: -1px;
padding: 0 !important;
position: relative;
flex-shrink: 0; width: 300px;
line-height: 1.6;
--tcd-line-clamp:2;
}
.table-tabs-service .table-tab.is-single {
height: auto;
margin-bottom: 30px;
} @media (max-width: 767px) {
.table-tabs-service-wrapper.is-single {
margin-inline: -20px;
margin-bottom: 20px;
}
.table-tabs-service .table-tab.is-single {
height: auto;
}
.table-tab.is-single span {
padding-inline: 20px !important;
}
.table-content.is-single {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.table-tab.is-single {
max-width: 100% !important;
}
.table-tabs-service:has(.table-tab:nth-child(1):nth-last-child(1)) .table-tab {
max-width: 250px;
width: 100%;
margin: 0 auto;
}
.table-tabs-service:has(.table-tab:nth-child(2):nth-last-child(1)) .table-tab {
width: calc( 100% / 2);
}
.table-tabs-service:has(.table-tab:nth-child(3):nth-last-child(1)) .table-tab {
width: calc( 100% / 3);
}
.table-content {
border-right: none;
border-left: none;
padding: 40px 0 !important;
margin-inline: -20px;
}
.table-scroll-wrapper {
overflow-x: auto;
padding-inline: 20px;
display: flex;
justify-content: flex-start;
scrollbar-width: none; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior: contain;
overflow-y: hidden;
}
.service_list_main_type1 {
padding: 40px;
}
}
@media(max-width:991px) {
.table-tabs-service .table-tab {
width: 220px;
font-size: 14px;
}
.table-content {
font-size: 14px;
padding: 20px;
}
}
@media (max-width:767px) {
.p-single-service-header {
inline-size: 100%;
margin-top: 70px;
padding: 70px 0 0 0;
gap:30px;
border:none;
}
.p-single-service_top_inner {
gap: 40px;
margin-bottom: 0;
}
.p-single-service_element_content {
width: 80px;
height: 80px;
top: -40px;
}
.p-single-service-header_back_color {
top: -70px;
height: calc(70px + (100% / 2));
}
.p-service-single-header_desc {
padding: 10px 20px 0 20px;
}
.service_list_title {
height: 60px;
font-size: 18px;
}
.service_list_main_type2 {
padding: 40px;
grid-template-columns:1fr;
gap: 20px;
}
.service_list_item {
font-size: 14px;
}
.p-single__content_service {
padding-top: 40px;
inline-size: 100%;
}
.p-single__content_service .tcdce-body {
padding-inline: 20px;
box-sizing: border-box;
}
.custom-table td {
padding-block: 0 !important;
}
.custom-table td span {
white-space: normal;
}
.custom-table td {
min-height: 50px;
min-width: 200px;
height: auto !important;
}
.custom-table td span {
padding: 15px;
}
.table-tabs-service .table-tab {
height: 60px;
}
.p-single-bottom__service {
padding-top: 40px;
gap: 40px;
padding-bottom: 40px;
}
.p-service-cards_bottom {
display: flex;
padding-inline: 20px;
inline-size: 100%;
justify-content: flex-start;
overflow-x: scroll;
white-space: nowrap;
scrollbar-width: none;
}
.p-service-cards-item-bottom {
flex: 0 0 auto;
width: 250px;
scroll-snap-align: start;
}
.p-service-cards-item-bottom__image {
height: 150px;
aspect-ratio: unset;
}
.p-service-cards-bottom-item__title {
font-size: 16px;
border-bottom: 1px solid #ddd;
height: 60px;
}
.p-service-cards-bottom-item__title .c-line-clamp {
white-space: normal !important;
}
.p-service-cards-item-bottom:nth-child(3n) .p-service-cards-bottom-item__title {
border-right: 1px solid #ddd;
}
.p-service-cards-item-bottom:first-child .p-service-cards-bottom-item__title {
border-left: 1px solid #ddd;
}
.p-service-cards-item-bottom:last-child .p-service-cards-bottom-item__title {
border-right: 1px solid #ddd;
}
} .p-archive--voice {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 13px;
}
.voice-archive-content {
display: grid;
gap: 70px;
}
.p-archive--voice .c-thumbnail-image {
height: 100% !important;
}
.p-voice-cards-item {
display: grid;
}
.p-voice-cards-item.no_info_contents {
border-bottom: 1px solid #ddd;
}
.p-voice-cards-item__image {
height: 210px;
width: 100%;
}
.voice_archive_animation {
opacity: 0 !important;
transform: translateX(-10px);
transition: opacity 0.6s, transform 0.6s;
}
.voice_archive_animation.animate {
opacity: 1 !important;
transform: translateX(0);
}
.p-voice-cards-item__title {
font-size: 20px;
--tcd-line-clamp: 3;
font-weight: 600;
line-height: 1.6;
height: auto;
padding: 40px;
border: 1px solid #ddd;
border-top: none;
border-bottom: none;
cursor: pointer;
transition: opacity 0.3s;
}
.p-service_voice_list .p-voice-cards-item__title {
font-size: 20px !important;
text-align: left;
--tcd-line-clamp: 3 !important;
font-weight: 600 !important;
line-height: 1.6 !important;
height: auto !important;
padding: 40px !important;
border: 1px solid #ddd !important;
border-top: none !important;
border-bottom: none !important;
cursor: pointer !important;
margin-bottom: 0 !important;
}
.p-service_voice_list .p-voice-cards-item__title a {
color: #000 !important;
transition: color 0.3s;
}
.p-service_voice_list .p-voice-cards-item__title:hover a {
color: var(--tcd-accent-color) !important;
}
.p-service_voice_list .p-voice-caption_item {
color: #000 !important;
}
.p-service_voice_list a:hover {
text-decoration: none !important;
}
.p-service_voice_list .c-category_voice a {
color: var(--tcd-accent-color) !important;
}
.p-service_voice_list .p-voice-caption_item span {
line-height: 1 !important;
}
@media(max-width:767px){
.p-service_voice_list .p-voice-cards-item__title {
font-size: 16px !important;
--tcd-line-clamp:2 !important;
padding: 30px !important;
}
}
.p-voice-cards-item__title.voice_no_img {
border-top: 1px solid #ddd;
}
.p-voice-cards-item__title:hover a {
color: var(--tcd-accent-color);
}
.p-voice-cards-item__title a {
transition: color 0.3s;
}
.p-voice-caption_item {
display: grid;
gap: 20px ;
font-size: 14px;
justify-content: center;
text-align: center;
padding: 20px;
border: 1px solid #ddd;
}
.p-voice-caption_item span {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
.p-voice-caption_item_one {
align-items: center;
height: 90px;
}
.c-category_voice {
font-size: 16px;
color: var(--tcd-accent-color);
display: flex;
justify-content: center;
align-items: center;
height: 60px;
border: 1px solid #ddd;
border-top: none;
font-weight: 600;
position: relative;
}
.p-voice_service_arrow {
position: absolute;
width: 2em;
height: 2em;
top: 50%;
transform: translateY(-50%);
right: 15px;
}
.p-voice_service_arrow::before {
content: "";
position: absolute;
opacity: 0;
width: 2em;
height: 2em;
background-image: var(--tcd-icon--arrow-right);
background-repeat: no-repeat;
background-size: contain;
animation-fill-mode: both;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-name: none;
animation-iteration-count: infinite;
transition: opacity 0.3s;
}
.p-voice_service_list {
height: 60px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0 40px;
}
.c-category_voice.voice_no_caption {
border-top: 1px solid #ddd;
}
.c-category_voice a {
transition: opacity 0.3s;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (any-hover: hover) {
.c-category_voice a:hover {
opacity: 0.6;
}
.c-category_voice:hover .p-voice_service_arrow::before {
animation-name: arrowFloatLeft;
animation-fill-mode: both;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
opacity: 1;
}
}
@media (max-width:991px) {
.p-archive--voice {
grid-template-columns: 1fr 1fr;
}
.voice-archive-content {
gap: 40px;
}
}
@media (max-width:767px) {
.p-archive--voice {
grid-template-columns: 1fr;
gap: 20px;
}
.c-category_voice {
height: 50px;
}
.p-voice-cards-item__image {
height: auto;
aspect-ratio: 320 / 190;
}
.p-voice-cards-item__title {
font-size: 16px;
line-height: 2;
padding: 30px;
--tcd-line-clamp: 2;
white-space: normal;
word-break: break-word;
}
.p-voice-caption_item {
padding: 15px;
gap: 15px;
}
} .p-single--voice {
padding-top: 70px;
position: relative;
row-gap: 70px;
}
.p-single-voice-header {
inline-size: min(calc(100% - 40px), 900px);
margin-inline: auto;
position: relative;
z-index: 2; }
.p-single-voice-header_title_content {
display: grid;
gap: 20px;
margin-bottom: 70px;
}
.c-category_voice_single {
font-size: 16px;
color: var(--tcd-accent-color);
font-weight: 600;
transition: opacity 0.3s;
}
.c-category_voice_single a {
transition: opacity 0.3s;
line-height: 1.6;
}
@media (any-hover: hover) {
.c-category_voice_single a:hover {
opacity: 0.6;
}
.p-voice-cards-item a:hover .p-voice-cards-item__title {
opacity: 0.6;
}
}
.p-single-header__image_content {
display: grid;
position: relative;
}
.p-single-header__image_voice {
width: 100%;
}
.p-single-header__image_voice img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-single-header__caption {
background-color: var(--tcd-accent-color);
color: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 50px;
}
.p-single-header__caption_item {
display: grid;
gap: 30px;
}
.p-single-voice-industry {
font-size: 16px;
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
.p-single-voice-company {
font-size:18px;
font-weight: 600;
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
.p-single-voice-url {
transition: opacity 0.3s;
}
.p-single-voice_bg {
position: absolute;
z-index: -1; top: 150px;
height: calc( 100% - 150px );
width: 1100px;
margin-inline: auto;
background-color: #f6f6f6;
left: 50%; transform: translateX(-50%);
} .p-single-voice_bg.has-two-metas{
top: 70px;
height: calc(100% - 70px);
}
.p-single__content_voice {
inline-size: min(calc(100% - 40px), 900px);
margin-inline: auto;
position: relative;
justify-content: center;
padding-bottom: 100px;
}
.p-single__content_voice.no-caption {
padding-bottom: 70px;
}
.p-single-voice_content_bg {
position: absolute;
z-index: -1;
height: calc( 100% + 70px );
top: -70px;
width: 1100px;
margin-inline: auto;
background-color: #f6f6f6;
left: 50%;
transform: translateX(-50%);
}
.voice_single_bottom_service {
display: grid;
gap: 70px;
cursor: pointer;
}
.voice_single_bottom_service_headline {
font-size: 28px;
font-weight: 600;
text-align: center;
line-height: 1.6;
color: #000;
margin-block: var(--tcd-half-read);
}
.voice_single_bottom_service_content {
display: flex;
border: 1px solid #ddd;
height: 270px;
}
.voice_single_bottom_service_left {
display: flex;
column-gap: 50px;
width: 80%;
padding: 30px 40px 30px 30px;
border-right: 1px solid #ddd;
}
.voice_single_bottom_service_img {
flex: 0 0 350px;
}
.voice_single_bottom_service_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-single-voice-list.is-few-items {
justify-content: center;
}
.voice_single_bottom_service_desc {
font-size: 16px;
line-height: 2.4;
display: flex;
justify-content: center;
align-items: center;
}
.voice_single_bottom_service_desc span {
--tcd-line-clamp: 3;
}
.voice_single_bottom_service_right {
width: 20%;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
padding-left: 15px;
}
.voice_single_bottom_service_title {
font-size: 16px;
transition: opacity 0.3s;
margin-top: 3px;
max-width: 150px;
line-height: 1.6;
}
.voice_single_bottom_service_arrow {
width: 2em;
height: 2em;
overflow: hidden;
}
.voice_single_bottom_service_arrow::before {
content: "";
position: absolute;
width: 2em;
height: 2em;
background-image: var(--tcd-icon--arrow-right);
background-repeat: no-repeat;
background-size: contain;
transform: translateX(0);
animation-fill-mode: both;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-name: none;
animation-iteration-count: infinite;
}
@keyframes arrowFloatLeft_voice {
0% {
transform: translateX(-10px);
opacity: 0;
}
50% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(10px);
opacity: 0;
}
}
@media (any-hover: hover) {
.voice_single_bottom_service_content:hover .voice_single_bottom_service_arrow::before {
animation-name: arrowFloatLeft_voice;
}
.voice_single_bottom_service_content:hover .voice_single_bottom_service_title {
opacity: 0.6;
}
:where(.voice_single_bottom_service_content):hover .c-thumbnail-image {
transform: unset;
filter: unset;
}
.p-single-voice-url:hover {
opacity: 0.6;
}
}
.p-single-voice-bottom {
display: grid;
gap: 70px;
padding-top: 100px;
padding-bottom: 100px;
border-image:linear-gradient(#f6f6f6 0 0) fill 0 / 1 / 0 100vi; ;
}
.p-single-voice-bottom-title {
text-align: center;
font-size: 28px;
}
.p-single-voice-bottom .splide__pagination {
display: flex;
justify-content: center;
gap: 17px;
padding-top: 50px;
}
.p-single-voice-bottom .splide__pagination__page {
width: 15px;
height: 15px;
border-radius: 50%;
border: 1px solid var(--tcd-accent-color);
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
.p-single-voice-bottom .splide__pagination__page.is-active {
background-color: var(--tcd-accent-color);
}
.p-single-voice-bottom .p-voice-cards-item {
background-color: #fff;
}
@media(max-width:991px) {
.voice_single_bottom_service_content {
display: grid;
height: auto;
}
.voice_single_bottom_service_title {
max-width: unset;
}
.voice_single_bottom_service_left {
display: grid;
width: 100%;
padding: 40px;
border-right: none;
gap: 40px;
border-bottom: 1px solid #ddd;
}
.voice_single_bottom_service_desc {
font-size: 14px;
line-height: 2.4;
}
.voice_single_bottom_service_desc span {
--tcd-line-clamp: 4;
}
.voice_single_bottom_service_right {
width: 100%;
padding-left: 0;
padding: 20px;
gap: 0;
}
.p-single-voice-bottom {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media (max-width:767px) {
.voice_single_bottom_service_left {
display: grid;
width: 100%;
padding: 20px;
border-right: none;
gap: 20px;
border-bottom: 1px solid #ddd;
}
.voice_single_bottom_service_right {
height: 60px;
}
.p-single-voice_bg {
display: none;
}
.p-single--voice {
padding-top: 30px;
}
.p-single-voice-header {
inline-size: 100%;
}
.c-category_voice_single {
font-size: 14px;
}
.p-single-voice-header_title_content {
gap: 15px;
margin-bottom: 30px;
}
.p-single-header__caption_item {
gap: 15px;
}
.p-single--voice {
gap: 40px;
}
.p-single-header__image_voice {
margin: 0 -20px;
width: unset;
}
.p-single-header__caption {
margin: 0 -20px;
padding: 20px;
}
.p-single-voice-industry {
font-size: 14px;
}
.p-single-voice-company {
font-size: 16px;
}
.p-single-voice-url {
font-size: 14px;
}
.p-single__content_voice {
padding-bottom: 40px !important;
inline-size: 100%;
}
.p-single-voice_content_bg {
top: -40px;
height: calc( 100% + 40px);
}
.voice_single_bottom_service {
gap: 30px;
}
.voice_single_bottom_service_headline {
font-size: 20px;
line-height: 1.5;
}
.p-single-voice-bottom-title {
font-size: 20px;
}
.p-single-voice-bottom {
padding-top: 40px;
padding-bottom: 40px;
gap: 40px;
}
.p-single-voice-bottom_contents {
inline-size: 100%;
justify-content: flex-start;
width: unset;
margin-right: -20px;
margin-left: -20px;
}
.p-single-voice-list {
display: flex !important;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
scrollbar-width: none;
gap: 10px;
padding-right: 20px !important;
padding-left: 20px !important;
}
.p-single-voice-bottom .p-voice-cards-item {
width: 270px;
}
.p-single-voice-bottom .p-voice-cards-item__title {
font-size: 14px;
white-space: normal;
word-break: break-word;
}
} .p-page {
padding-top: 70px;
}
.p-page-header-image {
margin-bottom: 50px;
}
.p-page-header-image img {
width: 100%;
}
@media (max-width:991px){
.p-page-header-image {
margin-bottom: 40px;
}
.p-page {
padding-top: 40px;
}
}
@media (max-width: 767px) {
.p-page {
padding-top: 0px;
}
.p-page-header-image {
margin-inline: -20px;
}
} .p-news_ticker_main {
border-bottom: 1px solid #ddd;
width: 100%;
}
.p-news_ticker__contents {
height: 70px;
inline-size: min(calc(100% - 40px), 1100px);
margin-inline: auto;
}
.news-ticker_none_img {
border-bottom: 1px solid #dddddd;
}
.p-news_ticker__contents .c-date--updated {
display: none;
}
.p-news_ticker__contents .splide__track {
height: 70px;
}
.p-news_ticker__contents li {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
} .p-news-ticker__item {
display: flex;
align-items: center;
flex-grow: 1;
min-width: 0;
gap: 20px; } .p-news-ticker__date {
white-space: nowrap;
flex-shrink: 0;
} .p-news-ticker__title {
font-size: 14px;
line-height: 2;
flex-grow: 1;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 2px;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.p-news-ticker__title:hover {
opacity: 0.6;
}
}
.p-news-ticker-button__contents_main {
display: flex;
flex-shrink: 0;
gap: 10px;
}
.p-news-ticker-button__contents {
flex-shrink: 0;
font-size: 14px;
margin-top: 2px;
line-height: 2;
position: relative;
transition: opacity 0.3s ease;
}
.p-news-ticker-button_arrow {
width: 2em;
height: 2em;
overflow: hidden;
}
.p-news-ticker-button_arrow::before {
content: "";
position: absolute;
width: 2em;
height: 2em;
background-image: var(--tcd-icon--arrow-right);
background-repeat: no-repeat;
background-size: contain;
animation-fill-mode: both;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-name: none;
animation-iteration-count: infinite;
}
@media (any-hover: hover) {
.p-news-ticker-button__contents:hover {
opacity: 0.6;
}
.p-news-ticker-button__contents_main:hover .p-news-ticker-button_arrow::before {
animation-name: arrowFloatLeft;
animation-fill-mode: both;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
animation-delay: -0.75s;
}
}
@media (max-width: 991px) {
.p-news-ticker__item {
display: grid;
gap: 13px;
padding-top: 15px;
padding-bottom: 15px;
}
.p-news-ticker-button__contents_main {
display: none;
}
.p-news-ticker__title {
min-width: 150px;
font-size: 14px;
margin-top: 0 !important;
line-height: 1;
}
}
@media (max-width: 767px) {
.p-news-ticker-button__contents {
display: none;
}
} .p-cb {
display: grid;
align-content: start;
row-gap: 150px;
margin-top: 150px;
}
.p-cb.first-service {
margin-top: 0;
}
.p-cb-header {
display: grid;
align-content: start;
row-gap: 40px;
text-align: center;
margin-bottom: 70px;
}
.p-cb-header-title {
font-size: var(--tcd-cb-title-font-size-pc, 32px);
font-family: var(--tcd-cb-title-font-type);
line-height: 2.4;
margin-block: var(--tcd-half-read);
color: var(--tcd-accent-color);
}
.p-cb-header-subtitle {
font-size: var(--tcd-cb-desc-font-size-pc, 16px);
font-family: var(--tcd-cb-desc-font-type);
line-height: 2.4;
margin-block: var(--tcd-half-read);
}
.p-cb-button {
margin: 70px auto 0;
}
@media (max-width:991px) {
.p-cb {
margin-top: 40px;
row-gap: 40px;
}
.p-cb-header {
margin-bottom: 40px;
}
}
@media (max-width:767px) {
.p-cb {
margin-top: 40px;
row-gap: 40px;
}
.p-cb-header {
row-gap: 30px;
margin-bottom: 40px;
}
.p-cb-header-title {
font-size: var(--tcd-cb-title-font-size-sp);
}
.p-cb-header-subtitle {
line-height: 2.2;
font-size: var(--tcd-cb-desc-font-size-sp);
}
} .cb-post-list {
display: grid;
grid-template-columns: 1fr 1fr;
}
.p-cb-post-item-thumbnail {
flex: 0 0 200px;
aspect-ratio: 1;
}
.p-cb-post-item-title {
font-size: 18px;
--tcd-line-clamp: 3;
font-weight: 600;
line-height: 1.6;
height: auto;
max-height: calc(1lh* var(--tcd-line-clamp));
}
@media (max-width:991px){
.p-cb-post-item-thumbnail {
flex: 0 0 120px;
}
.cb-post-list {
grid-template-columns: 1fr;
}
}
@media (max-width:767px){
.cb-post-list {
margin-inline: -20px;
}
.p-cb-post-item-title {
font-size: 14px;
line-height: 1.8;
}
.p-cb-post-item-date {
display: none;
}
} .p-cd-service-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
}
.p-cd-service-cards.is-few-items {
display: flex;
justify-content: center;
}
.p-cd-service-cards.is-few-items .p-cd-service_item {
width: calc( 100% / 3);
}
.p-cd-service_item {
display: grid;
background-color: #fff;
}
.p-cd-service_item_img {
height: 220px;
width: 100%;
position: relative;
}
.p-cd-service_item_img img {
transform: scale(1.005) translateZ(0);
backface-visibility: hidden;
display: block;
}
.p-cd-service_item_title {
font-size: 20px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
margin-right: -1px;
transition: color 0.3s;
padding: 0 20px;
line-height: 1.6;
}
.p-cd-service_item_title_inner {
display: block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p-cd-service_item_desc {
font-size: 16px;
line-height: 2.4;
padding: 40px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
margin-right: -1px;
}
.p-cd-service_item_desc span {
--tcd-line-clamp: 2;
}
.p-cd-service-cards-elements {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: var(--tcd-accent-color);
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.p-cb-service_background_inner {
padding-top: 100px;
padding-bottom: 100px;
}
@media (min-width: 992px) { .p-cd-service_item:nth-child(3n-2) .p-cd-service_item_title,
.p-cd-service_item:nth-child(3n-2) .p-cd-service_item_desc {
border-left: none;
} .p-cd-service_item:nth-child(3n) .p-cd-service_item_title,
.p-cd-service_item:nth-child(3n) .p-cd-service_item_desc {
border-right: none;
} .p-cd-service_item:nth-last-child(-n + 3) .p-cd-service_item_desc {
border-bottom: none;
} .p-cd-service_item:last-child .p-cd-service_item_title,
.p-cd-service_item:last-child .p-cd-service_item_desc {
border-right: none;
} .p-cd-service_item:nth-last-child(2):nth-child(odd) .p-cd-service_item_title,
.p-cd-service_item:nth-last-child(2):nth-child(odd) .p-cd-service_item_desc {
border-right: none;
}
}
@media (any-hover: hover) {
.p-cd-service_item:hover .p-cd-service_item_title {
color:var(--tcd-accent-color)
}
}
@media (max-width:991px) {
.p-cb-service_background_inner {
padding-top: 40px;
padding-bottom: 40px;
}
.p-cd-service-cards {
grid-template-columns: 1fr 1fr;
}
.p-cd-service-cards.is-few-items {
display: grid;
}
.p-cd-service-cards.is-few-items .p-cd-service_item {
width: unset;
} .p-cd-service_item:nth-child(2n+1) .p-cd-service_item_title,
.p-cd-service_item:nth-child(2n+1) .p-cd-service_item_desc {
border-left: none;
} .p-cd-service_item:nth-child(2n) .p-cd-service_item_title,
.p-cd-service_item:nth-child(2n) .p-cd-service_item_desc {
border-right: none;
} .p-cd-service_item:nth-last-child(2):nth-child(odd) .p-cd-service_item_desc,
.p-cd-service_item:last-child .p-cd-service_item_desc {
border-bottom: none;
} .p-cd-service_item_title {
border-bottom: 1px solid #ddd;
}
}
@media (max-width:767px){
.p-cd-service-cards {
grid-template-columns: 1fr;
gap: 20px;
}
.p-cd-service_item_img {
height: 190px;
}
.p-cd-service_item_title {
font-size: 18px;
height: 60px;
}
.p-cd-service_item_desc {
padding: 30px;
font-size: 14px;
line-height: 2.2;
} .p-cd-service_item_title {
border-left: none !important;
border-right: none !important; } .p-cd-service_item_desc {
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
}
} .p-cb-voice .splide__pagination {
display: flex;
justify-content: center;
gap: 17px;
padding-top: 50px;
margin-bottom: -20px;
}
.p-cb-voice .splide__pagination__page {
width: 15px;
height: 15px;
border-radius: 50%;
border: 1px solid var(--tcd-accent-color);
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
.p-cb-voice .splide__pagination__page.is-active {
background-color: var(--tcd-accent-color);
}
@media (max-width:991px) {
.p-cb-voice .splide__pagination {
margin-bottom: 0;
}
}
@media (max-width:767px) {
.p-cb-voice .p-single-voice-list {
display: grid !important;
gap: 20px;
}
} .p-cb-split_inner {
display: flex;
width: 100%;
}
.p-cb-split-height_type1 .p-cb-split-image {
height: 700px;
}
.p-cb-split-height_type2 .p-cb-split-image {
height: 550px;
}
.p-cb-split-height_type1 .p-cb-split-content {
height: 700px;
}
.p-cb-split-height_type2 .p-cb-split-content {
height: 550px;
}
.p-cb-split-image {
width: 50%;
}
.p-cb-split-content {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 70px;
background-color: var(--tcd-accent-color);
color: #fff;
}
.p-cb-split-catch_item {
display: grid;
gap: 40px;
position: relative;
scrollbar-width: none;
-ms-overflow-style: none;
overflow-y: hidden; mask-image: none;
-webkit-mask-image: none;
transition: mask-image 0.3s ease, -webkit-mask-image 0.3s ease;
}
.p-cb-split-height_type1 .p-cb-split-catch_item {
max-height: 560px;
}
.p-cb-split-height_type2 .p-cb-split-catch_item {
max-height: 410px;
}
@media(max-width:991px){
.p-cb-split-height_type1 .p-cb-split-catch_item {
max-height: 470px;
}
.p-cb-split-height_type2 .p-cb-split-catch_item {
max-height: 330px;
}
}
@media(max-width:767px){
.p-cb-split-height_type1 .p-cb-split-catch_item {
max-height: 370px;
}
.p-cb-split-height_type2 .p-cb-split-catch_item {
max-height: 330px;
}
}
@media(max-width:360px) {
.p-cb-split-height_type1 .p-cb-split-catch_item {
max-height: 320px;
}
.p-cb-split-height_type2 .p-cb-split-catch_item {
max-height: 320px;
}
}
.p-cb-split-catch_item::-webkit-scrollbar {
display: none;
}
.p-cb-split-catch_item.fade-mask {
mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
overflow-y: auto;
}
.p-cb-split-catch_item.no-fade-top {
mask-image: linear-gradient(to bottom, black 0%, black 90%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 90%, transparent 100%);
}
.p-cb-split-catch_item.no-fade-bottom {
mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 100%);
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 100%);
}
.p-cb-split-catch_item.no-fade {
mask-image: none;
-webkit-mask-image: none;
}
.p-cb-split-main_catch {
font-size: 34px;
font-weight: 600;
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
.p-cb-split-sub_catch {
font-size: 16px;
line-height: 2.6;
margin-block: var(--tcd-half-read);
}
.p-sc-text-layout_right_slippage_left {
margin-top: 150px;
}
.p-sc-img-layout_right_slippage_right {
margin-top: 150px;
}
.p-sc-img-layout_left_slippage_left {
margin-top: 150px;
}
.p-sc-text-layout_left_slippage_right {
margin-top: 150px;
}
@media (max-width:991px){
.p-cb-split-height_type2 .p-cb-split-content {
height: 100%;
aspect-ratio: 1;
padding: 15px 40px;
}
.p-cb-split-height_type1 .p-cb-split-content {
height: 550px;
padding: 15px 40px;
}
.p-cb-split-height_type1 .p-cb-split-image {
height: 550px;
}
.p-cb-split-height_type2 .p-cb-split-image {
height: 100%;
aspect-ratio: 1;
}
.p-cb-split-catch_item {
gap: 30px;
max-height: 100%;
}
.p-cb-split-main_catch {
font-size: 22px;
}
.p-cb-split-sub_catch {
line-height: 2.2;
}
.p-cb-button {
margin-top: 40px;
}
}
@media (max-width:767px){
.p-cb-split_inner {
display: grid;
}
.has-service-next .p-cb-layout-inner:not(:has(.p-cb-button)) {
margin-bottom: -40px;
}
.p-cb-layout.is-last-layout .p-cb-layout-inner:not(:has(.p-cb-button)) {
margin-bottom: -40px;
}
.p-cb-split-height_type1 .p-cb-split-image {
width: unset;
order: 1;
margin: 0 -20px;
height: 400px;
}
.p-cb-split-height_type2 .p-cb-split-image,
.p-cb-split-height_type2 .p-cb-split-content {
inline-size: 100vw; aspect-ratio: 1 / 1; margin: 0 calc((100vw - 100%) / -2); height: unset;
}
.p-sc-img-layout_left_slippage_left {
margin-top: 0;
}
.p-cb-split-height_type1 .p-cb-split-content {
width: unset;
margin: 0 -20px 0;
height: unset;
padding: 15px 40px;
order: 2;
height: 400px;
}
.p-cb-split-catch_item {
gap: 30px;
max-height: 100%;
}
.p-cb-split-main_catch {
font-size: 22px;
}
.p-cb-split-sub_catch {
line-height: 2.2;
}
.p-cb-button {
margin-top: 40px;
}
} @media not all and (max-width: 767px) {
.p-footer-fix {
display: none;
}
}
.p-footer-fix {
--tcd-footer-fix-font-color: #ffffff;
--tcd-footer-fix-bg-color: #000000;
--tcd-footer-cta-text-color: #000000;
position: relative;
z-index: 100;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition-property: opacity, visibility, pointer-events;
transition-duration: 0.3s;
}
body.is-scroll .p-footer-fix {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.p-footer-fix-nav {
position: fixed;
z-index: 15000000000000;
inset: auto 0 0;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}
.p-footer-fix-spacer {
height: 50px;
} .p-footer-fix-nav-list {
display: flex;
height: 50px;
color: var(--tcd-footer-fix-font-color);
background: var(--tcd-footer-fix-bg-color);
font-size: 10px;
}
.p-footer-fix-nav-item {
flex: 1;
display: grid;
place-content: center;
place-items: center;
row-gap: 7px;
color: inherit;
text-align: center;
}
.p-footer-fix-nav-item :where(svg, img) {
font-size: 14px;
width: 3em;
height: 1em;
fill: currentColor;
object-fit: contain;
} .p-footer-fix-share {
position: fixed;
inset: auto 0 0;
z-index: calc(infinity);
background: #ffffff;
box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5);
transition-property: transform, box-shadow;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.p-footer-fix-share:not(.is-open) {
pointer-events: none;
transform: translateY(100%);
box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0);
}
body:has(.p-footer-fix-share.is-open) .p-footer-fix-share-overlay {
position: fixed;
z-index: calc(infinity);
inset: 0;
}
.p-footer-fix-share-content {
display: grid;
align-content: start;
row-gap: 20px;
}
.p-footer-fix-share-label {
font-size: 14px;
font-weight: 600;
text-align: center;
color: #000000;
margin-top: 20px;
}
.p-footer-fix-share-close {
display: grid;
place-items: center;
width: 100%;
height: 50px;
border-top: 1px solid #dddddd;
font-size: 20px;
margin-top: 20px;
} .p-footer-fix-cta-image {
position: fixed;
z-index: 100;
inset: auto 20px 20px;
max-width: calc(100% - 40px);
width: fit-content;
margin: auto;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}
.p-footer-fix-cta-close {
position: absolute;
inset: -0.75em -0.75em auto auto;
display: grid;
place-items: center;
width: 1.5em;
height: 1.5em;
font-size: 20px;
color: #fff;
background: rgba(0, 0, 0, .8);
border-radius: 50%;
} .p-footer-fix-cta-text {
position: fixed;
z-index: 100;
inset: auto 0px 0px;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
display: grid;
grid-template-columns: 1fr auto;
height: 65px;
font-size: 12px;
font-weight: 600;
padding: 15px 20px;
background: var(--tcd-footer-cta-text-color);
}
.p-footer-fix-cta-text-label {
align-self: center;
color: #fff;
line-height: 1.6;
max-height: 3.2em;
margin-block: -0.3em;
overflow: hidden;
}
.p-footer-fix-cta-text-button {
display: grid;
place-items: center;
color: var(--tcd-footer-cta-text-color);
padding-inline: 1.5em;
background: #ffffff;
height: 35px;
border-radius: 5px;
white-space: nowrap;
} .p-404 {
display: grid;
background-color: #fff;
}
.p-404:has(img) {
color: #ffffff;
}
.p-404-bg {
position: absolute;
inset: 0;
}
.p-404-content {
position: relative;
display: grid;
place-content: center;
text-align: center;
justify-content: center;
row-gap: 40px;
padding-inline: 20px;
padding-block: 80px;
}
.p-404-title {
font-size: 42px;
line-height: 1.5;
margin-block: var(--tcd-half-read);
}
.p-404-desc {
line-height: 2.4;
margin-block: var(--tcd-half-read);
width: 860px;
}
.p-404-desc.no_bg_image :where(a){
color: var(--tcd-text-link-color);
text-decoration: none;
transition: txet-decoration 0.3s ease;
}
@media (any-hover: hover) {
.p-404-desc.no_bg_image :where(a):hover {
text-decoration: underline;
color: var(--tcd-text-link-color);
}
}
.p-404-desc :where(a) {
text-decoration: underline;
transition: color 0.3s ease;
}
.p-404-button {
display: grid;
place-items: center;
justify-self: center;
width: fit-content;
min-width: 280px;
height: 60px;
font-size: 16px;
color: #ffffff;
background: var(--tcd-accent-color);
border-radius: calc(infinity* 1px);
}
.p-404-pattern {
padding-block: 100px;
}
@media (any-hover: hover) {
.p-404-button:hover {
background-color: var(--tcd-accent-color-light);
}
.p-404-desc :where(a):hover {
color: rgba( 255,255,255,.5);
}
}
@media (max-width: 1000px) {
.p-404-content {
display: block;
padding-top: 50px;
padding-bottom: 50px;
}
.p-404-desc {
margin-top: 40px;
width: auto;
}
.p-404-button {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.p-404-title {
font-size: 24px;
}
.p-404-desc {
line-height: 2;
margin-top: 20px;
}
.p-404-button {
min-width: 240px;
height: 50px;
font-size: 14px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.p-404-pattern {
padding-block: 40px;
}
}
.tag_list {
width: 730px;
margin: 0 auto !important;
}
.tag_list .wp-tag-cloud { display:inline-flex; flex-wrap:wrap; gap:5px; }
.tag_list .wp-tag-cloud li { display:block; }
.tag_list .wp-tag-cloud a { background:#f3f3f3; height:35px; line-height:35px; display:block; border-radius:4px; padding:0 15px; font-size:14px !important; }
.tag_list.bg_image .wp-tag-cloud a { background: none; border: 1px solid #fff; }
@media (any-hover: hover) {
.tag_list.bg_image .wp-tag-cloud a:hover { color: rgba( 255,255,255,.5); background:none !important;}
.tag_list .wp-tag-cloud a:hover {
color: #fff;
background-color: var(--tcd-accent-color);
}
}
.no_page_search_form {
height: 50px;
width: 430px;
position: relative;
margin: 0 auto;
}
.no_page_search_form .input_area input {
position: absolute;
left: 0px;
width: 100%;
height: 50px;
border: none;
color: #000;
background: #f3f3f3;
z-index: 1;
padding: 0 60px 0 25px;
border-radius: 50px;
z-index: 1;
}
.no_page_search_form .search_button label {
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
width: 50px;
height: 50px;
display: block;
pointer-events: none;
}
@media (hover: hover) {
.no_page_search_form .search_button:hover label:before {
background: rgba(0, 0, 0, 0.6);
}
}
.no_page_search_form .search_button label:before {
display: block;
pointer-events: none;
position: absolute;
left: 10px;
top: calc(50% + 2px);
transform: translate(0%, -50%);
transition: background-color 0.5s ease;
background: #000;
font-size: 24px;
width: 1em;
height: 1em;
content: '';
mask: var(--tcd-icon--search) no-repeat center / 1em;
}
.no_page_search_form .search_button input {
position: absolute;
right: 0px;
top: 0px;
border: none;
background: none;
width: 50px;
height: 50px;
z-index: 2;
cursor: pointer;
text-indent: -200px;
overflow: hidden;
}
@media (max-width: 767px) {
.no_page_search_form {
width: auto;
margin-top: 20px;
}
.tag_list {
width: auto;
margin-top: 20px !important;
}
} .p-widget-tab-post {
font-size: 14px;
}
.p-widget-tab-post-nav {
position: relative;
display: flex;
height: 60px;
background: #fff;
}
.p-widget-tab-post-nav-item {
position: relative;
flex: 1;
padding-inline: 1em;
transition-property: color;
border: 1px solid #ddd;
}
.p-drawer .p-widget-tab-post-nav-item {
border:none;
}
*+.p-widget-tab-post-nav-item {
margin-left: -1px;
}
.p-widget-tab-post-nav[data-tab="1"]>button:nth-child(1),
.p-widget-tab-post-nav[data-tab="2"]>button:nth-child(2) {
padding-bottom: 1px;
background: #fff;
border-bottom: none;
}
.p-widget-tab-post-nav[data-tab="1"]+*+*,
.p-widget-tab-post-nav[data-tab="2"]+* {
display: none;
}
.p-widget-tab-post-list-item {
display: grid;
grid-template-columns: 100px 1fr;
column-gap: 20px;
padding: 20px;
background: #ffffff;
border: 1px solid #dddddd;
margin-top: -1px;
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item {
display: grid;
grid-template-columns: 120px 1fr;
background: #ffffff;
margin-top: -1px;
column-gap: unset;
padding: 0;
border: none;
}
.p-drawer .widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item {
background: var(--tcd-accent-color-dark);
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item-title {
padding-right: 20px;
} .widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item .p-widget-tab-post-list-item-image + .p-widget-tab-post-list-item-title {
display:unset;
align-self: unset;
display: flex;
align-items: center;
-webkit-box-orient: unset;
-webkit-line-clamp:unset;
height:unset;
max-height: unset;
overflow: unset;
visibility: unset;
word-break: unset;
margin-block: unset;
padding-left: 20px;
border: 1px solid #ddd;
border-left: none;
}
.p-drawer .widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item .p-widget-tab-post-list-item-title {
border-color: color-mix(in srgb, var(--tcd-accent-color-dark) 70%, #fff) !important;
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item .p-widget-tab-post-list-item-title {
--tcd-line-clamp: unset;
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item .p-widget-tab-post-list-item-title span{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: auto;
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
visibility: visible;
word-break: break-all;
margin-block: var(--tcd-half-read);
--tcd-line-clamp: 3;
line-height: 1.8;
}
.p-widget-tab-post-list-item-image {
aspect-ratio: 1;
background: #000;
}
.p-widget-tab-post-list-item-title {
--tcd-line-clamp: 2;
align-self: center;
line-height: 1.8;
height: auto;
}
@media (any-hover: hover) {
.p-widget-tab-post-nav-item:hover {
color: rgba(0, 0, 0, .5);
}
}
@media (max-width: 991px) {
.p-widget-tab-post-nav {
font-size: 16px;
}
.p-widget-tab-post-list-item {
grid-template-columns: 110px 1fr;
}
.p-widget-tab-post-list-item-title {
font-size: 14px;
}
}
.p-widget-tab-post-list.one-column .p-widget-tab-post-list-item:not(:has(img)) { grid-template-columns:auto; }
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list.one-column .p-widget-tab-post-list-item:not(:has(img)) { grid-template-columns:auto; padding:25px 0 0; }
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list.one-column .p-widget-tab-post-list-item:not(:has(img)) .p-widget-tab-post-list-item-title {
display:unset;
align-self: unset;
display: flex;
align-items: center;
-webkit-box-orient: unset;
-webkit-line-clamp:unset;
height:unset;
max-height: unset;
overflow: unset;
visibility: unset;
word-break: unset;
margin-block: unset;
border: none;
padding: 0;
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list.one-column .p-widget-tab-post-list-item:not(:has(img)) .p-widget-tab-post-list-item-title span{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: auto;
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
visibility: visible;
word-break: break-all;
margin-block: var(--tcd-half-read);
--tcd-line-clamp: 3;
line-height: 1.8;
}
.p-widget-tab-post-list-item-date { margin-bottom:10px; } .p-widget-banner-slider-item {
position: relative;
display: block;
height: 210px;
background: #000;
}
.p-widget-banner-slider-item-title {
position: absolute;
inset: auto 0 0 0;
font-size: 14px;
font-weight: 600;
line-height: 1.7;
color: #ffffff;
background: color-mix(in srgb, #000000 40%, transparent);
padding: calc(20px + var(--tcd-half-read)) 20px;
text-align: center;
}
.p-widget-banner-slider .p-widget-headline {
display: flex;
justify-content: space-between;
}
.p-widget-banner-slider-pagination {
display: flex;
gap: 8px;
line-height: 1;
margin-top: 20px;
}
.p-widget-banner-slider-pagination button {
width: 10px;
aspect-ratio: 1;
border-radius: 50%;
background: #cccccc;
}
.l-sidebar .p-widget-banner-slider-pagination button.is-active {
background-color: #000;
}
.p-drawer .p-widget-banner-slider-pagination button.is-active {
background: #cccccc;
}
.p-drawer .p-widget-banner-slider-pagination button {
background: color-mix(in srgb, var(--tcd-accent-color-dark) 70%, #fff);
}
@media (max-width: 767px) {
.p-widget-banner-slider-item {
height: 230px;
}
}
.p-single-post-bottom__cards::before {
content: '';
} .p-cta-content {
color: #ffffff;
aspect-ratio: 1100 / 340;
width: 100%;
overflow: hidden;
position: relative;
display: grid;
}
.p-cta-content_img {
width: 100%;
height: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.p-cta-content_img img {
height: 100%;
}
.p-cta-content_img__overlay {
background: color-mix(in srgb, #002040 30%, transparent);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.p-cta-content_item {
z-index: 2;
position: relative;
place-self: center;
display: grid;
width: 100%;
padding: 0 50px;
gap: 40px;
}
.p-cta-content_item {
text-align: center;
}
.p-cta-item_title {
font-size: 28px;
line-height: 1.6;
font-weight: 600;
margin-block: var(--tcd-half-read);
}
.p-cta-item_desc {
font-size: 16px;
line-height: 2;
margin-block: var(--tcd-half-read);
}
.p-cta-item_button {
display: grid;
place-items: center;
width: fit-content;
min-width: 280px;
height: 70px;
font-size: 16px;
color: #000 !important;
background-color: #fff;
border-radius: calc(infinity* 1px);
margin: 0 auto;
cursor: pointer;
text-decoration: none !important;
}
.p-cta-item_button span {
transition: opacity 0.3s;
}
@media (hover: hover) {
.p-cta-item_button:hover span {
opacity: 0.6;
}
}
@media (max-width:991px) {
.p-cta-content_item {
gap: 20px;
padding: 0 20px;
}
.p-cta-item_title {
font-size: 20px;
line-height: 1.6;
}
.p-cta-item_desc {
font-size: 14px;
line-height: 2.2;
}
.p-cta-item_button {
height: 60px;
min-width: 240px;
font-size: 14px;
}
}
@media (max-width:767px) {
.p-cta-content {
aspect-ratio: unset;
height: 320px;
margin: 0 -20px;
width: unset;
}
.p-cta-content.is-last-in-body {
margin-bottom: -40px !important;
}
body.voice-template-default .p-cta-content {
margin-bottom: -40px;
}
} @keyframes arrowFloatLeft {
0% {
transform: translateX(-15px);
opacity: 0;
}
50% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(15px);
opacity: 0;
}
} .service_p_item { inline-size: min(calc(100% - 40px), 900px); margin-left:auto !important; margin-right:auto !important; } @media (max-width:750px) {
.service_p_item { inline-size:unset; } .wp-block-gallery.service_gallery_column .wp-block-image { all:unset!important; width:100%!important; aspect-ratio:7/4!important; }
} .service_design_contents_type1 { border:thin solid #ddd; padding:50px; }
.service_design_contents_type1 .item { display:flex; margin-bottom:35px; }
.service_design_contents_type1 .item:last-child { margin-bottom:unset; }
.service_design_contents_type1 .title_area {
width:400px; min-width:35%; height:auto; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff;
font-size:20px; background:var(--tcd-accent-color);text-align: center;
}
.service_design_contents_type1 .title_area .num { display: inline-block; font-size:20px; line-height:1; margin-bottom:10px; }
.service_design_contents_type1 .desc_area {
width:calc(100% - 400px); max-width:65%; height:auto; min-height:200px; padding:40px 60px; background:#f6f6f6;
align-items:center; justify-content:center; display:flex; flex-direction:column;
} @media (max-width:850px) {
.service_design_contents_type1 { padding:40px; }
.service_design_contents_type1 .item { display:block; }
.service_design_contents_type1 .title_area { width:100%; height: 90px; }
.service_design_contents_type1 .title_area .num { margin-bottom:4px; }
.service_design_contents_type1 .desc_area { width:100%; max-width:unset; min-height:180px; font-size: 14px;}
}
@media (max-width:750px) {
.service_design_contents_type1 { width:calc(100% + 40px); margin:0 -20px; padding:40px 20px; }
.service_design_contents_type1 .title_area { padding:20px; font-size:16px; }
.service_design_contents_type1 .title_area .num { font-size:15px; }
.service_design_contents_type1 .desc_area { padding:30px 40px; min-height:160px; }
} .service_design_contents_type2 { display:flex; flex-wrap:wrap; }
.service_design_contents_type2 .item { width:50%; height:auto; padding:50px; border: 1px solid #ddd; margin-right: -1px; margin-bottom: -1px;}
.service_design_contents_type2 .contents { display: grid; gap: 50px;}
.service_design_contents_type2 .item .label {
display:flex; align-items:center; justify-content:center; width:100px; height:100px;
background:var(--tcd-accent-color); margin:0 0 -100px 0px; position:relative; z-index:1;
}
.service_design_contents_type2 .item .label .wrap { text-align:center; }
.service_design_contents_type2 .item .label .wrap .text { display:block; color:#fff; font-size:12px; line-height:1; }
.service_design_contents_type2 .item .label .wrap .num { display:block; color:#fff; font-size:20px; line-height:1; margin-top:10px; }
.service_design_contents_type2 .item .image_wrap { width:100%; height:auto; aspect-ratio:7/4; }
.service_design_contents_type2 .item .image_wrap img { height:100%; width:100%; object-fit:cover; }
.service_design_contents_type2 .item .title { color:var(--tcd-accent-color); margin-block: var(--tcd-half-read); font-size: 22px; font-weight: 600; line-height: 1.6;}
.service_design_contents_type2 .item .desc { margin-block: var(--tcd-half-read); }
.service_design_contents_type2 .c-thumbnail:hover .c-thumbnail-image {
transform: unset;
filter: unset;
} @media (max-width:850px) {
.service_design_contents_type2 .item { padding:40px; }
.service_design_contents_type2 .item .label { width:80px; height:80px; margin:0 0 -80px 0px; }
.service_design_contents_type2 .item .label .wrap .text { font-size:12px; }
.service_design_contents_type2 .item .label .wrap .num { font-size:17px; margin-top:7px; }
.service_design_contents_type2 .contents { gap: 40px;}
.service_design_contents_type2 .item .title { font-size: 18px;}
}
@media (max-width:750px) {
.service_design_contents_type2 { width:calc(100% + 40px); margin:0 -20px; }
.service_design_contents_type2 .item { width:100%; border-right:unset; padding:40px 20px; }
.service_design_contents_type2 .item { border-right: none; border-left: none;}
.service_design_contents_type2 .item .label .wrap .text { font-size:12px; }
.service_design_contents_type2 .item .label .wrap .num { font-size:16px; margin-top:6px; }
.service_design_contents_type2 .item .title { }
.service_design_contents_type2 .contents { gap: 30px;}
} .service_design_contents_type3 .item { padding-bottom:65px; position:relative; width:100%; display:flex; }
.service_design_contents_type3 .item:last-child { padding-bottom:unset; }
.service_design_contents_type3 .item:not(:last-child):before,
.service_design_contents_type3 .item:not(:last-child):after { content:""; height:2px; width:18px; background:#ddd; border-radius:100px; position:absolute; bottom:26px; }
.service_design_contents_type3 .item:not(:last-child):before { left:50%; transform:rotate(-45deg); transform-origin:left bottom; }
.service_design_contents_type3 .item:not(:last-child):after { right:50%; transform:rotate(45deg); transform-origin:right bottom; }
.service_design_contents_type3 .title_area {
width:100%; height:auto; width:400px; min-width:35%; border:thin solid #ddd; border-right:unset;
display:flex; align-items:center; justify-content:center; position:relative; background:#fff;
}
.service_design_contents_type3 .label { position:absolute; top:-1px; left:-1px; color:#fff; padding:0 30px; font-weight:400; line-height:40px; font-size:13px; background:var(--tcd-accent-color); }
.service_design_contents_type3 .title { color:var(--tcd-accent-color); font-size:20px; text-align:center; margin:0!important; font-weight: 600;}
.service_design_contents_type3 .desc_area { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:50px 60px; background:#f6f6f6; min-height:180px; width:calc(100% - 400px); max-width:65%; } @media (max-width:850px) {
.service_design_contents_type3 .item { display:block; }
.service_design_contents_type3 .title_area { width:100%; padding:30px 40px; border-right:thin solid #ddd; border-bottom:unset; }
.service_design_contents_type3 .desc_area { width:100%; max-width:unset; padding:35px 60px 40px; }
}
@media (max-width:750px) {
.service_design_contents_type3 .item { padding-bottom:45px; }
.service_design_contents_type3 .item:not(:last-child):before,
.service_design_contents_type3 .item:not(:last-child):after { height:2px; width:14px; bottom:17.5px; }
.service_design_contents_type3 .title_area { padding:25px 40px; }
.service_design_contents_type3 .title { font-size:16px; }
.service_design_contents_type3 .label { padding:0 15px; font-size:12px; line-height:30px; }
.service_design_contents_type3 .desc_area { padding:30px 40px; min-height:160px; font-size: 14px; margin-block: var(--tcd);}
} .service_design_contents_type4 { display:flex; flex-wrap:wrap; padding-top: 40px;}
.service_design_contents_type4 .item { height:auto; margin:0 0 0 0; background:#f6f6f6; }
.service_design_contents_type4 .label {
height:50px; line-height:50px; width:fit-content; min-width:280px; color:#fff; font-size:14px; background:color-mix(in srgb, var(--tcd-accent-color-light) 60%, #ffffff);
text-align:center; padding:0 30px; position:relative; z-index:1; margin:0 auto -50px; transform:translateY(-25px); -webkit-transform:translateY(-25px); }
.service_design_contents_type4 .item .label:before {
content:""; width:20px; height:12px; background:color-mix(in srgb, var(--tcd-accent-color-light) 60%, #ffffff); clip-path:polygon(0 0,100% 0,50% 100%);
display:block; position:absolute; bottom:0.5px; left:50%; transform:translate(-50%,100%); -webkit-transform:translate(-50%,100%);
}
.service_design_contents_type4 .title_area {
width:100%; height:180px; display:flex; align-items:center; justify-content:center; padding:0 60px;
border:thin solid #ddd; border-bottom:unset; background:#fff;
}
.service_design_contents_type4 .title { color:var(--tcd-accent-color); text-align:center; padding-top:16px; font-size: 20px; font-weight: 600;}
.service_design_contents_type4 .desc_area { padding:40px 80px; } @media (max-width:850px) {
.service_design_contents_type4 .label { padding:0 25px; min-width: 200px;}
.service_design_contents_type4 .title_area { padding:0 40px; }
.service_design_contents_type4 .desc_area { padding:40px; }
.service_design_contents_type4 .title { font-size: 18px;}
}
@media (max-width:750px) {
.service_design_contents_type4 { display:block; }
.service_design_contents_type4 .label { font-size:14px; height:35px; line-height:35px; margin:0 auto -35px; transform:translateY(-17.5px); -webkit-transform:translateY(-17.5px); }
.service_design_contents_type4 .item { width:100%; }
.service_design_contents_type4 .title_area { height:140px; }
.service_design_contents_type4 .desc_area { padding:30px 40px; font-size: 14px;}
} .service_design_contents_type5 { display:flex; flex-wrap:wrap; }
.service_design_contents_type5 .item { height:auto; margin: 0 0 0 0; background:#f6f6f6; }
.service_design_contents_type5 .label_title_area {
height: 180px; display: grid;
}
.p-2_colum {
display: grid; grid-template-columns: repeat(2, 1fr); row-gap:50px; column-gap: 20px;
}
.p-3_colum {
display: grid; grid-template-columns: repeat(3, 1fr); row-gap:50px; column-gap: 20px;
}
.service_design_contents_type5 .label {
height:60px; line-height: 60px; width:100%; color:#fff; font-size:14px; background: color-mix(in srgb, var(--tcd-accent-color-light) 60%, #ffffff);
text-align:center; padding:0 40px; position:relative; z-index:1;
}
.service_design_contents_type5 .title_area {
width:100%; height:100%; display:flex; align-items:center; justify-content:center;
border:thin solid #ddd; border-bottom:unset; background:#fff;
}
.service_design_contents_type5 .title_area.has-label {
border-top: none;
height: 120px;
}
.service_design_contents_type5 .title { color:var(--tcd-accent-color); text-align:center; font-size: 20px; font-weight: 600;}
.service_design_contents_type5 .desc_area { padding:35px 50px 40px; font-size:14px; line-height:2; } @media (max-width:1100px) {
.service_design_contents_type5 .title { font-size:20px; }
}
@media (max-width:850px) {
.service_design_contents_type5 .title_area { padding:0 40px; }
.service_design_contents_type5 .desc_area { padding:40px; }
}
@media(max-width:991px) {
.p-3_colum {
grid-template-columns: repeat(2, 1fr);
}
.service_design_contents_type5 .title { font-size:18px; }
}
@media (max-width:750px) {
.service_design_contents_type5 .label { line-height:40px; height:40px; padding:0 20px; font-size:14px; }
.service_design_contents_type5 .item .label:before { width:15px; height:9px; }
.service_design_contents_type5 .title_area { height:100%; padding:0 20px; }
.service_design_contents_type5 .desc_area { padding:30px 40px; font-size:14px; }
.service_design_contents_type5 .label_title_area {
height: 120px;
}
.service_design_contents_type5 .title_area.has-label {
height: 80px;
}
.service_design_contents_type4 {
padding-top: 20px;
}
.service_design_contents_type4.p-2_colum {
row-gap: 40px;
}
.service_design_contents_type4.p-3_colum {
row-gap: 40px;
}
.p-2_colum {
grid-template-columns: 1fr;
row-gap: 20px;
}
.p-3_colum {
grid-template-columns: 1fr;
row-gap: 20px;
}
}
.p-404-content .tcdce-box {
text-align: left;
}
.p-404-content .custom_ul li {
text-align: left;
}
.p-404-content .custom_ol li {
text-align: left;
}
.p-404-content .tcdce-sb-content {
text-align: left;
} .p-side-button {
position: fixed;
inset: 0 0 0 auto;
z-index: 1000000;
margin-block: auto;
height: fit-content;
display: grid;
grid-template-columns: 70px;
grid-auto-rows: minmax(180px, max-content);
font-size: 16px;
}
.p-side-button-item {
position: relative;
display: grid;
place-items: center;
color: #fff;
writing-mode: vertical-rl;
padding-inline: 25px;
transform: translateX(100%); --tcd-side-button-animation-base-delay: 0.3s;
transition: transform 0.5s cubic-bezier(0.17, 0.84, 0.44, 1) calc(0.4s + var(--tcd-side-button-animation-base-delay, 0s));
}
.p-side-button-item:before {
content: '';
position: absolute;
inset: 0;
background: #ffffff;
opacity: 0;
transition: opacity 0.3s ease;
}
.p-side-button-item-text {
position: relative;
z-index: 1;
}
body.is-ready .p-side-button-item {
transform: translateX(0);
}
*+.p-side-button-item {
transition-delay: calc(0.7s + var(--tcd-side-button-animation-base-delay, 0s));
}
*+*+.p-side-button-item {
transition-delay: calc(0.9s + var(--tcd-side-button-animation-base-delay, 0s));
}
@media (max-width: 991px) {
.p-side-button:not(.is-show-sp) {
display: none;
}
.p-side-button {
grid-template-columns: 50px;
grid-auto-rows: minmax(120px, max-content);
font-size: 12px;
}
.p-side-button-item {
padding-inline: 20px;
}
}
@media (any-hover: hover) {
.p-side-button-item:hover:before {
opacity: 0.1;
}
} .p-faq-list-item {
background: #f6f6f6;
border: 1px solid #dddddd;
}
*+.p-faq-list-item {
margin-top: -1px;
position: relative;
}
.p-faq-list-item.is-active {
--tcd-voice-list-item-font-color: var(--tcd-accent-color);
--tcd-voice-list-item-grid-row: 1fr;
--tcd-voice-list-item-opacity: 1;
--tcd-voice-list-item-toggle-height: 0px;
}
.p-faq-list-item-title {
cursor: pointer;
position: relative;
font-size: 16px;
line-height: 1.6;
padding-block: calc(25px + var(--tcd-half-read));
padding-inline: 30px 60px;
color: var(--tcd-voice-list-item-font-color, inherit);
transition: color 0.2s ease;
background: #ffffff;
}
.p-faq-list-item-title-toggle {
display: grid;
place-items: center;
width: 1em;
height: 1em;
font-size: 14px;
position: absolute;
inset: 0 30px 0 auto;
margin-block: auto;
color: #000;
}
.p-faq-list-item-title-toggle:before {
content: '';
grid-area: 1 / -1;
width: 1px;
height: var(--tcd-voice-list-item-toggle-height, inherit);
background: currentColor;
}
.p-faq-list-item-title-toggle:after {
content: '';
grid-area: 1 / -1;
width: inherit;
height: 1px;
background: currentColor;
}
.p-faq-list-item-title-content {
display: grid;
grid-template-rows: var(--tcd-voice-list-item-grid-row, 0fr); transition: grid-template-rows 0.3s ease;
}
.p-faq-list-item-title-content-inner {
overflow: hidden;
}
.p-faq-list-item-title-content-text {
padding: 30px;
border-top: 1px solid #ddd;
}
@media (any-hover: hover) {
.p-faq-list-item-title:hover {
--tcd-voice-list-item-font-color: var(--tcd-accent-color);
}
}
@media(max-width:767px) {
.p-faq-list-item-title {
font-size: 14px;
padding-block: calc(23px + var(--tcd-half-read));
padding-inline: 20px 50px;
}
.p-faq-list-item-title-content-text p {
font-size: 14px;
}
} .p-single__content_service {
font-family: var(--tcd-single-content-font-type, inherit);
}
.p-single__content_voice {
font-family: var(--tcd-single-content-font-type, inherit);
}
.p-single-content {
font-family: var(--tcd-single-content-font-type, inherit);
}
.p-single__content {
font-family: var(--tcd-single-content-font-type, inherit);
}
.p-tab_body {
font-family: var(--tcd-single-content-font-type, inherit);
}
.p-lp-body {
font-family: var(--tcd-single-content-font-type, inherit);
}