@charset "UTF-8";
/*
Theme Name: ux days 2025 v1
*/

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%;
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	overflow-x: hidden;
	-webkit-font-feature-settings: antialiased;
	font-feature-settings: "palt" 1;
	scroll-behavior: smooth;
}

@supports (font-variant-numeric: oldstyle-nums) {
	body{
	font-feature-settings: normal;
	font-variant-numeric: oldstyle-nums;
}
	
/* Headings https://type-scale.com/ Perfect Fourth */

h1 {
	font-size: 4.209rem;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
	
	h1 {
		font-size: 2.6rem;
		line-height: 1.25;
	}
}

h2 {
	font-size: 3.157rem;
	line-height: 1.4;
	margin-bottom: 3rem;
}

h3 {
	font-size: 2.369rem;
	line-height: 1.5;
}

h4 {
	font-size: 1.777rem;
}

h5 {
	font-size: 1.333rem;
}

h6 {
	font-size: 1rem;
}

small {
	font-size: 1.2rem;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin-top: 0;
	font-weight: normal;
	overflow-wrap: break-word;
	letter-spacing: 1px;
}

.single .entry-content h2,
.page-child .entry h2 {
	margin-top: 5rem;
}

.single .entry-content h3,
.page-child .entry h3 {
	margin-top: 4rem;
	margin-bottom: 3rem;
}

p, ol, ul, dl, li,.source-body,td,th {
	font-size: 1.6rem;
	color: #3c3c3c;
	line-height: 1.8;
	margin-top: 0;
	overflow-wrap: break-word;
	letter-spacing: 1px;
}

cite {
	font-size: 1.4rem;	
}

.entry .wp-block-pullquote {
	text-align: left;
}

p {
	margin-bottom: 3rem;
}

.page p {
	margin-bottom: 2rem;
}

.page p.has-text-align-right {
	margin-bottom: 0;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
	border: 1px solid #cdcdcd;
	padding: 1rem 1.5rem;
	border-collapse: collapse;
}

.margin-large {
	margin-bottom: 5rem;
}

/* blockquote */

blockquote, .amazlet-box, .rounded-corners-box {
	position: relative;
	margin: 2rem 0;
	padding: 2rem;
	border: 1px solid #ddd;
	border-radius: .25rem;
	overflow: hidden;
}

.amazlet-box p {
	margin: 0;
}

.amazlet-info {
	overflow: hidden;
}

.text-small {
	font-size: 1.5rem;
}

.amazlet-detail {
	font-size: 1.6rem;
}

blockquote {
	padding-top: 4rem;
}

blockquote:before {
	position: absolute;
	font-size: 8rem;
	color: #e6e6e6;
	top: -1rem;
	left: 1rem;
	content: '“';
	font-family: Helvetica , sans-serif;
}

.amazlet-box img {
	border: 1px solid #eee !important;
	margin-right: 1.5rem;
}

.entry blockquote cite, blockquote cite a {
	color: #8c8f94;
	text-align: right;
	display: block;
	font-style: italic;
}

/* blockquote */

.rounded-corners-box {
	border-radius: .5rem;
}

.rounded-corners-box ul, .rounded-corners-box ol {
	margin-bottom: 0;
}

.bg-gray-box {
	background: #f3f3f3;
	padding: 2rem;
	margin: 1rem 0;
}
.bg-gray-box p,
.rounded-corners-box p {
	margin-bottom: .5rem;
}
.bg-gray-box p:last-child,
.rounded-corners-box p:last-child {
		margin-bottom: 0;
}

ul.bg-gray-box {
	padding-left: 4rem;
}

.interview-comment {
	font-size: 1.5rem;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}

a img {
	border: 0;
}

img {
	vertical-align: top;
}

.summary>a {
	display: block;
	border-radius: .8rem;
}

.summary>a:hover {
	opacity: 1;
	background: rgba(116, 106, 175, 0.1);
}

strong,b {
	font-weight: 600;
}

/* =Global
----------------------------------------------- */

:root {
	--main-color: #867ABF;/* 紫 */
	--main-color-acc: #57de91;
	--sub-color: #EB55E0;/* ピンク */
	--bg-color: #eceaf5;
	--text-color: #3F5384;/* 紺 */
	--border-color: #ddd;
	--link-color: #867ABF;
	--link-color--hover: #9EA2C6;
	--bg-color-b: #bdcadb;
	--bg-color-7: #7bc6dc;
	--color-nav: #57de91;
	--shadow:  0 1px 1px rgba(0,0,0,.04), 
              0 2px 2px rgba(0,0,0,.04), 
              0 4px 4px rgba(0,0,0,.04), 
              0 6px 8px rgba(0,0,0,.04),
              0 8px 16px rgba(0,0,0,.04);
	--shadow-a: 0 2px 1px rgba(0,0,0,.04), 
              0 4px 2px rgba(0,0,0,.04), 
              0 8px 4px rgba(0,0,0,.04), 
              0 16px 8px rgba(0,0,0,.04),
              0 32px 16px rgba(0,0,0,.04);


}

body {
	color: #030303;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	background: #fafafd;
	line-break: strict;
}

.container {
	width: 90%;
	max-width: 120rem;
	margin: auto;
}

.entry {
	width: 90%;
	max-width: 72rem;
	margin-left: auto;
	margin-right: auto;
}

#main {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
	-webkit-font-feature-settings: "kern";
	font-feature-settings: "kern";
	font-kerning: normal;
}

#secondary {
	padding-right: 1rem;
	padding-left: 1rem;
}

.site-header .container {
	width: 100%;
	margin: 4rem auto 3rem;
}


/* ----- end home style ---- */

.site-header {
	background-color: var(--main-color);
	color: #fff;
}

.site-header ul {
	list-style-type: none;
	margin: 0 0 3rem;
	padding: 0;
	display: flex;
	justify-content: center;
}

.site-header ul li {
	border-right: rgba(255,255,255,.6) solid 1px;
	padding: 0 1rem;
	font-size: 1.5rem;
}

.site-header ul li:last-child {
	border-right: none;
}

.site-header ul a, .site-title a {
	text-decoration: none;
	color: rgba(255,255,255,.6);
}

.site-header ul a:hover {
	color: hsl(40, 100%, 52%);
}

.no-margin, .wp-block-columns.no-margin, .entry-content>p.no-margin {
	margin: 0;
}

/* ==== entry-content ==== */

.entry-content h2 small {
	font-size: 1.6rem;
	line-height: 1;
	font-weight: bold;
}

.entry-content a h3 {
	color: var(--link-color);
}

.entry-content ul {
	list-style-type: disc;
	margin: 1.5rem 0;
}

.entry-content ol {
	list-style-type: decimal;
		margin: 1.5rem 0;
}

.entry-content ul, .entry-content ol {
	padding-left: 2.4rem;
}

.entry-content h6:before {
	content: "●";
	display: inline-block;
	color: var(--main-color);
	margin-right: .6rem;
}

h3.question {
	border: none;
	font-size: 2rem;
}

h3.question::before, h3.question+p::before, .answer:before {
	display: inline-block;
	line-height: 3rem;
	width: 3rem;
	text-align: center;
	color: #fff;
	border-radius: .5rem;
	margin-right: 1.5rem;
	margin-bottom: .25rem;
}

h3.question::before {
	content: "Q";
	background: hsl(265, 40%, 48%);
}

h3.question+p::before, .answer:before {
	content: "A";
	background: HSLA(44, 100%, 50%, 1);
}

.entry-meta {
	/*    color: #9EABB3;*/
	margin-top: 1rem;
	/*    margin-bottom: 16px;*/
	font-size: 1.6rem;
	line-height: 1.4;
}

.entry-header .entry-meta {
	margin-top: 0;
}

.entry-summary .media-text p {
	margin: 0;
}

.entry-summary .media {
	margin-bottom: .5rem;
}

.entry-header {
	margin-bottom: 2rem;
}

.entry-meta__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .6rem;
}

.entry-meta__category a:hover {
	border-color: #8c8f94;
}

.entry-meta__category {
	display: flex;
	margin-bottom: 1rem;
}

.entry__footer {
	margin-bottom: 4rem;
}

/* ===== category ====== */

.entry-header__cate {
	margin: 0 0 .5rem;
}

.entry__tag {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}

.entry__tag ul {
	margin: 0;
}

ul.tag_display {
	margin: 0;
	list-style-type: none;
}

.entry__tag a, .tag_display a {
	display: inline-block;
}

.entry__tag a:before, .tag_display a:before {
	content: "#";
}

.entry__tag li, .tag_display li {
	display: inline-block;
	margin: 0 1.5rem 1rem 0;
}

/*.entry-header p {
	font-size: 1.5rem;
}*/

.entry-meta .posted-on,
.card__body time,
.glossary-summary__date {
	padding-left: 2.4rem;
	background: url('img/schedule.svg') no-repeat 0 center;
	background-size: 1.8rem;
	display: inline-block;
	margin-bottom: .5rem;
	color: #8c8f94;
	font-size: 1.4rem;
}


hr {
	background-color: var(--border-color);
	border: 0;
	height: 1px;
	margin: 5rem 0;
}

/* Text elements */

.entry-content .postar-detail p {
	line-height: 1.7;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	color: #8c8f94;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 1rem;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	color: #111;
	border-color: var(--main-color);
	outline: none;
}

textarea {
	width: 100%;
}

.required {
	/*   background: var(--sub-color);*/
	border: 1px solid #b497e1;
	color: var(--main-color);
	display: inline-block;
	margin-left: 1rem;
	padding: .4rem .4rem;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: bold;
}


