/* 下書きを独立させるプラグイン */
.editor-post-publish-button__button{
	background:red !important;
	display:none;
}

/* common */
html{
	font-size:18px;
	--font-color: #644;

	color: var(--font-color);
}
.ib{
	display:inline-block;
}
h1,
h2,
h3{
	font-color: var(--font-color);
}
main h1{
	letter-spacing: 8px;
}
main h2.orangeline {
	font-size: 200%;
	border-bottom: none !important;
	margin-bottom: 5px !important;
}
h2.orangeline strong{
	border-bottom: solid var(--color-orange) 8px;
	padding-left: 1ex;
	padding-right: 1ex;
}
h3{
	font-size: 150%;
}
h4{
	margin-bottom: 4px;
}
html{
	--background:#FFC;
	--accent--color:#70ad47;
	--accent--color--dark:#3A0;
}
.wrapper{
	--wp--preset--color--background: #FFD060;
	--wp--preset--color--primary: #FAA;

	--wp--preset--color--asort: #FFC030;
	--wp--preset--color--asortdark: darkpink;
	--wp--preset--font-size--medium: 14px;

	--color-orange: #FFC030;
	--color-orange-dark: darkorange;
	--btn-background: var(--accent--color);
	--btn-background-hover: var(--accent--color--dark);
	--btn-color: white;
	--font-color-hover: #644;
	
	--color-red: #ED7D31;
	--color-green: #70ad47;
	--color-yellow: #FFC000;
	--color-palegreen: #CBDCC0;
}
a,
a:visited{
	color:inherit;
	text-decoration:none;
}

strong{ white-space: wrap; }

.wrapper{
/*
	background: var(--wp--preset--color--background);
*/
/*
	background:white;
*/
	margin:0;
}
span.word{
	display:inline-block;
}
.wrapper{
	margin:auto;
	position:relative;
	display:flex;
	flex-direction: column;
}
.body_footer{
	margin-top:120px;
	background:var(--background) !important;
	overflow-x:clip;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 170px !important;
}
body{
	margin: 0;
}
@font-face{
	font-family:'LightNovelPOPv2';
	src:url('LightNovelPOPv2.otf');
}
@font-face{
	font-family:'GenJyuuGothic';
	src:url('GenJyuuGothic-Medium.ttf');
}
@font-face{
	font-family:'berlin-demi';
	src:url('berlin-sans-fb-demi-bold.ttf');
}

.epson{
	font-family: "Arial Black","Arial","Helvetica Neue", "Helvetica", "Hiragino Sans", "MS pgothic";
	font-weight: bold;
}


article > h1{
	background-color: var(--color-palegreen) !important;
	margin-top: -100px;
	padding-top: 140px;
}
.white-toge{
	background: white;
}

*{
	font-family:'GenJyuuGothic';
	color: var(--font-color);
}
#header_title2{
	letter-spacing:4px;
}
#header_title2,
#header_title2 *{
	font-family:'LightNovelPOPv2' !important;
}
.footer_page > div.is-layout-flex.gap{
	column-gap: 100px !important;
}
.footer_head{
	display: inline-block;
}
.footer_page .address{
	padding: 8px 16px;
}
footer p:empty{
	display:none;
}
footer h2{
	margin-bottom:0;
	font-size:100%;
}
footer h1,
footer h1 *{
	font-family:'LightNovelPOPv2';
}
footer h1{
	margin-top: -18px;
	font-size: 22px;
	letter-spacing: 4px;
}
footer h1 code{
	font-size: 170%;
}
footer .mail img{
	margin-right: 8px;
}

p:has(img){
	display:flex;
}
p.has-text-align-center:has(img){
	justify-content:center;
}
p > img{
	height: 1.0em;
	margin-top: auto;
	margin-bottom: auto;
}

html,body,.wrapper{
	height:100%;
	font-family:GenJyuuGothic;
}
header{
	position:fixed;
	top:0px;
	left:0; right:0;
	z-index:101;
	background:var(--wp--preset--color--background);
	box-shadow: 2px 2px 4px rgba(66,33,00,0.6);
}


