/* メインカラー
F25820
うすいいろ
#FAF1E6
薄いグレー
f5f5f5
グレーの線
bbbbbb
*/
/*===================================================================
追従ボタン
===================================================================*/
/* 反映テスト */
/* .site-body {
background : linear-gradient(to right,
red,
orange,
yellow,
green,
aqua,
blue,
purple);
} */
/*
CSSで色んなものを虹色に光らせる｜中央コンピューターサービス株式会社(CCS)
https://www.ccs1981.jp/blog/css%E3%81%A7%E8%89%B2%E3%82%93%E3%81%AA%E3%82%82%E3%81%AE%E3%82%92%E8%99%B9%E8%89%B2%E3%81%AB%E5%85%89%E3%82%89%E3%81%9B%E3%82%8B/
.site-body {
background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
animation: gaming 10s linear infinite;
}
@keyframes gaming {
100% { background-position-x: 200%; }
}
*/
/* ヘッダーナビ
---------------------------------------------------------------------------------*/
/* .navi-navHeader--desc {
display: none;
} */
./* navi-fv {
position: relative;
z-index: 9999;
} */
body {
/* font-family: "Zen Maru Gothic", sans-serif; */
font-weight: 500;
letter-spacing: 0.05em;
font-size: 18px;
color:#333;
}
.navi-nav__spacer {
margin-top: 15px;
}
/* モバイルヘッダー */
.navi-sp__header {
padding-top: 1px !important;
}
:root :where(.is-layout-flow) > * {
margin-block-start: 0!important;
margin-block-end: 0;
}
/* テキスト配置 */
.txtR {
text-align: right!important;
}
@media screen and (max-width: 480px) {
.sp-center {
text-align: center!important;
}
.sp-left {
text-align: left!important;
}
}
.navi-kadomaru {
border-radius: 30px!important;
}
.page-header-title {
font-family: "Zen Maru Gothic", sans-serif!important;
}
.navi-h4 {
background: #fff;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #F25820;/*左線*/;
}
@media screen and (max-width: 768px) {
.ft14 {
font-size: 14px!important;
}
}
.ft18b {
font-size: 18px!important;
}
.ft18,
.ft18 li {
font-size: 18px!important;
}
.ft22 {
font-size: 22px!important;
}
.ft36 {
font-size: clamp(1.75rem, 1.179rem + 1.19vw, 2.25rem)!important;
margin-bottom: 1rem!important;
}
.ft46 {
font-size: clamp(2.125rem, 1.268rem + 1.786vw, 2.875rem)!important;
}
.secura_ttl-h2 {
/* font-size: 32px!important; */
font-size: clamp(1.625rem, 1.493rem + 0.563vw, 2rem)!important;
}
.navi-tel__foot {
font-size: clamp(1.625rem, 1.493rem + 0.563vw, 2rem)!important;
}
@media screen and (max-width: 600px) {
.ft36 {
/* 600-375 */
font-size: 24px!important;
}
.ft46 {}
}
.text-glow-white,
.page-header-title {
text-shadow:
0 0 4px #fff,
0 0 4px #fff,
0 0 20px #fff;
}
.vk_button.ft18 .vk_button_link.btn-sm {
font-size: 18px!important;
}
@media screen and (max-width: 1440px) {
body {
font-size: 16px!important;
}
.ft18,
.ft18 li {
font-size: 16px!important;
}
.ft22 {
font-size: 20px!important;
}
.vk_button.ft18 .vk_button_link.btn-sm {
font-size: 16px!important;
}
}
@media screen and (max-width: 768px) {
.ft22,
.ft22 strong {
font-size: 18px!important;
}
}
/* .vk_custom_css_22 {
font-family: "Zen Maru Gothic", sans-serif!important;
font-weight: 700!important;
} */
.zenMaru500 {
font-family: "Zen Maru Gothic", sans-serif!important;
font-weight: 500;
letter-spacing: 0.05em;
}
.zenMaru700 {
font-family: "Zen Maru Gothic", sans-serif!important;
font-weight: 700;
letter-spacing: 0.05em;
}
.zenMaru700.vk_custom_css_10 {
font-family: "Zen Maru Gothic", sans-serif!important;
font-weight: 700;
letter-spacing: 0.05em;
}
/* ドロップシャドウ */
.txt-shadow {
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.mb0 {
margin-bottom: 0!important;
}
.mb10 {
margin-bottom: 10px!important;
}
.no-wrap {
white-space: nowrap;
}
.br30 .vk_gridColumn_item_inner {
border-radius: 30px!important;
}
/* グリッドカラムアイテム */
.navi-grid {
margin-bottom: 30px!important;
}
@media screen and (max-width: 599px) {
.navi-grid {
margin-bottom: 20px!important;
}
}
/* ボタン
---------------------------------------------------------------------------------*/
/*
ボタン
*/
.navi-btn01__box {
text-align: center;
}
.navi-btn01__box.--right {
text-align: right;
}
.navi-btn01 {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 200px;
background-color: #ffffffdb;/* 透過 */
color: #333;
text-decoration: none;
padding: 16px 60px 16px 30px;
box-sizing: border-box;
border-radius: 50px;
position: relative;
transition: background-color .3s, box-shadow .3s;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.05em;
}
.navi-btn01.--mid {
min-width: 240px;
}
.navi-btn01.--oreng {
background: #F25820db;
color: #fff;
}
.navi-btn01.--oreng:hover,
.navi-btn01.--gren:hover {
color: #fff;
}
.navi-btn01.--gren {
background: #0ac40a;
color: #fff;
}
@media screen and (max-width: 1440px) {
.navi-btn01 {
font-size: 16px;
}
}
@media screen and (min-width: 769px) {
.navi-btn01.--sp-on {
display: none;
}
}
@media screen and (max-width: 768px) {
.navi-btn01.--sp-no {
display: none;
}
}
/* ホバー時のボタン全体の変化 */
.navi-btn01:hover {
box-shadow: 0 4px 15px rgba(240, 154, 188, 0.4);
color: #F25820;
}
/* 右側の白い円（矢印の土台） */
.navi-btn01 .arrow {
position: absolute;
right: 15px; /* 初期位置 */
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #fff;
/* 動きを滑らかにする設定 */
transition: right .3s ease-out;
}
/* ★ホバー時に矢印をさらに右へ動かす */
.navi-btn01:hover .arrow {
right: 8px; /* 15pxから8pxに移動することで右に動いて見える */
}
/* 矢印アイコン（中のハの字） */
.navi-btn01 .arrow::before,
.navi-btn01 .arrow::after {
content: "";
width: 10px;
height: 3px;
display: block;
border-radius: 2px;
background: #F09ABC;
position: absolute;
right: 12px;
}
.navi-btn01.--gren .arrow::before,
.navi-btn01.--gren .arrow::after {
background: #0ac40a;
}
.navi-btn01 .arrow::before {
top: calc(50% - 4px);
transform: rotate(45deg);
}
.navi-btn01 .arrow::after {
bottom: calc(50% - 4px);
transform: rotate(-45deg);
}
/* 絶対配置 */
.navi-position-re {
position: relative;
}
.navi-position-ab {
position: absolute;
z-index: 10;
}
.navi-mv__img {
right: 0;
bottom: 20px;
/* left: 50%; */
/* transform: translate(-50%, -50%); */
/* width: 219px; */
/* 219-110(768) */
width: clamp(6.875rem, -0.911rem + 16.22vw, 13.688rem);
}
/* 点線 */
/*
点線
*/
.c-dashed__text {
/* 1. インライン要素にすることで各行に背景を適用 */
display: inline;
/* 2. 線と文字の距離を調整 */
padding-bottom: 4px;
/* 3. 点線を背景として設定 */
background-image: linear-gradient(to right, #666, #666 50%, transparent 50%, transparent);
/* 4. 点線のサイズと位置（線の太さを2px、間隔を10pxに設定） */
background-size: 20px 2px;
background-position: 0 1.5em; /* 文字の高さに合わせて位置を微調整 */
background-repeat: repeat-x;
/* 5. 行間を少し広げると線が重ならず綺麗に見えます */
line-height: 2.0;
}
/*フォーム送信ボタン*/
.smf-action .smf-button-control__control {
margin-top: 0;
border-radius: 30px;
padding: 12px 24px;
width: 200px;
font-size: 1rem;
letter-spacing: 0.05em;
background: #F25820;
color: #fff;
border: none;
box-shadow: none;
transition: background .3s, transform .2s;
cursor: pointer;
}
.smf-action .smf-button-control__control:hover {
background: #555;
transform: translateY(2px);
}
/*個人情報保護チェックの背景色*/
[data-name="privacy-agreement"] {
background: #eee;
padding: 1rem;
}
/*スノーモンキーフォーム 確認画面で個人情報保護を非表示*/
[data-screen="confirm"] .privacy-policy {
display: none;
}
/* トップページ
---------------------------------------------------------------------------------*/
/* mv */
.navi-mv__ttl {
font-size: 46px;
/* 46-34(768) */
font-size: clamp(2.125rem, 1.268rem + 1.786vw, 2.875rem);
}
@media screen and (max-width: 600px) {
/* 600-375 */
.navi-mv__ttl {
font-size: clamp(1.75rem, 1.125rem + 2.667vw, 2.125rem)!important;
}
}
.navi-mv__ttl.vk_block-margin-0--margin-bottom {
margin-bottom: 1rem!important;
}
.navi-mv__copy {
font-size: 18px!important;
}
@media screen and (max-width: 1440px) {
.navi-mv__copy {
font-size: 16px!important;
}
}
/* あいさつ */
.navi-top__aisatu {
/* font-size: 46px!important; */
font-size: clamp(2.125rem, 1.268rem + 1.786vw, 2.875rem)!important;
}
/* 3つの支援の柱 */
.navi-top__3hasira {
font-size: clamp(2.125rem, 1.268rem + 1.786vw, 2.875rem)!important;
color: #F25820;
background: #ffffffdb;
margin-left: 1rem;
border-radius: 20px;
}
@media screen and (max-width: 600px) {
/* 600-375 */
.navi-top__aisatu,
.navi-top__3hasira {
font-size: clamp(1.5rem, 0.875rem + 2.667vw, 1.875rem)!important;
}
}
.navi_3hasira-p {
position: absolute;
z-index: 0;
left: 0;
/* left: 50%; */
/* transform: translate(-50%, -50%); */
bottom: 0;
font-family: "Roboto", sans-serif;
font-size: 10rem ;
font-weight: 500;
line-height: 1;
letter-spacing: 0;
color: #FDE8E0;
}
/* 事業内容 */
.gap10 {
gap:10px;
}
/* アイコン */
/* 32-24 */
.navi-top__jigyou--icon i {
font-size: clamp(1.5rem, 0.929rem + 1.19vw, 2rem)!important;
}
.navi-top__jigyou {
position: absolute;
z-index: 1;
left: -10%;
top: 70%;
/* left: 50%; */
/* transform: translate(-50%, -50%); */
/* 160-100(768) */
width: clamp(6.25rem, 1.964rem + 8.929vw, 10rem);
}
.navi-top__jigyou.--left {
right: -10%;
left: auto;
}
@media screen and (max-width: 1200px) {
.navi-top__jigyou {
left: -10%;
top: 50%;
}
.navi-top__jigyou.--left {
top: 50%;
}
}
@media screen and (max-width: 1000px) {
.navi-top__jigyou,
.navi-top__jigyou.--left {
top: 40%;
}
}
@media screen and (max-width: 768px) {
.navi-top__jigyou,
.navi-top__jigyou.--left {
top: auto;
bottom: 0;
}
}
/* topお知らせ */
.navi-news__link a {
color: #333;
}
/* テーブル表 */
.navi-table .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
background: red!important;
}
/* 地図 */
.navi-map iframe {
border-radius: 30px;
}
/* 採用情報cta*/
.navi-recruit__cta {
max-width: 1110px;
margin: auto;
}
/* top法人概要 */
.navi-top__houjinlogo {
position: absolute;
z-index: 0;
right: -20%;
bottom: -143px;
/* width: 345px; */
/* 250-150 */
width: clamp(9.375rem, 2.232rem + 14.881vw, 15.625rem);
opacity: 1;
}
@media screen and (max-width: 1440px) {
.navi-top__houjinlogo {
right: -5%;
}
}
@media screen and (max-width: 1000px) {
.navi-top__houjinlogo {
right: -5%;
bottom: -123px;
}
}
@media screen and (max-width: 767px) {
.navi-top__houjinlogo {
right: -10%;
}
}
@media screen and (max-width: 600px) {
.navi-top__houjinlogo {
right: 0;
}
}
@media screen and (max-width: 499px) {
.navi-top__houjinlogo {
width: 100px;
}
}
/* 法人概要 表 */
.navi-top__houjhinTable table td {
font-size: 18px;
}
@media screen and (max-width: 1440px) {
.navi-top__houjhinTable table td {
font-size: 16px;
}
}
/* 1. 一番上の行の、上の線を変える */
/* .navi-top__houjhinTable.is-style-vk-table-border-top-bottom table tr:first-child td {
border-top: 2px solid #0ac40a !important;
} */
.navi-top__houjhinTable.is-style-vk-table-border-top-bottom table tr:first-child td {
border-top: none !important;
}
/* 2. 一番下の行の、下の線を変える */
.navi-top__houjhinTable.is-style-vk-table-border-top-bottom table tr:last-child td {
border-bottom: 1px solid #F25820 !important;
}
/* 3. 中間の不要な横線を消したい場合は以下も追加（お好みで） */
.navi-top__houjhinTable.is-style-vk-table-border-top-bottom table tr:not(:last-child) td {
border-bottom: 1px solid #F25820 !important;
}
.navi-top__houjhinTable.is-style-vk-table-border-top-bottom table tr:not(:first-child) td {
border-top: 1px solid #F25820 !important;
}
@media screen and (max-width: 768px) {
/* 3. 中間の不要な横線を消したい場合は以下も追加（お好みで） */
.navi-top__houjhinTable.is-style-vk-table-border-top-bottom table tr:not(:last-child) td {
border-bottom:none !important;
}
}
/* フッター
---------------------------------------------------------------------------------*/
.navi-footer__cta {
max-width: 800px;
width: 80%;
padding-bottom: 12px;
}
@media screen and (max-width: 499px) {
.navi-footer__cta {
width: 90%!important;
}
}
/* お問い合わせ
---------------------------------------------------------------------------------*/
/* faq */
.navi-faq__q::before {
background-color: #F25820!important;
}
.navi-faq__a::before {
background-color: #F2C820!important;
}
/* 法人について
---------------------------------------------------------------------------------*/
.navi-list__mark.vk_list_14 li::before {
color: #F25820!important;
}
/* 採用情報
---------------------------------------------------------------------------------*/
.navi--recruit__mv {}
/* 新卒・中途 */
.page-id-1552 {}
.page-id-1551 {}
.page-id-1551 .site-body,
.page-id-1552 .site-body,
.page-id-1553 .site-body {
padding-top: 15px!important;
}
/* パンくず非表示 */
.page-id-1551 #breadcrumb,
.page-id-1552 #breadcrumb,
.page-id-1553 #breadcrumb {
display: none;
}
/*パンくず移動*/
.recruit-page__pan {
width: auto;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: var(--vk-width-full);
}
.recruit-page__pan span,
.recruit-page__pan i {
color: #000;
}
/* 事業案内 */
@media screen and (max-width: 599px) {
.navi-clum599 {
margin-top: 50px!important;
}
}
/* お知らせ */
.vk_post_title.media-title,
.widget-title.sub-section-title,
.entry-full .wp-block-heading {
font-family: "Zen Maru Gothic", sans-serif!important;
}
.post-list .vk_post .vk_post_btn {
border-radius: 20px!important;
}
/* デイサービス */
.mb10.navi-hyouka.vk_block-margin-md--margin-bottom {
margin-bottom: 10px!important;
}