@charset "utf-8";
/*
extra css name: css-template
for template: page
Author: wp.theme.builder.01
*/
/* ---------- カスタムプロパティ宣言 ---------- */
:root	{
	--site-width: 1080px;
	--site-width-padding: 40px;
	--scroll-bar-width: 17px;
	--site-width-media-query: 1137px;
	--font-family-theme: ;
	--font-family-theme2: ;
	--color-default: #404040;
	--color-gray: #999;
	--color-light-gray: #EFEFEF;
	/* ---------- オレンジ ---------- */
	--color-theme: #ff8112;
	/* ----------黄緑 ---------- */
	--color-theme2: #88db47;
	/* ----------黄色 ---------- */
	--color-theme3: #fce001;
	/* ---------- 背景：オレンジ ---------- */
	--bgcolor-theme: #ff8112;
	/* ----------背景：黄緑 ---------- */
	--bgcolor-theme2: #88db47;
	/* ----------背景：黄色 ---------- */
	--bgcolor-theme3: #fce001;
	/* ---------- 薄いグレー ---------- */
	--bgcolor-light-gray: #D8D8D8;
	/* ---------- ごく薄いグレー ---------- */
	--bgcolor-extra-light-gray: #EBEBEB;
}
.c-orange {color: var( --color-theme );}
.c-green {color: var( --color-theme2 );}
.c-blue {color: var( --color-theme3 );}
.c-gray {color: #666;}
.c-wh{color: #FFF;}
.bg_orange {background-color: var( --bgcolor-theme );}
.bg_green {background-color: var( --bgcolor-theme2 );}
.bg_yellow {background-color: var( --bgcolor-theme3 );}
.bg_gray {background-color: #666; }
.bg_wh {background-color: #FFF; }

/* ---------- フォントファミリー ---------- */
html, button, input, select, textarea	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, "Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
}
.slug, .span-slug	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, sans-serif;
	font-family: 'Barlow', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.span-mincho	{
	font-family: "Yu Mincho", Yu Mincho, serif;
}
.font-family-theme	{
	font-family: var( --font-family-theme );
}
.font-family-theme2	{
	font-family: var( --font-family-theme2 );
}
/* ---------- ベースサイズ（rem % 指定） ---------- */
html	{
/* ---------- 
	font-size: 5.46875%;
	font-size: 6.25%;
 ---------- */
	font-size: 5.859375%;
}
body	{
	font-size: 16rem;
}
.sidebar	{
	font-size: 14rem;
}
@media (min-width: 769px)	{
	html	{
		font-size: 6.25%;
	}
}
/* ---------- 見出し ---------- */
.size-huge	{
	font-size: 28rem;
}
span.size-huge	{
	font-size: 200%;
}
h1, .size-h1	{
	font-size: 26rem;
}
h2, .size-h2	{
	font-size: 22rem;
}
.fc-subloopset h2.loop-title	{
	font-size: 19rem;
}
h3, .size-h3	{
	font-size: 19rem;
}
h4, .size-h4	{
	font-size: 18rem;
}
h5, .size-h5	{
	font-size: 17rem;
}
h6, .size-h6	{
	font-size: 16rem;
}
@media (min-width: 769px)	{
	.size-huge	{
		font-size: 48rem;
	}
	h1, .size-h1	{
		font-size: 36rem;
	}
	h2, .size-h2	{
		font-size: 30rem;
	}
	.fc-subloopset h2.loop-title	{
		font-size: 24rem;
	}	
	h3, .size-h3	{
		font-size: 24rem;
	}
	h4, .size-h4	{
		font-size: 20rem;
	}
	h5, .size-h5	{
		font-size: 18rem;
	}
	h6, .size-h6	{
		font-size: 16rem;
	}
}
/* ---------- パートサイズ ---------- */
span.large	{
	font-size: 125%;
}
small, .small, span.notes, span.attention	{
	font-size: 12rem;
}
.breadcrumbs	{
	font-size: 12rem;
}
.page-type-title-container .page-type-title .slug	{
	font-size: 50%;
}
.loop-content p.date, .taglist	{
	font-size: 13rem;
}
.loop-content .entry-title	{
	font-size: 16rem;
}
.display-text .loop-content p.date, .display-text .loop-content .entry-title	{
	font-size: 16rem;
	line-height: 1.7;
}
.loop-content .archive-content	{
	font-size: 14rem;
}
.btn-m	{
	font-size: 14rem;
}
.btn-l	{
	font-size: 16rem;
}
.btn-xl	{
	font-size: 18rem;
}
.taglist-container .taglist	{
	font-size: 12rem;
}
.wp-tag-cloud li a	{
	font-size: 12rem !important;
}
.site-footer > *	{
	font-size: 14rem;
}
#footer-copy, #footer-lp	{
	font-size: 10rem;
	text-align: center;
}
/* ---------- フォントウェイト ---------- */
html	{
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6	{
	font-weight: var( --bold );
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
/* ---------- 
	font-weight: 400;
 ---------- */
}
.loop-content .entry-title	{
	font-weight: var( --semi-bold );
}
.page-type-title-slug	{
	font-weight: var( --semi-bold );
}
.font-weight-semi-bold	{
	font-weight: var( --semi-bold );
}
/* ---------- 行間 ---------- */
body	{
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6	{
	margin-top: 30px;
}
header h1, header h2, header h3, header h4, header h5, header h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6	{
	margin-top: 0;
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-top: 0;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6	{
	margin-top: 0;
}
h1 + .size-huge, h1 + .size-h1, h1 + .size-h2, h1 + .size-h3, h1 + .size-h4, h1 + .size-h5, h1 + .size-h6, h2 + .size-huge, h2 + .size-h1, h2 + .size-h2, h2 + .size-h3, h2 + .size-h4, h2 + .size-h5, h2 + .size-h6, h3 + .size-huge, h3 + .size-h1, h3 + .size-h2, h3 + .size-h3, h3 + .size-h4, h3 + .size-h5, h3 + .size-h6, h4 + .size-huge, h4 + .size-h1, h4 + .size-h2, h4 + .size-h3, h4 + .size-h4, h4 + .size-h5, h4 + .size-h6, h5 + .size-huge, h5 + .size-h1, h5 + .size-h2, h5 + .size-h3, h5 + .size-h4, h5 + .size-h5, h5 + .size-h6, h6 + .size-huge, h6 + .size-h1, h6 + .size-h2, h6 + .size-h3, h6 + .size-h4, h6 + .size-h5, h6 + .size-h6, .size-huge + h1, .size-huge + h2, .size-huge + h3, .size-huge + h4, .size-huge + h5, .size-huge + h6, .size-h1 + h1, .size-h1 + h2, .size-h1 + h3, .size-h1 + h4, .size-h1 + h5, .size-h1 + h6, .size-h2 + h1, .size-h2 + h2, .size-h2 + h3, .size-h2 + h4, .size-h2 + h5, .size-h2 + h6, .size-h3 + h1, .size-h3 + h2, .size-h3 + h3, .size-h3 + h4, .size-h3 + h5, .size-h3 + h6, .size-h4 + h1, .size-h4 + h2, .size-h4 + h3, .size-h4 + h4, .size-h4 + h5, .size-h4 + h6, .size-h5 + h1, .size-h5 + h2, .size-h5 + h3, .size-h5 + h4, .size-h5 + h5, .size-h5 + h6, .size-h6 + h1, .size-h6 + h2, .size-h6 + h3, .size-h6 + h4, .size-h6 + h5, .size-h6 + h6, .size-huge + .size-huge, .size-huge + .size-h1, .size-huge + .size-h2, .size-huge + .size-h3, .size-huge + .size-h4, .size-huge + .size-h5, .size-huge + .size-h6, .size-1 + .size-huge, .size-1 + .size-h1, .size-1 + .size-h2, .size-1 + .size-h3, .size-1 + .size-h4, .size-1 + .size-h5, .size-1 + .size-h6, .size-2 + .size-huge, .size-2 + .size-h1, .size-2 + .size-h2, .size-2 + .size-h3, .size-2 + .size-h4, .size-2 + .size-h5, .size-2 + .size-h6, .size-3 + .size-huge, .size-3 + .size-h1, .size-3 + .size-h2, .size-3 + .size-h3, .size-3 + .size-h4, .size-3 + .size-h5, .size-3 + .size-h6, .size-4 + .size-huge, .size-4 + .size-h1, .size-4 + .size-h2, .size-4 + .size-h3, .size-4 + .size-h4, .size-4 + .size-h5, .size-4 + .size-h6, .size-5 + .size-huge, .size-5 + .size-h1, .size-5 + .size-h2, .size-5 + .size-h3, .size-5 + .size-h4, .size-5 + .size-h5, .size-5 + .size-h6, .size-6 + .size-huge, .size-6 + .size-h1, .size-6 + .size-h2, .size-6 + .size-h3, .size-6 + .size-h4, .size-6 + .size-h5, .size-6 + .size-h6	{
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6, .size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-bottom: 8px;
}
p, ul, ol, dl, blockquote, table	{
	line-height: 2;
}
p	{
	margin: 0;
}
ul, ol, dl, blockquote, table	{
	margin: 0.5em 0 0.5em 0;
}
.loop-content .archive-content, .loop-content .archive-content p	{
	line-height: 1.5;
}
.taglist a, .wp-tag-cloud li	{
	margin: 0 0.5em 0.5em 0;
}
.loop-content .archive-content p	{
	margin-bottom: 0;
}
/* ---------- 先頭画像後 余白調整 ---------- */
p:first-child + h1, p:first-child + h2, p:first-child + h3, p:first-child + h4, p:first-child + h5, p:first-child + h6	{
	margin-top: 0;
	margin-bottom: 5px;
}
/* ---------- タグリスト ---------- */
.taglist-container .taglist a	{
	padding: 0.5em 0.75em;
	background-color: rgba(204, 204, 204, 0.2);
	background-color: var( --color-light-gray );
	border: none;
	border-radius: 0.5em;
}
.taglist-container .taglist a.current	{
	color: #FFF;
	background-color: var( --color-gray );
}
.taglist a.term-all:before	{
	content: "\f480";
}
.article-qa .entry-title:before, .article-qa .accordion-content .archive-content:before	{
	font-size: 16rem;
	color: #FFF;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: 1em;
	border-radius: 9999px;
}
.article-qa .entry-title:before	{
	content: 'Q';
	background-color: #D90000;
}
.article-qa .accordion-content .archive-content	{
	font-size: 16rem;
	padding-left: 2.5em;
	position: relative;
}
.article-qa .accordion-content .archive-content:before	{
	content: 'A';
	background-color: #006DD9;
	position: absolute;
	top: 0.2em;
	left: 0;
}
/* ---------- タグリストアイコン ---------- */
.taglist a:before	{
	font-family: dashicons;
	content: "\f464";
	margin-right: 0.2em;
}
.taglist a.term-all:before	{
	content: "\f480";
}
.taglist .tax-order-1 a:before	{
	content: "\f318";
}
.taglist .tax-order-2 a:before	{
	content: "\f323";
}
/* ---------- タグリスト（ショートコード） ---------- */
.taglist-container .taglist a, .wp-tag-cloud li a	{
	line-height: 1;
	padding: 0.5em;
	background-color: #FFF;
	border: solid 1px #EEE;	
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	border-radius: 0.2em;
}
.taglist-post-terms .taglist-tax + .taglist-tax	{
	margin-left: 0.5em;
}
/* ---------- 表示／非表示 ---------- */
.page-type-title-icon	{
	display: none;
}
.banner-text .parent-title + .self-title	{
	display: none;
}
.banner-text .parent-slug + .self-slug	{
	display: none;
}
body:not( .attachment ) .banner-text .archive-label	{
	display: none;
}
.page-type-title-container .parent-title	{
	display: none;
}
.page-type-title-container .parent-slug	{
	display: none;
}
.page-posttype .page-type-title-container .posttype-label	{
	display: none;
}
.page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: '：';
}
.single .page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: none;
}
.page-posttype-top .page-type-title-container .posttype-label, .page-posttype-single .page-type-title-container .posttype-label	{
	display: inline;
}
/* ---------- カラー ---------- */
body, body a, .color-default	{
	color: var( --color-default );
}
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
.color-theme	{
	color: var( --color-theme );
}
.color-theme2	{
	color: var( --color-theme2 );
}
.bgcolor-theme	{
	background-color: var( --bgcolor-theme );
}
.bgcolor-theme2	{
	background-color: var( --bgcolor-theme2 );
}
.color-in-bgcolor, .color-in-bgcolor a	{
	color: #FFF;
}
.color-in-bgcolor a	{
	text-decoration: underline;
}
.rounded-corners > img	{
	border-radius: 1em;
}
/* ---------- 追加ルール ---------- */
.grid-container	{
	grid-gap: 2em;
}
.site-content.padding-top-0	{
	padding-top: 0;
}
.site-content.padding-bottom-0	{
	padding-bottom: 0;
}
.section-bgcolor-theme	{
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: var( --bgcolor-theme );
	border-radius: 0.5em;
}
.content-area .gallery {
	grid-gap: 1em;
}
.cat-loop-title	{
	display: table;
}
.border-bottom-textwidth, .cat-loop-title, .fc-subloopset h2.loop-title	{
	padding-bottom: 5px;
	border-bottom: solid 1px var( --color-theme );
}
.fc-subloopset .loop-title-container	{
	margin-bottom: 2em;
}
.fc-subloopset h2.loop-title	{
	text-align: center;
	display: table;
	margin-right: auto;
	margin-left: auto;
}

.image-all-radius img	{
	border-radius: 1.5em;
}
.site-main .display-grid-first-child-default img	{
	margin-top: 0;
}
.display-grid-first-child-full + .display-grid-first-child-default + h3	{
	margin-top: 0;
}
#header-container + .site-main	{
	padding-top: 1em;
}
@media (max-width: 427px)	{
	.display-grid-first-child-full	{
		display: none;
	}
}
@media (min-width: 428px)	{
	.display-grid-first-child-default	{
		display: none;
	}
}
@media (min-width: 376px) and (max-width: 427px)	{
	.grid-first-child-default .grid-first-child-full .grid-columns-3 .fc-grid:first-child	{
		grid-column-end: auto;
	}
}
@media (min-width: 769px)	{
	#header-container + .site-main	{
		/*padding-top: 2em;*/
	}
}
/*マージン*/
.margin-top-row-0	{
	margin-top: 0;
}
.margin-top-row-1	{
	margin-top: 16rem;
}
.margin-bottom-row-0	{
	margin-bottom: 0;
}
.margin-bottom-row-1	{
	margin-bottom: 16rem;
}
/*背景色ありの上下の余白*/
.bg-tb5-padding {
    padding: 5em 0 5em 0;
}
.bg-tb3-padding {
    padding: 3em 0 3em 0;
}
.bg-radius {
    border-radius: 2em;
}

/*共通見出し装飾*/
.center {
    text-align: center;
}
.text_link a {
    text-decoration: underline !important;
    color:  var( --color-theme3 );
}
.en {/*英字*/
  font-size: 40rem;
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:  var( --color-theme );
}
.block_midashi {
  font-size:17rem;
  text-align: center;
}
.block_midashi .en {
  font-size: 60rem;
  line-height: 1.2;  
  letter-spacing: 1px; 
}
.block_midashi small {
  font-size: 20rem;
  line-height: 1.2;
  letter-spacing: 3px;
  display: block;
}
.block_midashi-beta {
  background-color:var( --color-theme );
  color: #FFF;
  padding:0.3em 1em 0.5em 1em;
  font-size: 22rem;
  line-height: 1.4;    
   margin-bottom: 1em;
}
.block_midashi-kei {
  color: var( --color-theme );
  border-bottom: 2px solid var( --color-theme );
  padding-bottom: 7px;
  font-size: 22rem;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media (min-width: 769px)	{
        .block_midashi {
          font-size:20rem;
        }
        .block_midashi .en {
          font-size: 80rem;
        }
        .block_midashi-beta {
            padding:0.3em 1em;
            font-size: 24rem;
        }
        .block_midashi-kei {
            font-size: 24rem;
        }
}
/*リボン見出し*/
.ribbon-b {
  display: inline-block;
  position: relative;
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #2C9FD9;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
  width: 400px;
}
.ribbon-b:before, .ribbon-b:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.ribbon-b:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon-b:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
/*100%幅の装飾*/
.beta-g-width-radius {
    background-color: var( --bgcolor-theme );
    padding: 3em 0.8em;
    border-top-left-radius: 4em;
    border-bottom-right-radius: 4em;
}
@media (min-width: 769px)	{
        .beta-g-width-radius {
            padding: 5em 3em;
            border-top-left-radius: 8em;
            border-bottom-right-radius: 8em;
        }
}
/*コンテンツ幅の装飾*/
.beta-g-width .fc-child-inner {
    background-color: var( --bgcolor-theme );
    padding: 2em;
    border-radius: 1em;
}
.kei-g-width .fc-child-inner {
    border: 2px solid var( --color-theme );
    padding: 2em;
    border-radius: 1em;    
}
@media (min-width: 769px)	{
        .beta-g-width .fc-child-inner {
            padding: 3em;
            border-radius: 2em;
        }
        .kei-g-width .fc-child-inner {
            padding: 3em;
            border-radius: 2em;    
        }
}

/*固定ボタン*/
.fixed_btns_wrap {
	background-color: #FFF;
    -webkit-box-shadow: -2px -2px 3px 3px rgba(136,136,136,0.3);
    box-shadow: -2px -2px 3px 3px rgba(136,136,136,0.3);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
}
.fixed_btns_wrap .logo_img {
	width: 120px;
	margin-left: 30px;
}
@media (max-width: 768px)	{
	.fixed_btns_wrap .logo_img {
		display: none;
	}
}
.fixed_btns_wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;	
}
.fixed_btns_wrap ul li {
	font-size: 12px;
	line-height: 60px;
	font-weight: bold;
	width: 33.3%;
	text-align: center;
	margin: 0;
	padding: 0;
}
@media (min-width: 769px)	{
	.fixed_btns_wrap ul {
		width: 60%;
	}
	.fixed_btns_wrap ul li {
		font-size: 13px;
	}
}
.fixed_btns_wrap ul li a {
	color: #FFF;
	width: 100%;
	height: 60px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}
.fixed_btns_wrap ul li a::before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
}
.fixed_btns_wrap ul li.contact a {
	background-color: var( --bgcolor-theme );	/*ご登録・ご相談*/
}
.fixed_btns_wrap ul li.contact a::before {
	background-image: url(../images/smts/icon_mail.svg);
}
.fixed_btns_wrap ul li.postajob a {
	background-color: var( --bgcolor-theme2 );	/*企業の方へ*/
}
.fixed_btns_wrap ul li.postajob a::before {
	background-image: url(../images/smts/icon_company.svg);
}
.fixed_btns_wrap ul li.line_link a {
	background-color: #0ac04b;				/*LINEで相談*/
}
.fixed_btns_wrap ul li.line_link a::before {
	background-image: url(../images/smts/icon_line.svg);
}