/* Links */

a:link {
	color: var(--link-color);
	text-decoration: none;
}

a:visited {
	color: var(--link-color);
	text-decoration: none;
}

a:hover {
	color: var(--link-color);
	text-decoration: underline;
}

.banner a:hover,
.glossary-term-list li a:hover,
.glossary-summary__item a:hover,
.parent-cate-list a:hover,
.glossary-summary__category a:hover,
.entry-meta__category a:hover,
a.reading:hover {
	text-decoration: none;
}
/* Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.text-center {
	text-align: center;
}

/* Text meant only for screen readers */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.video-container {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.6rem;
	padding-bottom: 56.25%;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* yarpp-relate */

.entry-content .yarpp-related {
	margin-top: 10vh;
}

.entry-content .yarpp-related a {
	text-decoration: underline;
	font-weight: normal;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
	display: inline-block;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 10px;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	display: none;
	float: left;
	left: 0;
	position: absolute;
	bottom: 1.5em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: 90%;
	bottom: 0%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
	
}

.main-navigation li:hover > a {
	
}

.main-navigation ul ul :hover > a {
	color: #8c8f94;
}

.main-navigation ul ul a:hover {
	
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a {
	
}

/* =Content
----------------------------------------------- */

.sticky header {
	border-left: 3px #EBF2F6 solid;
	padding-left: 10px;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline, .updated {
	display: none;
}

.single .byline, .group-blog .byline {
	display: inline;
}

.page-content {
	margin: 0;
	word-break: break-word;
}

.entry-content {
	margin: 0 0 3rem;
	word-break: break-word;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-content section, .section, .page p.section {
	margin: 0 0 5rem;
}

.entry-content em {
	font-style: normal
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title, .archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {
	border: 1px solid var(--border-color);
	margin-bottom: 1.5em;
	max-width: 100%;
	box-sizing: border-box;
	padding: 1.5rem;
	color: #8c8f94;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	max-width: 98%;
}

.wp-caption-text {
	font-size: 1.3rem;
		color: #8c8f94;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Make sure embeds and iframes fit their containers */

embed, iframe, object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: auto;
	font-size: 1.8rem;
	color: #9EABB3;
	text-align: center;
}

[class*="navigation"] .nav-previous {
	position: relative;
	display: inline-block;
	float: left;
}

[class*="navigation"] .nav-next {
	position: relative;
	display: inline-block;
	float: right;
}

[class*="navigation"] .nav-previous a, [class*="navigation"] .nav-next a {
	padding: 5px 15px;
	border: #EBF2F6 2px solid;
	text-decoration: none;
	border-radius: 30px;
	transition: border ease-in-out 0.25s;
}

.more {
	text-align: right;
}

/* === tags ==== */

.tags ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tags li {
	display: inline-block;
	margin: 0 1rem 1.6rem 0;
}

/* =Comments
----------------------------------------------- */

.comment-list, .comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment {
	border-top: #EBF2F6 1px solid;
	padding-top: 24px;
}

.comments-title {
	font-weight: 300;
}

.comment-author {
	font-size: 1.6rem;
}

.comment-author img.avatar {
	margin-right: 6px;
}

.comment-metadata {
	font-size: 1.4rem;
	color: #a2a2a2;
}

.comment-metadata a {
	color: #a2a2a2;
	text-decoration: none;
}

ol.comment-list {
	list-style: none;
	margin: 1.5em 1.5em 0 0;
}

li.comment {
	margin-bottom: 2em;
}

.comment-content {
	margin-left: 1.5em;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	
}

.comment-body .reply {
	font-size: 1.6rem;
}


/* =Widgets
----------------------------------------------- */

.nav-links {
	padding: 1.5rem 0;
	overflow: hidden;
}

.widget {
	margin: 1.5rem 0 1.5em;
	clear: both;
}

/* Make sure select elements fit in widgets */

.widget select {
	max-width: 100%;
}

/* Search widget */

.widget_search .search-submit {
	display: none;
}

/* excerpt */

.excerpt {
	border: 1px solid var(--border-color);
	padding: 1.5rem;
	margin: 1.6rem 0;
}

.excerpt p {
	margin: 0;
}
/* original
----------------------------------------------- */

.thumb {
	margin: 1.875rem auto 2.25rem;
	text-align: center;
}

.thumb p {
	margin-top: .5rem;
	color: #888;
	font-size: 1.25rem;
}

#author p {
	font-size: 1.5rem;
}

.page-headding {
	margin-top: 5rem;
	text-align: center;
}

h1.entry-title small {
	color: #8c8f94;
	font-size: 1.777rem;
	display: block;
}

#author, .three-way>div {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 8rem;
}

#author h4 {
	margin: 0 0 1rem;
	font-size: 2rem;
	background: none;
}

#author h4 small {
	font-weight: bold;
}

#author img, .three-way img {
	width: 25%;
	height: auto;
	border-radius: 50%;
}

#author .poster-img {
	flex-basis: 15%;
}

#author .poster-img img {
	border-radius: 50%;
	width: 100%;
}

#author div, .three-way>div div {
	width: 70%;
}

#author .postar-detail {
	flex-basis: 80%;
}


/* archive */

.wrap {
	display: flex;
	justify-content: space-between;
	align-self: flex-start;
}

.wrap figure {
	width: 30%;
	max-height: 14rem;
	height: auto;
	overflow: hidden;
}

.wrap figure img {
	vertical-align: top;
}

.wrap .entry-summary {
	width: 65%;
	margin-top: 0;
}

.wrap .entry-summary p {
	margin-top: 0;
}

.archive-list, #author-profile {
	position: relative;
	margin-bottom: 6rem;
	padding-bottom: 2rem;
	border-bottom: #EBF2F6 1px solid;
}


/*pagenation*/

.pagenation {
	margin-bottom: 7rem;
}

.pagenation ul {
	list-style-type: none;
	margin: 4rem 0 0;
	padding: 0;
	text-align: center;
}

.pagenation ul li {
	display: inline-block;
}

.pagenation ul li span {
	padding: 1rem 1.6rem;
	border-radius: 5px;
	background: #ddd;
	color: #fff;
}

.pagenation ul li a {
	padding: 1rem;
	border: var(--border-color) 1px solid;
	border-radius: 5px;
	text-decoration: none;
}

.pagenation ul li a:hover {
	background: var(--bg-color);
}

.page-header__title {
	background: var(--main-color);
}

.page-header__title__brand {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5rem 0;
}

.logo  a, .logo a svg {
	height: 2.5rem;
	width: auto;
	will-change: fill;
}

.page-header h1 path {
	fill: #ffffff;
}

/*
.search-area select {
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    padding: .625rem;
    font-size: 14px;
    border: none;
    background: #fff url(images/keyboard_arrow_down-pink.svg) 98% center no-repeat;
    background-size: 1.75rem;
    box-shadow: 3px 3px 0.25rem rgb(200 200 200 / 10%);
		border-radius: .4rem .4rem 0 0;
		border-bottom: 1px solid var(--main-color);
color: #777;
width: 100%;
	}
	.search-area select:focus {
		outline: none;
	}*/

.search__def {
	position: relative;
	background: #fff;
	border-radius: .4rem;
	height: 3rem;
}

.search-area {
	flex-grow: 1;
}

.logo {
	margin-right: 3rem;
}

.search-area input[type="search"] {
	width: 90%;
	border: none;
	box-sizing: border-box;
	font-size: 14px;
	padding: .625rem;
	border-radius: 0;
	vertical-align: top;
	border-radius: .4rem;
	line-height: 1;
	vertical-align: top;
	height: 3rem;
}

input:-internal-autofill-selected {
	background: none;
	outline: none;
}

.search-area input[type="search"]:focus {
	outline: none;
}

.search-area button {
	background: none;
	-webkit-appearance: none;
	border: none;
	position: absolute;
	right: 0;
	top: .5rem;
	background: none;
}

.search-area button img {
	width: 1.8rem;
}


/* === search-submit ====*/

.page-header .search-area .search-submit {
	border-radius: 50%;
	width: 3.5rem;
	height: 3.5rem;
	text-indent: -9999px;
	position: relative;
	background-image: url(img/search.svg);
	background-repeat: no-repeat;
	background-position: center 5px;
	background-color: hsl(0,0%,25%);
}

/* ==== page-nav ==== */

.page-nav {
	background: #fff;
}

.page-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	border-bottom: rgba(204, 204, 204, 0.4) solid 1px;
}

.page-nav li {
flex-grow: 1;
	position: relative;
}

.page-nav ul a {
	font-size: 1.1rem;
	padding: 1.2rem 0;
	display: block;
	text-align: center;
	color: rgb(48, 53, 56);
}

.page-nav li a:hover, 
.page-nav li[class*="current"] a, 
.single-glossary .page-nav li.menu-glossary a,
.tax-glossary-category .page-nav li.menu-glossary a {
	color: var(--main-color);
	text-decoration: none;
}

.post-type-archive-glossary 
.page-nav li.current_page_parent a, 
.single-glossary .page-nav li.current_page_parent a,
.tax-glossary-category .page-nav li.current_page_parent a {
	background: none;
	color: rgb(48, 53, 56);
}

.page-nav li a:hover {
	background: #e3dff3;
}

.page-nav li[class*="current"] a, 
.single-glossary .page-nav li.menu-glossary a,
.tax-glossary-category .page-nav li.menu-glossary a {
	background: var(--bg-color);
}

/* @group @page-footer
--------------------------------------------------------*/