footer{
	background:var(--wp--preset--color--background);
	padding:30px 0;
	border-bottom:solid 0em gray;
	margin-top:3em;
}
/*
#header_dmy{
	margin:0;
	height:120px;
}
*/
main{
	padding-top:20px;
	padding-bottom:50px;
	/*max-width:960px;*/
/*	overflow:hidden;*/
	margin:auto;
}
article{
	max-width: none !important;
}
main > *:not(full-width),
article > *:not(full-width){
	max-width:960px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.full-width{
	max-width: none;
	width: 100%;
}
div.white:not(.full-width){
	background: white;
	margin-top: 3em;
	padding: 1px 4em 36px 4em;
}
.margin-top-zero{
	margin-top: 0 !important;
	padding-top: 60px !important;
}
.white h2:first-child{
	font-size: 200%;
	border-bottom: none;
	margin-top: 0.5em;
}
.full-width.white{
	background: white;
}
.full-width h1{
	margin: 30px;
	font-size: 200%;
}
.full-width.white{
	position: relative;
	padding:40px 0;
}
.full-width.white:after{
	content: '';
	transform: rotate(0deg);
	width:0px;
	height:0px;
	bottom: -40px;
	
	position: absolute;
	left:0; right:0;
	margin: auto;

	border-right: 50px solid transparent;
	border-top: 50px solid white;
	border-left: 50px solid transparent; 
}
.full-width.orange{
	background: var(--wp--preset--color--background);
	margin-top: -100px;
	padding-top: 120px;
	padding-bottom: 20px;
}
.full-width.orange *{
	color: white;
}
.full-width > *{
	width: 840px;
}
.full-width p{

}
:where(.wp-block-columns) {
    margin-bottom: 1em !important;
}
.wp-block-column p{
 padding-left: 0.5em;
}
body{
	margin:0;
}

.wp-block-embed-youtube{
	text-align:center;
}
.wp-block-embed-youtube iframe{
	width:800px;
	height:600px;
}
/*
.wrapper{
	position:absolute;
	width:100%;
	height:100%+
	left:0;right:0;
	margin:auto;
	top:-200px;
}
*/


#global_header,
footer > div{
	max-width:1160px;
	margin:auto;
	padding-left:10px;
	padding-right:10px;
}
footer h3{
	--wp--preset--font-size--large: 24px;
}
footer p{
	--wp--preset--font-size--large: 32px;
}
main.page h2{
	margin-top:60px;
	border-bottom:solid 1px lightgray;
}
main.page a:hover{
	font-weight: bold;
}


textarea{
	width:100%;
}
/* wp block ? */

.is-layout-flex.reverse{
	flex-direction: row-reverse;
}
.is-layout-flex h3{
	/*background:var(--wp--preset--color--background);*/
	background: var(--accent--color);
	color:white;
	font-weight:normal;
	font-size: 100%;
	padding:8px 4px;
	white-space:nowrap;
	text-align:center;
	border-radius:10px;

	display:flex;
	justify-content:space-around;
	align-items:center;
	margin-bottom:20px;
	box-sizing: border-box;
}
.is-layout-flex > *{
/*
	flex:none !important;
*/
}
figure{
	margin:0;
}
hr.wp-block-separator{
	border-color:lightgray;
}
mark{ display:inline-block; }


/* common header */
#header_top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding: 8px 0;
}
h1{
	margin:0;
}
h3{
	margin-bottom:0px;
}
p{
	margin-top:2px;
	margin-bottom:8px;
}
footer h2{
	font-weight:normal;
}
/* ロゴ */
#header_title1{
	height: 32px;
}
#header_title1 a{
	font-size:18px;
}
#header_title2 a{
	font-size:22px;
}
#header_title2 .header3{
	font-size: 130%;
}
time{ white-space: nowrap; }
header a{
	/* メニューバー */
	text-decoration:none;
	color: var(--font--color);
	font-weight:normal;
	font-size:14px;
}
#header_tool{
	display:flex;
	justify-content:right;
	align-items:center;
}
.search_text{
	width:120px;
}
#header_search form{
	display:flex;
	margin: auto 10px auto 0;
}
#header_font_size{
	display:flex;
	align-items:center;
}
bdo{
	display:inline-block;
	white-space:nowrap;
}
.font_size_btn{
	background: var(--background);
	font-size:18px;
	display:inline-block;
	margin:2px 2px 5px 2px;
	padding:2px 4px 2px 4px;
	font-weight:bold;
	user-select:none;
	cursor:pointer;
	box-sizing:border-box;
	line-height:1;
}
.font_size_btn:hover,
.font_size_btn.current{
	border-bottom:solid 5px black;
	margin-bottom:0;
}
.wpcf7-form p{
	margin: 4px 0 0 0 
	max-width: 100%;
}
.wpcf7-form ul,
.wpcf7-form ol{
	padding-left:1.4em;
}
.wpcf7-form input[type="button"],
.wpcf7-form textarea{
	max-width:90%;
}
.wpcf7-form th{
	white-space: nowrap;
}
.wpcf7-submit{
	padding:1ex 1em;
	font-size:110%;
}
#contact *{
	color: white;
}
#contact ul{
	display:flex;
	margin:0;
	padding:0;
}
#contact li{
	list-style:none;
	margin:0 0 0 20px;
	padding:8px 35px 2px 0px;
	color:white;
	background: var(--accent--color);
	background: white;
	color: var(--font-color);
	white-space:nowrap;
	position:relative;
	padding-left:30px;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 10px;
	width: 100px;
}
#contact a{
	color:inherit;
	font-size: 90%;
	line-height: 1.2;
}
#contact img{
	width:40px;
	top:2px;
	left:2px;
	bottom:2px;
	margin: auto;
	background: var(--color-green);
	border-radius: 30px;
}
#contact_btn{
	cursor:pointer;
	border-bottom: solid 4px white;
}
#contact_btn:hover{
	/*
	background: var(--accent--color--dark);
	background: var(--color-orange-dark);
	*/
	border-bottom-color: var(--color-orange-dark);
}
#contact_btn:hover a{
	color: var(--color-orange-dark);
}
.header-icons{
	display:flex;
	align-items:center;
}
.header-icons a{
	margin: -10px;
}