/* ---------- ヘッダー ---------- */
header {
	overflow: hidden;
}
#header-logo-wrap {
	width: 100%;
    margin: 0;
    padding: 0;
}
#header-logo-wrap.inner,
#header-logo-wrap.site-width {
    width: 100%;
}
#header-logo {
	width:200px;
}
#header-logo img {
	width: 100%;
}
/* ---------- ナビゲーション ---------- */
#navbar	{
   /*border-bottom: solid 1px var( --bgcolor-light-gray );*/
	background-color: #FFF;
	-webkit-box-shadow: 2px 2px 3px 3px rgba(136,136,136,0.3);
	box-shadow: 2px 2px 3px 3px rgba(136,136,136,0.3);     
}
#navigation-logo {
    width: 140px;
	margin: 0 0 0 20px;
}
#navigation-logo img {
}
#site-navigation	{
    /*border-bottom: solid 1px var( --bgcolor-light-gray );*/
	width: 100%;
    margin: 0 auto 0 30px;
}
#site-navigation.site-width,
#site-navigation.inner{
    /*width: calc( 100% - 3em );
    max-width: 1280px;*/
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#site-navigation .flex-container {
}
#site-navigation .menu-main-container {
}
#site-navigation .nav-menu	{
	margin-left: 0px;
}
#site-navigation .nav-menu li	{
    /*margin-right: 3%;*/
	font-size: 13px;	
}
#site-navigation .nav-menu li a	{
	font-weight: 500;
}
#site-navigation .nav-menu li.maru a {
}
#header-logo-wrap .header-option-child {
    display: inline-block;
}
#header-logo-wrap .inner {
    margin-top: 0;
}
#navigation-menu li.nav-contact a {
    background-color: var( --bgcolor-theme );	/*ご登録はこちら*/
    color: #FFF;
	margin: 0 !important;
}
#navigation-menu li.nav-postajob a {
    background-color: var( --bgcolor-theme2 );	/*企業の方へ*/
    color: #FFF;
	margin: 0 -10px 0 10px!important ;
}
.sub-menu	{
	display: none;
}
.sub-menu.active	{
	display: block;
}
/* ---------- ナビゲーションSP ---------- */
#navbar-s {
    /*border-bottom: solid 1px var( --bgcolor-light-gray );*/
	background-color: #FFF;
	-webkit-box-shadow: 2px 2px 3px 3px rgba(136,136,136,0.3);
	box-shadow: 2px 2px 3px 3px rgba(136,136,136,0.3);  	
}
/* ---------- ハンバーガー ---------- */
#widget-header-logo-s img	{
	width: 150px;
}
#site-navigation-s li.nav-contact a	{
	background-color: var( --bgcolor-theme2 );
}
#site-navigation-s li.nav-recruit a	{
	background-color: #86BB1F;
}
#site-navigation-s li	{
	margin-top: 0.5em;
}
#site-navigation-s li.nav-contact a	{
	border-radius: 0.5em;
}
/* ---------- ハンバーガーアイコン ---------- */
#site-navigation-s .menu-toggle, #site-navigation-s #hamburger-nav-toggle	{
	background-image: url( ../images/smts/icon-ham-white.png );
	background-color: var( --color-theme );	
}
#site-navigation-s #hamburger-nav-toggle.open	{
	background-image: url( ../images/smts/icon-ham-white-x.png );
	background-color: var( --color-theme );
}
/*
#navbar-s .wp-root	{
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
*/
/* ---------- パンくず ---------- */
#location {
    margin-top: 0;
	margin-bottom: 1em;
}
/* ---------- ページタイプタイトル ---------- */
#page .page-type-title-container {
	text-align: center;
	position: relative;
	z-index: -5;
	width: 100%;
    background-image: url( ../images/smts/under_head_bg_sp.webp );
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
	background-color: bisque;
	margin-bottom: 1em;
	padding-top: 4em;
	padding-bottom: 4em;    
}
@media (min-width: 769px)	{
    #page .page-type-title-container {
        background-image: url( ../images/smts/under_head_bg.webp );
    }
}
#page .page-type-title-container .inner	{
}
.page-type-title,
.banner-text .page-type-title{
	align-items: flex-start;
	text-align: center;	
}
.slug.page-type-title-slug	{
	color: var( --color-theme );
	/*text-transform: uppercase;*/
	text-align: center;
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 30rem;
}
/* ---------- totop ---------- */
#page-top a	{
	background-image: url( ../images/smts/totop.png );
}
/* ---------- ボトムリンク ---------- */
#bottom-banner ul li a	{
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5em 1em;
	border: solid 1px #FFF;
}
#bottom-banner ul li a:before	{
	content: '';
	display: block;
	width: 19px;
	height: 19px;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