.page-footer {
	padding-top: 2.25rem;
	padding-bottom: 3rem;
	text-align: center;
	background: var(--bg-color-7);
}

.page-footer ul {
	margin-bottom: 1.5rem;
	display: flex;
	justify-content: center;
}

.page-footer ul>li:not(:first-of-type) {
	margin-left: 1rem;
}

.page-footer small {
	text-transform: uppercase;
}

.social-icon a {
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	padding: .375rem;
	background-position: center;
	background-size: 1.875rem auto;
	background-repeat: no-repeat;
	border-radius: 50%;
	position: relative;
}

.social-icon a .tag {
	display: none;
}

.social-icon a:hover .tag {
	display: inline-block;
	position: absolute;
	bottom: -2rem;
	left: -.75rem;
}

/* @end @page-footer */

.page-footer {
	background-color: hsl(0,0%,25%);
	 /*   background-image: url(img/front.png);
	    background-repeat: no-repeat;
	    background-position:right -5rem bottom -8rem;
	    background-size: 20rem;*/
	color: hsl(0,100%,100%);
}

.page-footer a {
	color: #767676;
	text-decoration: none;
}

.agreement-list>li {
	font-size: 1.25rem;
	line-height: 1.714285714;
}

.page-footer small {
	font-size: 1rem;
}




/* --------- card -------- */

.card-list {
	width: 100%;
	margin: 0;
	padding: 0;
}

.card-list li, .wpp-list li {
	margin-bottom: 3rem;
}

.card-list li {
	display: flex;
}

.card {
box-shadow: var(	--shadow);
	/*box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;*/
	display: block;
	box-sizing: border-box;
	border-radius: .4rem;
	background: #fff;
	margin-bottom: 3rem;
transition: all ease-in-out .3s;
}

a.card, .card, .summary>a, /*ul.related_post li a,*/
.join-us a,.card a {
	color: rgb(48, 53, 56);
	text-decoration: none;
}

.card:hover {
	opacity: 1;
	box-shadow: var(	--shadow-a);
}

.card__body {
	margin: 0;
    padding: 3rem;
}

.page .card__body p,
.card__body p {
	margin-bottom: 0;
}


.page p.card__body__link,
p.card__body__link {
	margin: 0;
}

.card h3 {
font-size: 2rem;
    margin-bottom: .5rem;
}

.card h3:only-child {
	margin-bottom: 0;
}

.pickup__wrap .card img {
object-fit: cover;
    aspect-ratio: 200 / 124;
    width: 100%;
}

_::-webkit-full-page-media, _:future, :root .pickup__wrap .card img {
    height: 25rem;
		object-fit:cover;
}


.card-list figure {
	margin: 0;
	padding: 0;
}

.card-list img {
	width: 100%;
	max-width: 100%;
	object-fit: cover;
	height: 100%;
	object-fit: cover;
}

.card-list p {
	margin: 0;
	line-height: 1.5;
	/*	font-size: 1.6rem;*/
}

.card-list a {
	text-decoration: none;
}

.card .posts-inn {
	padding: 2rem;
}

#interview header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#interview header p, .footer-glossary header p {
	margin: 0;
}

/* ------ author-profile ----- */

.author-profile img {
	width: 12rem;
	margin-bottom: 2rem;
}

.author-profile__sns {
	list-style-type: none;
	margin: 1.6rem 0 0;
}

.author-profile__sns li {
	display: inline-block;
	margin-right: 1rem;
}

.author-profile .author-profile__sns img {
	width: 3rem;
}

.avatar {
	border-radius: 50%;
}

.author-profile p {
	text-align: left;
}

.author-profile header h3 {
	margin-bottom: .5rem;
}

.author-profile + .author-profile {
	margin-top: 4rem;
	padding-top: 4rem;
	border-top: 1px solid #ddd;
}

.author-profile {
	margin-bottom: 3rem;
}
	
/* ======= sns ===== */

.share-buttons {
	display: flex;
}

.share-buttons {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.share-buttons li {
	width: 4rem;
	margin-left: .8rem;
}

.share-buttons li a {
	width: 4rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .4rem;
}

.share-buttons li img {
	width: 2.4rem;
}

.facebook a {
	background-color: #2e4a88;
}

.twitter a {
	background-color: #008DDE;
}

.google a {
	background-color: #CC3622;
}

.hatebu a {
	background-color: #00a4de;
}

.facebook a:hover, .twitter a:hover, .hatebu a:hover {
	opacity: .7;
}

/* ======= btn ======= */

.btn, a.btn, .submit input[type="submit"] {
	background: var(--main-color);
	padding: 1rem;
	display: block;
	margin: 2rem auto;
	color: #fff;
	border-radius: 6rem;
	box-shadow: var(--shadow);
	text-decoration: none;
	max-width: 40rem;
	text-align: center;
}

.btn--secondary,
a.btn--secondary {
	background: none;
	color: #030303;
	border: #edebed solid 2px;
	box-shadow: none;
}

.card .btn {
		display: inline-block;
		padding: .5rem 2rem;
		width: auto;
		font-size: 1.2rem;
		box-shadow: none;
		margin: 0;
}
.card .btn:hover {
	box-shadow: none;
}

.btn--secondary:hover,
a.btn--secondary:hover {
	box-shadow: none;
	border-color: var(--main-color);
}

.submit input[type="submit"] {
	width: 18rem;
}

.btn:hover {
	box-shadow: var(--shadow-a);
	opacity: .9;
}

#wp_rp_first {
	margin-top: 4rem;
}

.media {
	display: flex;
	align-items: center;
	margin-bottom: .6rem;
}

.media-image {
	width: 3.6rem;
	margin-right: 1rem;
}

.media p {
	margin: 0;
}

.media-image  img {
	border: 1px solid #eee;
}

/* 目次のウィジェット */

.entry-content #toc_container {
	box-sizing: border-box;
	border-color: #ddd;
	border-radius: .5rem;
	padding: 1.6rem;
	width: 100%;
	margin-bottom: 3.5rem;
}

.entry-content #toc_container .toc_list a {
	color: #333;
}

.entry-content #toc_container li {
	padding: 1rem 0;
}

.entry-content #toc_container li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.entry-content #toc_container p.toc_title {
	text-align: left;
	margin-bottom: 0;
	font-weight: normal;
}

.entry-content #toc_container p.toc_title+ul.toc_list {
	margin-top: 0;
}

/*  tabs */

.tabs {
	margin: 0 0 3rem;
	padding: 0;
	list-style-type: none;
	display: flex;
	border-bottom: #dbdbdb 1px solid;
}

.tabs li {
	padding: .8rem 1.25rem;
	font-size: 1.4rem;
	Line-height: 1.4;
	border: #fff solid 1px;
	border-radius: .4rem .4rem 0 0;
	width: 50%;
}

