@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-default: #666;
	--color-gray: #999;
	--color-light-gray: #EFEFEF;
	/* ---------- ピンク ---------- */
	--color-theme: #CE8080;
	/* ----------緑 ---------- */
	--color-theme2: #36A2A0;
	/* ----------黄 ---------- */
	--color-theme3: #ECC973;
	/* ---------- 背景：うすピンク ---------- */
	--bgcolor-theme: rgba(206,128,128,0.10);
	/* ----------背景：うす緑 ---------- */
	--bgcolor-theme2: rgba(54,162,160,0.10);
	/* ----------背景：うす黄 ---------- */
	--bgcolor-theme3: rgba(236,201,115,0.20);
	/* ---------- 薄いグレー ---------- */
	--bgcolor-light-gray: #D8D8D8;
	/* ---------- ごく薄いグレー ---------- */
	--bgcolor-extra-light-gray: #EBEBEB;
}
.c-pink {
	color: var( --color-theme );
}
.c-green {
	color: var( --color-theme2 );
}
.c-yellow {
	color: var( --color-theme3 );
}
.c-gray {
	color: #666;
}
.c-wh{
	color: #FFF;
}
.bg_pink {
    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: "Zen Maru Gothic", 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;
    background-image: url( ../images/iris/bg_site.jpg );
    background-size: 1000px auto;
    background-repeat: repeat;
}
.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;
}
@media (min-width: 769px)	{
.page-posttype-post-archive .loop-content .entry-title	{
    /*/*251028 ブログ用*/
	font-size: 18rem;
}
}
.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;
}
@media (max-width: 768px)	{
html, button, input, select, textarea	{
           font-weight: 500;
        }
}
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 );*/
	/*グラデーション画像線*/
    background-image: url( ../images/iris/line_gra.png );
    background-size: 100% 8px;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    margin-bottom: 1em;
    font-size: 22rem;
    line-height: 1.4;
    text-align: left;
    display: block;
    width: 100%;
}
@media (min-width: 769px)	{
       .border-bottom-textwidth, .cat-loop-title, .fc-subloopset h2.loop-title	{ 
             font-size: 24rem;
        }
}

.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-theme );
}
.en {/*英字*/
  font-size: 40rem;
 font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}
.block_midashi {
  font-size:15rem;
}
.block_midashi .en {
  font-size: 50rem;
  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: 18rem;
  line-height: 1.3;    
   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-beta {
            padding:0.3em 1em 0.4em 1em;
            font-size: 20rem;
        }
        .block_midashi-kei {
            font-size: 24rem;
        }
}