@media (min-width: 769px)	{
	#bottom-banner ul li a	{
		min-width: 16em;
	}
}
/* ---------- ボトムバナー／CTAブロック---------- */
#bottom-banner {
    padding: 2.5em 0;
    margin: 0;
    background-color: #fce001;
}
@media (max-width: 768px)	{
        #bottom-banner {
            background-image: url( ../images/smts/parts_bg_wh.svg );
            background-position: center 93%;
            background-size: 110% auto;
            background-repeat: no-repeat;
        }
        #bottom-banner .inner {
            margin: 0 auto; 
            padding: 1em 1em;
        }
        #cta-area {

        }
        #cta-area .block_midashi {
            text-align: left;
        }
        #cta-area .wrap {
            width: 100%;
            margin: 0 auto 0 auto;;
         }
        #cta-area .image {
            width: 80%;
            margin: 15px auto;
        }
        #cta-area .parts_wh {
            text-align: center;
        }
        #cta-area .parts_wh .text {
            font-size: 16px;
        }
        #cta-area .parts_wh .btn {
        }
}
@media (min-width: 769px)	{
        #bottom-banner .inner {
            margin: 0 auto; 
            padding: 2em 2em;
        }
        #cta-area {
            background-image: url( ../images/smts/parts_bg_wh.svg );
            background-position: 92% 30px;
            background-size: 500px auto;
            background-repeat: no-repeat;
        }
        #cta-area .block_midashi {
            text-align: left;
        }
        #cta-area .wrap {
            overflow: hidden;
            width: 70%;
            margin: -50px auto 0 auto;;
         }
        #cta-area .image {
            float: left;
            width: 370px;
            margin-top: 30px;
        }
        #cta-area .parts_wh {
            float: right;
            text-align: center;
        }
        #cta-area .parts_wh .text {
            font-size: 18px;
        }
        #cta-area .parts_wh .btn {
        }
}
/* ---------- フッター ---------- */
.site-footer	{
	padding: 1.5em 0 100px 0;
	/*background-color: var( --color-theme );*/
	color: #333;
}
.footer-nav .menu > li > a {
	color: #333;
}
#footer-logo img {
    width: 200px;
}
@media (max-width: 768px)	{
    .site-footer	{
        padding: 1.5em 0 100px 0;
    }
}
@media (min-width: 769px)	{
	#footer-navigation.footer-nav-multi-item .inner	{
		justify-content: flex-end;
	}
	#footer-navigation #footer-menu	{
		margin-left: auto;
	}
	#footer-navigation #footer-menu + aside	{
		margin-left: 4em;
	}
	.footer-nav .menu > li > a:before	{
		content: none;
	}
	.footer-nav .sub-menu	{
		display: block !important;
		margin-left: 0;
	}
}
#menu-footer li a{
    font-size: 14rem;
}
@media (max-width: 768px) {
#menu-footer li a{
    font-size: 14rem;
    margin: 5px auto;
}
}
.f-sub {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 1em 0;
}
.f-sub li a {
    color: #FFF;
    font-size: 12rem;
}
/*フッターテキスト-メニュー上*/
#footer-content .p1 {
    text-align: center;
    font-size: 12px;
}
/* ----- フッターSNSアイコン ----- */
#footer-content-2 .sns_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items: center;
    width: 160px;
    margin: 30px auto;
}
#footer-content-2 .sns_wrap li {
    width: 35px;
}
/* ---------- Q&A ---------- */
.add-before-q .accordion-container label	{
/*
	line-height: 1.4;
	align-items: normal;
	padding: 0 16rem 0 0;
	margin: 0;
-*/    
	background-color: var( --bgcolor-theme );
}
.add-before-q .accordion-label-body	{
	padding-top: 10px;
	padding-bottom:5px;
}
.add-before-q .accordion-container label:before	{
	content: 'Q';
	font-size: 20px;
    line-height: 1.5;
	display: flex;
	flex-shrink: 0;
    padding: 1rem 10rem 3rem 10rem;
	justify-content: center;
	margin: 10px 16rem 10px 10px;
    color: #fff !important;
    border-radius: 50%;
	background: var( --color-theme );
 }