.tabs li.tabs-active {
	border: #dbdbdb 1px solid;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

.tabs li.tabs-active a {
	color: rgb(48, 53, 56);
}

.tabs li a:hover {
	text-decoration: none;
}

.tabs li:not(.tabs-active) svg {
	fill: #3d91ea;
}

.tabs li:not(.tabs-active):hover {
	background: #f8f8f8;
}

.tabs li a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tabs li a svg {
	width: 2rem;
	margin-right: .5rem;
}

/* ==== toc_number ==== */

.toc_number:after {
	content: ".";
}

.glossary h2 {
	margin-bottom: 3rem;
}


/* hatebu */

.hatebu-num a {
	color: #FF7979;
	font-weight: bold;
	font-size: 1.2rem;
	margin-left: 1rem;
	display: inline-block;
}

/* interview */

.interview {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.interview li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.interview li img, .interview li div:first-child {
	width: 7rem;
}

.interview li div:first-child {
	font-size: 1.2rem;
	text-align: center;
}

.interview li div:last-child {
	width: calc(100% - 9rem);
	padding: 0 0 1.5rem 0;
}

.interviewer img {
	border: 3px solid hsl(249, 30%, 55%);
}

.interviewee img {
	border: 3px solid hsl(40, 100%, 52%);
}

.entry-content ul.event-detail-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.event-detail-list span {
	display: block;
	margin: .8rem 0;
}

.event-detail-list li, .sub-header {
	margin-bottom: 4rem;
}

.event-detail-list li p {
	line-height: 1.5;
}

.event-detail-list a img {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 1.6rem;
}

.event-detail-list a:hover img {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	opacity: .9;
}

.event-detail-list a {
	display: block;
}

.event-detail-list  picture {
	margin-bottom: 1rem;
	display: block;
}

.event-detail-list a  p {
	margin: 0;
	color: #222;
}

.event-detail-list h3 {
	margin-bottom: .75rem;
}

.recentry-event {
	background: hsl(320,2%,95%);
	padding: 2rem;
	margin-bottom: 3rem;
}

.recentry-event dd {
	margin: 0;
	list-style-type: disc;
	display: list-item;
	margin-left: 3rem;
}

.border, .border-image img {
	border: 1px solid #ccc;
}

.amazlet-image {
	max-width: 110px;
}
	
	/* ======= flow ========= */

.page ol.flow, .page ol.flow ul {
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.page ol.flow, .flow {
	margin: 2rem 0;
}

.flow>li {
	border: #7467AD solid 2px;
	padding: 5rem 1.5rem 1.5rem;
	margin-bottom: 2rem;
	border-radius: .5rem;
	position: relative;
}

.flow li:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 1.25rem solid transparent;
	border-right: 1.25rem solid transparent;
	border-top: 1.25rem solid hsl(249, 30%, 55%);
	left: 48%;
	bottom: -1.5rem;
}

.flow li:last-child::after {
	display: none;
}

.flow li.other {
	text-align: center;
}

.page ol.flow ul a {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
/*				.page ol.flow ul li span {
					margin: 0 0 0 1rem;
				}*/

.page ol.flow ul li+li {
	margin-top: .75rem;
}

.flow img {
	width: 10rem;
	border: 1px solid #ddd;
	margin-right: 1.5rem;
}

.flow span {
	width: calc(100% - 11rem);
	display: block;
}

.flow span.step-lavel {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: #7467AD;
	color: #fff;
	padding: .25rem 1.5rem;
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.flow p {
	display: none;
	margin: 0;
}

.reading {
	border: 1px solid #ddd;
	padding: 1.5rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	display: block;
}

.reading img {
	margin-bottom: 1rem;
}
		/* ===== site-about ==== */

.site-about {
	margin: 4rem 0;
	border: 1px dashed #ddd;
	padding: 2rem;
}
/*			.site-about a {
				color: #fff;
				text-decoration: underline;
			}*/

.site-about a:hover {
	opacity: .5;
}

.site-about h3 {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 1rem;
}

.site-about p {
	font-size: 1.6rem;
	margin: 0;
}

/* ==== staffinfo ===== */

.staffinfo {
	margin-top: 5rem;
}

.wp-block-image figcaption,
.wp-block-gallery figcaption {
	color: #8c8f94;
	margin-top: 1.25rem;
	font-size: 1.3rem;
}
		
		
		/* ===== breadcrumbs ====== */

.aioseo-breadcrumbs {
	font-size: 1.2rem;
	margin-bottom: 2rem;
}

.wpp-list-with-thumbnails li>a:first-child img {
	opacity: .9;
}

#staff-entry:target:before {
	content: "";
	display: block;
	height: 16rem; /* fixed header height*/
	margin: -16rem 0 0; /* negative fixed header height */
}

ul.glossary-category__list {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

ul.glossary-category__list a {
	display: block;
	border-bottom: #EBF2F6 2px solid;
	padding: 1rem 0;
}

.wp-block-button__link {
	font-size: 1.6rem;
}

.wp-block-button__link:hover {
	text-decoration: underline;
}



		
/* === container__wrapper==== */

.container__sub {
	background: #fff;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
	box-sizing: border-box;
	margin-top: 5rem;
	padding-top: 5rem;
	padding-bottom: 5rem;
	margin-bottom: 5rem;
}


	/* ====== single__sub ===== */

.single__sub {
	background: var(--bg-color);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.page-main—entry	.wp-block-image,
.page-main—entry	.wp-block-gallery,
.entry-content table {
	margin: 1rem 0;
}
	/* === pick up === */

.pickup__items img {
	object-fit: cover;
	aspect-ratio: 200 / 124;
	width: 100%;
}

.pickup__items a {
	display: block;
}

.pickup__items a:hover img,
.card a:hover img {
	opacity: 1;
}

.pickup__items a:hover {
	opacity: .6;
}

.pickup__items h3 {
	color: #333;
	margin: 0;
	font-size: 1.6rem;
	padding: 1.6rem;
}

.pickup__items {
	margin-bottom: 1.6rem;
	box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
	border-radius: 4px;
}

.pickup__wrap {
	margin-bottom: 2.4rem;
}

	/* ==== section-header/cate-title  === */

.section-header p {
	margin-bottom: 0;
}



	/* === view-all ==== */

.view-all, .has-arrow {
	background: url('img/chevron-right.svg') no-repeat right .3rem;
	background-size: 1.2rem;
	padding-right: 2rem;
}
/* === site-footer ==== */

.site-footer {
	padding: 3rem 0;
	background: #383735;
	color: #fff;
}

.site-footer p {
		color: #fff;
}

/* ===== site-footer__nav ===== */

.site-footer__nav {
	margin-bottom: 2rem;
}

.site-footer__nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.site-footer__nav ul a {
	color: #fff;
}

.site-footer__nav ul a:hover {
	opacity: .6;
	text-decoration: none;
}

.site-footer__copy p {
	font-size: 1rem;
	text-align: center;
}

.site-footer .site-footer__wrap {
	margin-bottom: 3rem;
}
	/* ===== greeting ===== */

.greeting {
	font-size: 1.4rem;
	line-height: 1.5;
}

.greeting p:first-of-type {
	text-align: center;
}

/* ==== parent-cate-list ==== */

.parent-cate-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.6rem 1.6rem;
	font-size: 1.6rem;
}

.parent-cate-list li {
	height: 100%;
}

.parent-cate-list a {
	/*			box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
	display: block;
	padding: 1.6rem 1.6rem 1rem;
	background: var(--bg-color);
	border-radius: .6rem;
	height: 100%;
	box-sizing: border-box;
	line-height: 1.5;
	color: #333;
}

.parent-cate-list a:hover {
	background: #dbd7eb;
}
		/* ==== profile ==== */

.profile {
	background: #fff;
	padding: 5%;
	border-radius: .6rem;
}

.profile h3 {
	margin-bottom: 1rem;
}

.profile__wrap__photo {
	margin-bottom: 2rem;
}

	/* ===== glossary-term-list ===== */

.glossary-term-list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 3rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.6rem 1.6rem;
}

.glossary-term-list li {
	border-radius: .6rem;
	font-feature-settings: "palt" 1;
	overflow-wrap: break-word;
}

.glossary-term-list li:first-child, .term-tools-frameworks-methodologies .category-card {
	background: #EEE3FE;
}

.glossary-term-list li:nth-child(2), .term-technology  .category-card {
	background: #BDD3F0;
}

.glossary-term-list li:nth-child(3), .term-design-informationdesign  .category-card {
	background: #B8E2D2;
}

.glossary-term-list li:nth-child(4), .term-marketing-business  .category-card {
	background: #82AFD0;
}

.glossary-term-list li:nth-child(5), .term-research-analysis-test  .category-card {
	background: #E8E5A4;
}

.glossary-term-list li:nth-child(6), .term-psychology-behavioraleconomics-brain-science  .category-card {
	background: #F2D1D3;
}

.glossary-term-list li:nth-child(7), .term-thinking-mind  .category-card {
	background: #F7D1B4;
}

.glossary-term-list li:nth-child(8), .term-organization-facilitation  .category-card {
	background: #D0C6C8;
}

.glossary-term-list li a {
	padding: 1.6rem;
	display: flex;
	flex-direction: column;
	color: #333;
	line-height: 1.5;
	height: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	box-shadow: var(--shadow);
	transition: all .2s ease-in-out;
	border-radius: .6rem;
}

.glossary-term-list li a:hover {
	box-shadow: var(--shadow-a);
}


.glossary-term-list__count {
	display: block;
	text-align: right;
}

.glossary-term-list__count em {
	font-size: 3rem;
}
	

/* ==== video-list ==== */

.video-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.video-list li {
	margin-bottom: 1.6rem;
}

.video-list img {
	margin-bottom: 1rem;
	object-fit: cover;
    aspect-ratio: 200 / 124;
    width: 100%;
}
		
.video-list li a {
	color: #3c3c3c;
}		
						
						/* ===== feature ====== */

.feature {
	margin-bottom: 4rem;
}

.feature__item__icon {
	background: var(--main-color);
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 2rem;
}

.guide-contents__header h3 {
	width: calc(100% - 6rem);
}

.feature__item {
	margin-bottom: 1.5rem;
}

.feature a {
	color: #333;
	display: flex;
	align-items: center;
	font-size: 1.6rem;
}

.feature p {
	margin: 0;
}

.feature__item__icon img {
	width: 3rem;
}

.same-cate {
	margin: 3rem 0;
}
	/* ==== breadcrumbs ===== */

#breadcrumbs {
	margin-bottom: 2rem;
	font-size: 1.4rem;
}

#breadcrumbs a::after {
	content: "";
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	background: url('img/chevron-right-gray.svg') no-repeat left center;
	background-size: cover;
	position: relative;
	top: 2px;
	margin: 0 .2rem;
}
			/* ==== category-card ==== */

.category-card {
	padding: 1.6rem;
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0 0 4rem;
	border-radius: .6rem;
}

.category-card h1 {
	margin-bottom: 0;
}

.category-card .glossary-term-list__count {
	text-align: left;
}

.category-card p {
	margin: 0;
}
				
			/* ===== glossary-summary ====== */

.glossary-summary {
	margin-bottom: 6rem;
}

.glossary-summary__item a {
	color: rgb(34, 34, 34);
	display: block;
}

.glossary-summary h2 {
	margin-bottom: 1.5rem;
}

.glossary-summary .has-english h2 {
	margin-bottom: 0;
}

.glossary-summary .has-english p {
	margin-bottom: 1.5rem;
	color: #8c8f94;
}

.glossary-summary__photo {
	margin-bottom: 1.5rem;
}

.glossary-summary__photo>div {
	position: relative;
}

.glossary-summary__photo img {
	border-radius: .6rem;
	object-fit: cover;
	aspect-ratio: 200 / 124;
		border: 1px solid #edebed;
}

a:hover .glossary-summary__photo img {
	opacity: 1;
}

.glossary-summary__photo>div::after {
	position: absolute;
	width: 100%;
	height: 100%;
box-shadow: rgb(102 102 193 / 20%) 0px 20px 30px -12px inset, rgb(0 0 0 / 10%) 0px 18px 36px -18px inset;
	top: 0;
	left: 0;
	content: "";
	display: block;
	border-radius: .6rem;
}

.glossary-summary__item {
	margin-bottom: 4rem;
}

p.glossary-summary__item__posttype {
	margin-bottom: 1rem;
	color: #8c8f94;
}

.glossary-summary__excerpt p,
.glossary-summary__date {
	margin-bottom: 1rem;
}

.glossary-summary__category a, .entry-meta__category a {
	font-size: 1.4rem;
	padding: .4rem 1.4rem;
	border: 1px solid var(--border-color);
	border-radius: 3rem;
	display: inline-block;
	margin-right: .5rem;
	margin-bottom: .5rem;
	color: #3c3c3c;
}

.entry-header .entry-meta__category a {
	margin-right: .4rem;
	margin-bottom: .6rem;
}

.glossary-summary__category a:hover {
	border-color: #8c8f94;
}

.entry-meta__category {
	overflow-x: auto;
}

.entry-meta__grad {
	position: relative;
}

.entry-meta__grad:after {
	content: "";
	width: 3rem;
	height: 100%;
	display: block;
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: absolute;
	right: 0;
	top: 0;
}

.entry-meta__category__cover {
	display: flex;
	white-space: nowrap;
}

			/* ==== .guide_header ==== */

.guide-contents {
	margin-top: 4rem;
}

.guide-contents__header {
	display: flex;
	align-items: center;
	margin-bottom: 3.2rem;
}

.guide-contents__header h3 {
	margin: 0;
}

			/* ====== container__side__widget ===== */

.container__side__widget .top-banner__item {
	margin-bottom: 1.6rem;
}


/* ===== user_type-title ===== */

.user_type-title {
	border: 2px solid var(--main-color);
	border-radius: .6rem;
	padding: 1.6rem;
	margin-bottom: 3rem;
}

.user_type-title p {
	margin: 0;
	line-height: 1;
}

.user_type-title__description .sholder {
	background: #8c8f94;
	border-radius: 5rem;
	color: #fff;
	padding: .4rem 1.6rem;
	margin-bottom: 1.6rem;
	display: inline-block;
	font-size: 1.6;
}

.user_type-title__body {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}

.user_type-title__body img {
	width: 10rem;
}

.user_type-title__body h1 {
	width: calc(100% - 12rem);
}

.user_type-title__count {
	text-align: right;
	margin: 0;
}

.user_type-title__count em {
	font-size: 3rem;
}


									
									
									/* ==== guide ==== */

.guide__read {
	background: var(--main-color);
	color: #fff;
	padding: 1.5rem;
}

/* ===== guide-list ==== */

ul.guide-list, ul.term-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.guide-list li {
	margin-bottom: 2rem;
}

.guide-list--user	 img {
	width: 6rem;
	margin-right: 1.5rem;
	border-radius: 50%;
	border: 1px solid #d9d4ed;
	height: 6rem;
	overflow: hidden;
}

.guide-list—contents img {
	width: 12rem;
	margin-right: 1.6rem;
	border: 1px solid #ddd;
	border-radius: .6rem;
}

.guide-list—contents span {
	width: calc(100% - 14rem);
}

.guide-list--user a, .guide-list—contents a {
	display: flex;
	align-items: center;
}
		/* ===== term-list ===== */

.term-list a {
	border: 1px solid HSL(249, 30%, 69%);
	border-radius: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem;
	color: #333;
}

.term-list a:hover {
	background: #fff;
	text-decoration: none;
}

.term-list li {
	margin-bottom: 2rem;
	line-height: 1.4;
}

.term-list__name small {
	color: #777;
	display: block;
}

.term-list__name {
	width: calc(100% - 8.4rem);
}

.term-list__count {
	display: flex;
	flex-direction: column;
	width: 6rem;
	height: 6rem;
	background: var(--main-color);
	color: #fff;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.term-list__count small {
	font-size: 1.2rem;
}

.glossary-app {
	text-align: center;
}

.glossary-cate, .glossary-app, .side-kakugen {
	margin-bottom: 5rem;
}

.glossary-app img {
	border: 1px solid #eee;
	box-shadow: var(--shadow)
}

.glossary-app img:hover {
	box-shadow: var(--shadow-a)
}

.site-footer__pr a {
		color: #fff;
		text-decoration: none;
}
.site-footer__pr a.members-wanted:hover p {
	opacity: .6;
}
.members-wanted {
	border: 1px solid #eee;
	display: block;
	padding: 2.4rem;
	font-size: 1.4rem;
}

.members-wanted p {
	margin: 0;
}


/* contact form 7 */

input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="url"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, input[type="search"].wpcf7-not-valid, textarea.wpcf7-not-valid {
	border-color: #dc3232;
}

.page .wpcf7 form .wpcf7-response-output {
	border: none;
	display: block;
	padding: 1rem;
	margin: 1rem 0 1.5rem;
	border-radius: .5rem;
}

.wpcf7 form.sent .wpcf7-response-output {
	background: var(--bg-color);
	font-weight: 600;
}

.page .wpcf7 form.failed .wpcf7-response-output, .page .wpcf7 form.aborted .wpcf7-response-output, .page .wpcf7 form.spam .wpcf7-response-output, .page .wpcf7 form.invalid .wpcf7-response-output, .page .wpcf7 form.unaccepted .wpcf7-response-output {
	background: #fdecec;
}

.page-header {
	margin-bottom: 3rem;
}

.site-footer {
	padding: 4rem 0;
	/*						background-image: url(img/wave.svg);
						background-position: center bottom;
						background-repeat: no-repeat;
						background-size: 100% auto;	*/
}


@media only screen and (min-width: 22em) {
	.tabs li br {
		display: none;
	}
}

@media only screen and (min-width:48em) {
	
	.pickup__wrap {
	margin-bottom: 0;
}

	.entry-content section, .section, .page p.section {
		margin: 0 0 7rem;
	}
	
	.glossary-summary__excerpt p {
		margin-bottom: 3rem;
	}
	
	.entry-content #toc_container {
		padding: 2.4rem 2.2rem;
		font-size: 1.5rem;
	}
	
	.tabs li {
		font-size: 1.6rem;
	}
	
	.event-detail-list li {
		margin-bottom: 5rem;
	}
	
	.recentry-event {
		margin: 4rem 0 5rem;
	}
	
	.reading {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.reading img {
		width: 31%;
		margin-bottom: 0;
	}
	
	.reading>div {
		width: 65.5%;
	}
	
	.reading div p {
		margin: 0;
	}
	
	.staffinfo__wrap {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.staffinfo__wrap img {
		width: 30rem;
	}
	
	.staffinfo__text {
		width: calc(100% - 33rem);
	}
	
	.staffinfo__text p {
		margin-top: 0;
	}
	
	.card-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1.6rem 3rem;
		margin: 0;
	}
	
	.container__sub {
		margin-bottom: 0;
	}
	
	.guide-contents__header {
		margin-bottom: 4rem;
	}
	
	.user_type-title {
		padding: 3rem;
		margin-bottom: 5rem;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	
	.user_type-title__count em {
		font-size: 4rem;
	}
	
	.user_type-title__description {
		flex-grow: 1;
	}
	
	.guide__read {
		padding: 2rem 3rem;
	}
	
	.guide-list--user {
		display: flex;
		flex-wrap: wrap;
	}
	
	.guide-list--user li {
		width: calc(50% - 1rem);
	}
	
	.guide-list--user img {
		width: 8rem;
		height: 8rem;
	}
	
	.author-profile {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.author-profile div {
		width: calc(100% - 14rem);
	}
	
	.author-profile .author-profile__sns img {
		width: 2rem;
	}
	
	
	.video-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.6rem 1.6rem;
	}
	
	
	
	#content {
		background: #fff;
		padding: 0 60px 7rem;
		box-sizing: border-box;
		margin-top: 6rem;
		border-radius: .8rem;
	}
	
	.parent-cate-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	.pickup__wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 5%;
	}
	
	.profile__wrap {
		display: grid;
		grid-template-columns: 12rem 1fr;
		gap: 0 3rem;
	}
	
	.glossary-summary__item {
		border-top: 1px solid var(--border-color);
		margin: 0;
	}
	
		.glossary-summary__item p {
			margin-bottom: 2rem;
		}
		
		.glossary-summary__item p.glossary-summary__item__posttype {
			margin-bottom: 1rem;
		}
	
	.glossary-summary__item:last-of-type {
		border-bottom: 1px solid var(--border-color);
	}
	
	.glossary-summary__item>a {
		display: grid;
		grid-gap: 0 3rem;
		grid-template-columns: 1fr 1fr 1fr 1.5fr;
		padding: 4rem 2rem;
	}
	
	.glossary-summary__item>a:hover {
		background: var(--bg-color);
	}
	
	.glossary-summary__item header {
		grid-column: 1 / 4;
		grid-row: 1;
		margin-bottom: 0;
	}
	
	
	
	.glossary-summary__photo {
		grid-column: 4;
		grid-row: 1 / 4;
	}
	
	.glossary-summary__excerpt {
		grid-column: 1 / 4;
		grid-row: 2;
	}
	
	.glossary-summary__category {
		grid-column: 1 / 4;
		grid-row: 4;
	}
	
	.glossary-summary__date {
			grid-column: 1 / 4;
		grid-row: 3;
	}
	
	.glossary-summary__excerpt p {
		font-size: 1.6rem;
	}
	
	.glossary-summary__category a, .entry-meta__category a {
		padding: .2rem 1.4rem;
	}
	
	.entry-meta__grad:after {
		display: none;
	}
	
	.entry-meta__category__cover {
		display: block;
		white-space: normal;
	}
	
	.glossary-cate, .glossary-app, .side-kakugen {
		margin-bottom: 3rem;
	}

}
	
@media only screen and (min-width: 56em) {
	.tag_display li {
		display: inline-block;
		margin: 0 1.5rem 1.5rem 0;
	}
	
	.entry-meta__wrap__meta {
		display: flex;
		align-items: center;
	}
	
	.entry-meta__wrap__meta>div {
		margin-right: 2rem;
	}
	
	.entry-header {
		margin-bottom: 5rem;
	}
}
	
@media only screen and (min-width:62em) {
	html {
		font-size: 70.3125%;
	}
	.single .entry-content h2,
	.page-child .entry h2 {
		margin-top: 7rem;
	}
	
	.single .entry-content h3,
	.page-child .entry h3 {
		margin-top: 5rem;
	}
	
	.post-type-archive-glossary .page-nav li.current_page_parent a, .single-glossary .page-nav li.current_page_parent a {
		color: #fff;
	}
	
	.pickup__items img {
		margin-bottom: 1.25rem;
	}
	
	.page-header {
		background: var(--main-color);
		padding: 2rem 0;
	}
	
	.page-header__title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 90%;
		max-width: 120rem;
		margin: auto;
		background: none;
	}
	
	.page-header__title__brand {
		margin: 0;
		justify-content: flex-start;
	}
	
	.aioseo-breadcrumbs {
		margin-bottom: 4rem;
	}
	
	.search-area {
		margin-right: 2rem;
	}
	
	.page-header .logo a, .page-header .logo a svg {
		height: 3rem;
		margin-right: 2rem;
	}
	
	.header-area {
		position: fixed;
		width: 100%;
		z-index: 777;
		top: 0;
	}
	
	.entry-content {
		margin: 0 0 5rem;
	}
	
	.page-nav li:first-child::before {
		content: none;
	}
	
	.page-nav li a:hover, 
	.page-nav li[class*="current"] a, 
	.single-glossary .page-nav li.menu-glossary a,
	.tax-glossary-category .page-nav li.current_page_parent a,
	.tax-glossary-category .page-nav li.menu-glossary a {
		border-radius: .5rem;
	}
	
	.page-nav {
		background: none;
		flex-shrink: 1;
		flex-grow: 1;
		flex-basis: 70rem;
		border: none;
	}
	
	.page-main—entry	.wp-block-image,
.page-main—entry	.wp-block-gallery,
.entry-content table  {
	margin: 3rem 0;
}
	
	.page-nav .container {
		width: auto;
	}
	
	.page-nav ul {
		border: none;
	}
	
	.page-nav li+li {
		margin-left: .5rem;
	}
	
	.page-nav li a {
		padding: .5rem 1rem;
		font-size: 1.5rem;
		color: #fff;
		white-space: nowrap;
		border: 1px solid transparent;
		transition: background-color .2s ease-in-out, color .1s ease-in-out;
	}
	
	.tax-glossary-category .page-nav li.current_page_parent a {
				color: #fff;
	}
	
	.books-lis .wp-block-column {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		gap: 0 3rem;
	}
	
	.books-lis figure>a picture {
		height: 26rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.container__wrapper {
		display: grid;
		grid-template-columns: 1fr 35.5%;
		gap: 0 5%;
	}
	
	.wp-caption {
		margin-bottom: 3rem;
	}
	
	.container__sub {
		grid-column: span 2;
	}
	
	.container__main {
		order: 1;
	}
	
	.container__side {
		order: 2;
	}
	
	.container__sub {
		order: 3;
		margin-top: 8rem;
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	
	.single__sub {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	
	.page-main—entry	.wp-block-image {
		margin: 4rem 0;
	}
	
	.wpp-list li {
		display: flex;
		justify-content: space-between;
		margin-bottom: .75rem;
	}
	
	.wpp-list li img {
		width: 22rem;
		margin: 0;
	}
	
	.wpp-list__body {
		width: calc(100% - 24rem);
		font-size: 2rem;
	}
	
	blockquote {
	padding: 6rem 3rem 2rem;
	margin-bottom: 3rem;
}
	blockquote:before {
		top: 1rem;
	}
	
	/* ------ interview ----- */
	
	#interview {
		margin: 5rem auto;
	}
	
	#interview h2, .side h2 {
		text-align: center;
	}
				
	/*		body {
				background-image: url(img/wave.svg);
						background-position: center bottom;
						background-repeat: no-repeat;
						background-size: 100% auto;	
			}*/
	
	.site-footer__nav ul {
		column-count: 2;
		column-gap: 2rem;
		font-size: 1.6rem;
	}
	
	.site-footer .site-footer__wrap {
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: 0 3rem;
	}
	
	.glossary-term-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 3rem 3rem;
	}
	

	
	.glossary-term-list li a {
		padding: 3rem;
	}
	
	.glossary-term-list__count em {
		font-size: 2.8rem;
	}
	
	.glossary-index {
		display: grid;
		grid-template-columns: 3fr 1fr;
		gap: 0 4rem;
	}
	
	.video-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 2rem 2rem;
	}
	
	.same-cate {
		margin: 8rem 0 0;
	}
	