#header_menu{
	display:flex;
	justify-content:space-around;
	margin:0 auto 6px auto;
	padding:8px 4px;
	border-top: orange 1px solid;
	border-bottom: orange 1px solid;
}
#header_menu li{
	list-style:none;
	line-height: 1;
	text-align: center;
	display: flex;
	align-items: center;
}
#header_menu a{
	text-decoration:none;
}
#header_menu a.current{
	border-bottom:solid var(--background) 4px;
	color: var(--color-red);
	background:white;
	border-radius:8px;
	padding:2px 8px;
	border-bottom-color: var(--color-red);
	border-bottom-style: solid;
	border-bottom:sollid: 3px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;

	height: 2em;
	display: flex;
	align-items: center;
}
#header_menu a:hover{
	color: var(--color-red);
	/* border-bottom:solid 1px lightgray; */
	transition:0.5s;
}
div.submenu{
	display:none;
	z-index:100;
	width:1000px;
	position:fixed;
	left:0;right:0;
	margin:auto;
	text-align:center;
/*
	background:red;
	height:100px;
*/
}
#submenu_index{
	display:none;
	position:fixed;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid var(--color-red);
	pointer-events:none;
}
div.submenu_inner{
/*	display:inline-block; */
	display: flex;
	align-items: center;
	background:white;
	border: solid 5px var(--color-red);
	width:100%;
	border-radius:80px;
	padding:10px;
}
div.submenu_inner *{
	color: var(--color-red);
}
div.submenu_inner .parent{
	border-right-width: 2px;
	border-right-color: var(--color-red);
	border-right-style: solid;
	padding:10px;
	width: 200px;
	min-width: 200px;
}
div.submenu_inner a{
	font-size: 18px;
}