.add-before-q .accordion-container label:before, .add-before-q .accordion-container label::after	{
	color: var( --color-theme4 );
	display: flex;
	align-items: center;
}
.add-before-q .accordion-content{
background-color: #FAF7ED !important;
position: relative;
}
.add-before-q .accordion-content .answer_icon{
position: absolute;
left: 0;
top: 0;
	content: 'A';
    font-weight: 700;
	font-size: 20rem;
	display: flex;
	flex-shrink: 0;
    padding: 2rem 9rem 5rem;
	justify-content: center;
	margin-top: 13rem;
    margin-left: 11rem;
    margin-bottom: 20rem;
    margin-right: 16rem;
    line-height: 120%;
    color: var( --color-theme ) !important;
    border-radius: 50%;
	background: #000;
    border:2px solid var( --color-theme );
}
.add-before-q .accordion-content .accordion-content-padding	{
	padding: 16rem;
}
@media (max-width: 768px)	{
    .add-before-q .accordion-container {
    width: 88%; 
    margin-left: auto;
    margin-right: auto;
    }
    .add-before-q .accordion-container label:before	{
    font-size: 20rem;
    padding: 2rem 9rem 5rem;
    height: 25rem;
    }
    .add-before-q .accordion-content{
    padding-left: 0em;
    }
}
@media (min-width: 769px)	{
	.add-before-q .accordion-content	{
		padding-left: 60px;
	}
}
/* ---------- バナー ---------- */
.banner-absolute:before, .banner-absolute .banner-image:before, .banner-absolute.banner-builtin-slider .slider-container:before	{

}
#top .banner-absolute	{
	height: 300px;
}
#top .banner-absolute:before	{
	padding-top: 0;
}
.banner-text	{
	color: #FFF;
	align-items: flex-start;
}
.banner-text ul.multiple-btn	{
	justify-content: flex-start;
}
@media (max-width: 374px)	{
	#top #banner h1	{
		font-size: 24rem;
	}
	#top #banner h3	{
		font-size: 16rem;
	}
}
@media (min-width: 769px)	{
	.banner-absolute	{
		height: 200px;
	}
	#top .banner-absolute	{
		height: auto;
	}
	#top .banner-absolute:before	{
		padding-top: 60%;
	}
