/*!
Theme Name: showado
Theme URI: http://underscores.me/
Author: 昭和堂
Author URI: https://www.showado.co.jp/
Description: 長崎から福岡を中心に、印刷はもちろん、マーケティングから企画・デザイン、動画制作、ホームページ制作まで様々な事業領域で皆様のビジネスをお手伝いする。
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: showado
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

canvas is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@charset "UTF-8";

:root{
--clr-bg:#f9f9f7;
}
:root{
--font-large: clamp(2.4rem,3.0vw,4.0rem);
--font-middle: clamp(2.0rem,2.4vw,3.2rem);
--font-small: clamp(1.6rem,1.8vw,2.0rem);
--sp-set: clamp(3.2rem, 4.8vw, 6.4rem);
--sp-set-main: clamp(1.6rem, 2.4vw, 3.2rem);
}

/* font-family */
h1,
h2,
h3,
h4,
.Contact-information p.phone,
.anchor-menu dl.inner dt{ font-family: YakuHanJP,"Kosugi Maru", sans-serif; font-weight: 400; font-style: normal;}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* トップページ：index */
#toppage{}
main#toppage article.contents{ padding-block: var(--sp-set); position: relative; background: #fff;}
main#toppage article.contents section{ width: 90%; margin: 0px auto; max-width: 1200px; position: relative;}
main#toppage article.contents section p{ margin-top: 1.0em;}

/* 固定ページ：static */
#static{ padding-block: var(--sp-set-main);}
main#static article.contents{ padding-top: 6.4rem; position: relative;}
main#static article.contents:last-of-type{ padding-bottom: 6.4rem;}
main#static article.contents section{ width: 90%; margin: 0px auto; max-width: 1200px; position: relative;}
main#static article.contents section > p{ margin-top: 1.0em;}

/* 記事一覧 */
/*main#archive{ width: 90%; margin: 0px auto; max-width: 1200px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-block: var(--sp-set);}*/
main#archive{ width: 100%; margin: 0px auto; max-width: 1200px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-block: var(--sp-set);}
/*main#archive #archive-list,
main#archive #event-list{ width: 72.5%;}*/
main#archive #archive-list{ width: 100%;}
main#archive #event-list{ width: 72.5%;}
main#archive #secondary{ width: 23.5%;}

/* page layout */
body.page-template-default header.entry-header{ display: none;}
body.page-template-default #container main{ width: 100%; margin: 0px auto;}
body.page-template-default #container #secondary{ display: none;}

