@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;}

main p,
main dt,
main dd,
main li,
main td { word-break: normal; overflow-wrap: break-word; text-wrap: pretty;}

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

/* トップページ：index */
#toppage{}
main#toppage article.contents{ padding-block: var(--sp-set); background: #FFF; position: relative; z-index: 1;}
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{}
main#static article.contents{ padding-top: 3.2rem; position: relative;}
main#static article.contents:last-of-type{ padding-bottom: 3.2rem;}
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 #archive-list,
main#archive #event-list{ width: 100%;}
main#archive #secondary{ width: 100%; margin-top: 3.2rem;}

/* 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.0rem; line-height: 1.2em; text-align: center; color: #595757; margin-bottom: 1.0em;}
h2.heading span{ display: block; text-align: center; font-size: 2.4rem; line-height: 1.2em;}

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

/*--------------------------------------------------------------
# top page
--------------------------------------------------------------*/
body#home .entry-header{ display: none;}
body#home header#masthead{ display: none; position: absolute; top: 0; left: 0; z-index: 100;}

/* hero area
--------------------------------------------------------------*/
#hero-area{ width: 100%; height: auto; position:relative; overflow:hidden; z-index: 10;}
#hero-area svg{ position: absolute; bottom: 2px; left: 0; width: 100%; z-index: 10;}
#hero-area figure{ width: 160%; position: absolute; top: 50%; left: 20%; transform: translate(-50%,-50%);}
#hero-area figure img{ width: 100%; height: auto;}
.mask{fill:#FFFFFF;}
#hero-area video{width: 100%;}

/* intro
--------------------------------------------------------------*/
.home-intro{ padding-top: 0 !important; z-index: 100;}
.home-intro h2{ width: 48%; margin: 0 auto;}
.home-intro h2 figure img{ width: 100%; height: auto;}
.home-intro p{ text-align: center;}

/* slider
--------------------------------------------------------------*/
.slider{ overflow: hidden;}
.slider .slides{ display: flex; transition: transform 0.45s ease; will-change: transform;}
.slider .slides .slide{ flex: 0 0 100%; margin: 0; display: block;}
.slider .slides .slide .inner{ width: 100%; height: auto;}
.slider .slides .slide .inner img{ width: 100%; height: auto; object-fit: contain; display: block; border-radius: 8px;}
.prev,
.next{ display: none;}

/* banner
--------------------------------------------------------------*/
.home-banner{}
.home-banner ul{ width: 100%; margin: 0px auto; max-width: 960px;}
.home-banner ul li{ width: 100%;}
.home-banner ul li:nth-child(n+2){ margin-top: 1.0em;}
.home-banner ul li img{ width: 100%; height: auto;}
.home-banner ul li a{ display: block; border-radius: 8px; 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: 90%; margin: 0px auto;}
.home-link ul li{ width: 100%; position: relative;}
.home-link ul li:nth-child(n+2){ margin-top: 1.5em;}
.home-link ul li:before{ content: ""; width: 56px; height: 56px; background: url("images/home/search_icon.webp") no-repeat; background-size: contain; position: absolute; top: -1.2rem; left: -1.2rem; z-index: 10;}
.home-link ul li img{ width: 100%; height: auto;}
.home-link ul li a{ display: block; border-radius: 8px; overflow: hidden;}
.home-link ul li a:hover{ opacity: 0.64;}

/* news list
--------------------------------------------------------------*/
.home-news{}
.home-news .whatsnew-list{ background: #FFF; border-radius: 24px;}
.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;}
.home-news .whatsnew-list li:last-child{ border-bottom: none;}
.home-news .whatsnew-list 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.2em 0.8em; margin: 0 1.0em;}
.home-news .whatsnew-list li a{ display: inline-block; color: #333; text-decoration: none; width: 100%;}
.home-news .whatsnew-list li a:hover{ color: rgba(51,51,51,0.64);}
.home-news .button{ width: 40%; 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: 40%; margin: 0px auto 1.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: 100%; padding-bottom: 56.25%; position: relative; border-radius: 8px; overflow: hidden;}
.brand.youtube .column .inner:nth-child(n+2){ margin-top: 1.0em;}
.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: 32px; 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: 4px; 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.4em 0.8em; border-radius: 24px; display: flex; justify-content: center; flex-wrap: wrap; background: #ccc; margin-top: 1.6rem;}
/*
.breadcrumbs li{ font-size: 1.4rem; line-height: 1.2em;}
*/
.breadcrumbs li{ font-size: 1.4rem; 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); line-height: 1.2em; margin-bottom: 0.48em;}