/* ---------- 段組み
	.footer-nav .menu	{
		display: block;
	}
	.footer-nav #menu-footer	{
		column-count: 2;
		column-gap: 4em;
	}
	.footer-nav .menu > li + li	{
		margin-left: 0;
	}
	.break-inside-avoid	{
		break-inside: avoid;
		display: flex;
	}
	.break-inside-avoid .sub-menu	{
		font-size: 13rem;
		margin-left: 1em;
	}
 ---------- */
}
/* ---------- コラム ---------- */
.article-container-post article .article-image, .article-container-post article:hover a.article-image:after	{
	border-radius: 0.8em;
}
.blog .container-parent {
        border-top: 1px solid var( --color-theme );
        padding-top: 1em;        
}
.blog .container-child {
        border-bottom: 1px solid var( --color-theme );
        padding-bottom: 1em;
}
.blog .article-container-post article .article-image,
 .blog .article-container-post article:hover a.article-image:after	{
        border-radius: 0.8em;
}
@media (min-width: 769px)	{
        .blog .container-parent {
                padding-top: 1.5em;        
        }
        .blog .container-child {
                border-bottom: 1px solid var( --color-theme );
                padding-bottom: 1.5em;
        }
        .blog .article-container-post article .article-image,
        .blog .article-container-post article:hover a.article-image:after	{
            border-radius: 0.8em;
        }
}
.single .entry-title {
  color: var( --color-theme );
  border-bottom: 2px solid var( --color-theme );
  padding-bottom: 7px;
  font-size: 22rem;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media (min-width: 769px)	{
        .single .entry-title {
            font-size: 24rem;
        }
}
/* ---------- トップ ---------- */
/*MV*/
#post-2 .main-width {
    width: 100%;
}
#top_mv  {
    position: relative;
    z-index: 1;
}
@media (min-width: 769px)	{
        #top_mv {
          background-image: url( ../images/smts/mv_pc1.webp );
          background-size: 53%;
          background-position: left top; 
          background-repeat: no-repeat;
          margin: 0;
          padding: 0;
        }
        #top_mv .inner {
          width: 40%;
          margin: 0 3% 0 auto;
          background-image: url( ../images/smts/mv_pc2.webp );
          background-size: 300px;
          background-position: right 1%; 
          background-repeat: no-repeat;
          padding-top: 180px;
        }
        #top_mv .mv_copy {
            font-size: 2.2em;
            margin-top: 30px;
        }
        #top_mv .mv_copy small {
            font-size: 0.7em;
        }
        #top_mv .en {
            color: #AAA;
            font-size: 1.5em;
            line-height: 1.4;
        }
}
@media (max-width: 768px)	{
        #top_mv {
          background-image: url( ../images/smts/mv_sp.webp );
          background-size: 100%;
          background-position: left top; 
          background-repeat: no-repeat;
          margin: 0;
          padding: 0;
        }
        #top_mv .inner {
          width: 90%;
          margin: 0 auto 0 auto;
          padding-top: 60%;
        }
        #top_mv .mv_copy {
            font-size: 2em;
            margin-top: 30px;
        }
        #top_mv .mv_copy small {
            font-size: 0.7em;
        }
        #top_mv .en {
            color: #AAA;
            font-size: 1.5em;
            line-height: 1.4;
        }
}
#top_mv .tag {
    margin-top: 30px;
}
#top_mv .tag li {
    list-style: none;
    color: var( --color-theme );
    display: inline-block;
    background-color: #f3f5f6;
    padding: 2px 5px;
    font-size: 14px;
    margin: 0 10px 10px 0;
    border-radius: 5px;
	box-shadow: 10px 10px 10px #eee;
}
#top_mv .dot_img {
    width: 70%;
    max-width: 300px;
    margin: 10px auto;
}
#top #optionblock1.site-content{
    position: relative;
    z-index: 2;
    margin: -50px 0 0 0;
    pointer-events: 0;
}
@media (min-width: 769px)	{
    #top #optionblock1.site-content{
        position: relative;
        z-index: 2;
        margin: -130px 0 0 0;
        pointer-events: 0;
    }
}