/*	.feature {
		margin-bottom: 8rem;
	}
	*/
	#breadcrumbs {
		margin-bottom: 4rem;
	}
	
	.category-card {
		margin: 0 auto 5rem;
		padding: 3rem;
	}
}
					
 /* ===== 2023年1月変更部分 ====== */
	
	html {
		font-size: 62.5%;
	}
	.card {
		margin-bottom: 1rem;
	}
	.entry {
		max-width: 81rem;
	}
	h2 {
		margin-bottom: 1rem;
	}

	.single .entry-content h2, .page-child .entry h2 {
		margin-top :3rem;
	}
	.single .entry-content h3, .page-child .entry h3 {
		margin-bottom:1rem;
		margin-top:2rem;
	}
	p {
		line-height:1.8;
		font-size:1.8rem;
		margin-bottom:2rem;
	}
	li {
		line-height:1.8;
	}
	.site-footer__nav li {
		font-size:1.4rem;
	}
	.single .entry-content h2 {
		font-size:2.1rem;
		margin-top:3rem;
	}
	.single .entry-content h3 {
		font-size:1.9rem;
	}
	.glossary-term-list li a {
		padding:0.8rem;
	}
@media only screen and (min-width:48em) {
		.pickup__wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap:0 1rem;
		}
}
@media only screen and (min-width:62em)  {
		html{
			font-size:62.5%;
		}
		.single .entry-content h2, .page-child .entry h2 {
			margin-bottom:1rem;
		}
	.single .entry-content h2{
		font-size:2.4rem;
	}
	.single .entry-content h3 {
		font-size:2.2rem;
	}
}
@media only screen and (min-width:768px) {
		body {
			font-size: 1.8rem;
		}
	.site-footer__nav li {
		font-size:1.6rem;
	}
}

	/* =====カテゴリボタン__サブフッター ====== */
	

	.glossary-term-list li:first-child, .glossary-term-list li:nth-child(2), .glossary-term-list li:nth-child(3), .glossary-term-list li:nth-child(4), .glossary-term-list li:nth-child(5), .glossary-term-list li:nth-child(6),.glossary-term-list li:nth-child(7), .glossary-term-list li:nth-child(8) {
		background:none;
		box-shadow:none;
	}
	.glossary-term-list li a, .glossary-term-list li a:hover {
		box-shadow:none;
	}
	.dxcate__box {
		width: 100%;
		height: 180px;
		padding: 0;
		overflow: hidden;
		position: relative;
		box-sizing:border-box;
		margin-bottom:1rem;
	}
	.dxcate__box a {
		display: block;
		position: relative;
	}
	.dxcate__box::before {
		content: "";
		display: block;
		width: 100%;
		border-radius: 16px;
		position: absolute;
	}
	.dxcate_num_circle {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: #fff;
		margin:0;
		position: absolute;
		z-index: 100;
		box-shadow: 2px 2px 10px rgba(0,0,0,.3);
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1;
		font-size: 14px;
		font-weight: 700;
	}
	.dxcate__box__inner {
		color: #fbfbfb;
		z-index: 10;
	}
	.dxcate__title {
		padding: 68px 4px 0;
		text-align: center;
		color: #fff;
		font-size: 16px;
	}
	.dxgd__orange .dxcate_num_circle {
		color: #f7931e;
	}
	body .dxcate__box:before {
		opacity:0;
		transition:all .5s;
	}
	body .dxcate__box:hover::before {
		opacity:1;
	}
	body .dxcate__box:nth-child(1) {
		background: radial-gradient(at 0% 100%, #ffbb46 0%, #fc9540 100%);
	}
	body .dxcate__box:nth-child(1)::before {
		background: radial-gradient(at 0% 100%, #fc9540 0%, #ffbb46 100%);
		opacity:0;
		transition:all .5s;
	}
	body .dxcate__box:nth-child(1):hover::before {
		background: radial-gradient(at 0% 100%, #fc9540 0%, #ffbb46 100%);
		opacity:1;
	}
    body .dxcate__box:nth-child(2) {
        background: radial-gradient(at 0% 100%, #00bf97 0%, #00a99d 100%);
    }
    body .dxcate__box:nth-child(2)::before {
        background: radial-gradient(at 0% 100%, #00a99d 0%, #00bf97 100%);
		opacity:0;
		transition:all .5s;
    }
    body .dxcate__box:nth-child(2):hover::before {
        background: radial-gradient(at 0% 100%, #00a99d 0%, #00bf97 100%);
		opacity:1;
    }
    body .dxcate__box:nth-child(3) {
        background: radial-gradient(at 0% 100%, #00b3d4 0%, #0097bf 100%);
    }
    body .dxcate__box:nth-child(3)::before {
        background: radial-gradient(at 0% 100%, #0097bf 0%, #00b3d4 100%);
		opacity:0;
		transition:all .5s;
    }
    body .dxcate__box:nth-child(3):hover::before {
        background: radial-gradient(at 0% 100%, #0097bf 0%, #00b3d4 100%);
		opacity:1;
    }
    body .dxcate__box:nth-child(4) {
        background: radial-gradient(at 0% 100%, #6ac2ff 0%, #0090d4 100%);
    }
    body .dxcate__box:nth-child(4)::before {
        background: radial-gradient(at 0% 100%, #0090d4 0%, #6ac2ff 100%);
		opacity:0;
		transition:all .5s;
    }
    body .dxcate__box:nth-child(4):hover::before {
        background: radial-gradient(at 0% 100%, #0090d4 0%, #6ac2ff 100%);
		opacity:1;
    }
    body .dxcate__box:nth-child(5) {
        background: radial-gradient(at 0% 100%, #6740e2 0%, #2d1787 100%);
    }
    body .dxcate__box:nth-child(5)::before {
        background: radial-gradient(at 0% 100%, #2d1787 0%, #6740e2 100%);
    }
    body .dxcate__box:nth-child(6) {
        background: radial-gradient(at 0% 100%, #6729b7 0%, #30085e 100%);
    }
    body .dxcate__box:nth-child(6)::before {
        background: radial-gradient(at 0% 100%, #30085e 0%, #6729b7 100%);
    }
    body .dxcate__box:nth-child(7) {
        background: radial-gradient(at 0% 100%, #c927aa 0%, #870374 100%);
    }
    body .dxcate__box:nth-child(7)::before {
        background: radial-gradient(at 0% 100%, #870374 0%, #c927aa 100%);
    }
    body .dxcate__box:nth-child(8) {
        background: radial-gradient(at 0% 100%, #d12869 0%, #ad0930 100%);
    }
    body .dxcate__box:nth-child(8)::before {
        background: radial-gradient(at 0% 100%, #ad0930 0%, #d12869 100%);
    }
	.cate_num24 {
		font-size: 22px;
		font-variant-numeric:normal !important;
		color:#f7931e;
	}
	.catenum__box {
		margin:0 !important;
		padding:0 !important;
		line-height:1 !important;
	}

@media only screen and (min-width: 62em) {
	.glossary-term-list li a {
		padding:0;	
	}
	.glossary-term-list {
		gap:0 1rem;
	}
}
	
	
	/* =====はじめに ====== */
	
	.introduction * {
		box-sizing: border-box;
		list-style: none;
	}

	.introduction {
		text-align: center;
		background: #fafafd;
		font-size: 1.6rem;
		max-width: 72rem;
		margin: 0 auto;
	}

	.introduction h1 {
		font-size: 24px;
		padding-bottom: 1rem;
	}

	.introduction__txt {
		padding: 0 6% 0;
	}

	.recommend__job {
		text-align: left;
		margin: 10rem 0 0;
	}

	.introduction h2 {
		font-size: 24px;
		padding-bottom: 1rem;
		color: #867ABF;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.introduction h2::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-left: 24px solid transparent;
		border-right: 24px solid transparent;
		border-top: 24px solid #867ABF;
	}

	.r_joblist {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		padding: 0 !important;
	}

	.r_joblist li {
		margin: 0 1rem;
		max-width: 340px;
		width: 100%;
	}

	.r_joblist li a {
		width: 100%;
		height: 380px;
		display: block;
		padding: 180px 0 0;
		color: #F5F5F5;
		box-sizing: border-box;
		font-size: 1.4rem;
	}
	.r_joblist li a:hover {
		background:rgba(255,255,255,.3);
	}
	.r_joblist li h4 {
		margin: 0 10px auto auto;
		width: 140px;
		text-align: left;
		font-size: 1.8rem;
		line-height: 1.2;
	}

	.r_joblist li:nth-child(1) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon001.png") no-repeat right top;
	}

	.r_joblist li:nth-child(2) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon002.png") no-repeat right top;
	}

	.r_joblist li:nth-child(3) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon003.png") no-repeat right top;
	}

	.r_joblist li:nth-child(4) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon004.png") no-repeat right top;
	}

	.r_joblist li:nth-child(4) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon004.png") no-repeat right top;
	}

	.r_joblist li:nth-child(5) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon005.png") no-repeat right top;
	}

	.r_joblist li:nth-child(6) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon006.png") no-repeat right top;
	}

	.r_joblist li:nth-child(7) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon007.png") no-repeat right top;
	}

	.r_joblist li:nth-child(8) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon008.png") no-repeat right top;
	}

	.r_joblist li:nth-child(9) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon009.png") no-repeat right top;
	}

	.r_joblist li:nth-child(10) {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/01/icon010.png") no-repeat right top;
	}

	.uks {
		max-width: 440px;
		margin: 60px auto !important;
	}

	.uks_wrap {
		background: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2022/12/uks3.gif") no-repeat center top;
		max-width: 440px;
		height: 301px;
		padding: 12px 4% 0 36%;
		margin: 0 auto;
	}

	html .uks .uks_wrap p {
		font-size: 1.3rem !important;
		line-height: 1.6 !important;
	}

	
/* ===== 2023/03/01 更新 ====== */

.home .page-header {
    margin-bottom: 0;
}

.home a:hover img {
    opacity: .8;
    transition: .3s;
}

.topheader {
    width: 100%;
    display: flex;
    background: #fff;
    border-bottom: 2px solid #D9D9D9;
    margin-bottom: 4rem;
    overflow: hidden;
    box-sizing: border-box;
}

.topheadimg {
    width: 50%;
    height: 200px;
    box-sizing: border-box;
}

.topheadimg img {
    object-fit: cover;
    object-position: right center;
    height: 100%;
}

.tophead_lead {
    color: #867ABF;
    padding: 0 4% 0 8%;
    display: flex;
    align-items: center;
    width: 50%;
    box-sizing: border-box;
}

.toph1 {
    font-size: 1.6rem;
    padding: 3rem 0;
}

.top_glossary__wrap {
    max-width: 120rem;
    margin: 0 auto;
}

.home .dxcate__box {
    height: 160px;
}

.home .dxcate__box::before {
    height: 160px;
}

.top_w1200part {
    margin: 0 5% 4rem;
}

.top_w1200part .section-header {
    max-width: 1200px;
    margin: 0 auto;
}

.top_w1200part .section-header h2 {
    font-size: 1.8rem;
}

.top_pickups {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 3rem;
    max-width: 1200px;
	margin: 0 auto;
	justify-content:center;
}

.top_newtitle {
    color: #666;
	font-size:1.8rem;
}

.topcard {
    margin-bottom: 3rem;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    box-shadow: var(--shadow);
    box-sizing: border-box;
    transition: all ease-in-out .3s;
}

.topcard a {
    text-decoration: none;
    display: block;
    height: 100%;
    background: #fff;
    transition: all .5s;
}

.topcard a:hover {
    background: #f5f5f5;
}

.top_pickups .topcard img {
    object-fit: cover;
    aspect-ratio: 200 / 124;
}



@media only screen and (min-width: 1300px) {
    .toph1 {
        font-size: 3rem;
    }
}

/* タブエリア */
.tabarea_wrap {
    margin: 0 auto;
    box-sizing: border-box;
}

.tabarea_wrap input {
    display: none;
}

.tab_area {
    display: flex;
    justify-content: space-between;
}

.tab_area label {
    display: block;
    width: 33.1%;
    text-align: center;
    border-radius: 6px 6px 0 0;
    padding: 8px;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 1.6rem;
}

.toptab_yougo {
    background: #613CD9;
}

.toptab_kakugen {
    background: #0693D7;
}

.toptab_movie {
    background: #FE9B42;
}

.toptab_ui {
    background: #B00B33;
}

.top_tabcontent__wrap {
    position: relative;
    margin: -2px 0 0;
}

.top_panel {
    padding: 0 0;
    color: #222;
    display: none;
}

#panel__yougo {
    border-top: 16px solid #613CD9;
}

#panel__kakugen {
    border-top: 16px solid #0693D7;
}

#panel__movie {
    border-top: 16px solid #FE9B42;
}

#panel__ui {
    border-top: 16px solid #B00B33;
}

#tab_yougo:checked~.top_tabcontent__wrap #panel__yougo {
    display: block;
}

#tab_kakugen:checked~.top_tabcontent__wrap #panel__kakugen {
    display: block;
}

#tab_uxmovie:checked~.top_tabcontent__wrap #panel__movie {
    display: block;
}

#tab_uisinri:checked~.top_tabcontent__wrap #panel__ui {
    display: block;
}

/* トップ中段記事*/
.top_middle__article {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    margin: 1rem 0;
}

.top_middle__article h3 {
    font-size: 2.0rem;
    margin-bottom: 0.5rem;
    font-weight: 550;
}

.m_card__yougo {
    border: 1px solid #613CD9;
}

.m_card__yougo a:hover {
    background: #dfd8f7;
    transition: all .3s;
}

.m_card__kakugen {
    border: 1px solid #0693D7;
}

.m_card__kakugen a:hover {
    background: #cde9f7;
    transition: all .3s;
}

.m_card__movie {
    border: 1px solid #FE9B42;
}

.m_card__movie a:hover {
    background: #ffebd9;
    transition: all .3s;
}

.m_card__ui {
    border: 1px solid #B00B33;
}

.m_card__ui a:hover {
    background: #efced6;
    transition: all .3s;
}

.top_middle__article a {
    position: relative;
    display: flex;
    text-decoration: none;
	flex-direction:column;
}

.top_middle__article img {
    object-fit: cover;
    height:20rem;
    display: block;
    width: 100%;
}

.m_card__body {
    padding: 2rem;
}
	.m_card__body h3 {
		color:#666;
	}
.m_card__body p {
    margin: 0.6rem 0;
    font-size: 1.6rem;
}

	.top_tabcontent__wrap a.yougo_btn {
		border-color:#613CD9;
		transition:all .3s;
	}
	.top_tabcontent__wrap a.kakugen_btn {
		border-color:#0693D7;
		transition:all .3s;
	}
	.top_tabcontent__wrap a.movie_btn {
		border-color:#FE9B42;
		transition:all .3s;
	}
	.top_tabcontent__wrap a.yougo_btn:hover {
		background:#613CD9;
		color:#fbfbfb;
	}
	.top_tabcontent__wrap a.kakugen_btn:hover {
		background:#0693D7;
		color:#fbfbfb;
	}
	.top_tabcontent__wrap a.movie_btn:hover {
		background:#FE9B42;
		color:#fbfbfb;
	}
.top_tabcontent__wrap a.btn {
    margin: 0 auto;
}

.m_banner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.m_banner li {
    border: 1px solid #bfbfbf;
    width: 49.6%;
    box-sizing: border-box;
}


/* サイドナビ */
.side_navi {
    max-width: 426px;
    margin: 50px auto;
}

.s_popular__article {
    background: #867ABF;
    font-size: 1.8rem;
    color: #fff;
    line-height: 1;
    padding: 1rem 1.6rem;
    border-radius: 5px;
}

.popular_articlelist {
    margin: 20px 0 20px;
}

.popular_content a {
    margin-bottom: 1.2rem;
    display: flex;
    position: relative;
}

.popular_content a:before {
    position: absolute;
    color: #f5f5f5;
    font-size: 2.4rem;
    z-index: 10;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    background: rgba(0, 0, 0, .6);
    width: 100px;
    height: 100%;
    font-variant-numeric: normal;
}

.popular_content:first-child a:before {
    content: "1";
}

.popular_content:nth-child(2) a:before {
    content: "2";
}

.popular_content:nth-child(3) a:before {
    content: "3";
}

.popular_content:nth-child(4) a:before {
    content: "4";
}

.popular_content:nth-child(5) a:before {
    content: "5";
}

.popular_content img {
    object-fit: cover;
    aspect-ratio: 12 / 8;
    display: block;
    max-width: 100px;
}

.popular_content h3 {
    font-size: 1.6rem;
    padding: 0.4rem 0 0.4rem 1.6rem;
    color: #666;
}

.side_banner {
    margin-bottom: 20px;
}

.side_banner li {
    margin-bottom: 1rem;
    border: 3px solid #bfbfbf;
    box-sizing: border-box;
}

.side_category {
    margin-bottom: 20px;
}

.sc_title {
    font-size: 1.8rem;
    margin-bottom: 1.6rem;
}

.side_category dd {
    margin-bottom: 0.6rem;
    padding-left: 2rem;
}

.side_category dd::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #867ABF;
    display: inline-block;
    vertical-align: middle;
}

.side_category dd a {
    vertical-align: middle;
    font-size: 1.8rem;
}

.side_navi__container {
    margin-bottom: 3rem;
}

/* フッター */

footer {
    background: #1E1E1E;
    color: #fff;
    overflow: hidden;
    position: relative;
}

body .toplink__btn {
    display: block;
    background: #867ABF;
    color: #eee;
    position: absolute;
    top: 0;
    right: 0;
}

.toplink__btn::before {
    content: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/02/arrow2.png");
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    padding: 0.4rem 0 0.4rem 2rem;
}

.toplink__btn span {
    font-size: 1.6rem;
    color: #EEE;
    vertical-align: middle;
    padding: 0.4rem 2rem 0.4rem 1rem;
}

footer h3 {
    max-width: 186px;
    margin: 84px auto 30px;
}

footer h3 img {
    width: 100%;
}

.footer_menu__wrap {
    display: grid;
    grid-template-columns: 220px;
    gap: 0 1rem;
    place-content: center;
    place-items: center;
    margin-bottom: 1rem;
	margin-top:4.8rem;
}

.footer_menu {
    border: 1px solid #867ABF;
    width: 220px;
    height: 138px;
    margin-bottom: 1rem;
}

.footer_menu a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
    box-sizing: border-box;
}