/* heading */
h2.heading{ font-size: 2.4rem; line-height: 1.2em; text-align: center; color: #595757; margin-bottom: 1.0em;}
h2.heading span{ display: block; text-align: center; font-size: 4.0rem; line-height: 1.2em;}

/* background color */
.bg-color{ background: var(--clr-bg);}

/*--------------------------------------------------------------
# top page
--------------------------------------------------------------*/
body#home .entry-header{ display: none;}

/* hero area
--------------------------------------------------------------*/
#hero-area{ width: 100%; height: 50vw; position:relative; overflow:hidden;}
/*
#hero-area{ background-position: 0 0, 2px 2px; background:linear-gradient(-45deg, rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)); background-image:radial-gradient(#111 20%, transparent 31%), radial-gradient(#111 20%, transparent 31%); background-size: 4px 4px;}
*/
#hero-area video{position: fixed; right: 0; bottom: 0; top: 0; left: 0; min-width: 100%; height: auto; z-index: -1; overflow: hidden;}
#hero-area svg{ position: absolute; bottom: -1px; left: 0; width: 100%; z-index: 10;}

#hero-area section { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
/*
#hero-area figure{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
*/
#hero-area figure{ width: 100%;}
#hero-area figure img{ width: 100%; height: auto;}
.mask{fill:#FFFFFF;}
#hero-area h2 { width: 320px; margin: -8.0rem auto 0;}
#hero-area p{ text-align: center;}

/* intro
--------------------------------------------------------------*/
/*
.home-intro{ padding-top: 0 !important; z-index: 100;}
*/
.home-intro{ z-index: 99;}
.home-intro section { margin: 0 auto;}
.home-intro h2{ width: 320px; margin: -8.0rem auto 0; position: absolute; top: -80px; left: 50%; transform: translateX(-50%);}
.home-intro h2 figure img{ width: 100%; height: auto;}
.home-intro p{ text-align: center;}

/* slider
--------------------------------------------------------------*/
.home-slider{}

.slider{ position: relative; width: 100%; height: clamp(200px, 25vw, 320px); overflow: hidden;} 
.slider:before{ content: ""; width: 92%; height: 1px; background: rgba(0,0,0,0.08); position: absolute; bottom: 1.0rem; left: 50%; transform: translateX(-50%); z-index: -1;}
.slider .slides{ display: flex; transition: transform 0.5s ease; height: 100%;} 
.slider .slides .slide{ min-width: calc((100% - 40px) / 3); margin: 0 10px; height: 100%; display: flex; align-items: center;} 
.slider .slides .slide .inner{ width: 100%; height: calc(100% / 1.2); transition: transform 0.5s ease, opacity 0.5s ease; transform: scale(0.8); transform-origin: center; opacity: 0.5;} 
.slider .slides .slide.active .inner{ transform: scale(1.2); opacity: 1;} 
.slider .slides .slide .inner img{ width: 100%; height: 100%; object-fit: cover; border-radius: 16px;} 
.prev,
.next{ position: absolute; bottom: 2.0rem; font-size: 2.0rem; line-height: 1.0em; color: rgba(0,0,0,0.6); cursor: pointer; user-select: none; z-index: 10;} 
.prev:before{ content: "\eaa7"; font-family: "Material Icons"; position: relative; top: 2px; margin-right: 0.5em;}
.next:after{ content: "\eaaa"; font-family: "Material Icons"; position: relative; top: 2px; margin-left: 0.5em;}
.prev{ left: 4%;} 
.next{ right: 4%;} 
.prev:hover,
.next:hover{ color: rgba(0,0,0,0.9);} 
@media (max-width: 1024px){
.slider .slides .slide{ min-width: calc((100% - 40px) / 2);}
} 
@media (max-width: 640px){
.slider .slides .slide{ min-width: calc(100% - 20px);}
}

/* banner
--------------------------------------------------------------*/
.home-banner{}
.home-banner ul{ width: 64%; margin: 0px auto; max-width: 960px;}
.home-banner ul li{ width: 100%;}
.home-banner ul li:nth-child(n+2){ margin-top: 1.5em;}
.home-banner ul li img{ width: 100%; height: auto;}
.home-banner ul li a{ display: block; border-radius: 16px; overflow: hidden;}
.home-banner ul li a:hover{ opacity: 0.64;}

/* links
--------------------------------------------------------------*/
.home-link{}
.home-link ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 80%; margin: 0px auto;}
.home-link ul li{ width: 47%; position: relative;}
.home-link ul li:before{ content: ""; width: 72px; height: 72px; background: url("images/home/search_icon.webp") no-repeat; background-size: contain; position: absolute; top: -2.4rem; left: -2.4rem; z-index: 10;}
.home-link ul li img{ width: 100%; height: auto;}
.home-link ul li a{ display: block; border-radius: 16px; overflow: hidden;}
.home-link ul li a:hover{ opacity: 0.64;}

/* news list
--------------------------------------------------------------*/
.home-news{}
.home-news .whatsnew-list{ background: #FFF; border-radius: 24px; padding: 2.0em;}
.home-news .whatsnew-list li{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; border-bottom: solid 1px rgba(0,0,0,0.08); padding: 1.0em 0; line-height: 1.2em;}
.home-news .whatsnew-list li:last-child{ border-bottom: none;}
.home-news .whatsnew-list li span.category{ font-size: 1.4rem; line-height: 1.0em; font-weight: 600; color: #FFF; background-image: linear-gradient(90deg, #e16b55, #b68bac 50%, #37a4bb); padding: 0.4em 0.8em; margin: 0 1.0em; min-width: 12.0em; text-align: center;}
.home-news .whatsnew-list li a{ max-width: 72%; display: inline-block; color: #333; text-decoration: none;}
.home-news .whatsnew-list li a:hover{ color: rgba(51,51,51,0.64);}
.home-news .button{ width: 18.4%; margin: 2.0em auto 0 !important;}
.home-news .button img{ width: 100%; height: auto;}
.home-news .button a{ display: block; border-radius: 100px; overflow: hidden;}
.home-news .button a:hover{ opacity: 0.64;}

/* event calendar
--------------------------------------------------------------*/
.fc-today-button{ display: none !important;}
.fc-col-header thead .fc-scrollgrid-sync-inner{ text-align: center; background: #F9F9F9; padding: 1.0em;}
.fc-col-header-cell-cushion,
.fc-daygrid-day-number { text-decoration: none !important; color: inherit !important; pointer-events: none; cursor: default;}

.fc-event{ cursor: pointer;}
.tippy-box{ min-width: 300px; background-color: #FFF; color: #333; padding: 8px; border-radius: 4px; box-shadow: 0 0 8px rgba(0,0,0,0.16);}
.tippy-content strong{ color: #333;}
.tippy-box[data-placement^='top'] > .tippy-arrow::before { border-top-color: #FFF;}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before { border-bottom-color: #FFF;}

/* instagram / youtube
--------------------------------------------------------------*/
.brand{}
.brand h2{ width: 18.4%; margin: 0px auto 2.0em auto;}
.brand h2 img{ width: 100%; height: auto;}
.brand.youtube .column{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.brand.youtube .column .inner{ width: 47%; padding-bottom: 26.43%; position: relative; border-radius: 16px; overflow: hidden;}
.brand.youtube .column .inner iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0;}


.blank-banner{}
.blank-banner ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.blank-banner ul li{ height: 64px; margin: 0.5em;}
.blank-banner ul li img{ width: auto; height: 100%;}
.blank-banner ul li a{ opacity: 1.0;}
.blank-banner ul li a:hover{ opacity: 0.64;}

/*--------------------------------------------------------------
# middle page
--------------------------------------------------------------*/

/* common
--------------------------------------------------------------*/
#page-title{ width: 90%; margin: 0px auto; max-width: 1200px; text-align: center; padding-top: clamp(1.6rem, 2.0vw, 2.4rem);}
#page-title h1{ font-size: var(--font-large); display: inline-block; line-height: 1.0em; position: relative; padding-bottom: 0.5em;}
#page-title h1:after{ content: ""; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; -webkit-mask-image: url("images/common/dot.svg"); mask-image: url("images/common/dot.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; mask-position: center center; background: #999;}

.breadcrumbs{ width: 90%; margin: 0px auto; max-width: 1200px; padding: 0.8em 1.6em; border-radius: 24px; display: flex; justify-content: center; flex-wrap: wrap; background: #ccc; margin-top: 3.2rem;}
/*
.breadcrumbs li{ line-height: 1.2em;}
*/
.breadcrumbs li{ line-height: 1.2em; font-weight: bold; text-shadow: 0 0 2px rgba(0,0,0,0.1);}
.breadcrumbs li:nth-of-type(n+2):before{ content: "\e5e1"; font-family: "Material Icons"; font-size: 1.0rem; padding: 0 0.5em; position: relative; top: -0.15rem;}
.breadcrumbs li a{ display: inline-block; color: #333; text-decoration: none;}
.breadcrumbs li a:hover{ color: rgba(51,51,51,0.64);}

h2.slogan{ font-size: var(--font-middle); text-align: center; line-height: 1.2em; margin-bottom: 0.48em;}

.contents.intro{}
.contents.intro section > p{ text-align: center; margin-top: 0 !important;}
.contents.intro section > p.link-button{ margin-top: 1.6rem !important;}

.link-button{ margin-top: 1.6rem; text-align: center;}
.link-button a{ display: inline-block; font-weight: 600; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 2.0em; border-radius: 100px; overflow: hidden; position: relative; z-index: 10;}
.link-button a:hover{ color: #FFF; text-decoration: none;}
.link-button a span{ display: inline-block; position: relative; z-index: 10;}
.link-button a:before{ content: ""; width: 200%; height: 100%; background-image: linear-gradient(90deg, #e16b55, #b68bac 80%, #37a4bb); position: absolute; top: 0; left: -100%; z-index: -1; transition: all 0.3s ease 0s;}
.link-button a:hover:before{ left: 0;}

.link-buttons{ margin-top: 6.4rem; display: flex; justify-content: center; flex-wrap: wrap;}
.link-buttons li{ width: 23.5%;}
.link-buttons li:nth-child(n+2){ margin-left: 4%;}
.link-buttons li a{ display: block; font-weight: 600; color: #FFF; text-decoration: none; text-align: center; line-height: 1.0em; padding: 1.5em 0; border-radius: 100px; overflow: hidden; position: relative; z-index: 10;}
.link-buttons li a:hover{ color: #FFF; text-decoration: none;}
.link-buttons li a span{ display: inline-block; position: relative; z-index: 10;}
.link-buttons li a:before{ content: ""; width: 200%; height: 100%; background-image: linear-gradient(90deg, #e16b55, #b68bac 80%, #37a4bb); position: absolute; top: 0; left: -100%; z-index: -1; transition: all 0.3s ease 0s;}
.link-buttons li a:hover:before{ left: 0;}

a.little-button{ display: inline-block; font-weight: 600; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 2.0em; border-radius: 100px; overflow: hidden; position: relative; z-index: 10; margin-top: 1.0em;}
a.little-button:hover{ color: #FFF; text-decoration: none;}
a.little-button span{ display: inline-block; position: relative; z-index: 10;}
a.little-button:before{ content: ""; width: 200%; height: 100%; background-image: linear-gradient(90deg, #e16b55, #b68bac 80%, #37a4bb); position: absolute; top: 0; left: -100%; z-index: -1; transition: all 0.3s ease 0s;}
a.little-button:hover:before{ left: 0;}

.column02{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column02 .inner{ width: 47%;}

/* pagenation */
.posts-navigation{ display: none;}
.wp-pagenavi{ margin-top: 6.4rem; display: flex; justify-content: center; flex-wrap: wrap;}
.wp-pagenavi span.pages{ line-height: 3.1rem; padding-top: 0.1rem; border: solid 1px rgba(0,0,0,0.16); min-width: 5.6rem; text-align: center; border-radius: 4px;}
.wp-pagenavi span.current{ border: solid 1px rgba(0,0,0,0.16); background: #FFF; border-radius: 4px; padding-top: 0.2rem; line-height: 3.0rem; min-width: 3.4rem; text-align: center; margin: 0 0.8rem;}
.wp-pagenavi a{ color: #FFF; text-decoration: none; line-height: 3.0rem; min-width: 3.4rem; border-radius: 4px; padding-top: 0.2rem; text-align: center; background: #333; border-color: #333;}
.wp-pagenavi a:hover{ color: #333; background: #CCC; border-color: #CCC;}

/* category color */
:root{
--clr-pnk-rgb:235,109,154;
--clr-grn-rgb:53,183,51;
--clr-lyel-rgb:242,198,59;
--clr-yel-rgb:243,151,0;
--clr-lgn-rgb:142,198,63;
--clr-sky-rgb:107,184,205;
--clr-pur-rgb:208,174,211;
--clr-navy-rgb:96,143,195;
--clr-org-rgb:225,107,85;
}

/* 求職登録 : .page-group-kyushoku-reg-sel */
body.page-group-kyushoku-reg-sel{ background: rgba(var(--clr-pnk-rgb),0.04);}
body.page-group-kyushoku-reg-sel #page-title h1:after{ background-color:rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-kyushoku-reg-sel .breadcrumbs{ background: rgba(var(--clr-pnk-rgb),0.08);}
body.page-group-kyushoku-reg-sel .breadcrumbs li{ color: rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-kyushoku-reg-sel .breadcrumbs li a{ color: rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-kyushoku-reg-sel .breadcrumbs li a:hover{ color: rgba(var(--clr-pnk-rgb),0.64);}
body.page-group-kyushoku-reg-sel .branch .inner h2.title{ color: rgba(var(--clr-pnk-rgb),1.0);}

/* 新着情報・イベント一覧 : .page-group-kyushoku-reg-sel */
body.category,
body.date,
body.single-format-standard,
body#news-index{ background: rgba(var(--clr-lyel-rgb),0.04);}
body.category #page-title h1:after,
body.date #page-title h1:after,
body.single-format-standard #page-title h1:after,
body#news-index #page-title h1:after{ background-color:rgba(var(--clr-lyel-rgb),1.0);}
body.category .breadcrumbs,
body.date .breadcrumbs,
body.single-format-standard .breadcrumbs,
body#news-index .breadcrumbs{ background: rgba(var(--clr-lyel-rgb),0.08);}
body.category .breadcrumbs li,
body.date .breadcrumbs li,
body.single-format-standard .breadcrumbs li,
body#news-index .breadcrumbs li{ color: rgba(var(--clr-lyel-rgb),1.0);}
body.category .breadcrumbs li a,
body.date .breadcrumbs li a,
body.single-format-standard .breadcrumbs li a,
body#news-index .breadcrumbs li a{ color: rgba(var(--clr-lyel-rgb),1.0);}
body.category .breadcrumbs li a:hover,
body.date .breadcrumbs li a:hover,
body.single-format-standard .breadcrumbs li a:hover,
body#news-index .breadcrumbs li a:hover{ color: rgba(var(--clr-lyel-rgb),0.64);}
body.category .branch .inner h2.title,
body.date .branch .inner h2.title,
body.single-format-standard .branch .inner h2.title,
body#news-index .breadcrumbs li a:hover{ color: rgba(var(--clr-lyel-rgb),1.0);}
body.category .wp-pagenavi a,
body.date .wp-pagenavi a,
body.single-format-standard .wp-pagenavi a,
body#news-index .wp-pagenavi a{ background: rgba(var(--clr-lyel-rgb),1.0); border-color: rgba(var(--clr-lyel-rgb),1.0);}
body.category .wp-pagenavi a:hover,
body.date .wp-pagenavi a:hover,
body.single-format-standard .wp-pagenavi a:hover,
body#news-index .wp-pagenavi a:hover{ color: rgba(var(--clr-lyel-rgb),1.0); background: rgba(var(--clr-lyel-rgb),0.24); border-color: rgba(var(--clr-lyel-rgb),0.24);}
body.category .widget_block,
body.date .widget_block,
body.single-format-standard .widget_block,
body#news-index .widget_block{ border-color: rgba(var(--clr-lyel-rgb),0.24);}

/* 福祉人材センターについて : .page-group-about */
body.page-group-about{ background: rgba(var(--clr-grn-rgb),0.04);}
body.page-group-about #page-title h1:after{ background-color:rgba(var(--clr-grn-rgb),1.0);}
body.page-group-about .breadcrumbs{ background: rgba(var(--clr-grn-rgb),0.08);}
body.page-group-about .breadcrumbs li{ color: rgba(var(--clr-grn-rgb),1.0);}
body.page-group-about .breadcrumbs li a{ color: rgba(var(--clr-grn-rgb),1.0);}
body.page-group-about .breadcrumbs li a:hover{ color: rgba(var(--clr-grn-rgb),0.64);}
body.page-group-about h2.slogan,
body.page-group-about .branch .inner h3{ color: rgba(var(--clr-grn-rgb),1.0);}
body.page-group-about .wp-pagenavi a{ background: rgba(var(--clr-grn-rgb),1.0); border-color: rgba(var(--clr-grn-rgb),1.0); margin: 0 0.8rem;}
body.page-group-about .wp-pagenavi a:hover{ color: rgba(var(--clr-grn-rgb),1.0); background: rgba(var(--clr-grn-rgb),0.24); border-color: rgba(var(--clr-grn-rgb),0.24);}

/* ふくしのお仕事について : .page-group-about-welfare-work */
body.page-group-about-welfare-work{ background: rgba(var(--clr-yel-rgb),0.04);}
body.page-group-about-welfare-work #page-title h1:after{ background-color:rgba(var(--clr-yel-rgb),1.0);}
body.page-group-about-welfare-work .breadcrumbs{ background: rgba(var(--clr-yel-rgb),0.08);}
body.page-group-about-welfare-work .breadcrumbs li{ color: rgba(var(--clr-yel-rgb),1.0);}
body.page-group-about-welfare-work .breadcrumbs li a{ color: rgba(var(--clr-yel-rgb),1.0);}
body.page-group-about-welfare-work .breadcrumbs li a:hover{ color: rgba(var(--clr-yel-rgb),0.64);}
body.page-group-about-welfare-work h2.slogan,
body.page-group-about-welfare-work .branch .inner h3{ color: rgba(var(--clr-yel-rgb),1.0);}

/* 福祉の資格取得・就職を応援します！ : .page-group-loan-support */
body.page-group-loan-support{ background: rgba(var(--clr-lgn-rgb),0.04);}
body.page-group-loan-support #page-title h1:after{ background-color:rgba(var(--clr-lgn-rgb),1.0);}
body.page-group-loan-support .breadcrumbs{ background: rgba(var(--clr-lgn-rgb),0.08);}
body.page-group-loan-support .breadcrumbs li{ color: rgba(var(--clr-lgn-rgb),1.0);}
body.page-group-loan-support .breadcrumbs li a{ color: rgba(var(--clr-lgn-rgb),1.0);}
body.page-group-loan-support .breadcrumbs li a:hover{ color: rgba(var(--clr-lgn-rgb),0.64);}
body.page-group-loan-support h2.slogan{ color: rgba(var(--clr-lgn-rgb),1.0);}

/* 施設情報を集める : .page-group-facility-search */
body.post-type-archive-facility{ background: rgba(var(--clr-sky-rgb),0.04);}
body.post-type-archive-facility #page-title h1:after{ background-color:rgba(var(--clr-sky-rgb),1.0);}
body.post-type-archive-facility .breadcrumbs{ background: rgba(var(--clr-sky-rgb),0.08);}
body.post-type-archive-facility .breadcrumbs li{ color: rgba(var(--clr-sky-rgb),1.0);}
body.post-type-archive-facility .breadcrumbs li a{ color: rgba(var(--clr-sky-rgb),1.0);}
body.post-type-archive-facility .breadcrumbs li a:hover{ color: rgba(var(--clr-sky-rgb),0.64);}

/* イベントカレンダー : .post-type-archive-event */
body.post-type-archive-event{ background: rgba(var(--clr-pur-rgb),0.04);}
body.post-type-archive-event #page-title h1:after{ background-color:rgba(var(--clr-pur-rgb),1.0);}
body.post-type-archive-event .breadcrumbs{ background: rgba(var(--clr-pur-rgb),0.08);}
body.post-type-archive-event .breadcrumbs li{ color: rgba(var(--clr-pur-rgb),1.0);}
body.post-type-archive-event .breadcrumbs li a{ color: rgba(var(--clr-pur-rgb),1.0);}
body.post-type-archive-event .breadcrumbs li a:hover{ color: rgba(var(--clr-pur-rgb),0.64);}
body.post-type-archive-event .wp-pagenavi a{ background: rgba(var(--clr-grn-rgb),1.0); border-color: rgba(var(--clr-grn-rgb),1.0);}
body.post-type-archive-event .wp-pagenavi a:hover{ color: rgba(var(--clr-grn-rgb),1.0); background: rgba(var(--clr-grn-rgb),0.24); border-color: rgba(var(--clr-grn-rgb),0.24);}

/* イベントカレンダー（詳細） : .event-template-default */
body.event-template-default{ background: rgba(var(--clr-pur-rgb),0.04);}
body.event-template-default #page-title h1:after{ background-color:rgba(var(--clr-pur-rgb),1.0);}
body.event-template-default .breadcrumbs{ background: rgba(var(--clr-pur-rgb),0.08);}
body.event-template-default .breadcrumbs li{ color: rgba(var(--clr-pur-rgb),1.0);}
body.event-template-default .breadcrumbs li a{ color: rgba(var(--clr-pur-rgb),1.0);}
body.event-template-default .breadcrumbs li a:hover{ color: rgba(var(--clr-pur-rgb),0.64);}

/* 求人事業所の方はこちら : .page-group-rec-business */
body.page-group-rec-business{ background: rgba(var(--clr-navy-rgb),0.04);}
body.page-group-rec-business #page-title h1:after{ background-color:rgba(var(--clr-navy-rgb),1.0);}
body.page-group-rec-business .breadcrumbs{ background: rgba(var(--clr-navy-rgb),0.08);}
body.page-group-rec-business .breadcrumbs li{ color: rgba(var(--clr-navy-rgb),1.0);}
body.page-group-rec-business .breadcrumbs li a{ color: rgba(var(--clr-navy-rgb),1.0);}
body.page-group-rec-business .breadcrumbs li a:hover{ color: rgba(var(--clr-navy-rgb),0.64);}
body.page-group-rec-business h2.slogan,
body.page-group-rec-business .branch .inner h3{ color: rgba(var(--clr-navy-rgb),1.0);}

/* お問い合わせ : .page-group-contact */
body.page-group-contact{ background: rgba(var(--clr-org-rgb),0.04);}
body.page-group-contact #page-title h1:after{ background-color:rgba(var(--clr-org-rgb),1.0);}
body.page-group-contact .breadcrumbs{ background: rgba(var(--clr-org-rgb),0.08);}
body.page-group-contact .breadcrumbs li{ color: rgba(var(--clr-org-rgb),1.0);}
body.page-group-contact .breadcrumbs li a{ color: rgba(var(--clr-org-rgb),1.0);}
body.page-group-contact .breadcrumbs li a:hover{ color: rgba(var(--clr-org-rgb),0.64);}
body.page-group-contact h2.slogan{ color: rgba(var(--clr-org-rgb),1.0);}

body.page-group-thanks{ background: rgba(var(--clr-org-rgb),0.04);}
body.page-group-thanks #page-title h1:after{ background-color:rgba(var(--clr-org-rgb),1.0);}
body.page-group-thanks .breadcrumbs{ background: rgba(var(--clr-org-rgb),0.08);}
body.page-group-thanks .breadcrumbs li{ color: rgba(var(--clr-org-rgb),1.0);}
body.page-group-thanks .breadcrumbs li a{ color: rgba(var(--clr-org-rgb),1.0);}
body.page-group-thanks .breadcrumbs li a:hover{ color: rgba(var(--clr-org-rgb),0.64);}
body.page-group-thanks h2.slogan{ color: rgba(var(--clr-org-rgb),1.0);}

/* 404 : #error-404 */
body#error-404{ background: rgba(var(--clr-org-rgb),0.04);}
body#error-404 #page-title h1:after{ background-color:rgba(var(--clr-org-rgb),1.0);}
body#error-404 .breadcrumbs{ background: rgba(var(--clr-org-rgb),0.08);}
body#error-404 .breadcrumbs li{ color: rgba(var(--clr-org-rgb),1.0);}
body#error-404 .breadcrumbs li a{ color: rgba(var(--clr-org-rgb),1.0);}
body#error-404 .breadcrumbs li a:hover{ color: rgba(var(--clr-org-rgb),0.64);}
body#error-404 h2{ color: rgba(var(--clr-org-rgb),1.0);}

/* 分岐ページ
--------------------------------------------------------------*/
.branch{ margin-top: 6.4rem;}
.branch .inner{ background: #FFF; padding: 2.4rem; padding-bottom: 3.2rem; border-radius: 16px;}
.branch.clm02{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.branch.clm02 .inner{ width: 47%;}
.branch.clm02 .inner:nth-child(n+3){ margin-top: 5.6rem;}
.branch.clm03{ display: flex; justify-content: center; flex-wrap: wrap;}
.branch.clm03 .inner{ width: 31%; margin-right: 3.5%;}
.branch.clm03 .inner:nth-child(3n),
.branch.clm03 .inner:last-child{ margin-right: 0;}
.branch.clm03 .inner:nth-child(n+4){ margin-top: 4.0rem;}

.branch.clm02 .inner figure{ width: 72%; margin: 0px auto;}
.branch.clm02 .inner figure img{ width: 100%; height: auto;}
.branch.clm02 .inner .title{ font-size: var(--font-small); line-height: 1.2em; text-align: center; padding: 0.5em 0; border-bottom: solid 1px rgba(0,0,0,0.08);}
.branch.clm02 .inner p{ margin-top: 0.72em; text-align: center;}
.branch.clm03 .inner figure{ width: 100%; margin: 0px auto;}
.branch.clm03 .inner figure img{ width: 100%; height: auto;}
.branch.clm03 .inner .title{ font-size: var(--font-small); line-height: 1.2em; text-align: center; padding: 0.5em 0; border-bottom: solid 1px rgba(0,0,0,0.08);}
.branch.clm03 .inner p{ margin-top: 0.72em; text-align: center;}
.branch.clm03 .inner p:nth-of-type(1){ min-height: 5.6em;}

/* 福祉人材センターについて
--------------------------------------------------------------*/

/* 相談方法 */
.consulting.clm03{ display: flex; justify-content: center; flex-wrap: wrap;}
.consulting.clm03 .inner{ width: 31%; margin-right: 3.5%; border: solid 4px rgba(var(--clr-grn-rgb),1.0); border-radius: 16px; background: #FFF;}
.consulting.clm03 .inner:nth-child(3n),
.consulting.clm03 .inner:last-child{ margin-right: 0;}
.consulting.clm03 .inner:nth-child(n+4){ margin-top: 4.0rem;}
.consulting.clm03 .inner h3.title{ font-size: var(--font-small); color: #FFF; background: rgba(var(--clr-grn-rgb),0.72); text-align: center; line-height: 1.0em; padding: 0.72em 0;}
.consulting.clm03 .inner p:first-of-type{ padding: 1.0em; padding-bottom: 0; min-height: 3lh;}
.consulting.clm03 .inner p.link-button{ margin-bottom: 1.0em;}

.Contact-information{ background: #FFF; border-radius: 24px; padding: 1.0em; border: dotted 2px rgba(var(--clr-grn-rgb),1.0); position: relative;}
.Contact-information h2{ position: absolute; top: -1.0em; left: 50%; transform: translateX(-50%);}
.Contact-information h2 span{ display: inline-block; font-size: var(--font-small); line-height: 1.0em; color: #FFF; background: rgba(var(--clr-grn-rgb),1.0); padding: 0.24em 1.0em; border-radius: 8px;}
.Contact-information p.address{ text-align: center; padding-top: 0.5em;}
.Contact-information p.phone{ text-align: center; margin-top: 0.8em; line-height: 1.2em; color: rgba(var(--clr-grn-rgb),1.0);}
.Contact-information p.phone a{ display: inline-block; font-size: var(--font-middle); text-decoration: none; color: rgba(var(--clr-grn-rgb),1.0);}
.Contact-information p.phone a:hover{ color: rgba(var(--clr-grn-rgb),0.64);}
.Contact-information p.time{ text-align: center; margin-top: 0.5em;}

/* スタッフ紹介 */
.baloon{ background: #FFF; border-radius: 24px; padding: 1.0em; border: dotted 2px rgba(var(--clr-grn-rgb),1.0); position: relative; margin-top: 6.4rem;}
.baloon h2{ position: absolute; top: -1.0em; left: 50%; transform: translateX(-50%);}
.baloon h2 span{ display: inline-block; font-size: var(--font-small); line-height: 1.0em; color: #FFF; background: rgba(var(--clr-grn-rgb),1.0); padding: 0.24em 1.0em; border-radius: 8px;}
.baloon p{ text-align: center; padding-top: 0.5em;}

.staff .column02 .inner:nth-child(n+3){ margin-top: 6.4rem;}
.staff .column02 .inner header{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.staff .column02 .inner header figure{ width: 31%;}
.staff .column02 .inner header figure img{ width: 100%; height: auto; border-radius: 100%; overflow: hidden;}
.staff .column02 .inner header > .inner{ width: 65%; padding-top: 1.0em;}
.staff .column02 .inner header > .inner h3{ font-size: var(--font-small); line-height: 1.0em; color: rgba(var(--clr-grn-rgb),1.0);}
.staff .column02 .inner header > .inner h3 span{ display: inline-block; font-size: 80%;}
.staff .column02 .inner header > .inner p{ font-weight: 600; line-height: 1.4em; margin-top: 0.5em;}
.staff .column02 .inner table{ margin-top: 1.5em; width: 100%;}
.staff .column02 .inner table tr{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2px;}
.staff .column02 .inner table tr th{ width: 31%; background: rgba(var(--clr-grn-rgb),0.08); text-align: center; line-height: 1.4em; color: rgba(var(--clr-grn-rgb),1.0); font-weight: 600; padding: 0.8em; display: flex; align-items: center; justify-content: center;}
.staff .column02 .inner table tr td{ width: 69%; background: #FFF; line-height: 1.4em; padding: 0.8em;}

/* 求職者の相談事例 */
.case-study{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.case-study:nth-child(n+2){ margin-top: 6.4rem;}
.case-study header{ width: 18.4%;}
.case-study header figure img{ width: 100%; height: auto; border-radius: 100%; overflow: hidden;}
.case-study header p{ text-align: center; font-weight: 600; line-height: 1.2em; margin-top: 0.72em;}
.case-study dl{ width: 77.6%;}
.case-study dl dt{ width: 90%; margin-left: auto; background: #FFF; border-radius: 16px; padding: 1.0em; line-height: 1.4em; position: relative;}
.case-study dl dt:before{ content: ""; width: 0; height: 0; border-right: 16px solid #FFF; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; top: 50%; right: 100%; transform: translateY(-50%);}
.case-study dl dd{ width: 90%; margin-right: auto; margin-top: 1.0em; background: rgba(var(--clr-grn-rgb),0.08); padding: 1.0em; border-radius: 16px; line-height: 1.4em; font-weight: 600; color: rgba(var(--clr-grn-rgb),1.0); position: relative;}
.case-study dl dd:before{ content: ""; width: 0; height: 0; border-left: 16px solid rgba(var(--clr-grn-rgb),0.08); border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; top: 50%; left: 100%; transform: translateY(-50%);}

/* 利用者の声（求職） */
.voice-table{ width: 100%;}
.voice-table thead{ border-bottom: solid 2px rgba(0,0,0,0.16);}
.voice-table thead th{ line-height: 1.2em; text-align: center; color: rgba(var(--clr-grn-rgb),1.0); font-weight: 600; padding: 0.8em 0;}
.voice-table tbody tr{ border-bottom: solid 1px rgba(0,0,0,0.08);}
.voice-table tbody tr th{ width: 10%; text-align: center; font-weight: 600; line-height: 1.4em; padding: 1.0em 0; vertical-align: top;}
.voice-table tbody tr td{ line-height: 1.4em; padding: 1.0em 0; vertical-align: top;}
.voice-table tbody tr td.cell-tools{ width: 15%;}
.voice-table tbody tr td.cell-inspection{ width: 10%; text-align: center;}
.voice-table tbody tr td.cell-reason,
.voice-table tbody tr td.cell-thoughts{ width: 35%; padding: 1.0em 0.5em;}

.prev.page-numbers,
.next.page-numbers{ display: none;}

/* 新着情報・イベント一覧
--------------------------------------------------------------*/
body.category .widget h2,
body.date .widget h2,
body.single-format-standard .widget h2{ font-size: var(--font-small); line-height: 1.0em; padding-bottom: 2.0rem; border-bottom: solid 1px #EEE;}
body.category .widget h2:before,
body.date .widget h2:before,
body.single-format-standard .widget h2:before{ content: "\e241"; font-family: "Material Icons"; margin-right: 0.4em; position: relative; top: 2px;}


body.post-template-default #detail .entry-content h2.wp-block-heading{ font-size: var(--font-middle); line-height: 1.2em;}
body.post-template-default #detail .entry-content h2.wp-block-heading:before{ background: rgba(var(--clr-lyel-rgb),1.0);}
body.post-template-default #detail .entry-content h3.wp-block-heading{ font-size: var(--font-small); line-height: 1.2em; color: rgba(var(--clr-lyel-rgb),1.0); border-bottom-color: rgba(var(--clr-lyel-rgb),0.4);}
body.post-template-default #detail .entry-content h4.wp-block-heading{ font-size: var(--font-small); line-height: 1.2em; margin-top: var(--sp-set-main); background: rgba(0,0,0,0.04); padding: 0.8em; border-radius: 4px;}
body.post-template-default #detail .entry-content .has-fixed-layout{ margin-top: 1.0em; border-color: #CCC;}
body.post-template-default #detail .entry-content .has-fixed-layout tbody td{ background: #FFF; padding: 1.0em; line-height: 1.4em; border-color: #CCC;}

/* widget color */
body.category .widget,
body.date .widget,
body.single-format-standard .widget{ border-color: rgba(var(--clr-lyel-rgb),0.24);}
body.category .widget h2,
body.category .widget h2:before,
body.date .widget h2,
body.date .widget h2:before,
body.single-format-standard .widget h2,
body.single-format-standard .widget h2:before{ color: rgba(var(--clr-lyel-rgb),1.0);}
body.category .widget h2,
body.date .widget h2,
body.single-format-standard .widget h2{ border-bottom-color: rgba(var(--clr-lyel-rgb),0.24);}
body.category .widget ul li a span,
body.date .widget ul li a span,
body.single-format-standard .widget ul li a span{ color: rgba(var(--clr-lyel-rgb),1.0);}
body.category .widget ul li a:after,
body.date .widget ul li a:after,
body.single-format-standard .widget ul li a:after{ color: rgba(var(--clr-lyel-rgb),1.0);}

#archive-list{}
#archive-list ul{}
#archive-list ul li{ padding: 1.0em 0; border-bottom: solid 1px rgba(0,0,0,0.08);}
#archive-list ul li a{ display: block; width: 100%; line-height: 1.2em; margin-top: 0.48em;}
#archive-list ul li span.date{ color: rgba(var(--clr-lyel-rgb),1.0);}
#archive-list ul li span.category{ font-size: 1.2rem; line-height: 1.0em; font-weight: 600; color: #FFF; background-image: linear-gradient(90deg, #e16b55, #b68bac 50%, #37a4bb); padding: 0.4em 0.8em; margin: 0 1.0em; min-width: 12.0em; text-align: center; border-radius: 100px;}

/* ふくしのお仕事について
--------------------------------------------------------------*/

/* 入職までの流れ */
.contents.employment section h2{ font-size: var(--font-small); line-height: 1.2em; padding: 1.4em 0; color: rgba(var(--clr-yel-rgb),1.0); border: solid 1px rgba(0,0,0,0.08); border-style: solid none; position: relative; cursor: pointer;}
.contents.employment section h2:nth-of-type(n+2){ margin-top: 3.2rem;}
.contents.employment section h2 span{ display: inline-block; font-size: 72%; margin-right: 0.5em;}
.contents.employment section h2::before,
.contents.employment section h2::after{ content: ""; position: absolute; top: 50%; right: 15px; width: 16px; height: 2px; background-color: rgba(var(--clr-yel-rgb),1.0); transform: translateY(-50%); transition: transform 0.3s;}
.contents.employment section h2::after { transform: translateY(-50%) rotate(90deg);}
.contents.employment section h2.is-open::after { transform: translateY(-50%) rotate(0deg);}
.contents.employment section > p{ margin-bottom: 1.0em;}
.deployment { height: 0; overflow: hidden; transition: height 0.3s ease-out;}
.deployment .inner{ background: #FFF; padding: 4.0rem; border-radius: 24px; counter-reset: deployment-num;}
.deployment .inner h3{ font-size: var(--font-small); line-height: 1.2em; color: rgba(var(--clr-yel-rgb),1.0);}
.deployment .inner h3:before { counter-increment: deployment-num; content: counter(deployment-num)". ";}
.deployment .inner h3:nth-child(n+2){ margin-top: 4.0rem;}
.deployment .inner p{ margin-top: 1.0em;}
.deployment .inner ul{ margin-top: 1.0em; padding-left: 1.2em;}
.deployment .inner ul li{ list-style-position: outside; list-style-type: disc; line-height: 1.4em;}
.deployment .inner ul li:nth-child(n+2){ margin-top: 0.48em;}
.deployment .inner h4{ font-size: 2.0rem; line-height: 1.2em; padding: 0.24em 0; padding-left: 0.64em; margin-top: 2.4rem; position: relative;}
.deployment .inner h4:before{ content: ""; width: 3px; height: 64%; background: rgba(var(--clr-yel-rgb),1.0); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.deployment .inner dl{ margin-top: 3.2rem; padding-top: 3.2rem; border-top: solid 1px rgba(0,0,0,0.08);}
.deployment .inner dl dt{ font-weight: 600;}
.deployment .inner dl dd{ margin-top: 0.48em; line-height: 1.4em;}
.deployment .inner dl.advice dt:before{ content: "\e0f0"; font-family: "Material Icons"; color: rgba(var(--clr-yel-rgb),1.0); margin-right: 0.48em; font-size: 124%; top: 3px; position: relative;}
.deployment .inner dl.caution dt:before{ content: "\e002"; font-family: "Material Icons"; color: rgba(var(--clr-yel-rgb),1.0); margin-right: 0.48em; font-size: 124%; top: 3px; position: relative;}
.deployment .inner dl.present dt:before{ content: "\e8f6"; font-family: "Material Icons"; color: rgba(var(--clr-yel-rgb),1.0); margin-right: 0.48em; font-size: 124%; top: 3px; position: relative;}

/* 職員の1日の流れ */
.tab-list { display: flex; justify-content: center; flex-wrap: wrap; border-bottom: solid 2px rgba(var(--clr-yel-rgb),1.0);}
.tab-list .tab { border: solid 2px rgba(var(--clr-yel-rgb),1.0); color: rgba(var(--clr-yel-rgb),1.0); font-weight: 600; border-radius: 8px 8px 0 0; padding: 1.0em; line-height: 1.2em; text-align: center; background: #FFF; width: 23.5%; margin-right: 2%; cursor: pointer; position: relative; transition: color 0.3s; bottom: -2px;}
.tab-list .tab:last-child{ margin-right: 0;}
.tab.active { background: rgba(var(--clr-yel-rgb),1.0); color: #FFF; border-color: rgba(var(--clr-yel-rgb),1.0);}
.tab.active::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); /* 中央揃え */
border-top: 12px solid rgba(var(--clr-yel-rgb),1.0); border-left: 12px solid transparent; border-right: 12px solid transparent; animation: popUp 0.3s ease forwards;}

@keyframes popUp {
from { top: 90%; opacity: 0;}
to { top: 100%; opacity: 1;}
}

.content { display: none; padding-top: 1.0em;}
.content.show { display: block; animation: fadeIn 0.5s ease;}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px);}
to { opacity: 1; transform: translateY(0); }
}

.staff-member{ margin-top: 4.0rem;}
.staff-member:nth-of-type(n+2){ margin-top: 12rem;}
.staff-member header{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;} 
.staff-member header figure{ width: 31%;}
.staff-member header figure img{ width: 100%; height: auto; border-radius: 8px; overflow: hidden;}
.staff-member header .detail{ width: 65%;}
.staff-member header .detail h2{ font-size: var(--font-middle); color: rgba(var(--clr-yel-rgb),1.0); line-height: 1.2em;}
.staff-member header .detail dl{ margin-top: 1.6em;}
.staff-member header .detail dl dt{}
.staff-member header .detail dl dt span{ display: inline-block; color: #FFF; line-height: 1.2em; font-weight: 600; background: rgba(var(--clr-yel-rgb),1.0); padding: 0.8rem 1.6rem; border-radius: 4px;}
.staff-member header .detail dl dd{ margin-top: 0.72em;}
.staff-member .column{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 4.0rem;}
.staff-member .column .inner{ width: 47%;}
.staff-member .column .inner h3{ font-size: var(--font-small); color: rgba(var(--clr-yel-rgb),1.0); line-height: 1.2em; padding-bottom: 0.72em; border-bottom: dotted 1px rgba(var(--clr-yel-rgb),1.0);}
.staff-member .column .inner.one-day dl{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-top: 0.5em;}
/*
.staff-member .column .inner.one-day dl dt{ width: 8.0rem; text-align: center; font-weight: 600; color: rgba(var(--clr-yel-rgb),1.0); background: rgba(var(--clr-yel-rgb),0.24); border-radius: 8px; line-height: 1.0em; padding: 0.8rem 1.6rem; margin-top: 1.0em;}
*/
.staff-member .column .inner.one-day dl dt{ width: 8.0rem; text-align: center; font-weight: 600; color: rgba(var(--clr-yel-rgb),1.0); background: rgba(var(--clr-yel-rgb),0.24); border-radius: 8px; line-height: 1.0em; padding: 0.8rem 1.3rem; margin-top: 1.0em;}
.staff-member .column .inner.one-day dl dd{ width: calc(100% - 8.0rem); font-weight: 600; padding-left: 1.0em; margin-top: 1.0em;}
.staff-member .column .inner.faq dl{}
.staff-member .column .inner.faq dl dt{ font-weight: 600; line-height: 1.2em; padding-left: 3.2rem; margin-top: 2.0em; position: relative;}
.staff-member .column .inner.faq dl dt:before{ content: ""; width: 2.4rem; height: 2.4rem; background: url("images/about-welfare-work/icon_q.svg") no-repeat; background-size: contain; position: absolute; top: -4px; left: 0;}
.staff-member .column .inner.faq dl dd{ line-height: 1.4em; padding-left: 3.2rem; margin-top: 1.0em; position: relative;}
.staff-member .column .inner.faq dl dd:before{ content: ""; width: 2.4rem; height: 2.4rem; background: url("images/about-welfare-work/icon_a.svg") no-repeat; background-size: contain; position: absolute; top: -2px; left: 0;}

/* 先輩職員からのメッセージ */
.message{}
.message .column02 .inner:nth-of-type(n+3){ margin-top: 4.0rem;}
.message .column02 .inner figure{ width: 100%; padding-bottom: 62.5%; position: relative; border-radius: 16px; border: solid 4px #FFF; overflow: hidden;}
.message .column02 .inner figure iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0;}
.message .column02 .inner h2{ text-align: center; font-size: var(--font-small); color: rgba(var(--clr-yel-rgb),1.0); line-height: 1.2em; margin-top: 0.72em;}
.message .column02 .inner h3{ text-align: center; line-height: 1.2em; margin-top: 0.32em;}

/* 福祉のお仕事Q&A */
.anchor-menu{ border: dotted 1px rgba(var(--clr-yel-rgb),1.0); border-radius: 8px; padding: 4.0rem; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 4.8rem; background: #FFF;}
.anchor-menu  dl.inner{ width: 48%;}
.anchor-menu  dl.inner dt{ font-size: var(--font-small); color: rgba(var(--clr-yel-rgb),1.0); line-height: 1.2em;}
.anchor-menu  dl.inner dd{ margin-top: 1.0em;}
.anchor-menu  dl.inner:nth-child(1) dd ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.anchor-menu  dl.inner:nth-child(1) dd ul li{ width: 48%;}
.anchor-menu  dl.inner:nth-child(1) dd ul li:nth-child(n+3){ margin-top: 0.48em;}
.anchor-menu  dl.inner dd ul li{}
.anchor-menu  dl.inner dd ul li a{ display: block; color: #333; font-weight: 600; text-decoration: none; line-height: 1.0em; background: rgba(var(--clr-yel-rgb),0.16); padding: 1.6em; border-radius: 8px;}
.anchor-menu  dl.inner dd ul li a:hover{ color: #FFF; background: rgba(var(--clr-yel-rgb),1.0);}

.faq-list {}
.faq-list section h2 { font-size: var(--font-middle); line-height: 1.0em; padding-left: 0.48em; position: relative;}
.faq-list section h2:before{ content: ""; width: 4px; height: 88%; background: rgba(var(--clr-yel-rgb),1.0); border-radius: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.faq-list section h3 { font-size: var(--font-small); line-height: 1.0em; color: rgba(var(--clr-yel-rgb),1.0); background: rgba(var(--clr-yel-rgb),0.08); padding: 0.8em; border-radius: 8px; margin-top: 1.0em;}
.faq-list section h3:nth-of-type(n+2){ margin-top: 4.8rem;}

.faq-list dl{ margin-top: 0.48em;}
.faq-list dt{ position: relative; cursor: pointer; font-weight: 600; padding: 1.0em 0; padding-left: 3.2rem; border-bottom: solid 1px rgba(0,0,0,0.08);}
.faq-list dt:before{ content: ""; width: 24px; height: 24px; background: url("images/about-welfare-work/icon_q.svg") no-repeat; background-size: cover; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.faq-list dt:hover{}
.faq-list dt::after{ content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 20px; height: 20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: transform 0.3s;}
.faq-list dt.is-open::after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");}

.faq-list dd.faq-answer{ margin: 0; display: none;}
.answer-inner{ padding: 1.5em 0 0 2.0em; position: relative;}
.answer-inner:before{ content: ""; width: 24px; height: 24px; background: url("images/about-welfare-work/icon_a.svg") no-repeat; background-size: cover; position: absolute; top: 1.5em; left: 0;}
.answer-inner ol{ padding-left: 1.0em;}
.answer-inner ol li{ list-style-type: decimal; list-style-position: outside;}
.answer-inner p:nth-child(n+2){ margin-top: 1.0em;}
.answer-inner p strong{ color: rgba(var(--clr-yel-rgb),1.0);}
.answer-inner figure.wp-block-image{ width: 48%; margin-top: 1.0em;}
.answer-inner figure.wp-block-image img{ width: 100%; height: auto;}

/* 福祉の資格取得・就職を応援します！
--------------------------------------------------------------*/
.loan-support .accordion{ height: 0; overflow: hidden; transition: height 0.3s ease-out;}
.loan-support .accordion.open{ padding-bottom: 4.8rem;}
.loan-support h2 { cursor: pointer; font-size: var(--font-middle); line-height: 1.0em; padding: 0.8em 0; padding-left: 0.56em; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border: solid 1px rgba(0,0,0,0.08); border-style: solid none none none;}
.loan-support h2:last-of-type{ border-bottom: solid 1px rgba(0,0,0,0.08);}
.loan-support h2:before{ content: ""; width: 4px; height: 40%; background: rgba(var(--clr-lgn-rgb),1.0); border-radius: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.loan-support h2 span{ font-size: 1.6rem; line-height: 1.0em; color: #FFF; background: rgba(var(--clr-lgn-rgb),1.0); padding: 0.4em 1.6em; border-radius: 100px; transition: all 0.3s ease 0s;}
.loan-support h2:hover span{ color: rgba(var(--clr-lgn-rgb),1.0); background: rgba(var(--clr-lgn-rgb),0.24);}
.loan-support h3 { font-size: var(--font-small); line-height: 1.0em; color: rgba(var(--clr-lgn-rgb),1.0); background: rgba(var(--clr-lgn-rgb),0.08); padding: 0.8em; border-radius: 8px; margin-top: 1.0em;}
.loan-support h3:nth-of-type(n+2){ margin-top: 4.8rem;}
.loan-support h4{ font-size: var(--font-small); line-height: 1.2em; margin: 1.0em 0 0 0; padding-left: 1.0em; position: relative;}
.loan-support h4:before{ content: ""; width: 8px; height: 8px; border-radius: 4px; background: rgba(var(--clr-lgn-rgb),1.0); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.loan-support p{ margin-top: 1.0em;}
.loan-support .link-buttons.side{ margin-top: 2.4rem; padding-top: 2.4rem; border-top: solid 1px rgba(0,0,0,0.08); justify-content: flex-start;}
.loan-support .youtube{ width: 48%; padding-bottom: 27%; margin-top: 2.4rem; border-radius: 8px; overflow: hidden; position: relative;}
.loan-support .youtube iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0;}

/* イベントカレンダー
--------------------------------------------------------------*/

/* イベント一覧 */
/*body.archive article.type-event{ display: flex; justify-content: space-between; flex-wrap: wrap; background: #FFF; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 0px rgba(var(--clr-pur-rgb),0.24);}*/
body.archive article.type-event:nth-child(n+2){ margin-top: 4.8rem;}
/*body.archive article.type-event figure.thumbnail{ width: 31%; position: relative;}*/
/*body.archive article.type-event figure.thumbnail span.event-status-badge{ font-size: 1.2rem; line-height: 1.0em; word-break: keep-all; color: rgba(var(--clr-pur-rgb),0.72); background: rgba(255,255,255,0.8); padding: 0.24em 0.8em; position: absolute; top: 0; left: 0; z-index: 10;}*/
/*body.archive article.type-event figure.thumbnail span.event-status-badge.status-open{ color: #FFF; background: rgba(var(--clr-pur-rgb),1.0);}*/
/*body.archive article.type-event figure.thumbnail img{ width: 100%; height: auto; overflow: hidden;}*/
/*body.archive article.type-event .inner{ width: 65%; padding: 1.0em 0;}*/
/*body.archive article.type-event .inner h2{ font-size: var(--font-small); line-height: 1.2em;}*/
/*body.archive article.type-event .inner h2:before{ content: "\e614"; font-family: "Material Icons"; margin-right: 0.4em; position: relative; top: 2px; color: rgba(var(--clr-pur-rgb),0.64);}*/
/*body.archive article.type-event .inner h2 a{ display: inline-block; color: rgba(var(--clr-pur-rgb),1.0); text-decoration: none;}*/
/*body.archive article.type-event .inner h2 a:hover{ color: rgba(var(--clr-pur-rgb),0.72);}*/
/*body.archive article.type-event .inner p{ margin-top: 1.0em;}*/
/*body.archive article.type-event .inner dl{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 1.0em;}*/
/*body.archive article.type-event .inner dl dt{ color: rgba(51,51,51,0.48);}*/
/*body.archive article.type-event .inner dl dt:nth-of-type(n+2){ margin-left: 2.0em;}*/
/*body.archive article.type-event .inner dl dd{ margin-left: 1.0em;}*/

body.archive article.type-event, body.archive article.type-post{ display: flex; justify-content: space-between; flex-wrap: wrap; background: #FFF; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 0px rgba(var(--clr-pur-rgb),0.24);}
body.archive article.type-post{ margin-top: 4.8rem;}
body.archive article.type-event figure.thumbnail, body.archive article.type-post figure.thumbnail{ width: 31%; position: relative;}
body.archive article.type-event figure.thumbnail span.event-status-badge, body.archive article.type-post figure.thumbnail span.event-status-badge{ font-size: 1.2rem; line-height: 1.0em; word-break: keep-all; color: rgba(var(--clr-pur-rgb),0.72); background: rgba(255,255,255,0.8); padding: 0.24em 0.8em; position: absolute; top: 0; left: 0; z-index: 10;}
body.archive article.type-event figure.thumbnail span.event-status-badge.status-open, body.archive article.type-post figure.thumbnail span.event-status-badge.status-open{ color: #FFF; background: rgba(var(--clr-pur-rgb),1.0);}
body.archive article.type-event figure.thumbnail img, body.archive article.type-post figure.thumbnail img{ width: 100%; height: auto; overflow: hidden;}
body.archive article.type-event .inner, body.archive article.type-post .inner{ width: 65%; padding: 1.0em 0;}
body.archive article.type-event .inner h2, body.archive article.type-post .inner h2{ font-size: var(--font-small); line-height: 1.2em;}
body.archive article.type-event .inner h2:before, body.archive article.type-post .inner h2:before{ content: "\e614"; font-family: "Material Icons"; margin-right: 0.4em; position: relative; top: 2px; color: rgba(var(--clr-pur-rgb),0.64);}
body.archive article.type-event .inner h2 a, body.archive article.type-post .inner h2 a{ display: inline-block; color: rgba(var(--clr-pur-rgb),1.0); text-decoration: none;}
body.archive article.type-event .inner h2 a:hover,body.archive article.type-post .inner h2 a:hover{ color: rgba(var(--clr-pur-rgb),0.72);}
body.archive article.type-event .inner p, body.archive article.type-post .inner p{ margin-top: 1.0em;}
body.archive article.type-event .inner dl, body.archive article.type-post .inner dl{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 1.0em;}
body.archive article.type-event .inner dl dt, body.archive article.type-post .inner dl dt{ color: rgba(51,51,51,0.48);}
body.archive article.type-event .inner dl dt:nth-of-type(n+2), body.archive article.type-post .inner dl dt:nth-of-type(n+2){ margin-left: 2.0em;}
body.archive article.type-event .inner dl dd, body.archive article.type-post .inner dl dd{ margin-left: 1.0em;}


/* 詳細 */
main#event-post{ width: 90%; margin: 0px auto; max-width: 1200px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-block: var(--sp-set);}
main#event-post #detail{ width: 72.5%;}
main#event-post #secondary{ width: 23.5%;}

#detail .entry-header h2.entry-title{ font-size: var(--font-middle); color: rgba(var(--clr-pur-rgb),1.0); line-height: 1.2em;}
#detail .entry-header h2.entry-title:before{ content: "\e614"; font-family: "Material Icons"; position: relative; top: 4px; color: rgba(var(--clr-pur-rgb),0.64);}
#detail .event-featured-image{ border-radius: 16px; overflow: hidden; margin: 1.0em 0 0;}
#detail .event-featured-image img{ width: 100%; height: auto;}
#detail .entry-content{}
#detail .entry-content p{ margin-top: 1.0em;}
#detail .entry-content h2{ font-size: var(--font-small); line-height: 1.2em; padding-left: 0.48em; position: relative; margin-top: var(--sp-set);}
#detail .entry-content h2:before{ content: ""; width: 3px; height: 80%; background: rgba(var(--clr-pur-rgb),1.0); border-radius: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#detail .entry-content h3{ font-size: 2.0rem; line-height: 1.2em; color: rgba(var(--clr-pur-rgb),1.0); margin-top: var(--sp-set-main); border-bottom: solid 1px rgba(var(--clr-pur-rgb),0.32); padding-bottom: 0.72em;}
#detail .entry-content ul,
#detail .entry-content ol{ margin-top: 1.0em; padding-left: 1.0em;}
#detail .entry-content ul li{ list-style-type: disc; list-style-position: outside; line-height: 1.2em;}
#detail .entry-content ul li:nth-of-type(n+2){ margin-top: 0.48em;}
#detail .entry-content ol li{ list-style-type: decimal; list-style-position: outside; line-height: 1.2em;}
#detail .entry-content ol li:nth-of-type(n+2){ margin-top: 0.48em;}

.event-meta-table{ margin-top: var(--sp-set);}
.event-meta-table h3{ font-size: 2.0rem; line-height: 1.2em; color: rgba(var(--clr-pur-rgb),1.0);}
.event-meta-table dl{ margin-top: 1.0em; display: flex; justify-content: space-between; flex-wrap: wrap; border-top: solid 1px rgba(0,0,0,0.16);}
.event-meta-table dl dt{ width: 31%; padding: 1.0em; text-align: center; line-height: 1.4em; background: rgba(var(--clr-pur-rgb),0.16); border-bottom: solid 1px rgba(0,0,0,0.16);}
.event-meta-table dl dd{ width: 69%; padding: 1.0em; line-height: 1.4em; border-bottom: solid 1px rgba(0,0,0,0.16);}

.back-button{ width: 31%; margin: 0 auto; margin-top: var(--sp-set-main);}
.back-button a{ display: block; font-weight: 600; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 0; text-align: center; border-radius: 100px; overflow: hidden; position: relative; z-index: 10; margin-top: 1.0em;}
.back-button a:hover{ color: #FFF; text-decoration: none;}
.back-button a span{ display: inline-block; position: relative; z-index: 10;}
.back-button a:before{ content: ""; width: 200%; height: 100%; background-image: linear-gradient(90deg, #e16b55, #b68bac 80%, #37a4bb); position: absolute; top: 0; left: -100%; z-index: -1; transition: all 0.3s ease 0s;}
.back-button a:hover:before{ left: 0;}

/* widget color */
body.post-type-archive-event .widget{ border-color: rgba(var(--clr-pur-rgb),0.24);}
body.post-type-archive-event .widget h2.widget-title,
body.post-type-archive-event .widget h2.widget-title:before{ color: rgba(var(--clr-pur-rgb),1.0);}
body.post-type-archive-event .widget h2.widget-title{ border-bottom-color: rgba(var(--clr-pur-rgb),0.24);}
body.post-type-archive-event .widget ul li a span{ color: rgba(var(--clr-pur-rgb),1.0);}
body.post-type-archive-event .widget ul li a:after{ color: rgba(var(--clr-pur-rgb),1.0);}

body.single-event .widget{ border-color: rgba(var(--clr-pur-rgb),0.24);}
body.single-event .widget h2.widget-title,
body.single-event .widget h2.widget-title:before{ color: rgba(var(--clr-pur-rgb),1.0);}
body.single-event .widget h2.widget-title{ border-bottom-color: rgba(var(--clr-pur-rgb),0.24);}
body.single-event .widget ul li a span{ color: rgba(var(--clr-pur-rgb),1.0);}
body.single-event .widget ul li a:after{ color: rgba(var(--clr-pur-rgb),1.0);}

/* 施設情報
--------------------------------------------------------------*/
main#facility{ width: 90%; margin: 0px auto; max-width: 1200px; padding-block: var(--sp-set);}
main#facility > h2,
.map-search h2{ font-size: var(--font-middle); line-height: 1.2em; padding-left: 0.8em; position: relative;}
main#facility > h2:before,
.map-search h2:before{ content: ""; width: 4px; height: 72%; background: rgba(var(--clr-sky-rgb),1.0); border-radius: 4px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

/* Mapからの検索 */
.map-search{ padding-bottom: 6.4rem;}
.map-search .googleMap{ width: 100%; padding-bottom: 56.25%; position: relative; margin-top: 1.5em;}
.map-search .googleMap iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0;}

/* 複合検索 */
.facility-search-box{  background:#FFF; border: dotted 2px rgba(var(--clr-sky-rgb),1.0); border-radius: 16px; margin-top: 1.0em;}
.facility-search-box .search-section{ width: calc(100% - 8.0rem); margin: 0px auto; padding: 3.2rem 0; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: solid 1px rgba(var(--clr-sky-rgb),0.24);}
.facility-search-box .search-section:last-of-type{ border-bottom: none;}
.facility-search-box .search-section h3{ width: 14%;}
.facility-search-box .search-section h3.text{ line-height: 46.6px;}
.facility-search-box .checkbox-group,
.facility-search-box input[type="text"]{ width: 86%;}
.facility-search-box input[type="text"]{ padding: 0.8em;}
.facility-search-box .checkbox-group label{ padding-right: 1.0em; display: inline-flex; align-items: center; white-space: nowrap; cursor: pointer;}
.facility-search-box .checkbox-group label input{ margin-right: 0.4em;}
input::placeholder{ color: rgba(51,51,51,0.32);}
.submit-btn-wrap { text-align: center; background: rgba(var(--clr-sky-rgb),0.16); padding: 3.2rem 0;}
.search-submit-btn { display: inline-block; font-weight: 600; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 3.0em; border-radius: 100px; overflow: hidden; position: relative; z-index: 10; border: none; background: transparent; cursor: pointer; transition: color 0.3s; }
.search-submit-btn:hover { color: #FFF; text-decoration: none; }
.search-submit-btn span { display: inline-block; position: relative; z-index: 10; }
.search-submit-btn:before { content: ""; width: 200%; height: 100%; background-image: linear-gradient(90deg, #e16b55, #b68bac 80%, #37a4bb); position: absolute; top: 0; left: -100%; z-index: -1; transition: all 0.3s ease 0s; }
.search-submit-btn:hover:before { left: 0; }

.facility-list-wrapper{ margin-top: 8.0rem;}
.facility-list-wrapper .search-result-count{ position: relative; padding-bottom: 0.72em; border-bottom: solid 1px rgba(0,0,0,0.16);}
.facility-list-wrapper .search-result-count:before{ content: "\e8b6"; font-family: "Material Icons"; color: rgba(51,51,51,0.48); margin-right: 0.4em; font-size: 2.0rem; position: relative; top: 4px;}
.facility-list-wrapper .facility-row{ padding: 4.0rem 1.0em; border-bottom: solid 1px rgba(0,0,0,0.08); cursor: pointer; transition: all 0.3s ease 0s;}
.facility-list-wrapper .facility-row:hover{ background: rgba(var(--clr-sky-rgb),0.04);}
.facility-list-wrapper .facility-row:last-child{ border-bottom-color: rgba(0,0,0,0.16);}
.facility-list-wrapper .facility-row h2{ font-size: var(--font-small); color: rgba(var(--clr-sky-rgb),1.0); line-height: 1.2em; display: inline-block; position: relative;}
.facility-list-wrapper .facility-row h2:after{ content: "\e89e"; font-family: "Material Icons"; color: rgba(var(--clr-sky-rgb),0.48); position: absolute; top: 50%; left: calc(100% + 0.16em); transform: translateY(-50%); transition: all 0.3s ease 0s;}
.facility-list-wrapper .facility-row:hover h2:after{ color: rgba(var(--clr-sky-rgb),1.0);}
.facility-list-wrapper .facility-row ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 0.48em;}
.facility-list-wrapper .facility-row ul li{ position: relative; padding-left: 1.2em;}
.facility-list-wrapper .facility-row ul li:before{ color: rgba(var(--clr-sky-rgb),1.0); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.facility-list-wrapper .facility-row ul li.col-phone{ margin-right: 2.0em;}
.facility-list-wrapper .facility-row ul li.col-phone:before{ content: "\e0cd"; font-family: "Material Icons";}
.facility-list-wrapper .facility-row ul li.col-address:before{ content: "\e8b4"; font-family: "Material Icons";}

/* モーダル全体 */
.modal-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease; }
.modal-wrapper.is-open { visibility: visible; opacity: 1; pointer-events: auto; }
.modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(var(--clr-sky-rgb),0.32); backdrop-filter: blur(2px);}
.modal-container { position: relative; width: 90%; max-width: 1000px; height: 72vh; margin: 4vh auto; background: #fff; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); display: flex; flex-direction: column; transform: translateY(30px); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
.modal-wrapper.is-open .modal-container { transform: translateY(0);}

/* モーダル内部要素 */
.modal-header { padding: 2.0rem; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 8px 8px 0 0;}
.modal-header h2 { font-size: var(--font-middle); line-height: 1.2em; color: rgba(var(--clr-sky-rgb),1.0);}
.modal-close-btn { font-size: 28px; line-height: 1; border: none; background: transparent; cursor: pointer; color: #666; padding: 0 10px;}

.modal-container > ul{ padding: 1.0em 2.0rem 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.modal-container > ul li{ position: relative; padding-left: 1.2em;}
.modal-container > ul li:before{ color: rgba(var(--clr-sky-rgb),1.0); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.modal-container > ul li.col-phone{ margin-right: 2.0em;}
.modal-container > ul li.col-phone:before{ content: "\e0cd"; font-family: "Material Icons";}
.modal-container > ul li.col-address:before{ content: "\e8b4"; font-family: "Material Icons";}

.modal-scroll-area { flex: 1; overflow-y: auto; padding: 30px; }
.modal-body dl { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.modal-body dl dt { width: 20%; padding: 0.24em 0; font-weight: 600;}
.modal-body dl dd { width: 80%; padding: 0.24em 0;}
.feature-tags { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.feature-tags li{ background: rgba(var(--clr-sky-rgb),0.16); padding: 0.24em 0.4em; border-radius: 4px; font-size: 1.4rem; line-height: 1.2em;}
.modal-body dl dd a{ display: inline-block; color: rgba(var(--clr-sky-rgb),1.0); text-decoration: underline;}
.modal-body dl dd a:hover{color: rgba(var(--clr-sky-rgb),0.72); text-decoration: none;}
.modal-body .clm02{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.0em;}
.modal-body .clm02 .inner{ width: 47%;}
.modal-body .clm02 .inner h3{ font-size: var(--font-small); line-height: 1.2em; padding-left: 1.2em; position: relative; color: rgba(var(--clr-sky-rgb),1.0); margin-bottom: 0.8em;}
.modal-body .clm02 .inner:nth-child(1) h3:before{ content: "\e0ca"; font-family: "Material Icons"; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.modal-body .clm02 .inner:nth-child(2) h3:before{ content: "\e039"; font-family: "Material Icons"; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.modal-body .clm02 .inner h3.event{ margin-top: 1.5em; margin-bottom: 0.24em;}
.modal-body .clm02 .inner h3.event:before{ content: "\ebcc"; font-family: "Material Icons"; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.facility-event-list{}
.facility-event-list li{ display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom: solid 1px rgba(0,0,0,0.08); padding: 0.8em 0;}
.facility-event-list li span{ min-width: 7.0em; rgba(var(--clr-sky-rgb),1.0);}
.facility-event-list li a{ width: calc(100% - 7.0em);}
.modal-body .clm02 .inner .pr-video-area{ width: 100%; padding-bottom: 56.25%; position: relative; border-radius: 16px; overflow: hidden;}
.modal-body .clm02 .inner .pr-video-area iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0;}

/* レスポンシブ (768px以下) */
@media (max-width: 768px) {
.facility-list-header { display: none; }
.facility-row { grid-template-columns: 1fr; gap: 5px; padding: 15px; }
.col-name { margin-bottom: 5px; }
.col-tel::before { content: "TEL: "; color: #888; font-size: 0.9em; }
.col-address::before { content: "住所: "; color: #888; font-size: 0.9em; }
.modal-container { height: 90vh; margin: 5vh auto; width: 94%; }
.modal-body dt, .modal-body dd { width: 100%; display: block; }
.modal-body dt { border-bottom: none; background: #f0f0f0; }
}

/* 求人情報検索
--------------------------------------------------------------*/

/* 求人情報検索 : .page-group-recruitment-info-search */
body.page-group-recruitment-info-search{ background: rgba(var(--clr-pnk-rgb),0.04);}
body.page-group-recruitment-info-search #page-title h1:after{ background-color:rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-recruitment-info-search .breadcrumbs{ background: rgba(var(--clr-pnk-rgb),0.08);}
body.page-group-recruitment-info-search .breadcrumbs li{ color: rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-recruitment-info-search .breadcrumbs li a{ color: rgba(var(--clr-pnk-rgb),1.0);}
body.papage-group-recruitment-info-search .breadcrumbs li a:hover{ color: rgba(var(--clr-pnk-rgb),0.64);}
body.page-group-recruitment-info-search .branch .inner h2.title{ color: rgba(var(--clr-pnk-rgb),1.0);}

/* 求人情報検索一覧
--------------------------------------------------------------*/
/* 求人情報検索一覧 : .page-group-recruitment_search */
body.page-group-recruitment_search{ background: rgba(var(--clr-pnk-rgb),0.04);}
body.page-group-recruitment_search #page-title h1:after{ background-color:rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-recruitment_search .breadcrumbs{ background: rgba(var(--clr-pnk-rgb),0.08);}
body.page-group-recruitment_search .breadcrumbs li{ color: rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-recruitment_search .breadcrumbs li a{ color: rgba(var(--clr-pnk-rgb),1.0);}
body.papage-group-recruitment_search .breadcrumbs li a:hover{ color: rgba(var(--clr-pnk-rgb),0.64);}
body.page-group-recruitment_search .branch .inner h2.title{ color: rgba(var(--clr-pnk-rgb),1.0);}

/* 求人情報
--------------------------------------------------------------*/
/* 求人情報 : .page-group-recruitment_detail */
body.page-group-recruitment_detail{ background: rgba(var(--clr-pnk-rgb),0.04);}
body.page-group-recruitment_detail #page-title h1:after{ background-color:rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-recruitment_detail .breadcrumbs{ background: rgba(var(--clr-pnk-rgb),0.08);}
body.page-group-recruitment_detail .breadcrumbs li{ color: rgba(var(--clr-pnk-rgb),1.0);}
body.page-group-recruitment_detail .breadcrumbs li a{ color: rgba(var(--clr-pnk-rgb),1.0);}
body.papage-group-recruitment_detail .breadcrumbs li a:hover{ color: rgba(var(--clr-pnk-rgb),0.64);}
body.page-group-recruitment_detail .branch .inner h2.title{ color: rgba(var(--clr-pnk-rgb),1.0);}


/* 求人事業所の方はこちら
--------------------------------------------------------------*/

/* 求人登録 */
.assenjigyosyo{}
.assenjigyosyo h2 { font-size: var(--font-middle); line-height: 1.0em; padding-left: 0.48em; position: relative;}
.assenjigyosyo h2:before{ content: ""; width: 4px; height: 88%; background: rgba(var(--clr-navy-rgb),1.0); border-radius: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.assenjigyosyo h3 { font-size: var(--font-small); line-height: 1.0em; color: rgba(var(--clr-navy-rgb),1.0); background: rgba(var(--clr-navy-rgb),0.08); padding: 0.8em; border-radius: 8px; margin-top: 1.0em; margin-top: 4.8rem;}
.assenjigyosyo table{ width: 100%; border: solid 1px #CCC; border-collapse: collapse; margin-top: 2.0em; table-layout: fixed;}
.assenjigyosyo table thead th{ background: #EDF2F8; border: solid 1px #CCC; border-collapse: collapse; text-align: center; line-height: 1.2em; padding: 1.0em; color: rgba(var(--clr-navy-rgb),1.0); font-weight: 600;}
.assenjigyosyo table tbody th{ padding: 1.0em; line-height: 1.4em; background: #FFF; border: solid 1px #CCC; border-collapse: collapse; vertical-align: middle;}
.assenjigyosyo table tbody th span{ display: inline-block; width: 1.4em; line-height: 1.4em; text-align: center; border-radius: 100%; color: #FFF; background: rgba(var(--clr-navy-rgb),1.0); margin-right: 0.24em; position: relative;}
.assenjigyosyo table tbody td{ padding: 1.0em; line-height: 1.4em; background: #FFF; border: solid 1px #CCC; border-collapse: collapse;}
.assenjigyosyo .box{ background: #FFF; border: dotted 1px rgba(var(--clr-navy-rgb),1.0); border-radius: 16px; margin-top: 3.2rem; position: relative; padding: 1.5em;}
.assenjigyosyo .box h4{ line-height: 1.4em; width: 1.4em; border-radius: 100%; color: #FFF; text-align: center; background: rgba(var(--clr-navy-rgb),1.0); position: absolute; top: -0.5em; left: -0.5em; z-index: 10;}
.assenjigyosyo .box ul{}
.assenjigyosyo .box ul li span{ display: block; padding: 1.0em; position: relative; border-bottom: solid 1px rgba(0,0,0,0.08);}
.assenjigyosyo .box ul li span:before{ content: ""; width: 4px; height: 4px; border-radius: 4px; background: rgba(var(--clr-navy-rgb),1.0); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.assenjigyosyo .box ul li:last-child span{ border-bottom: none;}
.assenjigyosyo .box ul li ul{ padding-left: 4.0em;}
.assenjigyosyo .box ul li ul li{ padding-top: 0.48em; color: rgba(var(--clr-navy-rgb),1.0); list-style-type: disc; list-style-position: outside;}
.assenjigyosyo .box ul li ul li:first-child{ padding-top: 1.0em;}
.assenjigyosyo h5{ text-align: center; font-weight: 600; line-height: 1.2em; border-top: solid 1px rgba(0,0,0,0.08); margin-top: 3.2rem; padding-top: 3.2rem;}

/* 利用者の声（求人） */
.kyuujinvoc .column02 .inner:nth-child(n+3){ margin-top: 4.8rem;}
.kyuujinvoc .column02 .inner header{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.kyuujinvoc .column02 .inner header figure{ width: 23.5%; border-radius: 100%; overflow: hidden;}
.kyuujinvoc .column02 .inner header figure img{ width: 100%; height: auto;}
.kyuujinvoc .column02 .inner header dl{ width: 72.5%;}
.kyuujinvoc .column02 .inner header dl dt{ font-size: var(--font-small); line-height: 1.0em; color: rgba(var(--clr-navy-rgb),1.0);}
.kyuujinvoc .column02 .inner header dl dd{ margin-top: 1.0em; color: rgba(51,51,51,0.48);}
.kyuujinvoc .column02 .inner p{ background: #FFF; box-shadow: 0 4px 0 #EDF2F8; border-radius: 8px; padding: 1.0em; margin-top: 1.0em;}

/* 「福祉のお仕事」HP広報協力法人紹介ページ */
.fukushi-work{}
.fukushi-work h2{ font-size: var(--font-middle); line-height: 1.0em; padding-left: 0.48em; position: relative;}
.fukushi-work h2:before{ content: ""; width: 4px; height: 88%; background: rgba(var(--clr-navy-rgb),1.0); border-radius: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.fukushi-work .column02{ margin-top: 1.5em;}
.fukushi-work .column02 dl{ width: 47%;}
.fukushi-work .column02 dl:nth-child(n+3){ margin-top: 3.2rem;}
.fukushi-work .column02 dl dt{ font-size: var(--font-small); line-height: 1.2em; font-weight: 600; padding: 0.72em 0; padding-left: 1.2em; position: relative; border-bottom: solid 1px rgba(0,0,0,0.08);}
.fukushi-work .column02 dl dt:before{ content: "\ea40"; font-family: "Material Icons"; color: rgba(var(--clr-navy-rgb),1.0); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.fukushi-work .column02 dl dd{ padding-top: 0.8em;}
.fukushi-work .column02 dl dd a{ display: inline-block; color: rgba(var(--clr-navy-rgb),1.0); text-decoration: none;}
.fukushi-work .column02 dl dd a:hover{ color: rgba(var(--clr-navy-rgb),0.64);}
.fukushi-work .column02 dl dd a span{ display: inline-block; position: relative;}
.fukushi-work .column02 dl dd a span:before{ content: "\e895"; font-family: "Material Icons"; color: rgba(var(--clr-navy-rgb),0.48); position: absolute; top: 50%; left: calc(100% + 0.48em); transform: translateY(-50%); transition: all 0.3s ease 0s;}
.fukushi-work .column02 dl dd a:hover span:before{color: rgba(var(--clr-navy-rgb),0.88);}
.fukushi-work section > p{ text-align: center; margin-top: 4.8rem !important; background: rgba(var(--clr-navy-rgb),0.08); padding: 1.0em; border-radius: 100px;}

/* お問い合わせ
--------------------------------------------------------------*/
.policy{ background: rgba(var(--clr-org-rgb),0.08); padding: 2.0em; border-radius: 8px; margin-top: 2.0em;}
.policy .scrool{ height: 200px; overflow: auto; padding: 0.8em;}
.policy .scrool p{ line-height: 1.2em;}
.policy .scrool dl{}
.policy .scrool dt{ margin-top: 1.5em; font-weight: 600; line-height: 1.2em;}
.policy .scrool dd{ margin-top: 0.48em; line-height: 1.4em;}

/* 404 not found
--------------------------------------------------------------*/
#error{}
#error .contents{ padding-block:var(--sp-set);}
#error .contents section{ width: 90%; margin: 0px auto; max-width: 1200px;}
#error .contents section h2{ text-align: center; line-height: 1.2em; font-size: 4.0rem; font-weight: bold; font-family: Arial, Helvetica, "sans-serif";}
#error .contents section h2 strong{ display: block; text-align: center; line-height: 1.0em; font-size: 16.0rem;}
#error .contents section p{ margin-top: 1.0em; text-align: center;}

/* post
--------------------------------------------------------------*/

/*　archive/category　*/

/* single */
main#single-post{ width: 90%; margin: 0px auto; padding-block:var(--sp-set); max-width: 1200px; display: flex; justify-content: space-between; flex-wrap: wrap;}
/*main#single-post #detail{ width: 72.5%;}*/
main#single-post #detail img{ max-width: 100%; height: auto;}
main#single-post #secondary{ width: 23.5%;}
main#single-post #detail h2.entry-title{ font-size: var(--font-middle); color: #333; line-height: 1.2em;}
main#single-post #detail h2.entry-title:before{ content: "\eb81"; font-family: "Material Icons"; color: rgba(var(--clr-lyel-rgb),1.0);}
main#single-post #detail .entry-meta{ padding: 0.8em 0; margin-top: 1.0em; border: solid 1px rgba(0,0,0,0.04); border-style: solid none; display: flex; justify-content: flex-start; flex-wrap: wrap;}
main#single-post #detail .entry-meta span{ margin-right: 0.64em;}
main#single-post #detail .entry-meta span a{ color: rgba(var(--clr-lyel-rgb),1.0);}
main#single-post #detail .entry-meta span a:hover{ color: rgba(var(--clr-lyel-rgb),0.64);}
main#single-post #detail .post-thumbnail{ width: 100%; padding-bottom: 40%; border-radius: 16px; overflow: hidden; position: relative; margin-top: 1.5em;}
main#single-post #detail .post-thumbnail img{ width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
main#single-post #detail figure.wp-block-image{ margin-top: 1.0em;}

/* side navigation */
.widget{ border: solid 4px #CCC; border-radius: 16px; padding: 2.0rem;}
.widget:nth-of-type(n+2){ margin-top: 4.0rem;}
.widget h2.widget-title{ font-size: var(--font-small); line-height: 1.0em; padding-bottom: 2.0rem; border-bottom: solid 1px #EEE;}
.widget h2.widget-title:before{ content: "\e241"; font-family: "Material Icons"; margin-right: 0.4em; position: relative; top: 2px;}
.widget ul{ margin-top: 0.48em;}
.widget ul li{ border-bottom: solid 1px rgba(0,0,0,0.04);}
.widget ul li:last-child{ border-bottom: none;}
.widget ul li a{ display: block; color: #333; line-height: 1.2em; text-decoration: none; position: relative; padding: 0.72em 0; padding-right: 1.6em;}
.widget ul li a:hover{ color: rgba(51,51,51,0.64);}
.widget ul li a span{ display: block; font-size: 1.2rem; line-height: 1.2em;}
.widget ul li a:after{ content: "\f1df"; font-family: "Material Icons"; font-size: 1.2rem; position: absolute; top: 50%; right: 0.5em; transform: translateY(-50%); transition: all 0.3s ease 0s; opacity: 0.0;}
.widget ul li a:hover:after{ right: 0; opacity: 1.0;}

/* next back */
.post-navigation{ width: 100%; margin: 0px auto;}

/* contact form
--------------------------------------------------------------*/
.wpcf7-form{}
.wpcf7-form dl{ display: flex; justify-content: space-between; flex-wrap: wrap; background: #FFF; border: solid 4px #FCEEEB; border-radius: 16px; padding: 4.0rem;}
.wpcf7-form dl dt{ width: 23.5%; padding: 2.4rem 0; position: relative; border-bottom: solid 1px rgba(0,0,0,0.08); display: flex; flex-wrap: wrap; align-items: center;}
.wpcf7-form dl dt span{ display: inline-block; position: relative;}
.wpcf7-form dl dt span:before{ content: "必須"; word-break: keep-all; color: #FFF; font-size: 1.2rem; line-height: 1.0em; background: #E16B55; padding: 0.24em 0.48em; border-radius: 2px; position: absolute; top: 50%; left: calc(100% + 0.8em); transform: translateY(-50%);}
.wpcf7-form dl dt em{ display: block; font-size: 1.4rem; line-height: 1.2em; font-style: normal;}
.wpcf7-form dl dd{ width: 76.5%; padding: 2.4rem 0; padding-left: 2.0em; border-bottom: solid 1px rgba(0,0,0,0.08);}
.wpcf7-form dl dd input:placeholder{ color: #DDD;}
.wpcf7-form dl dd input[type="tel"],
.wpcf7-form dl dd input[type="text"],
.wpcf7-form dl dd input[type="email"],
.wpcf7-form dl dd textarea{ border: solid 1px #CCC; background: #FFF; padding: 0.72em; border-radius: 4px; transition: all 0.3s ease 0s; margin: 0.16em 0;}
.wpcf7-form dl dd input[type="tel"]:focus,
.wpcf7-form dl dd input[type="text"]:focus,
.wpcf7-form dl dd input[type="email"]:focus,
.wpcf7-form dl dd textarea:focus{ outline: none; background: #FFF; border: solid 1px #DDD;}
.wpcf7-form dl dd input.wpcf7-not-valid,
.wpcf7-form dl dd textarea.wpcf7-not-valid{}
.wpcf7-form dl dt:last-of-type,
.wpcf7-form dl dd:last-of-type{ border-bottom: none;}
.wpcf7-form-control.wpcf7-checkbox{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{ margin-left: 0px; padding-right: 2.0em;}
.wpcf7-form-control.wpcf7-acceptance.optional .wpcf7-list-item{ margin-left: 0px;}
.wpcf7-not-valid-tip{ font-size: 1.4rem !important; line-height: 1.2em !important; font-weight: 600; color: #FF0000 !important; margin-top: 0.5em;}
.wpcf7-list-item.first{ margin-left: 0;}

.wpcf7-spinner{ display: none !important;}
.agreement{ text-align: center; margin-top: 1.5em;}
p.submit{ text-align: center; margin-top: 1.5em;}
p.submit input[type="button"]{ background: #EEE; border-color: E4E4E4; font-size: 1.6rem; font-weight: 600; line-height: 1.0em; padding: 1.25em 2.0em; border-radius: 0; cursor: pointer; border-radius: 8px; margin-right: 2.0em;}
p.submit input[type="submit"]{ background: #e16b55; color: #FFF; border-color: #e16b55; font-size: 1.6rem; font-weight: 600; line-height: 1.0em; padding: 1.25em 4.0em; border-radius: 0; cursor: pointer; border-radius: 8px;}

.wpcf7-response-output{ text-align: center; background: #FFF;}

/* Forms
========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { overflow: visible;}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { text-transform: none;}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button;}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] { box-sizing: border-box; padding: 0;}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto;}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px;}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
#wrapper{ width: 100%; margin: 0px auto; position: relative; overflow: hidden;}

/* header */
/*
header#masthead{ width: 96%; margin: 0px auto; padding: 2.4rem 0; position: absolute; top: 0; left: 2%; z-index: 100;}
header#masthead{ width: 100%; margin: 0px auto; padding: 1.4rem 2%; position: absolute; top: 0; left: 0; z-index: 1000; transition: .4s;}
*/
header#masthead{ width: 100%; margin: 0px auto; padding: 1.4rem 3.5%; position: absolute; top: 0; left: 0; z-index: 1000; transition: .4s;}
header#masthead section{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
header#masthead section .site-branding{ width: 180px;}
header#masthead section .site-branding h1.site-title img,
header#masthead section .site-branding p.site-title img{ width: 100%; height: auto;}
header#masthead.bg-reverse{ background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
header#masthead.bg-reverse section .site-branding{ width: 140px;}

@media (max-width: 1678px){
header#masthead section .site-branding{ width: 100%;}
header#masthead section .site-branding .site-title{ width: 200px; margin: 0px auto;}
header#masthead section #site-navigation{ margin-left: 0 !important;}

header#masthead.bg-reverse section .site-branding{ width: 140px !important;}
header#masthead.bg-reverse section .site-branding .site-title{ width: auto !important;}
header#masthead.bg-reverse section .site-branding img{ width: 100% !important; height: auto !important;}
header#masthead.bg-reverse  section #site-navigation{ margin-left: auto !important;}
header#masthead section p.button a{ display: block; font-weight: 600; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 1.0em!important; border-radius: 100px; overflow: hidden; position: relative;}

.fix-banner{ position: fixed; top: 60%!important; right: 0; transform: translateY(-50%); z-index: 100;}
.fix-banner li{ writing-mode: vertical-lr; font-size: 1.6rem!important;}
.fix-banner li a{ min-height: 170px!important; display: flex; justify-content: center; background: #111; color: #FFF; font-weight: 600; text-decoration: none; padding: 1.0em 0.5em; border-radius: 8px 0 0 8px; border: solid 4px #000; border-right: none;}

}

.fix-banner{ position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 100;}
.fix-banner li{ writing-mode: vertical-lr; font-size: 2.0rem;}
.fix-banner li:nth-child(n+2){ margin-top: 0.5em;}
.fix-banner li a{ min-height: 200px; display: flex; justify-content: center; background: #111; color: #FFF; font-weight: 600; text-decoration: none; padding: 1.0em 0.5em; border-radius: 8px 0 0 8px; border: solid 4px #000; border-right: none;}
.fix-banner li:nth-child(1) a{ background: #e16b55; border-color: #e16b55;}
.fix-banner li:nth-child(2) a{ background: #b68bac; border-color: #b68bac;}
.fix-banner li:nth-child(3) a{ background: #37a4bb; border-color: #37a4bb;}
.fix-banner li a:hover{ border-color: rgba(255,255,255,0.4);}

/* breadcrumb */
.breadcrumb-container{ display: none;}

/* footer */
footer#colophon{ background-image: linear-gradient(90deg, #e16b55, #b68bac 50%, #37a4bb); padding: 5.6rem 0;}
footer#colophon section{ width: 90%;max-width: 1500px; margin: 0px auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
footer#colophon section #ftInfo{ width: 23.5%;}
footer#colophon section #ftInfo h2{ width: 80%; max-width: 280px; margin: 0px auto;}
footer#colophon section #ftInfo h2 img{ width: 100%; height: auto;}
footer#colophon section #ftInfo ul.snsList{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 2.4rem;}
footer#colophon section #ftInfo ul.snsList li{ width: 23.5%; max-width: 80px;}
footer#colophon section #ftInfo ul.snsList li:nth-child(n+2){ margin-left: 2%;}
footer#colophon section #ftInfo ul.snsList li img{ width: 100%; height: auto;}
footer#colophon section #ftInfo ul.snsList li a{ display: block; opacity: 1.0;}
footer#colophon section #ftInfo ul.snsList li a:hover{ opacity: 0.64;}
footer#colophon section #ftInfo p.address{ text-align: center; color: #FFF; font-size: 1.8rem; line-height: 1.4em; margin-top: 2.4rem;}
footer#colophon section #ftInfo p.phone{ text-align: center; color: #FFF; font-size: 1.8rem; line-height: 1.4em;}
footer#colophon section #ftInfo p.phone a{ display: inline-block; color: #FFF; text-decoration: none;}
footer#colophon section #ftInfo p.phone a:hover{ color: rgba(255,255,255,0.64);}
footer#colophon section #ftInfo p.phone span{ display: block; text-align: center; color: #FFF; font-size: 1.8rem; line-height: 1.4em;}
footer#colophon section #ftInfo p.license{ text-align: center; font-size: 1.4rem; line-height: 1.4em; color: #FFF; margin-top: 2.4rem;}
footer#colophon section nav{ width: calc(100% - 27.5%); display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start;}
footer#colophon section nav ul{ width: 31%;}
footer#colophon section nav ul > li{ font-size: 2.0rem; line-height: 1.2em;}
footer#colophon section nav ul > li span,
footer#colophon section nav ul > li a{ display: inline-block; color: #FFF; text-decoration: none; position: relative; padding-bottom: 0.25em;}
footer#colophon section nav ul > li a:hover{ color: #FFF;}
footer#colophon section nav ul > li a:before{ content: ""; width: 0; height: 1px; background: #FFF; position: absolute; bottom: 0; right: 0; transition: width 0.3s ease 0s;}
footer#colophon section nav ul > li a:hover:before{ width: 100%; left: 0;}
footer#colophon section nav ul li ul{ padding-left: 1.5em; width: 100%;}
footer#colophon section nav ul li ul li{ font-size: 1.6rem; line-height: 1.2em; margin-top: 0.5em;}
footer#colophon section nav ul li ul li a{ padding: 0; color: #FFF; text-decoration: none; position: relative;}
footer#colophon section nav ul li ul li a:hover{ color: rgba(255,255,255,0.64);}
footer#colophon section nav ul li ul li a:before{ content: none;}
footer#colophon section nav ul li ul li a:after{ content: "\eaaa"; font-family: "Material Icons"; position: absolute; top: 0; left: -1.75em; opacity: 0.0; transition: all 0.3s ease 0s; z-index: 10;}
footer#colophon section nav ul li ul li a:hover:after{ left: -1.5em; opacity: 1.0;}
footer#colophon section nav ul li ul li a.blank:before{ content: "\e89e"; font-family: "Material Icons"; position: absolute; top: 0; left: calc(100% + 0.5em);}
footer#colophon section nav ul li ul li a.blank:hover:before{ width: inherit; left: calc(100% + 0.5em); background: none;}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.menu-navigation-container{ display: none;}
#site-navigation{ margin-left: auto;}
#primary-menu{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
#primary-menu li{position: relative;}
#primary-menu li:after{ content: ""; width: 1px; height: 40%; background: rgba(0,0,0,0.40); position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#primary-menu li:last-of-type:after,
#primary-menu li#menu-item-143:after{ content: none;}
/*#primary-menu li a{ display: block; color: #333; font-weight: 600; text-decoration: none; padding: 0.24em 0.64em; position: relative; cursor: pointer;}*/
#primary-menu li a{ display: block; color: #333; font-weight: 600; text-decoration: none; padding: 0.24em 0.64em; position: relative; cursor: pointer; font-size: 1.45rem;}
#primary-menu li a:hover{}
#primary-menu li a:after{ content: ""; width: 0; height: 1px; background-image: linear-gradient(90deg, #e16b55, #b68bac 50%, #37a4bb); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: width 0.3s ease 0s;}
#primary-menu li a:hover:after{ width: 80%;}
#primary-menu li ul{ display: block; position: absolute; width: 100%; min-width: 12.0em; top: 110%; left: 50%; transform: translateX(-50%); nowhitespace: afterproperty; opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; z-index: 100; background: rgba(255,255,255,0.88); box-shadow: 0 0 16px rgba(0,0,0,0.16); border-radius: 8px;}
#primary-menu li:hover ul{ top: 100%; margin: 0; opacity: 1; visibility: visible;}
#primary-menu li ul li{ font-size: 1.4rem; line-height: 1.2em; border-bottom: solid 1px rgba(0,0,0,0.08);}
#primary-menu li ul li:last-child{ border-bottom: none;}
#primary-menu li ul li a{ display: block; color: #333; font-weight: normal; text-shadow: none; text-align: center; padding: 0.96em 0;}
#primary-menu li ul li a:hover{ color: #e16b55; background: rgba(225,107,85,0.08);}
#primary-menu li ul li:after{ content: none;}
#primary-menu li ul li a:after{ content: none;}

body#home #primary-menu li a{ color: #FFF;  text-shadow: 0 0 8px rgba(0,0,0,0.8);}
body#home #primary-menu li:after{ background: rgba(255,255,255,0.88);}
body#home #primary-menu li ul li a{ color: #333; text-shadow: none;}
body#home #primary-menu li ul li a:hover{ color: #e16b55; background: rgba(225,107,85,0.08);}

#primary-menu li#menu-item-143 ul{ min-width: 18.0em;}
header#masthead.bg-reverse #primary-menu li:after{ background: rgba(0,0,0,0.40);}
header#masthead.bg-reverse #primary-menu li a{ color: #333; font-size: 1.4rem; text-shadow: none;}
@media (max-width: 1678px){
header#masthead.bg-reverse #primary-menu li a{ color: #333; font-size: 1.3rem; text-shadow: none;}
}
header#masthead.bg-reverse #primary-menu li ul li a:hover{ color: #e16b55; background: rgba(225,107,85,0.08)}

.menu-toggle { display: none;}

/* 問い合わせボタン */
header#masthead section p.button{ margin-left: 2.0em;}
@media (max-width: 1678px){
header#masthead section p.button{ margin-left: 0em;}
}
/*
header#masthead section p.button a{ display: block; font-weight: 600; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 2.0em; border-radius: 100px; overflow: hidden; position: relative;}
*/
header#masthead section p.button a{ display: block; font-weight: 600; color: #FFF; text-decoration: none; line-height: 1.0em; padding: 1.0em 1.7em; border-radius: 100px; overflow: hidden; position: relative;}
header#masthead section p.button a:hover{ color: #FFF; text-decoration: none;}
header#masthead section p.button a span{ display: inline-block; padding-left: 1.2em; position: relative; z-index: 10;}
header#masthead section p.button a span:before{ content: "\e158"; font-family: "Material Icons"; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
header#masthead section p.button a:before{ content: ""; width: 200%; height: 100%; background-image: linear-gradient(90deg, #e16b55, #b68bac 80%, #37a4bb); position: absolute; top: 0; left: -100%; z-index: -1; transition: all 0.3s ease 0s;}
header#masthead section p.button a:hover:before{ left: 0;}

/* PC時 ホーム非表示 */
li#menu-item-144{ display: none;}

/* PC時 お問い合わせ非表示 */
li#menu-item-54{ display: none;}

/* Posts and pages
--------------------------------------------- */
.sticky { display: block;}
.post,
.page {}
.updated:not(.published) { display: none;}
.page-content,
.entry-content,
.entry-summary { margin: 0 auto;}
.entry-content{ padding: 0;}
.page-links { clear: both; margin: 0 0 1.5em;}

/* Comments
--------------------------------------------- */
.comment-content a { word-wrap: break-word;}
.bypostauthor { display: block;}

/* Widgets
--------------------------------------------- */
.widget {}
.widget select { max-width: 100%;}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0;}

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block;}

/* Captions
--------------------------------------------- */
.wp-caption { margin-bottom: 1.5em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto;}
.wp-caption .wp-caption-text { margin: 0.8075em 0;}
.wp-caption-text { text-align: center;}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer { display: block;}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus { outline: 0;}

/* Alignments
--------------------------------------------- */
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em;}
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em;}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em;}

/* pagination
--------------------------------------------- */
.pagination { display: flex; align-items: center; justify-content: center; margin: 4.0rem 0; position: relative; font-size: 12px;}
.pagination span,
.pagination a { display: block; width: auto; margin: 4px; padding: 8px; border: 1px solid #555; color: #333; text-decoration: none; text-align: center; line-height: 16px; border-radius: 4px;}
.pagination .pager { width: 32px;}
.pagination a:hover,
.pagination .current { color: #fff; border-color: #555; background-color: #555;}
.pagination a.prev { margin-right: 16px;}
.pagination a.next { margin-left: 16px;}
.pagination a.first {}
.pagination a.last {}
.pagination span.page_num { display: none;}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em;}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { border-color: #ccc #bbb #aaa;}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus { border-color: #aaa #bbb #bbb;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus { color: #111;}
select { border: 1px solid #ccc;}
textarea { width: 100%;}

/*=============================================================
	common
=============================================================*/
*{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body{ 
	margin:0;
	padding:0;
	text-align:center;
	font-size: 1.6rem;
	line-height: 1.8em;
	font-family: YakuHanJP, -apple-system, Hiragino Kaku Gothic ProN, "Noto Sans JP", BlinkMacSystemFont, "Helvetica Neue",Hiragino Sans, Arial, Meiryo, sans-serif;
	font-optical-sizing: auto;
	color: #333;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
}

a{color: rgba(51,51,51,1.0); text-decoration:underline; transition: all 0.3s ease 0s;}
a:hover{color: rgba(51,51,51,0.64); text-decoration:none;}

/*=============================================================
	reset
=============================================================*/
html { height:100%; font-size:62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td,img,p{ margin: 0px; padding: 0px; font-weight: 400;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{ text-align: left; display: block;}
table { border-collapse: collapse; border-spacing: 0;}
caption,th { text-align: left;}
q:before,q:after { content: '';}
figure{ margin: 0;}
img,
object,
embed { vertical-align: top;}
legend{ display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img,abbr,acronym,fieldset{ border:none;}
li{ list-style-type: none;}
svg{ fill: currentColor;}
input[type="submit"]{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}

/*---------- align ----------*/
.align-left{ text-align: left;}
.align-right{ text-align: right;}
.align-center{ text-align: center;}

/*----- clearfix -----*/
.container,
.clearfix { zoom:1;}
.container:after,
.clearfix:after{ content: ""; display: block; clear: both;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;}