#top #optionblock1 .block_midashi {
    text-align: left !important;
}
/*  サービス一覧：求職者様向け*/
#top #top_job {
    padding:0px 0 2em 0; 
    text-align: center;
    position: relative;
    margin-top: 0;
}
#top #top_job .optionblock-before {
    position: absolute;
    top: 60px; 
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 3;
    height: 120px;
}
#top #top_job .optionblock-before .part_orange {
    background-image: url( ../images/smts/parts_yoko_o.svg );
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 300px;
    height: 80px;
    color: #FFF;
    font-size: 26px;
    line-height: 80px;
    margin: 0 auto;
}
#top #top_job .bg_y {
    background-color: #fce001;
    padding:3em 0; 
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    position: relative;
    z-index: 2;
}
#top #top_job .box .fukidashi {
    text-align: center;
    color: var(--color-theme);
    font-weight: bold;
    font-size: 18px;
    display: inline-block; 
    position: relative; 
    padding: 0 10px;
    line-height: 1.6;
    width: 90%;
    max-width: 300px;
    margin: 30px auto 0 auto;
}
#top #top_job .box .fukidashi::before,
#top #top_job .box .fukidashi::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0; 
    width: 30px; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#top #top_job .box .fukidashi::before {
    left: 0;
    background-image: url("../images/smts/fuki_o_L.svg");
}
#top #top_job .box .fukidashi::after {
    right: 0;
    background-image: url("../images/smts/fuki_o_R.svg");
}
/*  サービス一覧：企業様向け*/
#top #top_com {
    padding:0px 0 2em 0; 
    text-align: center;
    position: relative;
}
#top #top_com .optionblock-before {
    position: absolute;
    top: 60px; 
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 3;
    height: 120px;
}
#top #top_com .optionblock-before .part_yellow {
    background-image: url( ../images/smts/parts_yoko_y.svg );
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 300px;
    height: 80px;
    color: var( --color-theme );
    font-size: 26px;
    line-height: 80px;
    margin: 0 auto;
}
#top #top_com .bg_g {
    background-color: #88db47;
    padding:3em 0; 
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    position: relative;
    z-index: 2;
}
#top #top_com .box .fukidashi {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    display: inline-block; 
    position: relative; 
    padding: 0 10px;
    line-height: 1.6;
    width: 90%;
    max-width: 300px;
    margin: 30px auto 0 auto;
}
#top #top_com .box .fukidashi::before,
#top #top_com .box .fukidashi::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0; 
    width: 30px; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#top #top_com .box .fukidashi::before {
    left: 0;
    background-image: url("../images/smts/fuki_wh_L.svg");
}
#top #top_com .box .fukidashi::after {
    right: 0;
    background-image: url("../images/smts/fuki_wh_R.svg");
}
/*  サービス一覧：求職者様向け＆企業様向け 共通*/
#top  .flex-dir-col > div,
#top  .flex-dir-col-r > div {
    width: 100% !important;
    max-width: 450px !important;
}
#top .box {
}
#top .box .midashi_dot {
    font-size: 30px;
    position: relative;
    display: inline-block; 
    margin: 0;
    padding: 15px 0;
}
#top .box .midashi_dot::first-letter {
    position: relative;
    display: inline-block;  
    padding-left: 15px;
    background: url(../images/smts/parts_dot_wh.svg) no-repeat left center;
    background-size: 40px 40px; 
}
#top .box .images {
    width: 100%;
    margin-bottom: 10px;
}
#top .box .images img {
    width: 100%;
}
#top .box .tit {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
#top .box .text {    
    text-align: justify;
}
/* ---------- 下層共通 ---------- */
#page {
}
@media (max-width: 768px) {
    #page {
    }
}
/* ---------- お知らせ ---------- */
/*一覧*/
                /*グリッドにしない：cssで制御（採用とグリッドと連動してしまう）
                .post-type-archive-news	.grid-container	{
                        grid-gap: 0em;
                        display:block;
                }
                .post-type-archive-news .article-image {
                    background-image: none !important;
                }
                .post-type-archive-news.article-image:after {
                    display: none;
                }
                .post-type-archive-news	.aspect-thumbnail-32:before {
                    padding-top: 0%;
                }
                .post-type-archive-news	.display-grid .flex-child a.article-image img	{
                    display: none;
                }
.post-type-archive-news p.date {
    color: var( --color-theme );
}
.post-type-archive-news .loop-content {
 	border-bottom: 1px dotted #2C9FD9;
    padding-bottom: 10px;
 }
*/


/*一覧の見出し*/
.post-type-archive-post .page-type-title-body {
        font-size: 36rem;
        display: block;
}
.post-type-archive-post.archive-label	{
}

/*一覧の装飾*/
.post-type-archive-post  p.date {
    color: var( --color-theme );
}
.post-type-archive-post  .loop-content {
 	border-bottom: 1px dotted #2C9FD9;
    padding-bottom: 10px;
 }
.post-type-archive-post  .loop-title-container {
    display: none;
}
/* ---------- 施設一覧 ---------- */
#facilities  {
}
/*ALL,カテゴリ絞り込み出力のみにでる：タグや所在地を非表示*/
.post-type-archive-facility  .loop-content-body,
.tax-facility_tax1 .loop-content-body {
    display: none;
}
/* ---------- 施設ごと一覧 ---------- */
#group-home-disabilities,
#typeA-ce-support,
#visit-nursing-station,
#life-care,
#consultation-support{
}
/*  流れ */
#flow .flow_wrap {
    margin: 0;
    padding: 0;
}
#flow .flow_wrap li {
    list-style: none;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px 0 50px 0;
}
#flow .flow_wrap li {
}
#flow .flow_wrap li:before {
  color: var( --color-theme );
  content: '▼';
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  position: absolute;
  bottom: 0;
  left: 47%;
}
#flow .flow_wrap li:last-child:before {
  display: none;
}
#flow .flow_wrap dl {
    background-color: var( --bgcolor-theme );
}
#flow .flow_wrap dt {
    font-weight: bold;
    color: #FFF;
    text-align: center;
    background-color: var( --color-theme2 );
}
#flow .flow_wrap dt .num {
    font-size: 34rem;
    line-height: 1.2;
}
#flow .flow_wrap dt .num small {
    font-size: 16rem;
    line-height: 1;
}
#flow .flow_wrap dd {
    padding: 1.5em;
}
#flow .flow_wrap dd .c-green {
    font-size: 26rem;
    font-weight: bold;
}
#flow .flow_wrap dd p {
}
#flow .flow_wrap .btn {
	margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;    
}
#flow .flow_wrap .btn a {
     font-size: 100%;
      background-size: 25px auto;
}
@media (max-width: 768px)	{
        #flow .flow_wrap .btn {
            min-width:  95%;
        }
        #flow .flow_wrap .btn a {
            min-width: 16em;
             padding: 1.5em 0em;  
             font-size: 14rem;
        }        
}
@media (min-width: 769px)	{
        #page .flow_wrap dl {
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: top;
        }
        #page .flow_wrap dt {
            width: 8%;
            position: relative;
        }
        #page .flow_wrap dt .num {
            display: block;
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
        }
        #page .flow_wrap dt .num small {
            display: block;
        }
        #page .flow_wrap dd {
            width: 87%;
            padding: 1.2em 1.2em 1.5em 0em;
        }
        #page .flow_wrap dd .c-green {
            font-size: 24rem;
        }
        #page .flow_wrap .btn {
            margin-left: 0;
        }
        #page .flow_wrap .btn a {
             min-width: 20em;
        }
}
#feature .bg_wh {
    padding: 20px 5%;
}
#detail_qa {
}
#detail_qa .accordion-container label:before	{
	content: 'Q';
	font-size: 20px;
    line-height: 1.5;
	display: flex;
	flex-shrink: 0;
    padding: 1rem 10rem 3rem 3rem;
	justify-content: center;
	margin: 0;
    border-radius: 0%;
	color: var( --color-theme3 );
}
#detail_qa .accordion-container .accordion-content	{
	font-size: 16rem;
	padding-left: 2.5em;
	position: relative;
}
#detail_qa .accordion-container .accordion-content:before	{
    font-weight: var( --semi-bold );
    position: absolute;
    left: 20rem;
    top: 15px;
	content: 'A';
	font-size: 20px;
    line-height: 1.5;
	display: flex;
	flex-shrink: 0;
    padding: 1rem 6rem 3rem 3rem;
	justify-content: center;  
	margin: 0;
    border-radius: 0%;
    color: var( --color-theme );
}
.fc-subloopset-facility .loop-container .btn {
	margin-top: 5em;
}
/* ---------- 施設一覧：施設ごと詳細---------- */
.single-facility {
}
.single-facility .article-single {
}
.single-facility .entry-title {
    font-size: 24rem;
}
@media (min-width: 769px) {
    .single-facility .entry-title {
        font-size: 30rem;
    }
}
.single-facility .entry-header-wrap .article-image {
    width: 100%;
    max-width: 800px;
    margin: 3em auto 5em auto;
}
.single-facility .cf-data-facility {
    padding: 5em 0;
    background-color: var( --bgcolor-theme3 );
}
.single-facility .cf-data-title {
    color: var(--color-theme);
    font-weight: var(--bold);
    text-align: center;
}
.single-facility .cf-data-title,
.single-facility  .size-h3 {
	font-size: 20rem;
 }