.footer_menu a img {
    max-width: 100%;
}

.footer_menu a p {
    margin-bottom: 0;
    line-height: 1.6;
    color: #fff;
}

.footer_menu a p:first-child {
    width: 35%;
    margin-right: 1rem;
}

.footer_menu a .f_fb {
    text-align: center;
}

.footer_info {
    margin: 0 auto 2.4rem;
    text-align: center;
}

.footer_info a {
    text-decoration: none;
    text-align: center;
    line-height: 1;
    color: #fff;
    box-sizing: border-box;
    font-size: 1.5rem;
}

.home .footer_mail_magazine {
    background: #867ABF;
    padding: 0.8rem 1rem 0.8rem;
    display: inline-block;
    text-align: center;
	margin:0.8rem 0;
}

.footer_mail_magazine::before {
    content: url("https://cfw51.rabbitloader.xyz/eyJjIjp0cnVlLCJoIjoidXhkYXlzdG9reW8uY29tIiwidiI6MzU5NDQ0OTgxOCwiciI6MX0/articles/wp-content/uploads/2023/02/mmag.png");
    display: inline-block;
    padding: 0 1rem 0 0;
    vertical-align: middle;
}

.f_contact {
    display: flex;
    justify-content: center;
    margin: 1rem auto;
}

.footer_info .f_contact a {
    display: inline-block;
    padding: 0 1rem;
    color: #fff;
	font-size:1.5rem;
}

