/* group
-------------------------------------------- */
.wp-block-group {
	margin:60px auto;
	padding: 20px;
}
.wp-block-group.w640 {
	max-width:640px;
}
.wp-block-group.w800 {
	max-width:800px;
}

/* button
-------------------------------------------- */
.wp-block-button .wp-block-button__link {
	border-radius:30px;
	border:2px solid #FE0000;
	background:#FFF;/*transparent*/;
	margin: 4px 10px;
	padding: 15px;
	color:#FE0000;
	line-height:100%;
	text-decoration:none;
	line-height:1.5em;
	font-family: 'CorporateLogoRounded';
	font-size:1.1rem;

}
.wp-block-button .wp-block-button__link:hover {
	background:#FFDDDD;
}

.btn_action .wp-block-button__link {
	background:#FE0000;
	color:#ffffff;
}
.btn_action .wp-block-button__link:hover {
	border-color:#B80613;
	background:#B80613;
}

/* p
-------------------------------------------- */
#contents p {
	padding-left:20px;
	padding-right:20px;
}
p.w640 {
	max-width:640px !important;
	margin-left:auto;
	margin-right:auto;
}
p.w800 {
	max-width:800px !important;
	margin-left:auto;
	margin-right:auto;
}

/* figure
-------------------------------------------- */
figure.w640 {
	max-width:640px !important;
	margin-left:auto;
	margin-right:auto;
}
figure.w800 {
	max-width:800px !important;
	margin-left:auto;
	margin-right:auto;
}

/* details
-------------------------------------------- */
details.wp-block-details {
	border-top:2px solid #00ffff;
	border-bottom:2px solid #00ffff;
	margin-top:20px;
}
details.wp-block-details > summary {
	position: relative;
    background-color: #ffffff;
	background-image: url(./images/detail_plus.svg);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:auto 100%;
	margin:0;
	padding:0;
	width:100%;
	height:48px;
	text-align:center;
	color:#ff0000;
	font-family: 'CorporateLogoRounded';
	line-height:48px;
	list-style:none;
}
details.wp-block-details > summary::-webkit-details-marker {
	display:none;
}
details.wp-block-details > summary:hover {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2248%22%20viewBox%3D%220%200%2050%2048%22%3E%20%3Cg%20id%3D%22_plus_h%22%20transform%3D%22translate(-7227%201915)%22%3E%20%3Cg%20id%3D%22_plus_h-2%22%20data-name%3D%22_plus_h%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_364%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20364%22%20width%3D%222%22%20height%3D%2248%22%20transform%3D%22translate(7227%20-1915)%22%20fill%3D%22aqua%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_365%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20365%22%20width%3D%2248%22%20height%3D%2248%22%20transform%3D%22translate(7229%20-1915)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_366%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20366%22%20width%3D%221.166%22%20height%3D%2220.995%22%20transform%3D%22translate(7252.417%20-1901.497)%22%20fill%3D%22aqua%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_367%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20367%22%20width%3D%2220.995%22%20height%3D%221.166%22%20transform%3D%22translate(7242.502%20-1891.583)%22%20fill%3D%22aqua%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	color:#00ffff;
}
details.wp-block-details[open] > summary {
	border-bottom:2px solid #00ffff;
	background-image: url(./images/detail_minus.svg);
	background-repeat:no-repeat;
	background-position:right center;
	margin-bottom:20px;
}
details.wp-block-details[open] > summary:hover {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250.001%22%20height%3D%2248%22%20viewBox%3D%220%200%2050.001%2048%22%3E%20%3Cg%20id%3D%22_minus_h%22%20transform%3D%22translate(-7227%201989)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_361%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20361%22%20width%3D%222%22%20height%3D%2248%22%20transform%3D%22translate(7227%20-1989)%22%20fill%3D%22aqua%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_362%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20362%22%20width%3D%2248.001%22%20height%3D%2248%22%20transform%3D%22translate(7229%20-1989)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_363%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20363%22%20width%3D%2220.995%22%20height%3D%221.166%22%20transform%3D%22translate(7242.503%20-1965.583)%22%20fill%3D%22aqua%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	color:#00ffff;
}
details.wp-block-details + details.wp-block-details {
	margin-top:0;
	border-top:0;
}