@media (min-width: 769px) {
        .single-facility .cf-data-title,
        .single-facility  .size-h3 {
            font-size: 30rem;
        }
}
.single-facility iframe {
	margin-top: 3em;
}
.facility-gallery .have-gridset-thumbnail{
    width: auto;
    height: 180px;
    overflow: hidden;
    position: relative;
    border: 1px solid #DDD;
}
.facility-gallery .have-gridset-thumbnail img {
            width: auto;
            max-width: auto;
            height: 100% !important;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
 }
@media (min-width: 769px) {
        .facility-gallery .have-gridset-thumbnail{
            height: 230px;
        }
        .facility-gallery .have-gridset-thumbnail img {
        }
}


.single-facility .btn-gray {
	margin-top: 5em;
}
.single-facility .btn-gray a {
    background-image: none;
}
/* ---------- 採用一覧---------- */
.page-posttype-job_information-archive .site-main {
    padding-bottom: 3em;
}
.page-posttype-job_information-archive .btn {
    padding-bottom: 6em;
}

/* ---------- 採用詳細---------- */
.single-job_information .site-main {
    padding-bottom: 0;
}
.single-job_information #content > .cf-data {
    margin-top: 0;
}
.single-job_information .site-content{
    margin-top: 0;
}
.single-job_information .site-content {
}
.single-job_information .article-single {
}
.single-job_information .entry-title {
    font-size: 24rem;
    color: var(--color-theme2);
    border-bottom: 2px solid var( --color-theme2 );
}
@media (min-width: 769px) {
    .single-job_information .entry-title {
        font-size: 30rem;
    }
}
.single-job_information .entry-header-wrap .article-image {
    width: 100%;
    max-width: 800px;
    margin: 3em auto 5em auto;
}
.single-job_information .cf-data-job-information {
    padding: 5em 0;
    background-color: var( --bgcolor-theme );
}
.single-job_information .cf-data-title {
    color: var(--color-theme2);
    font-weight: var(--bold);
    text-align: center;
}
.single-job_information .cf-data-title,
.single-job_information  .size-h3 {
	font-size: 20rem;
 }
@media (min-width: 769px) {
        .single-job_information .cf-data-title,
        .single-job_information  .size-h3 {
            font-size: 30rem;
        }
}
.single-job_information iframe {
	margin: 3em 5%;
    width: 90%;
}
.job_information-gallery {
    margin:  5em auto !important;
}
#entry-form {
    padding: 5em 0 0 0;
    background-color: var( --bgcolor-theme );
}
/*
.single-job_information .btn {
	margin-top: 0em;
}
.single-job_information .btn a	{
	background-color:  var( --color-theme2 );
}
.single-job_information .btn a:hover	{
     background-color: var( --color-theme );
    color: #FFF;
}
*/
.single-job_information .btn {
	display: none;
}


/* ---------- 下層CTAブロック共通---------- */
.cta_block {
    width: 100%;
    display: block;
    position: relative;
    margin: 0px auto;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
/*
.cta_block:hover {
        color: #fff;
        text-decoration: none;
}
*/
.cta_block::before {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.6);
        content: "";
}
/*
.cta_block:hover::before {
        background-color: rgba(0, 0, 0, 0.2);
}
*/
.cta_block .text_wrap {
        position: relative;
        z-index: 999;
        font-weight: bold;
        text-align: center;
        margin: 3em auto;
}
.cta_block .text_wrap,
.cta_block .text_wrap a {
         color: #fff;
}
.cta_block .text_wrap .size-h3 {
         padding: 3em auto 3em auto;
         font-size: 30rem;
}
.cta_block .text_wrap .tel,
.cta_block .text_wrap .tel a {
        font-size: 40rem;
         color: #fff;
}
.cta_block .text_wrap .btn {
}
/* ---------- ご支援のお願い ---------- */
#support-cta .cta_block {
    background-image: url( https://emgawa.or.jp/emgawa/wp-content/uploads/2025/02/pixta_86854483_M-1.jpg );
}




/*-------求人紹介-------*/

.service_flow .flow_img dl.service_flow_allow,
.service_flow .flow_img dl.service_flow_end{
background: #f3f5f6;
display: flex;
max-width: 800px;
margin: 10px auto 40px auto;
}
.service_flow .flow_img .service_flow_allow dt,
.service_flow .flow_img .service_flow_end dt{
background: #fce001;
text-align: center;
width: 30%;
padding: 5px 10px 10px 10px;
font-family: "Caveat", cursive;
color: #ff8112;
font-size: 35px;
line-height: 100%;
font-weight: 300;
}
.service_flow .flow_img .service_flow_allow dt span,
.service_flow .flow_img .service_flow_end dt span{
font-size: 40px;
}
.service_flow .flow_img .service_flow_allow dd,
.service_flow .flow_img .service_flow_end dd{
width: 70%;
padding: 10px 10px;
font-weight: bold;
}
.service_flow .flow_img dl.service_flow_allow {
  position: relative; /* 矢印の基準にする */
}
.service_flow .flow_img dl.service_flow_allow::after {
  content: "";
  position: absolute;
  bottom: -25px;   /* ボックスから30px離す */
  left: 50%;
  transform: translateX(-50%);
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 12px solid #ff8112; /* 矢印の色 */
}
@media (min-width: 769px) {
.service_flow .flow_img .service_flow_allow dt,
.service_flow .flow_img .service_flow_end dt{
width: 15%;
}
.service_flow .flow_img .service_flow_allow dt span,
.service_flow .flow_img .service_flow_end dt span{
font-size: 50px;
}
.service_flow .flow_img .service_flow_allow dd,
.service_flow .flow_img .service_flow_end dd{
width: 85%;
padding: 10px 20px;
}
.service_flow .flow_img .small{
max-width: 800px;
margin: 0px auto;
}
}


.page h4.point_hd{
display: block;
padding: 5px 10px;
color: #fff;
font-size: 24px;
line-height: 110%;
font-family: "Caveat", cursive;
width: 100px;
text-align: center;
}
.page h4.point_hd span{
font-size: 36px;
}

.page h4.point_hd.gr_bg{
background: #88db47;
}
.page h4.point_hd.or_bg{
background: #ff9412;
margin: 10px auto 10px auto;
}

/*-----------キャリア相談----------*/

#career .career_advice{
position: relative;
padding-bottom: 120px;
}
#career .career_advice .career_img{
position: relative;
z-index: 1;
top: 0px;
}
#career .career_advice .career_price{
 background: #ff9412;
 padding: 50px 0;
 border-radius: 0 0 0 30px;
 margin: -30px 0px 0px 0px;
 position: relative;
 z-index: -1;
 box-shadow: 20px 20px 0 #fce001;
}
#career .career_advice .career_price .price_bd{
max-width: 400px;
text-align: center;
margin: 0px auto 0 auto;
padding: 0;
}
#career .career_advice .career_price h3{
background: url(../images/smts/h3_bg01.png) center center no-repeat;
background-size: auto 100%;
padding: 30px;
margin: 0px auto 10px auto;
letter-spacing: 5px;
font-size: 30px;
}
#career .career_advice .career_price h4{
margin: 0px auto 10px auto;
letter-spacing: 5px;
font-size: 30px;
color: #fff;
border-bottom: 5px solid #fce001;
display: inline-block;
line-height: 100%;
}
#career .career_advice .career_price .kome{
font-size: 14rem;
}