/*水彩画像飾り見出し*/
.gra_suisai_y,
.gra_suisai_p {
    display: block;
    margin: 1em auto 1em auto;
    font-size: 24rem;
    line-height: 1.4;
    text-align: center;
}
.gra_suisai_y .c_gra,
.gra_suisai_p .c_gra {
    position: relative;
    padding: 15px;
background: linear-gradient(120deg, #ce8080 5%, #ecc973 40%, #36a2a0 90%);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}

.gra_suisai_y .c_gra:before,
.gra_suisai_p .c_gra:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    background-position: right top;
    vertical-align: middle;
     background-repeat: no-repeat;    
}
.gra_suisai_y .c_gra:before {
    background-image: url( ../images/iris/suisai_midashi_y.png );
    background-size: auto 40px;    
    position: absolute;
    top: 10px;
    left: -20px; 
}
.gra_suisai_p .c_gra:before {
    background-image: url( ../images/iris/suisai_midashi_p.png );
    background-size: auto 40px;    
    position: absolute;
    top: 15px;
    left: -15px; 
}
@media (min-width: 769px)	{
        .gra_suisai_y,
        .gra_suisai_p{
            font-size: 34rem;
        }
        .gra_suisai_y .c_gra:before {
            background-size: auto 55px;    
            top: 10px;
            left: -20px; 
        }
        .gra_suisai_p .c_gra:before {
            background-size: auto 55px;    
            top: 15px;
            left: -15px; 
        }        
}
/*グラデーション画像線*/
.line_gra {
    background-image: url( ../images/iris/line_gra.png );
    background-size: 100% 8px;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    margin-bottom: 1em;
    font-size: 22rem;
    line-height: 1.4;
    text-align: left;
}
@media (min-width: 769px)	{
        .line_gra {
             font-size: 24rem;
        }
}
/*100%幅の装飾*/
.beta-g-width-radius {
    background-color: var( --bgcolor-theme2 );
    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-theme2 );
    padding: 2em;
    border-radius: 1em;
}
.kei-g-width .fc-child-inner {
    border: 2px solid var( --color-theme2 );
    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 {
}


/* ---------- ヘッダー ---------- */
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:130px;
}
#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.5);
    box-shadow: 2px 2px 3px 3px rgba(136,136,136,0.5);
}
#navigation-logo {
    /*margin-bottom: 10px;*/
}
#navigation-logo img {
}
#site-navigation	{
    /*border-bottom: solid 1px var( --bgcolor-light-gray );*/
    margin: 0 auto;
}
#site-navigation.site-width,
#site-navigation.inner{
    /*width: calc( 100% - 3em );*/
    max-width: 1280px;
	margin-left: auto;
	margin-right: auto;       
}
#site-navigation .flex-container {
}
#site-navigation .menu-main-container {
}
#site-navigation .nav-menu	{
	font-size: 15rem;
	margin-right: 0px;
}
#site-navigation .nav-menu li	{
    /*margin-right: 2%;*/
}
#site-navigation .nav-menu li a	{
	font-weight: 500;
}
#site-navigation li.nav-contact a {
    color: var( --color-theme2 );
    background-color: var( --color-theme3 );
    background-position: 0.5em center;
    background-size: auto 18px;
}
/*
#header-logo-wrap .header-option-child {
    display: block;
}
#header-logo-wrap .inner {
    margin-top: 0;
}
#header-option {
    margin: 0 auto;
    display: block;
    width: 100%;
}
#header-option .h_btn_wrap {
    display: block;
    overflow: hidden;
}
#header-option .h_btn_wrap li {
    margin: 0 0 0 0.5em;
    padding: 0;
    float: right;
    text-align: right;
}
#header-option .h_btn_wrap li a {
	color: #FFF;
	padding: 1em 1em 1em 2.5em;
    background-repeat: no-repeat;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.0;
}
#header-option .h_btn_wrap li.nav-contact a {
    background-color: #2C9FD9;
    background-image: url( ../images/iris/icon-nav-contact.png );
    background-position: 0.8em center;
    background-size: auto 18px;
}
#header-option .h_btn_wrap li.nav-recruit a {
	background-color: #86BB1F;
     background-image: url( ../images/iris/icon-nav-recruit.png );
     background-position:0.8em center;
     background-size: auto 18px;
}
#header-option .h_sub_menu {
    display: block;
    overflow: hidden;
    width: 100%;
}
#header-option .h_sub_menu li {
    float: right;
    text-align: right;
    margin-left: 20px;
}
#header-option .h_sub_menu li a {
    font-size: 12px;
    text-decoration: underline;
}
.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.5);
    box-shadow: 2px 2px 3px 3px rgba(136,136,136,0.5);
}
/* ---------- ハンバーガー ---------- */
#widget-header-logo-s img	{
	width: 200px;
}
/*
#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/iris/icon-ham.png );
}
#site-navigation-s #hamburger-nav-toggle.open	{
	background-image: url( ../images/iris/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;
}
/* ---------- ページタイプタイトル ---------- */
.site-header .page-type-title-container	{
	margin-top: 0em;
}
.page-type-title-container .page-type-title, .banner-text .page-type-title	{
	align-items: flex-start;
}
.slug.page-type-title-slug	{
	color: var( --color-theme );
	text-transform: uppercase;
	text-align: center;
    letter-spacing: 2px;
}
#page .site-header .page-type-title-container {
    background-image: url( ../images/iris/page_bg.png );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding-bottom: 1.5em;
    margin-bottom: 0.5em;
}
#page .site-header .page-type-title-container .page-type-title {
    display: block;
    text-align: center;
    color: #888;
    padding-top: 0.5em;
}
@media (max-width: 768px) {
        #page .site-header .page-type-title-container {
            background-size: 100% 100%;
        }
        #page .site-header .page-type-title-container .page-type-title-slug {
            font-size: 11rem;
        }
}
/* ---------- totop ---------- */
#page-top a	{
	background-image: url( ../images/iris/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ブロック---------- */
#footer-content {
    padding: 3em 0 2em 0;
    margin: 0;
    background-image: url( ../images/iris/cta_bg.jpg );
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#footer-content.inner {
    border-top-left-radius: 4em;    
    border-top-right-radius: 4em; 
    margin: 0 auto; 
    padding: 2em 2em 1em 2em;
}
#footer-content #cta-area {
    text-align: center;
}
#footer-content #cta-area .logo {
    width: 120px;
    margin: 0 auto;
}
#footer-content #cta-area p {
}
#footer-content #cta-area h3 {
    margin-top: 0.5em;
    font-size: 20rem;
}
#footer-content #cta-area .btn_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
    width: 100%;
    max-width: 900px;
    margin: 2em auto 0em auto !important;    
}
#footer-content #cta-area .btn_wrap li {
    width: 32%;
}
#footer-content #cta-area .btn_wrap li a img {
    width: 100%;
}
@media (min-width: 769px) {
    #footer-content #cta-area .btn_wrap li {
        width: 30%;
    }
    #footer-content #cta-area .btn_wrap li a img {
        max-width: 230px;
        margin: 0 auto;
    }
}
/* ---------- フッター ---------- */
.site-footer	{
	padding: 0em 0 1.5em 0;
	background-color: #FFF;
}
.footer-nav .menu > li > a {
	color: var( --color-theme );
}
#footer-logo img {
    width: 200px;
}
@media (max-width: 768px) {
    .site-footer	{
        padding: 0em 0 1.5em 0;
    }
}
@media (min-width: 769px) {
    #footer-navigation {
        padding-top: 1em;
    }
	#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;
}
.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;
}
/* ---------- 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;
        }
}
/*余白調整*/
.blog .display-text article + article,
.blog .display-thumbnail article + article	{
	margin-top: 0.5em;
}
.blog .sidebar article + article	{
	margin-top: 0em;
}
@media (min-width: 769px)	{
	.blog .grid-container	{
		grid-gap: 0em;
	}
	.blog .display-text article + article,
    .blog .display-thumbnail article + article	{
		margin-top: 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;
        }
}
/* ---------- ページ共通 ---------- */
/*
#page {
    background-image: url( ../images/iris/bg_line_page.png );
    background-size: 1920px 300px;
    background-position: center 140rem; 
    background-repeat: no-repeat;
}
@media (max-width: 768px) {
    #page {
        background-image: url( ../images/iris/bg_line_page.png );
        background-size: 120% 150px;
        background-position: center 90rem; 
    }
}
*/
.page-template-default .site-content {
    margin-top: 4em;
}
@media (min-width: 769px) {
        .page-template-default .site-content {
            margin-top: 4em;
            margin-bottom: 6em;
        }
}
/* ---------- トップ ---------- */
#top  .site-main {
    padding-bottom: 0;
}
/*  FV  */
#top #banner {
  background-image: url( ../images/iris/mv_bg.png );
  background-size: cover;
  background-position: center top; 
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#top #banner .inner {
  text-align: center;
}
@media (max-width: 768px) {
        #top #banner {
          background-image: url( ../images/iris/mv_bg_sp.png );
          padding-top: 102%;
        }
        #top #banner .banner-image {
            width: 70%;
            position: absolute;
            top:40%;
            left:53%;
             transform:translate(-53%,-40%);
        }
}
@media (min-width: 769px) {
        #top #banner {
          background-image: url( ../images/iris/mv_bg.png );
          padding-top: 45%;
        }
        #top #banner .banner-image {
            width: 40%;
            position: absolute;
            top:45%;
            left:53%;
             transform:translate(-53%,-45%);
        }
}
/*TOP私たちについて*/
#top .top-about {
    background-image: url( ../images/iris/suisai_2.png ),url( ../images/iris/suisai_3.png ),url( ../images/iris/ill_1.png );
    background-repeat: no-repeat;
}
#top .top-about .text {
    text-align: justify;
}
#top .top-about .pb30 {
    padding-bottom: 1.5em;
}
#top .top-about .container-parent:first-child {
    background-image: url( ../images/iris/suisai_4.png );
    background-repeat: no-repeat;
    background-size: 180px auto;
    background-position: right bottom;
    margin-bottom: 3em;
}
#top .top-about .container-parent:nth-child(2) {
    background-image: url( ../images/iris/suisai_4_2.png );
    background-repeat: no-repeat;
    background-size: 250px auto;
    background-position: left bottom;     
}
#top .top-about .optionblock-after {
    margin-top: 5em;
}
@media (max-width: 768px) {
        #top .top-about {
            padding: 0em 0 7.5em 0;
            background-size: 140px auto,180px auto,auto 160px;
            background-position: 110% 8%,-10% 30%,90% bottom;  
        }
        #top .top-about .line_gra {
            text-align: center;
        }
        #top .top-about .sp-w80 img {
            width: 70% !important;
            margin-top: 30px;
        }
}
@media (min-width: 769px) {
        #top .top-about {
            padding: 0em 0 0em 0;
            background-size: 180px auto,180px auto,140px auto;
            background-position: 108% 10%,-5% 40%,95% bottom;
        }
        #top .top-about .pb30 {
            padding-bottom: 2em;
        }
        #top .top-about .container-parent:first-child {
            background-size: 180px auto;
            background-position: 52% bottom;
            margin-bottom: 5em;
        }
        #top .top-about .container-parent:nth-child(2) {
            background-size: 200px auto;
            background-position: 38% bottom; 
        }
}
/*TOP知らせ*/
#top .top-news {
    padding: 5em 0 0em 0;
    background-color: #FFF;
}
#top .top-news p.date {
    color: var( --color-theme );
    font-weight: bold;
}
 #top .top-news .loop-content {
 	border-bottom: 1px dotted #888;
    padding-bottom: 10px;
 }