.contents.intro{}
.contents.intro section > p{ 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{ width: 80%; margin: 2.4rem auto 0; display: flex; justify-content: center; flex-wrap: wrap;}
.link-buttons li{ width: 100%;}
.link-buttons li:nth-child(n+2){ margin-top: 1.0em;}
.link-buttons li a{ display: block; font-weight: 600; color: #FFF; text-decoration: none; text-align: center; line-height: 1.0em; padding: 1.0em 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: 3.2rem; 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: 3.2rem;}
.branch .inner{ background: #FFF; padding: 1.6rem; padding-bottom: 2.4rem; border-radius: 16px;}
.branch.clm02{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.branch.clm02 .inner{ width: 100%;}
.branch.clm02 .inner:nth-child(n+2){ margin-top: 2.4rem;}
.branch.clm03{ display: flex; justify-content: center; flex-wrap: wrap;}
.branch.clm03 .inner{ width: 100%;}
.branch.clm03 .inner:nth-child(n+2){ margin-top: 2.4rem;}

.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; padding: 0.5em 0; border-bottom: solid 1px rgba(0,0,0,0.08);}
.branch.clm02 .inner p{ margin-top: 0.72em;}
.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; padding: 0.5em 0; border-bottom: solid 1px rgba(0,0,0,0.08);}
.branch.clm03 .inner p{ margin-top: 0.72em;}

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

/* 相談方法 */
.consulting.clm03{ display: flex; justify-content: center; flex-wrap: wrap;}
.consulting.clm03 .inner{ width: 100%; border: solid 4px rgba(var(--clr-grn-rgb),1.0); border-radius: 16px; background: #FFF;}
.consulting.clm03 .inner:nth-child(n+2){ margin-top: 2.4rem;}
.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: -0.8em; 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; word-break: keep-all;}
.baloon p{ padding-top: 0.5em;}

.staff .column02 .inner{ width: 100%;}
.staff .column02 > .inner:nth-child(n+2){ margin-top: 3.2rem;}
.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%;}
.staff .column02 .inner header > .inner h3{ font-size: var(--font-middle); 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{ 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: 3.2rem;}
.case-study header{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.case-study header figure{ width: 31%;}
.case-study header figure img{ width: 100%; height: auto; border-radius: 100%; overflow: hidden;}
.case-study header p{ width: calc(100% - 33%); text-align: left; font-weight: 600; line-height: 1.2em;}
.case-study dl{ width: 100%; margin-top: 1.6rem;}
.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: 300%;}
.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: 1.6rem; 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: space-between; 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: 33%; cursor: pointer; position: relative; transition: color 0.3s; bottom: -2px;}
.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: 2.4rem;}
.staff-member:nth-of-type(n+2){ margin-top: 4.0rem;}
.staff-member header{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;} 
.staff-member header figure{ width: 100%;}
.staff-member header figure img{ width: 100%; height: auto; border-radius: 8px; overflow: hidden;}
.staff-member header .detail{ width: 100%; margin-top: 1.0em;}
.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: 0.8em;}
.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: 2.4rem;}
.staff-member .column .inner{ width: 100%;}
.staff-member .column .inner:nth-child(n+2){ margin-top: 2.4rem;}
.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 0; margin-top: 1.0em;}
.staff-member .column .inner.one-day dl dd{ width: calc(100% - 8.0rem); font-weight: 600; line-height: 3.2rem; 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{ width: 100%;}
.message .column02 .inner:nth-of-type(n+2){ margin-top: 2.4rem;}
.message .column02 .inner figure{ width: 100%; padding-bottom: 56.25%; 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: 1.6rem; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.4rem; background: #FFF;}
.anchor-menu dl.inner{ width: 100%;}
.anchor-menu dl.inner:nth-child(n+2){ margin-top: 1.6rem;}
.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: 100%;}
.anchor-menu dl.inner:nth-child(1) dd ul li:nth-child(n+2){ 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.0em 0; text-align: center; 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; padding-right: 2.4rem; 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: 0; 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: 100%; 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-small); 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.4rem; line-height: 1.0em; color: #FFF; background: rgba(var(--clr-lgn-rgb),1.0); padding: 0.4em 0.8em; 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: 100%; padding-bottom: 56.25%; 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, 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-event:nth-child(n+2){ margin-top: 4.8rem;}
body.archive article.type-post{ margin-top: 4.8rem;}

/*
body.archive article.type-event figure.thumbnail{ width: 100%; position: relative;}
*/
body.archive article.type-event figure.thumbnail, body.archive article.type-post figure.thumbnail{ width: 100%; 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, 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{ color: #FFF; background: rgba(var(--clr-pur-rgb),1.0);}
*/
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{ width: 100%; height: auto; overflow: hidden;}
*/
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{ width: 100%; padding: 1.0em;}
*/
body.archive article.type-event .inner, body.archive article.type-post .inner{ width: 100%; padding: 1.0em;}

/*
body.archive article.type-event .inner h2{ font-size: var(--font-small); line-height: 1.2em;}
*/
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{ 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: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{ display: inline-block; color: rgba(var(--clr-pur-rgb),1.0); text-decoration: none;}
*/
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{ color: rgba(var(--clr-pur-rgb),0.72);}
*/
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{ margin-top: 1.0em;}
*/
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{ display: flex; justify-content: flex-start; flex-wrap: wrap; 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{ color: rgba(51,51,51,0.48); width: 5.0em;}
*/
body.archive article.type-event .inner dl dt, body.archive article.type-post .inner dl dt{ color: rgba(51,51,51,0.48); width: 5.0em;}

/*
body.archive article.type-event .inner dl dd{ width: calc(100% - 5.0em);}
*/
body.archive article.type-event .inner dl dd, body.archive article.type-post .inner dl dd{ width: calc(100% - 5.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: 100%;}
main#event-post #secondary{ width: 100%; margin-top: 3.2rem;}

#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: var(--font-small); line-height: 1.2em; color: rgba(var(--clr-pur-rgb),1.0); margin-top: var(--sp-set); 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{ var(--font-small); 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: 64%; margin: 0 auto; margin-top: var(--sp-set);}
.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: 3.2rem;}
.map-search .googleMap{ width: 100%; padding-bottom: 80%; 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: 8px; margin-top: 1.0em;}
.facility-search-box .search-section{ width: calc(100% - 2.4rem); margin: 0px auto; padding: 1.6rem 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: 100%; margin-bottom: 0.8rem;}
.facility-search-box .checkbox-group,
.facility-search-box input[type="text"]{ width: 100%;}
.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: 1.6rem 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: 4.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: 2.4rem 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{ 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: 0; left: 0;}
.facility-list-wrapper .facility-row ul li.col-phone{}
.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: 1.6rem; 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 1.6rem 0;}
.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: 0; left: 0;}
.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: 1.6rem;}
.modal-body dl { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.modal-body dl dt { width: 100%; padding: 0.48rem 0 0; font-weight: 600;}
.modal-body dl dd { width: 100%; padding: 0.24rem 0 0.48rem 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.6rem;}
.modal-body .clm02 .inner{ width: 100%;}
.modal-body .clm02 .inner:nth-child(n+2){ margin-top: 1.6rem;}
.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.6rem; 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{ border-bottom: solid 1px rgba(0,0,0,0.08); padding: 0.8em 0;}
.facility-event-list li span{ display: block; rgba(var(--clr-sky-rgb),1.0);}
.facility-event-list li a{ width: 100%; display: block;}
.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; }
.modal-container { height: 90vh; margin: 5vh auto; width: 94%; }
}

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

/* 求人登録 */
.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: 1.6rem;}
.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: 1.6em;}
.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{ width: 100%;}
.kyuujinvoc .column02 .inner:nth-child(n+2){ margin-top: 2.4rem;}
.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: 100%;}
.fukushi-work .column02 dl:nth-child(n+2){ margin-top: 1.6rem;}
.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: 0.64em; border-radius: 8px; margin-top: 2.0em;}
.policy .scrool{ height: 160px; 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;}