@media (min-width: 769px) {
#career .career_advice{
position: relative;
padding-bottom: 120px;
}
#career .career_advice .career_img{
position: relative;
z-index: 1;
top: -50px;
}
#career .career_advice .career_price{
 background: #ff9412;
 padding: 50px 0;
 border-radius: 0 0 0 30px;
 margin: 100px 0px 0px -100px;
 position: relative;
 bottom: -35%;
 z-index: -1;
 box-shadow: 20px 20px 0 #fce001;
}
#career .career_advice .career_price .price_bd{
max-width: 400px;
text-align: center;
margin: 0px auto 0 100px;
padding: 0;
}
#career .career_advice .career_price h3{
background: url(../images/smts/h3_bg01.png) center center no-repeat;
background-size: auto 100%;
padding: 30px;
margin: 0px auto 10px auto;
letter-spacing: 5px;
font-size: 30px;
}
#career .career_advice .career_price h4{
margin: 0px auto 10px auto;
letter-spacing: 5px;
font-size: 30px;
color: #fff;
border-bottom: 5px solid #fce001;
display: inline-block;
line-height: 100%;
}


}

/*-----------キャリア相談----------*/
#postajob .tokutyou_list{
margin: 30px auto;
display: flex;
justify-content: center;
width: 90%;
flex-wrap: wrap;
}
#postajob .tokutyou_list li{
list-style: none;
width: 100%;
margin: 0px auto 10px auto;
}
#postajob .tokutyou_btn{
background: #fff;
border-radius: 10px;
border: 2px solid #ff9412;
text-align: center;
color: #ff9412;
box-shadow: 0px 3px 5px #eee;
}

@media (min-width: 769px) {
#postajob .tokutyou_list{
margin: 30px auto;
display: flex;
flex-wrap: nowrap;
justify-content: center;
width: 70%;
}
#postajob .tokutyou_list li{
list-style: none;
width: 30%;
}
}

#postajob .tokutyou_btn a{
display: block;
color: #ff9412;
font-weight: bold;
padding: 5px 20px;
}
#postajob .tokutyou_btn a:hover{
background: #ff9412;
color: #fff;
font-weight: bold;
}

#postajob .career_advice{
position: relative;
padding-bottom: 50px;
}
#postajob .career_advice .career_img{
position: relative;
z-index: 1;
top: 0px;
}
#postajob .career_advice .career_price{
 background: #88db47;
 padding: 30px 0;
 border-radius: 0 0 0 30px;
 margin: -20px 0px 0px 0px;
 position: relative;
 z-index: -1;
 box-shadow: 20px 20px 0 #fce001;
}
#postajob .career_advice .career_price_re{
 background: #88db47;
 padding: 30px 0;
 border-radius: 0 0px 30px 0px;
 margin: -20px 0px 0px 0px;
 position: relative;
 z-index: -1;
 box-shadow: -30px 20px 0 #fce001;
}
#postajob .career_advice .career_price .price_bd{
max-width: 300px;
margin: 0px auto 0 auto;
padding: 0;
}
#postajob .career_advice .career_price_re .price_bd{
max-width: 300px;
margin: 0px auto 0 auto;
padding: 0;
}
#postajob .career_advice .career_price h3,
#postajob .career_advice .career_price_re h3{
background: url(../images/smts/h3_bg01.png) center center no-repeat;
background-size: auto 100%;
text-align: center;
padding: 20px;
line-height: 100%;
margin: 0px auto 10px auto;
letter-spacing: 5px;
font-size: 32rem;
}
#postajob .career_advice .career_price h3 span,
#postajob .career_advice .career_price_re h3 span{
display: block;
font-size: 14px;
letter-spacing: 0px;
}
#postajob .career_advice .career_price h4,
#postajob .career_advice .career_price_re h4{
margin: 0px auto 10px auto;
letter-spacing: 5px;
font-size: 30rem;
color: #fff;
border-bottom: 5px solid #fce001;
display: inline-block;
line-height: 100%;
}
#postajob .career_advice .career_price .kome,
#postajob .career_advice .career_price_re .kome{
font-size: 14rem;
line-height: 150%;
}
#postajob .shoukai_hd{
margin: 20px 0px 0 0;
text-align: left;
}
#postajob .shoukai_hd dt{
margin: 0px 0px;
background: #fff;
font-size: 18rem;
padding: 10px 10px;
line-height: 100%;
display: inline-block;
color: #88db47;
font-weight: bold;
border-radius: 3px;
letter-spacing: 3px;
}
#postajob .shoukai_hd dd{
margin: 0px 0px;
font-size: 24rem;
font-weight: bold;
color: #fff;
letter-spacing: 3px;
}

#postajob .media_block .flex{
max-width: 800px;
display: flex;
justify-content: center;
margin: 10px auto;
list-style: none;
}
#postajob .media_block .flex li{
width: 50%;
text-align: center;
}
#postajob .media_block .media_box dl{
border: 2px solid #898989;
padding: 10px 20px 10px 20px;
display: flex;
flex-wrap: wrap;
max-width: 800px;
margin: 0px auto;
}
#postajob .media_block .media_box dl dt{
width: 100%;
font-weight: bold;
}
#postajob .media_block .media_box dl dd{
width: 100%;
line-height: 140%;
margin-bottom: 10px;
}

@media (min-width: 769px) {
#postajob .career_advice{
position: relative;
padding-bottom: 120px;
}
#postajob .career_advice .career_price{
 background: #88db47;
 padding: 30px 0;
 border-radius: 0 0 0 30px;
 margin: 60px 0px 0px -100px;
 position: relative;
 bottom: -5%;
 z-index: -1;
 box-shadow: 20px 20px 0 #fce001;
}
#postajob .career_advice .career_price_re{
 background: #88db47;
 padding: 30px 0;
 border-radius: 0 0px 30px 0px;
 margin: 80px -100px 0px 0px;
 position: relative;
 bottom: -5%;
 z-index: -1;
 box-shadow: -30px 20px 0 #fce001;
}
#postajob .career_advice .career_price .price_bd{
max-width: 400px;
margin: 0px auto 0 100px;
padding: 0;
}
#postajob .career_advice .career_price_re .price_bd{
max-width: 400px;
margin: 0px 100px 0 auto;
padding: 0;
}
#postajob .media_block .media_box dl dt{
width: 30%;
font-weight: bold;
}
#postajob .media_block .media_box dl dd{
width: 70%;
}
}

/*-----------------会社概要--------------------*/

#company .com_list{
}

#company .com_list th{
width: 25%;
background-color: var(--color-light-gray);
border-left: var(--color-light-gray) solid 1px;
}


/*-----------------お問い合わせ--------------------*/
.hissu{
font-size: 12px;
margin-left: 5px;
color: #D33B3D;
}

#contact input[type="submit"]{
background:var( --color-theme );
font-weight: bold;
border-radius: 30px;
padding: 10px 30px;
font-size: 20rem;
letter-spacing: 3px;
}