#top .top-news .loop-title-container {
    display: none;
}
/*TOPブログ*/
#top .top-blog {
    padding: 2em 0 2em 0;
}
#top .top-blog .gra_suisai_p {
    margin-bottom: 2em;
}
#top .top-blog .loop-title-container {
    /*display: none;*/
}
/*TOP施設一覧*/
#top .top-facilities {
    padding: 2em 0 2em 0;
}
#top .top-facilities .gra_suisai_p {
    margin-bottom: 2em;
}
#top .top-facilities .loop-title-container {
    /*display: none;*/
}
#top .top-facilities .cf-data-element-label, 
#top .top-facilities .cf-data-element-label {
     /*所在地・電話番号の文字非表示*/
     display: none;
}
#top .top-facilities .cf-data-element-facility_phone {
    padding: 0 0 0 17px;
    background-image: url( ../images/iris/icon_tel.png );
    background-repeat: no-repeat;
    background-size: auto 10px;
    background-position: left 55%;    
}
/*TOP私たちの取り組み*/
.site-content.top-service {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#top .top-service {
    padding: 5em 0 180px 0;
    background-image: url( ../images/iris/ill_2.png );
    background-repeat: no-repeat;
    background-size: auto 160px;
    background-position: center 98%;    
}
#top .top-service .flex-container {
    align-items: top !important;
}
#top .top-service .fc-lrset-left {
    text-align: center;
    width: 90%;
    max-width: 640px;
    margin: 0 auto;
    background-image: url( ../images/iris/suisai_5.png );
    background-repeat: no-repeat;    
    background-size: 50% auto;
    background-position: center 40%;
}
#top .top-service .fc-lrset-right {
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    overflow: hidden;
}
@media (max-width: 768px) {
        #top .top-service .fc-lrset-right {
            text-align: center;
        }
        #top .top-service .fc-lrset-right img {
            width: 80%;
            margin: 2em auto;
            border-radius: 2em;
        }
}
@media (min-width: 769px) {
        #top .top-service {
            padding: 7em 0 7em 0;
            background-size: 20% auto;
            background-position: 20% 90%; 
        }
        #top .top-service .fc-lrset-left {
            background-size: 400px auto;
            background-position: center 40%;
        }
}
/*TOPsaiyou採用*/
#top .recrut-area {
    padding: 5em 0 5em 0;
    background-image: url( ../images/iris/recruit_en.png ),url( ../images/iris/recruit_bg.jpg );
    background-size: 180px auto,cover;
    background-position: 1% 0em,left top; 
    background-repeat: no-repeat;
    margin: 0;
}
#top .recrut-area .recrut-area_wrap {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 0 auto;
    padding-left: 0%;
}
#top .recrut-area .recrut-area_wrap .rec_copy {
    width: 100%;
    max-width: 640px;
    margin-top: 1.5em;
    margin-bottom: 2em;
}
#top .recrut-area .recrut-area_wrap .text {
}
#top .recrut-area .recrut-area_wrap .btn {
    margin: 2em auto 0 auto;
}
@media (min-width: 769px) {
            #top .recrut-area {
                padding: 5em 0 5em 0;
                background-size: 250px auto,cover;
                background-position: 3% 0em,center top; 
            }
            #top .recrut-area .recrut-area_wrap {
                margin: 0 auto 0 8%;
                padding-left: 5%;
            }
            #top .recrut-area .recrut-area_wrap .btn {
                margin: 2em auto 0 0;
                text-align: left;
}
}
@media (min-width:1600px) {
            #top .recrut-area {
                background-image: url( ../images/iris/recruit_en.png ),url( ../images/iris/recruit_bg_1920.jpg );
                background-position: 13% 0em,center top; 
            }
            #top .recrut-area .recrut-area_wrap {
                margin: 0 auto 0 8%;
                padding-left: 15%;
            }
}
/* ---------- お知らせ ---------- */
/*一覧
#news_list＝一覧／固定ページで無理矢理出力（P3の標準投稿デフォルトはブログだけど今回はお知らせ）
.article-post＝カテゴリ一覧
*/
#news_list {
}
/*.article-post p.date,*/
.article-news p.date{
    color: var( --color-theme ) !important;
    font-weight: bold !important;
}
/*.article-post .loop-content,*/
.article-news .loop-content{
 	border-bottom: 1px dotted #888 !important;
    padding-bottom: 10px !important;
 }
 /*.article-post .loop-title-container,*/