.copyright {
    color: #999;
	font-size:1.4rem;
}
	footer.entry__footer {
		background:transparent;
	}
@media only screen and (min-width: 37em) {
    .topheadimg {
        width: 50%;
        height: auto;
    }

    .topheadimg img {
        height: auto;
    }

    .toph1 {
        font-size: 2.4rem;
    }

    .top_pickups {
        grid-template-columns: 1fr 1fr;
    }

    .footer_menu__wrap {
        width: 90%;
        max-width: 120rem;
        margin-inline: auto;
        /*grid-template-columns: 220px 220px;*/
        grid-template-columns: repeat(2, 1fr);
    }

.footer_menu {
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
}

    .footer_info a {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 62em) {
    .topheadimg img {
        height: auto;
    }

    .toph1 {
        font-size: 2.8rem;
    }

    .top_pickups {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .footer_menu__wrap {
        /*grid-template-columns: 220px 220px 220px 220px;*/
        grid-template-columns: repeat(4, 1fr);
    }

}
	
	/* 2023/04/08 追加　用語タイトルBG */
	
.term-tools-frameworks-methodologies .category-card {
    background: radial-gradient(at 0% 100%, #ffbb46 0%, #fc9540 100%);
}
.term-technology .category-card {
    background: radial-gradient(at 0% 100%, #00bf97 0%, #00a99d 100%);
}
.term-design-informationdesign .category-card {
    background: radial-gradient(at 0% 100%, #00b3d4 0%, #0097bf 100%);
}
.term-marketing-business .category-card {
    background: radial-gradient(at 0% 100%, #6ac2ff 0%, #0090d4 100%);
}
.term-research-analysis-test .category-card {
    background: radial-gradient(at 0% 100%, #6740e2 0%, #2d1787 100%);
}
.term-psychology-behavioraleconomics-brain-science .category-card{
    background: radial-gradient(at 0% 100%, #6729b7 0%, #30085e 100%);
}
.term-thinking-mind .category-card {
    background: radial-gradient(at 0% 100%, #c927aa 0%, #870374 100%);
}
.term-organization-facilitation .category-card {
    background: radial-gradient(at 0% 100%, #d12869 0%, #ad0930 100%);
}
.category-card h1 {
    font-size: 3.6rem;
    color: #fafafd;
	text-align:center;
}
.category-card .glossary-term-list__count {
    color: #fafafd;
	text-align:center;
}
	.alpha {
		opacity:1;
	}
	.alpha:hover {
		opacity:0.8;
	}

@media only screen and (min-width: 580px) {
	.top_middle__article img {
		object-fit: cover;
		/*aspect-ratio: 100 / 60;
		display: block;
		height: auto;
		max-width: 45%;*/
		object-fit: cover;
  width: 100%;
  height: 100%;
		max-width: 100%;
  aspect-ratio: auto;
	}

	.top_middle__article a {
		display: flex;
		text-decoration: none;
		flex-direction: row;
  display: grid;
  grid-template-columns: 1fr 3fr;
	}

	.top_middle__article a picture {
 position: relative;
 overflow: hidden;
 display: grid;
 }

	.top_middle__article a picture img {
 position: absolute;
 inset: 0;
}
 
	.top_newtitle {
	    color: #666;
		font-size:1.8rem;
	}
	.top_w1200part .section-header h2 {
		font-size:2rem;
	}
	.top_newtitle {
		font-size:2rem;
	}
}