div.submenu ul{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
div.submenu li{
	list-style:none;
	margin:6px 16px;
	display:flex;
	color: var(--color-red);
}
div.submenu li a:after{
	content:">";
}
.has_child::after{
	content:"▼";
	font-size:50%;
}
div.submenu li a{
	transition:0.5s;
}
div.submenu li:hover a{
	color:var(--font-color-hover);
}

.metaslider{
	height:516px;
	background: white;
}
.metaslider .flex-viewport {
	overflow: visible !important;
	margin-top: 28px;
}
.ms-image{
/*	padding: 20px 8px 20px 8px !important; */
	padding: 10px 0 10px 0 !important;
	box-sizing: border-box;
	scale: 98%;
}

.slider{
/*
	width:100%;
	background:red;
	height:200px;
*/
}
.metaslider .slides{
	background-color: var(--color-palegreen) !important;
}
.background-palegreen{
	background-color: var(--color-palegreen) !important;
}
.metaslider .slides img{
	pointer-events:none;
	box-shadow: 2px 2px 4px rgba(66,33,00,0.6);
}

.top_navi_container{
	margin-top: -30px;
	padding-top: 80px;
	height:110px;
	position:relative;
	background: white;
}
.top_navi{
	position:absolute;
	top:30px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin-top:-100px;
	padding:0;
	width:100%;
}
.top_navi li{
	display:inline-block;
	padding: 30px 30px;
	width: 200px;
	height:200px;
	border-radius:200px;
	text-align:center;
	display:flex;
	align-items:center;
	flex-direction:column;
	background:var(--background);
	background: white;
	font-weight:bold;
/*
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
*/
	position:relative;
	margin:4px 16px;
}
.top_navi a{
/*
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
*/
	border-radius:200px;
	transition:0.5s;
	text-decoration:none;
	cursor:pointer;
	background: var(--color-orange);
	color: var(--btn-color);
	position:absolute;
	top:18px;
	width:85%;
	height:85%;
	display:flex;
	box-shadow: 2px 2px 4px rgba(66,33,00,0.6);
	font-size:18px;
	color:var(--font--color);
}

.top_navi a:hover{
	background:var(--color-orange-dark);
	color: var(--btn-color);
}
.top_navi li:nth-child(1) a::before{
	background-image:url("./images/top_nav_1.png?v=2");
}
.top_navi li:nth-child(2) a::before{
	background-image:url("./images/top_nav_2.png");
}
.top_navi li:nth-child(3) a::before{
	background-image:url("./images/top_nav_3.png");
}
.top_navi li:nth-child(4) a::before{
	background-image:url("./images/top_nav_4.png");
}
.top_navi a::before{
	content:"";
	display:block;
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	background-position-x:center;
	background-size:150px;
	position:absolute;
	left:0;right:0;
	margin:auto;
	top:-25%;
}
.top_navi a span{
	margin: 110px auto auto auto;
	font-size:1.2em;
	white-space:nowrap;
}



/* お知らせ */
.front-white-block{
	background: white;
}
.front-page-news{
	width: 960px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.news{
	margin: 2em 0;
}
div.news h2{
	text-align:center;
	border-bottom:none;
	margin-bottom: 40px;
}
div.news h2 span{
	border-bottom:var(--wp--preset--color--asort) 6px solid;
	letter-spacing:1ex;
	padding-left: 1ex;
	margin-right:-1ex;
}
div.news ul.tabs{
	display:flex;
	margin:0;
	padding: 0 0 0 40px;
	width:98%;
}
div.news ul.tabs li{
	list-style:none;
	margin-right:4px;
	padding:8px 16px;
	background:lightgray;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	position:relative;
	width:140px; height:30px;
}
div.news button{
	border:none;
	background:transparent;
	cursor:pointer;
	position:absolute;
	border-radius:inherit;
	user-select:none;
	top:0; left: 0;
	width:100%; height:100%;
	transition:0.5s;
	font-size:inherit;
	line-height: 1;
	font-size: 88%;
}
div.news button.current,
div.news button.current *{
	color: white;
}
div.news button.current{
	background:var(--wp--preset--color--asort);
	font-weight:bold;
}
div.news ul.table{
	background:white;
	border-radius: 30px;
	border:var(--wp--preset--color--asort) 8px solid;
	padding:10px;
	width:100%;
	margin:0;
}
div.news ul.table li{
	list-style:none;
	display: flex;
	gap: 10px;
}
.nogap{
	gap: 0 !important;
}
div.news ul.table li:hover{
	background:var(--wp--preset--color--background);
	color:var(--font-color-hover);
}
div.news a{
	text-decoration:none;
	transition:0.5s;
}
div.news ul.table li a{
/*	min-width:50%;*/
}
div.news ul.table li{
	border-bottom: lightgray dotted 1px;
	padding:4px;
}
div.news a:hover{
	color:var(--font-color-hover);
}
div.news div.footer{
	text-align:right;
}
div.news div.footer a{
	padding:4px 16px;
	box-sizing:border-box;
}
div.news div.footer a:hover{
	color: var(--font-color-hover);
}

ul.paging{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
ul.paging li{
	list-style:none;
	background:cyan;
	margin:10px;
	border-radius:30px;
	width:30px;
	height:30px;
	text-align:center;
	display:flex;justify-content:center;
	cursor:pointer;
	background:lightgray;
}
ul.paging li:not(.current):hover{
	transition:.5s;
	background:var(--btn-background-hover);
	background: var(--color-orange-dark);
}
ul.paging li.current{
	cursor:auto;
	background:var(--btn-background);
	background: var(--color-orange);
}

.sitemap{
	columns:2;
	column-rule: gray 1px solid;
	column-gap: 3em;
	margin:0 0 3em 0;
	padding:0;
}
.sitemap li{
	margin:0;
	padding:0;
}
.sitemap a{ text-decoration:none; }
.sitemap li.top{
	margin:4px;
	list-style:none;
	font-weight:bold;
	border-bottom: solid 1px lightgray;
}
.sitemap li.top li{
	font-weight:normal;
}

.pdf>a{
	position:relative;
	padding-left: 5%;
}
.pdf>a:after{
	content:"";
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;

	background-image:url("./images/pdf.png");
	background-repeat:no-repeat;
	background-position-x:center;
	background-size:22px;

	object-fit: contain;
	display:inline-block;
	width:25px;
	height:30px;
	float:right;
}
.categroy-row{
	display: flex;
}
.category{
	background:gray;
	color:white;
	font-size:80%;
	padding:4px;
	margin:0 2px;
	box-sizing:border-box;
	white-space:nowrap;
	display:inline-block;
	width:8em;
	text-align:center;
	border-radius: 10px;
	
	line-height: 1;
	padding:6px;
	height: 3em;
	vertical-align: middle;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
span.category_1{ background:#cec4e6;  } /* お知らせ */
span.category_48{ background: var(--color-red);  } /* イベント */
span.category_49{ background: var(--color-yellow) } /* 求職者の方向け */
span.category_50{ background: var(--color-green); } /* 事業所の方向け */
span.category_57{ background: cornflowerblue; } /* 事業所の方向け */
.category.dmy{
	visibility: hidden;
}
/* イベント */
div.events{
	margin-bottom:80px;
}
div.events h2{
	text-align:center;
	border-bottom:none;
	margin-top: 40px;
	margin-bottom: 40px;
}
div.events h2 span{
	border-bottom:var(--wp--preset--color--asort) 6px solid;
	letter-spacing:1ex;
	padding-left: 1ex;
	margin-right:-1ex;
}
div.events .events_table{
	padding:4px;
}
div.events a{
	text-decoration:none;
	display:block;
	border-radius:20px;
	background:var(--wp--preset--color--background);
	padding:4px;
	margin-bottom:20px;
	box-shadow: 2px 2px 4px rgba(66,33,00,0.6);
	transition:0.5s;
}
div.events a:hover{
	background: var(--color-red);
}
div.events a:hover *{
	color: white;
}
div.events .small{
	font-size: 90%;
}
ul.event{
	display:flex;
	padding:0;
}
ul.event li{
	list-style:none;
	margin:0 6px;
}
ul.event li > div:first-child{
	margin-bottom: 10px;
}
ul.event img{
	border:gray 1px solid;
}
ul.event .title{
	font-weight:normal;
	margin:0;
	border-bottom:solid 1px orange;
}
ul.event .excerpt{
	overflow:hidden;
	max-height:100px;
	margin:4px 0;
}
div.events .footer {
	text-align:right;
	margin-top:-10px;
}
div.events .footer a{
	display:inline;
	padding:10px;
	font-weight:bold;
	background:none;
	box-shadow:none;
	transition:.5s;
}
div.events .footer a:hover{
	color:var(--font-color-hover);
}

footer iframe,
div.events img{
	border-radius:16px;
	border:solid 2px darkorange;
	margin-left: 20px;
}

.footer_titles > div{
}
.footer_titles > div{
	display: flex;
	align-items: bottom;
	flex-direction: row !important;
	align-items: end;
}
.footer_titles .left{
}

footer .title1{
	font-size: 14px;
	margin: 0;
}
footer .title2{
	font-size: 22px !important;
	font-family: 'LightNovelPOPv2' !important;
	margin: 0;
}
footer .title3{
	font-size: 30px !important;
	font-family: 'LightNovelPOPv2' !important;
	margin: 0;
	display: flex;
	align-items: end;
	flex-direction: column;
	padding-left: 8px;
}


/* DVD */
.dvd_list ul.dvd{
	display:flex;
	align-items:stretch;
	padding:0;
	background:lightgray;
	padding:4px;
}
.dvd_list ul.dvd li{
	list-style:none;
	margin:4px;
	padding:10px;
	border:solid lightgray 1px;
	background:white;
	border-radius:16px;
	box-sizing:border-box;
}
.dvd_list ul.dvd li h3{
	margin-top:0;
}
.dvd_list ul.dvd table{
	height:100%;
}
.dvd_list ul.dvd td,
.dvd_list ul.dvd th{
	border-bottom:lightgray dashed 1px;
	vertical-align:top;
}
.dvd_search th{
	white-space:nowrap;
}
.dvd_search th,td{
	border-bottom:solid lightgray 1px;
}

.post-edit-link{
	font-size:11px;
}

.next_prev{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.next_prev > *{
	width:30%;
}
.next_prev .next,
.next_prev .prev{
	white-space:nowrap;
}

.arkb-fz-xl{
	line-height: 1;
}
.align-left{
	text-align: left;
}
.align-left a{
	text-align: left;
}

.round-back{
	background:var( --wp--preset--color--background );
	background:white;

	border-color:var( --wp--preset--color--background );
	border-width:3px;
	border-style:solid;
	border-radius:20px;
	margin:10px auto;
	padding:16px;
	width:fit-content;
}
/*end godai*/

/*
is-content-justification-center
*/


.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

.wp-block-group-is-layout-constrained{
	/*flex:1;*/
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 10px;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	transition:0.5s;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button,
.wp-block-button__link {
	background: var(--btn-background) !important;
	color: var(--btn-color) !important;
	transition: 0.5s;
	margin-bottom:1ex;
	font-size: 1.2em !important;
	border-radius: 16px !important;
	position: relative;

}
.wp-block-button__link:not(.wp-block-file){
	display: flex !important;
	align-items: center;
	line-height: 1;
}

.wp-block-buttons.no-arrow{
	font-size: 0.7em;
}
.wp-block-buttons:not(.no-arrow) .wp-block-button__link:before{
	content: "→";
	color: var(--accent--color) !important;
	font-weight: bold;
	background: white;
	border-radius:2em;
	display: inline-flex;
	width: 40px;
	min-width: 40px;
	height: 40px;
	align-items:center;
	justify-content:center;
	margin-right: 14px;
	
}
.wp-block-buttons:not(.no-arrow) .new-icon .wp-block-button__link:before{
	content: "NEW!";
	white-space: nowrap;
	color: red !important;
	text-shadow:
		1px 1px 0 white,
		-1px 1px 0 white,
		1px -1px 0 white,
		-1px -1px 0 white
	;
}
.wp-block-buttons:not(.no-arrow) .denkyu-icon .wp-block-button__link:before{
	content: "";
	background-image: url(https://wakayamakenshakyo.or.jp/~jinzai/wp/wp-content/uploads/2024/06/電球アイコン.jpg);
	background-size: contain;
}

.wp-block-button.small .wp-block-button__link:before{
	width: 24px;
	height: 24px;
}
.wrapper table{ margin-bottom:15px; }
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	background:var(--btn-background-hover) !important;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/*
 * Improves spacing for the legacy Post Comments block.
 * https://core.trac.wordpress.org/ticket/57560
 */

.wp-block-post-comments ol.commentlist ul.children {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wp-block-post-comments ol.commentlist ul.children li:not(:last-child) {
	margin-bottom: 1rem;
}
.is-layout-flex.gap{
	gap:10px 30px !important;
}

.wp-block-file:not(.wp-element-button) {
	font-size:1em !important;
}
.wp-block-file:not(.wp-element-button) {
	margin-bottom:0 !important;
}
.wp-block-file{
	display: flex;
	padding: 10px;
}
.wp-block-file > a:hover{
	background: var(--accent--color--dark) !important;
}
.wp-block-file > a:hover{
	color: white;
}

.wp-block-file > a:first-child{
	background: var(--btn-background);
	color: var(--btn-color);
	border-radius: 20px;
	padding: 8px 16px;
	display: inline-block;
}
.wp-block-file__button{
	display: none;
}

.padding-top50{
	padding-top: 50px !important;
}
.padding-left40{
	padding-left: 40px !important;
	box-sizing: border:box;
}
.padding-left80{
	padding-left: 80px !important;
	box-sizing: border:box;
}
.padding-left120{
	padding-left: 120px !important;
	box-sizing: border:box;
}
.size70{
	font-size: 70%;
}
.size80{
	font-size: 80%;
}
.margin-top0{
	margin-top: 0 !important;
}
.borderbottom{
	border-bottom: solid lightgray 1px;
	padding-bottom: 4px;
}
/* ステップ */
.ark-block-step__item{
	display:flex;
	align-items:start;
	
	background: white;
	padding: 50px 50px 40px 50px !important;
	margin-bottom: 80px !important;
}

.ark-block-step__item:not(:last-child):after{
	content: '';
	z-index:1;
	width: 0;
	height: 0;

	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid white;
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	margin: auto;
}
.no-bottom{
	margin-bottom: 0 !important;
}
.ark-block-step__head{
	align-items:center;
	min-width:220px;
	max-width:220px;
	/*
	height:220px;
	*/
	margin-top: 10px;
	flex:1;
	border-radius:10px;;
	background: var(--accent--color);
	background: none;
	flex-direction:column;
	justify-content:center;
	padding:4px 10px;
}
.ark-block-step__item:not(:last-child) .ark-block-step__head:before{
	content: '';
	z-index:-1;
	width: 0;
	height: 0;
	/* 逆三角
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid var(--accent--color);
	position: absolute;
	bottom: -3em;
	*/

	/*
	width: 30px;
	height: 30px;
	border-bottom: 6px solid var(--accent--color);
	border-right: 6px solid var(--accent--color);
	-webkit-transform: rotate(90deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: -28px;
	border-radius:4px;
	*/
}
.ark-block-step__item:not(:last-child) .ark-block-step__head:after{
	content: '';
	z-index:-1;
	/* 縦棒
	width: 10px;
	height: 3em;
	background: var(--accent--color);
	position: absolute;
	bottom: -2.2em;
	*/
	/*
	width: 30px;
	height: 30px;
	border-bottom: 6px solid var(--accent--color);
	border-right: 6px solid var(--accent--color);
	-webkit-transform: rotate(90deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: -44px;
	border-radius:4px;
	*/
}
.ark-block-step__number .__label{
	font-family:'berlin-demi';
}
.ark-block-step__number{
	margin:0 !important;
	background:transparent !important;
	color:var(--font-color) !important;
	width:auto !important;
}
.ark-block-step__number .__label{
	font-size: 2em !important;
	font-weight:normal !important;
	color:white;

	color:var(--color-orange);
}
.ark-block-step__number:after{
	font-size:2em !important;
	font-weight:normal !important;
	color:white;

	color:var(--color-orange);
}
.ark-block-step__title{
	text-align:center;
	font-weight:normal !important;
	font-size: 1.2em !important;
	padding-top: 20px;
	line-height: 1.2 !important;
}
.ark-block-step__title,
.ark-block-step__title *{
	color: white;
	color: var(--color-orange);
}
.ark-block-step__body{
/*
	border-bottom: dashed var(--accent--color) 1px;
*/
	width:100%;
	margin-top:0 !important;
	/* min-height:220px; */
}
.ark-block-step.is-style-default .ark-block-step__item:before{
	display:none !important;
}


.alert{
	border-top:solid 1px gold;
	border-bottom:solid 1px gold;
	padding:4px;
	margin:10px 10px 20px 10px !important;
	display:flex;
	align-items:center;
	gap:20px;
}
.alert:before{
	content:"！";
	width:2em;
	height:2em;
	border-radius:1em;
	text-align:center;
	font-weight:bold;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:gold;
}
.wp-block-media-text .wp-block-media-text__content{
	padding:24px !important;
}


.baseline{
	align-items:baseline !important;
}

.wp-block-buttons{
	padding-left: 1em;
	padding-right: 1em;
}

@media all and (max-width: 480px){
	/* スマホ要調整 */
	.wrapper .is-layout-flex:not(.sma-row){
		flex-wrap:wrap;
		flex-direction:column;
	}
	.wrapper .is-layout-flow figure,
	.wrapper .is-layout-flex figure{
		width:100%;
		text-align:center;
	}
	.wrapper figure img{
	}
	.wrapper *{
		max-width:100%;
	}
	.top_navi_container{
		height:auto;
	}
	
	/*
	.top_navi{
		position: relative;
		top: -28px;
	}
	.top_navi_container{
		padding:0;
		margin-top: 76px;
	}
	*/
	.top_navi{
		top: 80px;
	}
	
	.top_navi li{
		width: 36px;
		height: 36px;
		margin: 2px;
		padding: 24px;
	}
	.top_navi a::before{
/*		position:unset;*/
		width:40px;
/*
		margin:10px 4px 0 4px;
*/
		margin-top: -10px;
		background-size:contain;
	}
	.top_navi a{
		top: 6px;
	}
	.top_navi a span{
		margin:auto;
		/*
		font-size:16px;
		margin-left:3.4em;
		*/
		font-size: 10px;
	}
	.top_navi span br{
		/*
		display:none;
		*/
	}
	.pc{
		display:none !important;
	}
	#smart_header{
		display:flex;
		justify-content:space-between;
		padding-left: 10px;
	}
	#header_title1{
		height:18px;
	}
	#header_title1 a{
		font-size:10px;
	}
	#header_title2 a{
		font-size: 14px;
		letter-spacing: 1px;
	}
	#header_title2{
		font-size: 120%;
	}
	.hambarger{
		font-size: 30px;
	}
	#smart_menu_btn{
		font-size:10px;
		width:40px;
		height:60px;
		padding:0;
		text-align:center;
		background:var(--wp--preset--color--asort);
		line-height:1;
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction: column;
		letter-spacing: 0;
	}
	#smart_menu{
		display:none;
		background:lightyellow;
		width:100%;
		height:100%;
		position:fixed;
		top:0;left:0;
	}
	#smart_menu_inner{
		height:100%;
		display:flex;
		flex-direction:column;
	}
	#smart_menu_header{
		background:lightgray;
		text-align:right;
	}
	#smart_sitemap{
		overflow-y:auto;
	}
	#smart_sitemap .l2{
		margin:0;
		font-size:80%;
	}
	#smart_menu_close_btn{
		font-size:30px;
	}
	ul{ padding-left:1.4em; }
	li{ margin-top:16px; }
	
	.metaslider{
		height: 218px !important;
	}
	.metaslider .flex-viewport{
		overflow: hidden !important;
	}
	.metaslider .flex-next,
	.metaslider .flex-prev{
		scale: 0.6;
	}
	.body_footer{
		margin-top:24px;
	}
	footer h1{
		font-size:20px;
		margin: auto;
		text-align: center;
	}
	footer h1 code{
		white-space: nowrap;
	}
	footer p{
		white-space: nowrap;
		font-size: 16px;
		padding: 0;
	}
	footer .title1{
		font-size: 9px !important;
		margin: 0;
	}
	footer .title2{
		font-size: 13px !important;
		font-family: 'LightNovelPOPv2' !important;
		margin: 0;
	}
	footer .title3{
		font-size: 24px !important;
		font-family: 'LightNovelPOPv2' !important;
		margin: 0;
		display: flex;
		align-items: end;
		flex-direction: column;
		padding-left: 8px;
	}
	footer .mail img{
		width: 24px !important;
	}
	footer .hajimeyou img{
		width: 150px !important;
	}
	/* お知らせを縦に */
	div.news ul.table li{
		display:flex;
		flex-direction:column;
	}
	div.news .tabs{
		font-size:14px;
	}
	
	/* イベントを縦に */
	ul.event{
		flex-direction:column;
	}
	ul.event img{
		margin-left: 9px;
	}
	
	/* アドミンバーが邪魔 */
	#wpadminbar{
		display:none;
	}
	#header_dmy{
		display:none;
	}
	.wp-block-media-text .wp-block-media-text__content{
		padding:4px !important;
	}
	
	/* step */
	.ark-block-step__item{
		flex-direction: column;
	}
	.ark-block-step__body{
		margin-left:0 !important;
		margin-top:0 !important;
	}
	.ark-block-step__head{
		width:100%;
		max-width:none;
	}
	.ark-block-step__head:before,
	.ark-block-step__head:after{
		display:none;
	}
	.ark-block-step__number{
		flex-direction:row !important;
		align-items:center;
	}
	
	/* btn */
	.wp-block-buttons > .wp-block-button.wp-block-button__width-25,
	.wp-block-buttons > .wp-block-button.wp-block-button__width-50,
	.wp-block-buttons > .wp-block-button.wp-block-button__width-75{
		width:100% !important;
	}
	
	/* dvd */
	ul.dvd{
		flex-direction: column;
	}
	
	.next_prev{
		gap:1em;
	}
	.next_prev > *{
		width:30%;
	}
	.is-layout-flex{
		gap:0 !important;
	}
	.wp-block-table{
		max-width:100%;
	}
	
	.dvd_list ul.dvd li{
		width:100% !important;
		margin:0;
	}

	/* センターとは */
	.full-width h1{
		margin: 50px 0 0 0;
		padding:4px;
		box-sizing: border-box;
		font-size: 1.2em;
	}
	.wp-block-heading,
	.wp-block-group__inner-container{
		max-width: 100%;
		width: 100%;
	}
	.full-width.white{
		margin-bottom: 60px;
	}
	p{
		padding:8px;
		box-sizing: border-box;
	}

	div.white:not(.full-width){
		padding: 0;
	}
	.padding-left40,
	.padding-side80,
	.padding-top50{
		padding: 8px !important;
	}
	
	h2{
		font-size: 1.0em !important;
	}
	h2 > span{
		letter-spacing: 2px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.white h2:first-child{
		font-size: 1em;
	}
	h3{
		font-size: 1.2em;
	}
	div.news ul.tabs{
		padding: 0;
		display: flex;
		justify-content: center;
		margin: auto;
	}
	div.news ul.tabs li{
		width: 40px;
		font-size: 0.8em;	
	}
	a{
		font-size: 0.8em;
	}
	time{
		font-size: 0.6em;
	}
	.category{
		font-size: 0.6em;
		height: 2.5em;
		padding-left: 1em;
		padding-right: 1em;
		width: 110px;
	}
	main p br,
	.category br{
		display: none;
	}

	.wp-block-search__button,
	.wp-block-file .wp-block-file__button,
	.wp-block-button__link {
		font-size: 1.0em !important;
		padding: 16px !important;
	}
	
	.title-movie{
		margin-bottom: 200px !important;
	}
	.title-movie figure{
		width: 200px !important;
		top: 100px;
	}
	.title-movie h2 strong{
		font-size: 16px;
	}

	div.news ul.table{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
}


/* 介護の仕事と魅力紹介 */
.background{
	font-size: 500%;
	color: #FE9;
	height: 1em;
	padding: 0;
	margin: 0;
	float: right;
}
.movie-frame iframe{
	padding: 8px;
	border: solid gray 2px;
	box-sizing: border-box;
}

.introduction h2{
	position: relative;
	border: none !important;
	height: 80px;
	font-size: 120% !important;
}
.introduction h2 > strong{
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 3;
	width: 92%;
}
.introduction h2:before{
	z-index: 1;
	position: absolute;
	content: "";
	height: 80px;
	top: 10px;
	left: 10px;
	background: var( --background );
	width: 92%;
}
.introduction h2:after{
	z-index: 2;
	left: 0;
	top: 0;
	position: absolute;
	content: "";
	border: solid gray 2px !important;
	height: 80px;
	width: 92%;
}
.title-movie{
	position: relative;
	margin: 100px 0;
}
.title-movie h2{
	width: 100%;
	font-size: 120% !important;
}
.title-movie figure{
	rotate: 5deg;
	position: absolute;
	z-index: 4;
	right: 75px;
	width: 300px;
	cursor: pointer;
}
.title-movie figure img:hover{
	opacity: 0.5;
}
/*
.title-movie figure:hover:after{
	background: gray;
	content: "";
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}
*/
.col2 > div{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-around;
	justify-content: stretch;
}
.col2 > div > div{
	width: 46%;
	margin-bottom: 10px;
	border-bottom: solid 1px lightgray;
	padding-bottom: 4px;
}
.col2 > div > div > div.wp-block-group__inner-container{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.col2 img:hover{
	opacity: 0.5;
}
.col2 figure{
	text-align: center;
}


@media all and (min-width: 481px){
	.sma{
		display:none !important;
	}
	.nowrap{ white-space:nowrap }
	.nowrap *{ white-space:nowrap }

	.width-300{
		width: 300px !important;
	}
	.width-295{
		width: 295px !important;
	}
	.padding-top-5{
		padding-top: 5px !important;
	}
	.padding-top-7{
		padding-top: 7px !important;
	}
	.padding-left-10{
		padding-left: 10px !important;
	}
	.padding-left-20{
		padding-left: 20px !important;
	}
	.padding-left-25{
		padding-left: 25px !important;
	}
	.padding-left-30{
		padding-left: 30px !important;
	}
	.padding-left-34{
		padding-left: 34px !important;
	}
	.padding-right-10{
		padding-right: 10px !important;
	}
	
	.right-radius{
		border-top-right-radius: 16px;
		border-bottom-right-radius: 16px;
	}

	.font-size-90{
		font-size: 90%;
	}
	.font-size-87{
		font-size: 87%;
	}
	.font-size-84{
		font-size: 84%;
	}
	.font-size-80{
		font-size: 80%;
	}
	.margin-left--20{
		margin-left: -20px !important;
	}
	.margin-left--30{
		margin-left: -30px !important;
	}
	.height-75{
		height: 75px !important;
	}

	.padding-side40{
		padding-left: 40px !important;
		padding-right: 40px !important;
		box-sizing: border:box;
	}
	.padding-side60{
		padding-left: 60px !important;
		padding-right: 60px !important;
		box-sizing: border:box;
	}
	.padding-side80{
		padding-left: 80px !important;
		padding-right: 80px !important;
		box-sizing: border:box;
	}
	.padding-side120{
		padding-left: 120px !important;
		padding-right: 120px !important;
		box-sizing: border:box;
	}
	.padding-side160{
		padding-left: 160px !important;
		padding-right: 160px !important;
		box-sizing: border:box;
	}
}