.article-news .loop-title-container{
    display: none;
}
 
 /*
 /*TOP知らせ
#top .top-news {
    padding: 5em 0 0em 0;
    background-color: #FFF;
}
#top .top-news p.date {
    color: var( --color-theme );
    font-weight: bold;
}
 #top .top-news .loop-content {
 	border-bottom: 1px dotted #888;
    padding-bottom: 10px;
 }
#top .top-news .loop-title-container {
    display: none;
}
 
 
/* ---------- ブログ ---------- */
/*一覧*/
                /*グリッドにしない：cssで制御（採用と管理画面グリッドと連動してしまう）*/
                .page-posttype-blog-archive	.grid-container	{
                    grid-gap:0em !important;
                      /*grid-gap:1em;
                      display:block;*/
                }

                .page-posttype-blog-archive .article-image {
                    background-image: none !important;
                }
                .page-posttype-blog-archive.article-image:after {
                    display: none;
                }
                .page-posttype-blog-archive	.aspect-thumbnail-32:before {
                    padding-top: 0%;
                }
                .page-posttype-blog-archive	.display-grid .flex-child a.article-image img	{
                    display: none;
                }
.page-posttype-blog-archive p.date {
    color: var( --color-theme );
}
/*
.page-posttype-blog-archive .loop-content {
 	border-bottom: 1px dotted #2C9FD9;
    padding-bottom: 10px;

 }
 */