body#thanks main#static article.contents{ padding-top: 7.2rem;}
body#thanks main#static article.contents:last-of-type{ padding-bottom: 7.2rem;}

/* 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: 100%;}
main#single-post #detail img{ max-width: 100%; height: auto;}
main#single-post #secondary{ width: 100%; margin-top: 3.2rem;}
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: 60%; border-radius: 8px; 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: 2.4rem;}
.wpcf7-form dl dt{ width: 100%; padding: 1.6rem 0 0; position: relative; 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: 100%; padding: 0.8rem 0 1.6rem 0; 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; width: 80%;}
.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: 100%; margin: 0px auto; padding: 1.6rem 0;}
header#masthead section{}
header#masthead section .site-branding{ width: 40%; margin: 0px auto;}
header#masthead section .site-branding h1.site-title img,
header#masthead section .site-branding p.site-title img{ width: 100%; height: auto;}

.fix-banner{ display: none; 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 1.0em; 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);}

/* ハンバーガーメニュー */
.wprmenu_bar #custom_menu_icon.hamburger{ padding: 10px 9px 4px; border-radius: 4px;}
.hamburger-box{ height: 26px;}

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

/* footer */
footer#colophon{ background-image: linear-gradient(90deg, #e16b55, #b68bac 50%, #37a4bb); padding: 3.2rem 0;}
footer#colophon section{ width: 90%; margin: 0px auto;}
footer#colophon section #ftInfo{ width: 100%;}
footer#colophon section #ftInfo h2{ width: 40%; 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: 48px;}
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; margin-top: 2.4rem;}
footer#colophon section #ftInfo p.phone{ text-align: center; color: #FFF;}
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;}
footer#colophon section #ftInfo p.license{ text-align: center; font-size: 1.2rem; line-height: 1.4em; color: #FFF; margin-top: 2.4rem;}
footer#colophon section nav{ width: calc(100% - 27.5%); display: none;}

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