/* headline
-------------------------------------------- */
h1.wp-block {
	position:absolute;
	top:-2px;
	left:-2px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(./images/on_s.svg),url(./images/on_r.svg);
	background-repeat:no-repeat,no-repeat;
	background-position:left 0 top 0, right 0 top 0;
	background-size:54px, 54px;
	margin:0;
	padding:0 74px;
	width:calc(100% + 4px);
	max-width:none;
	height: 102px;
	font-size: clamp(1.4rem, 4vw, 2.6rem);
	line-height: 140%;
	font-family: 'CorporateLogoRounded';
	color:#ff0000;
	text-align:center;
}
h2.wp-block-heading {
	font-size:1.4rem;
	line-height: 140%;
	font-family: 'CorporateLogoRounded';
	color:#ff0000;
	text-align:center;
}
h3.wp-block-heading {
	font-size:1.3rem;
	line-height: 140%;
	font-family: 'CorporateLogoRounded';
	color:#ff0000;
	text-align:center;
}
h4.wp-block-heading {
	font-size:1.2rem;
	line-height: 140%;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	color:#000000;
	text-align:center;
}
h5.wp-block-heading {
	font-size:1.2rem;
	line-height: 140%;
	font-family: 'CorporateLogoRounded';
	color:#000000;
	text-align:center;
}
@media screen and (max-width: 960px){
	h1.wp-block {
		background-size:clamp(10px, 5.5vw, 108px),clamp(10px, 5.5vw, 108px);
		padding-left:calc(clamp(10px, 5.5vw, 108px) + 20px);
		padding-right:calc(clamp(10px, 5.5vw, 108px) + 20px);
		height:calc(clamp(10px, 5.5vw, 108px) * 1.9);
	}
}
@media screen and (max-width: 480px){
	h1.wp-block {
		background-size:clamp(10px, 10.5vw, 108px),clamp(10px, 10.5vw, 108px);
		padding-top:2px;
		padding-left:calc(clamp(10px, 10.5vw, 108px) + 20px);
		padding-right:calc(clamp(10px, 10.5vw, 108px) + 20px);
		height:calc(clamp(10px, 10.5vw, 108px) * 1.9);
		font-size: 1.15rem;
		line-height: 140%;
	}
	h2.wp-block-heading {
		font-size:1.15rem;
		line-height: 140%;
	}
	h3.wp-block-heading  {
		font-size:1.1rem;
		line-height: 140%;
	}
	h4.wp-block-heading {
		font-size:1.1rem;
		line-height: 140%;
	}
}

/* hr
-------------------------------------------- */
hr.wp-block-separator {
	border-top:2px solid #00ffff;
	margin: 40px auto;
}

/* ul,ol
-------------------------------------------- */
#contents ul {
	margin-left:20px;
	margin-right:20px;
	padding-left:0;
	padding-right:0;
}
#contents ul li {
	margin-left:0;
	margin-right:0;
    list-style-type: none;
}
#contents ul li:before {
	content: "○";
	color:#ff0000;
}
#contents ol {
	margin-left:20px;
	margin-right:20px;
	padding-left:0;
	padding-right:0;
}
#contents ol li {
	margin-left:20px;
	margin-right:0;
}

/* blockquote
-------------------------------------------- */
.wp-block-quote {
	background-color:#eeeeee;
	margin-left:20px;
	margin-right:20px;
	padding:20px 0;
}
.wp-block-quote *:first-child {
	margin-top:0;
}
.wp-block-quote *:last-child {
	margin-bottom:0;
}

/*ジョイセフ追加のパレットカスタマイズ*/

.has-mainred-color {
	color: #FF0000;
}
.has-mainred-background-color {
  background: #FF0000;
}

.has-mainblue-color {
  color: #00FFFF;
}
.has-mainblue-background-color {
  background: #00FFFF;
}

.has-maingray-color {
  color: #E0E0E0;
}
.has-maingray-background-color {
  background: #E0E0E0;
}

/* table
-------------------------------------------- */
.wp-block-table {
	margin-left:20px;
	margin-right:20px;
}
.wp-block-table table thead {
	border-bottom:none;
}
.wp-block-table table thead th {
	background:#cccccc;
	text-align:center;
	font-weight:normal;
}
.wp-block-table table tbody th {
	background:#eeeeee;
	padding:20px;
	font-weight:normal;
	white-space:nowrap;
}
.wp-block-table table thead th,
.wp-block-table table tbody th,
.wp-block-table table tbody td {
	border-color:#000000;
	padding:10px 20px;
}
/*
@media screen and (max-width: 800px){
	.wp-block-table table thead th,
	.wp-block-table table tbody th,
	.wp-block-table table tbody td {
		padding:8px;
	}
}

.wp-block-table.scroll-1 {
	overflow-x: auto;
}
.wp-block-table.scroll-1 table {
	width: 1200px;
	white-space: nowrap;
}
@media screen and (max-width: 800px){
	.wp-block-table.scroll-1 table {
		width: 800px;
		font-size:0.8rem;
	}
}

.wp-block-table.skill-matrix {
	overflow-x: auto;
}
.wp-block-table.skill-matrix table {
	width: 1200px;
	white-space: nowrap;
}
.wp-block-table.skill-matrix table thead th,
.wp-block-table.skill-matrix table tbody th,
.wp-block-table.skill-matrix table tbody td {
	text-align:center;
}
@media screen and (max-width: 800px){
	.wp-block-table.skill-matrix table {
		width: 800px;
		font-size:0.8rem;
	}
}
*/

/*ジョイセフ追加*/

em {
	color: #ff0000;
	font-size: 0.9rem;
	line-height: 150%
}