/* ---------- 施設一覧 ---------- */
/*ALL,カテゴリ絞り込み出力のみにでる：タグや所在地を非表示
251028表示に修正*/
.post-type-archive-facility  .loop-content-body,
.tax-facility_tax1 .loop-content-body {
    /*display: none;*/
}
.post-type-archive-facility .cf-data-element-label, 
.post-type-archive-facility .cf-data-element-label {
     /*所在地・電話番号の文字非表示*/
     display: none;
}
.post-type-archive-facility .cf-data-element-facility_phone {
    padding: 0 0 0 17px;
    background-image: url( ../images/iris/icon_tel.png );
    background-repeat: no-repeat;
    background-size: auto 10px;
    background-position: left 55%;    
}
/* ---------- 施設ごと一覧 ---------- */
#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;
        }
}
.fc-subloopset-facility .loop-container .btn {
	margin-top: 5em;
}
/* ---------- 施設一覧---------- */
@media (max-width: 768px) {
        .article-facility .entry-title {
            font-size: 20rem;
        }
        .article-facility .archive-content p {
            font-size: 16rem;
        }
        #top .article-facility .entry-title {
            font-size: 16rem;
        }
        #top .article-facility .archive-content p {
            font-size: 12rem;
        }
}
@media (min-width: 769px) {
        .article-facility .entry-title {
            font-size: 15rem;
        }
        .article-facility .archive-content p {
            font-size: 14rem;
        }
}
/*詳しくはこちら：小ボタン*/
.cf-data-archive-facility .btn {
    margin-top: 1em;
}
#top .article-facility {
     position: relative;
     padding-bottom: 60px;
}
#top  .article-facility .btn {
     position: absolute;
     bottom:0;
     left:50%;
     transform:translate(-50%,0);
}
.page-posttype-facility-archive .article-facility {
     position: relative;
     padding-bottom: 60px;
}
.page-posttype-facility-archive .article-facility .btn {
     position: absolute;
     bottom:0;
     left:50%;
     transform:translate(-50%,0);
}   
@media (max-width: 768px) {
.page-posttype-facility-archive .article-facility {
     position: relative;
     padding-bottom: 70px;
}
   #top  .article-facility .btn a {
        min-width: 12em;
        font-size: 12rem;
        border-radius: 3em;
        padding: 1em 0.75em;
        background-position: 95% center;
        background-size: 13px auto;
        background-repeat: no-repeat;
        margin: 0rem auto;
    }
    .post-type-archive-facility .cf-data-archive-facility .btn a {
       min-width: 13em;
       width: 60%;
       font-size: 16rem;
       border-radius: 3em;
       padding: 1em 0em;
        background-position: 95% center;       
       background-size: 20px auto;
        background-repeat: no-repeat;
        margin: 1rem auto 0rem auto;
    }
}
@media (min-width: 769px) {
    .cf-data-archive-facility .btn a {
        min-width: 12em;
        font-size: 12rem;
        border-radius: 3em;
        padding: 1em 0.75em;
        background-position: 95% center;
        background-size: 15px auto;
        background-repeat: no-repeat;
        margin: 0rem auto;
    }
}
/* ---------- 施設詳細---------- */
.single-facility {
}
.single-facility .cf-data-content a {
	/*施設概要内のリンク*/
	text-decoration: underline;
}

.single-facility .site-main {
    padding-bottom: 0 !important;
}
.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;
}
.single-facility .btn-gray {
	margin-top: 5em;
}
.single-facility .btn-gray a {
    background-image: none;
}
/* ---------- 採用詳細---------- */
.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;
}
/* ---------- 私たちについて---------- */
#about {
}
#about  iframe {
    margin-bottom: 1em;
}
#about .access dl {
    display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	align-items: top;
}
#about .access dt {
    width: 15%;
    max-width: 100px;
    color: var( --color-theme2 );
    font-weight: bold;
    margin-right: 3%;
    font-size: 18rem;
}
#about .access dd {
}
#about .btns_long {
    margin: 0 auto;
}
#about .btns_long .btn {
    width: 100%;
    max-width: 100%;
    margin: 0.5em auto 0 auto;
}
#about .btns_long .btn a {
}
@media (max-width: 768px) {
    #about .btns_long .btn a {
        line-height: 1.5;
        border-radius: 10em;
    }
}
/* ---------- お問い合わせ---------- */

#contact .site-content,
#contact .site-main{
  margin-bottom: 0 !important;
}