/* Navigation
--------------------------------------------- */
.menu-navigation-container{ display: none;}
#site-navigation{ margin-left: auto;}
#primary-menu{ display: none; justify-content: space-between; flex-wrap: wrap; position: relative;}
#primary-menu:before{ content: ""; width: 1px; height: 50%; background: #FFF; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#primary-menu li:after{ content: ""; width: 1px; height: 50%; background: #FFF; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#primary-menu li{position: relative;}
#primary-menu li a{ display: block; color: #FFF; font-weight: 600; text-shadow: 0 0 8px rgba(0,0,0,0.24); text-decoration: none; padding: 0.24em 0.64em; position: relative; cursor: pointer;}
#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%; top: 110%; left: 0; nowhitespace: afterproperty; opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; z-index: 100; background: #FFF; box-shadow: 0 0 16px rgba(0,0,0,0.16);}
#primary-menu li:hover ul{ top: 100%; margin: 0; opacity: 1; visibility: visible;}
#primary-menu li ul li{}
#primary-menu li ul li a{ display: block;}
#primary-menu li ul li a:hover{}
.menu-toggle { display: none;}

#mg-wprm-wrap{ padding-top: 3.2rem !important;}

/* 問い合わせボタン */
header#masthead section p.button{ 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.4em;
	font-family: YakuHanJP, -apple-system, Hiragino Kaku Gothic ProN, 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;}

.pcbr { display: none; }