@charset "UTF-8";

@media screen and (min-width: 760px) {

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

	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		vertical-align: baseline;
	}

	/* ==========================================================================
   Base
============================================================================= */

	#jobtype-body * {
		box-sizing: border-box;
	}

	input,
	textarea {
		line-height: 1.6;
	}

	a:link,
	a:visited,
	a:active {
		color: #464646;
	}

	a:hover {
		color: #8f8e8e;
	}

	#top-flow {
		text-align: left;
	}

	.keyword_list li.cat_j p.ss {
		line-height: 34px;
	}

	.clearfix:after {
		content: "";
		display: table;
		clear: both;
	}

	figure {
		line-height: 0;
	}

	figure .notice {
		line-height: normal;
	}

	figcaption {
		color: #666;
		font-size: 13px;
		margin-top: 0.5em;
		line-height: normal;
	}

	figure img {
		height: auto !important;
		max-width: 100% !important;
	}

	figure.has-caption {
		display: table;
		margin: 0 auto;
	}

	figure.has-caption figcaption {
		caption-side: bottom;
		display: table-caption;
		padding-top: 5px !important;
	}

	.youtube_movie iframe {
		aspect-ratio: 430/241;
		height: auto;
		width: 100%;
		overflow: hidden;
	}

	.pc-hidden {
		display: none;
	}

	a.zoom_img {
		position: relative;
		font-size: 0;
		line-height: 0;
	}

	a.zoom_img .zoomicon {
		background: url(../../common/img/sprite.png) repeat scroll -300px 0 rgba(0, 0, 0, 0);
		display: block;
		position: absolute;
		left: 1px;
		bottom: 1px;
		width: 29px;
		height: 29px;
		text-indent: -9999px;
		overflow: hidden;
	}

	a.zoom_img:hover img {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}

	.inline_movie object {
		min-height: 236px;
	}

	.inline_movie--3ds object {
		min-height: 460px;
	}

	.mgb-none {
		margin-bottom: 0 !important;
	}

	.mgb-sm {
		margin-bottom: 18px !important;
	}
	
	.mgt-1em {
		margin-top: 1em;
	}

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

	.p0 {
		padding: 0 !important;
	}

	.block-979 {
		display: none;
	}

	@media screen and (max-width: 979px) {

		.block-979 {
			display: block;
		}

	}

	/* ==========================================================================
   Layout
============================================================================= */

	#container {
		width: 100% !important;
	}

	/* global-header
------------------------------------------------------------------- */
	#global-header {
		margin-top: 9px;
		padding-bottom: 9px;
		line-height: 0;
		border-bottom: solid 1px #e6e6e6;
	}

	#global-header .gh-logo {
		width: 960px;
		margin: 0 auto;
	}

	/* 2015.03.23 追加 */
	#global-header .gh-logo img {
		vertical-align: middle;
	}

	/* spメニュー */
	.site-header_sp {
		z-index: 9999 !important;
		overflow-y: scroll;
		-ms-overflow-style: none;
		/* IE, Edge 対応 */
		scrollbar-width: none;
		/* Firefox 対応 */
	}

	.site-header_sp::-webkit-scrollbar {
		/* Chrome, Safari 対応 */
		display: none;
	}

	/* jobtype-header
------------------------------------------------------------------- */
	#jobtype-header {
		align-items: center;
		display: flex;
		justify-content: space-between;
		height: 88px;
		margin: 0 auto;
		max-width: 960px;
		line-height: 1.2;
		letter-spacing: 0.1em;
		padding: 0 8px;
		/*overflow: hidden;*/
		-webkit-font-smoothing: auto !important;
	}

	#jobtype-header .jh-title {
		font-size: 30px;
		font-weight: bold;
		letter-spacing: .25em;
	}

	#jobtype-header .jh-title a {
		color: #666 !important;
	}

	#jobtype-header #gnav {
		position: relative;
	}

	#jobtype-header #gnav ul {
		align-items: center;
		display: flex;
	}

	#jobtype-header #gnav ul li {
		margin-left: 10px;
		height: 20px;
		width: 101px;
	}

	#jobtype-header #gnav ul li a {
		align-items: center;
		border-radius: 9999px;
		color: #fff;
		display: flex;
		font-size: 12.5px;
		justify-content: center;
		line-height: 1;
		cursor: pointer;
		height: 100%;
	}

	#jobtype-header #gnav ul li a:hover {
		opacity: .7;
	}

	#jobtype-header #gnav .active-cursor {
		position: absolute;
		top: 27px;
		display: block;
		width: 8px;
		height: 4px;
		overflow: hidden;
		background: url(../img/sprite.png) 0 -100px;
		z-index: 1000;
	}
	
	#jobtype-header #gnav .gnav-balloon {
	    position:absolute;
		top: 32px;
		left: -140px;
		background:#FFFFFF;
		padding: 8px;
		text-align:center;
		border:1px solid #ccc;
		border-radius: 4px;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		display: none;
	}
	
	#jobtype-header #gnav .gnav-balloon-wrap {
		padding-top: 32px 
	}
	
	#jobtype-header #gnav .gnav-balloon:after,#jobtype-header #gnav .gnav-balloon:before{
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		bottom:100%;
		left:50%;
	}
	
	#jobtype-header #gnav .gnav-balloon:after{
		border-color: rgba(255, 255, 255, 0);
		border-top-width:6px;
		border-bottom-width:6px;
		border-left-width:6px;
		border-right-width:6px;
		margin-left: -6px;
		border-bottom-color:#FFFFFF;
	}
	
	#jobtype-header #gnav .gnav-balloon:before{
		border-color: rgba(204, 12, 0, 0);
		border-top-width:7px;
		border-bottom-width:7px;
		border-left-width:7px;
		border-right-width:7px;
		margin-left: -7px;
		margin-bottom: 1px;
		border-bottom-color:#ccc;
	}
	
	#jobtype-header #gnav .gnav-balloon ul li {
		width: auto;
		margin-left: 0;
		margin: 0 1em;
		position: relative;
	}
	
	#jobtype-header #gnav .gnav-balloon ul li a::before {
		display: inline-block;
		content: "";
		width: 12px;
		height: 12px;
		background: url("../img/arrow_r_green.svg") 50% 50% no-repeat;
		background-size: cover;
		margin-right: 4px;
		margin-top: 1px;
	}
	
	#jobtype-header #gnav .gnav-balloon a {
		background: none;
		color: #666;
		letter-spacing: 0.1em;
	}

	#jobtype-header #gnav-engineer a {
		background-color: #88d60e;
		letter-spacing: .5em;
		padding-left: .5em;
	}

	#jobtype-header #gnav-design a {
		background-color: #6e73c7;
		letter-spacing: .175em;
		padding-left: .175em;
	}

	#jobtype-header #gnav-sound a {
		background-color: #f4b800;
		letter-spacing: .175em;
		padding-left: .175em;
	}

	#jobtype-header #gnav-planning a {
		background-color: #199be7;
		letter-spacing: .1em;
		padding-left: .1em;
	}

	#jobtype-header #gnav-business a {
		background-color: #ff6190;
		letter-spacing: 0;
		padding-left: 0;
	}

	/* jobtype-body
------------------------------------------------------------------- */
	#jobtype-body {
		border-top: solid 1px #e6e6e6;
		color: #3c3c3c;
		font-size: 16px;
		line-height: 32px;
		text-align: left;
		-webkit-font-smoothing: auto !important;
	}

	.category-body {
		background: none;
	}

	.category-header h1 a {
		align-items: center;
		color: #fff !important;
		display: flex;
		font-size: 26px;
		height: 80px;
		justify-content: space-between;
		letter-spacing: 0.275em;
		padding: 0 8px;
		overflow: hidden;
		width: 100%;
		max-width: 960px;
	}

	.category-top-title {
		align-items: center;
		border-style: solid;
		border-color: #333;
		border-width: 6px 0 2px;
		display: flex;
		flex-direction: column;
		font-size: 34.25px;
		font-weight: bold;
		height: 118px;
		justify-content: center;
		line-height: 1.2;
	}

	.category-header .sub-title {
		font-family: "Gill Sans",
			"Gill Sans MT",
			"Calibri",
			sans-serif;
		font-size: 13px;
		font-weight: 100;
		margin-left: -.35em;
		margin-top: 5px;
	}

	.category-footer {
		margin-top: 50px;
	}

	.category-title {
		align-items: center;
		display: flex;
		justify-content: center;
		margin-bottom: 16px;
		text-align: center;
	}

	.category-title a {
		max-width: 960px;
	}

	.category-nav.menu {
		justify-content: space-between;
		width: 100%;
		max-width: 960px;
	}

	.category-nav {
		align-items: center;
		display: flex;
		font-size: 12px;
		justify-content: space-between;
		margin: 0 auto 53px;
		max-width: 960px;
		padding: 0 8px;
	}

	.category-nav li {
		align-items: center;
		border-left: solid 1px #ccc;
		display: flex;
		flex-grow: 1;
		justify-content: center;
		letter-spacing: .1em;
		margin-bottom: 36px;
	}

	.category-nav li:last-child {
		border-right: solid 1px #ccc;
	}

	.category-nav li a {
		color: #999 !important;
	}

	.category-nav li.is-active {
		position: relative;
	}

	.category-nav li.is-active:after {
		content: ' ';
		display: block;
		position: absolute;
		top: 27px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 8px;
		height: 4px;
		overflow: hidden;
		background: url(../img/sprite.png) 0 -100px;
	}

	.category-nav li.is-active01:after {
		content: ' ';
		display: block;
		position: absolute;
		top: 27px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 8px;
		height: 4px;
		overflow: hidden;
		background: url(../img/sprite.png) 0 -100px;
		z-index: 4;
	}
	
	

	/* content
------------------------------------------------------------------- */
	.content {
		padding: 0 8px;
	}

	.content-wrap {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 920px;
	}

	.content-wrap--indent {
		margin-left: auto;
		margin-right: auto;
		padding: 0 20px;
		overflow: hidden;
		width: 100%;
		max-width: 960px;
	}

	.content-section--flex {
		align-items: flex-start;
		display: flex;
	}

	.content-title {
		align-items: center;
		border-style: solid;
		border-width: 6px 0;
		border-color: #3c3c3c;
		display: flex;
		height: 114px;
		justify-content: center;
		letter-spacing: .425em;
		max-width: 960px;
		margin: 0 auto;
		width: 100%;
	}

	.content-title h1 {
		align-items: center;
		display: flex;
		font-size: 30px;
		justify-content: center;
		line-height: 1.2;
	}

	.content-title .sub-title {
		background: #3c3c3c;
		color: #fff;
		display: inline-block;
		border-radius: 30px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: .25em;
		line-height: 1;
		margin-right: 24px;
		margin-top: -8px;
		padding: 14px 30px 14px 36px;
		position: relative;
	}

	.content-title .sub-title::after {
		content: "";
		display: inline-block;
		position: absolute;
		margin: 0;
		bottom: -10px;
		right: 50%;
		border-top: 10px solid #3c3c3c;
		border-left: 8px solid transparent;
		transform: translateX(50%);
	}

	.content-title .content-intro {
		border-color: #3c3c3c;
		border-width: 2px 0 0;
		border-style: solid;
		letter-spacing: .1em;
	}

	.content-section {
		margin: 0 auto;
		width: 100%;
		max-width: 960px;
	}

	.content-section p {
		text-indent: 1em;
		margin-bottom: 28px;
	}

	.content-section .deficiency-notes {
		padding-left: 1em;
		margin-bottom: 20px;
		font-size: 13px;
		color: #666;
		text-indent: -1em;
		line-height: 2.3;
	}

	.content-wrap--original01 {
		max-width: 960px;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* article
------------------------------------------------------------------- */
	.article-title {
		align-items: center;
		color: #fff !important;
		display: flex;
		font-size: 26px;
		flex-wrap: wrap;
		height: 80px;
		line-height: 1.2;
		justify-content: center;
		letter-spacing: 0.1em;
		margin-bottom: 26px;
		padding: 4px 20px;
	}

	@media screen and (max-width: 979px) {

		.article-title br.sp {
			display: block !important;
		}

	}

	/* global-footer
------------------------------------------------------------------- */
	#global-footer {
		height: 60px;
		line-height: 0;
		border-top: solid 1px #e6e6e6;
	}

	#global-footer .footer-content {
		width: 960px;
		margin: 0 auto;
	}

	#global-footer .gf-copyright {
		float: left;
		margin-top: 25px;
		margin-right: 266px;
		width: 64px;
	}

	#global-footer .gf-close {
		float: left;
		margin: 16px auto 0;
		width: 300px;
		height: 28px;
		text-indent: -9999px;
		background-image: url(../img/sprite.png);
		background-position: 0 -300px;
		overflow: hidden;
		cursor: pointer;
	}

	#global-footer .gf-close:hover {
		background-position: 0 -328px;
	}

	#global-footer .gf-pagetop {
		float: right;
		margin-top: 16px;
		width: 28px;
	}

	#global-footer .gf-pagetop a {
		display: block;
		width: 28px;
		height: 28px;
		background-image: url(../img/sprite.png);
		background-position: 0 0;
		text-indent: -9999px;
		overflow: hidden;
	}

	#global-footer .gf-pagetop a:hover {
		background-position: -100px 0;
	}

	/* modal-window
------------------------------------------------------------------- */
	body.is-modal {
		position: relative !important;
	}

	#MD-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/md_bg.png);
		z-index: 5000;
	}

	#MD-content {
		position: absolute;
		display: none;
		background: #FFF;
		box-shadow: 0px 0px 10px 0 #CCC;
		max-width: 100%;
	}

	#MD-content img {
		max-height: 100vh;
        max-width: 100%;
        height: auto;
	}

	#MD-close {
		display: block;
		position: absolute;
		top: 0px;
		right: -40px;
		width: 40px;
		height: 40px;
		background-image: url(../img/md_close.png);
		overflow: hidden;
		text-indent: -9999px;
		cursor: pointer;
	}

	#MD-close:hover {
		background-position: 0 -40px;
	}

	#container {
		color: #3c3c3c;
		text-align: inherit !important;
		font-family: YakuHanJPs,
			Roboto,
			"Hiragino Kaku Gothic ProN",
			"ヒラギノ角ゴ ProN W3",
			Arial,
			ncommonJp,
			sans-serif !important;
		letter-spacing: normal;
		margin-top: 72px !important;
	}

	#container a:hover {
		text-decoration: none !important;
	}

	.cf-ctop-btn {
		display: none;
	}

	.btn_pagetop {
		display: none;
		position: fixed;
		bottom: 10px;
		right: 10px;
	}

	.btn_pagetop a img {
		opacity: 0.5;
		transition: 0.2s;
	}

	/* keyword
------------------------------------------------------------------- */
	#keyword {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#keyword .section-title-keyword {
		margin: 0 auto 36px;
		padding: 0 20px 9px 20px;
		font-size: 20px;
		line-height: 30px;
		border-bottom: 2px solid;
	}

	.keyword .keyword_list,
	#keyword .keyword_list {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: flex-start;
		max-width: 920px;
	}

	.keyword .keyword_list li p,
	#keyword .keyword_list li p {
		margin-bottom: 0px;
		text-indent: 0em;
	}

	.keyword .keyword_list li p.ss,
	#keyword .keyword_list li p.ss {
		padding: 4px 12px;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 2;
		font-size: 0.83em;
	}

	.keyword .keyword_list li p.ttl,
	#keyword .keyword_list li p.ttl {
		align-items: center;
		display: flex;
		justify-content: center;
		padding-top: 0px !important;
	}
	
	.keyword .keyword_list li p.ttl {
		font-size: 17px;
	}

	.keyword .keyword_list li a,
	#keyword .keyword_list li a {
		width: 210px;
		height: 210px;
		margin: 0;
		position: relative;
		text-decoration: underline !important;
	}

	.keyword .keyword_list li:nth-child(odd) a,
	#keyword .keyword_list li:nth-child(odd) a {
		margin: 0;
	}

	.keyword .keyword_list li p.oneline,
	#keyword .keyword_list li p.oneline {
		padding-top: 0;
	}
	
	/* reference
------------------------------------------------------------------- */
	#reference {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#reference .section-title-reference {
		margin: 0 auto 36px;
		padding: 0 20px 9px 20px;
		font-size: 20px;
		line-height: 30px;
		border-bottom: 2px solid;
	}


	/* related-info
------------------------------------------------------------------- */
	.related-info {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.related-info .section-title-related-info {
		margin: 0 auto 36px;
		padding: 0 20px 9px 20px;
		font-size: 20px;
		line-height: 30px;
		border-bottom: 2px solid;
	}


	/* safari */
	::-webkit-full-page-media,
	:future,
	.youtube_movie {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
	}

	::-webkit-full-page-media,
	:future,
	.youtube_movie iframe {
		aspect-ratio: auto;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

}

@media screen and (min-width:760px) and (max-width:979px) {

	.keyword .keyword_list,
	#keyword .keyword_list {
		gap: 15px;
	}

	.keyword .keyword_list li,
	#keyword .keyword_list li {
		width: calc(100% / 4 - 11.25px);
	}

	.keyword .keyword_list li a,
	#keyword .keyword_list li a {
		aspect-ratio: 1/1;
		float: none;
		width: auto;
		height: auto;
	}

	/* safari */
	::-webkit-full-page-media,
	:future,
	.keyword .keyword_list li a,
	#keyword .keyword_list li a {
		aspect-ratio: auto;
		padding-top: 100%;
	}

	.keyword .keyword_list li p.ttl,
	#keyword .keyword_list li p.ttl {
		font-size: clamp(13.5px, 1.75vw, 17.5px);
		height: 7.5vw;
	}

}




@media screen and (max-width: 759px) {

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

	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
	}

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

	html {
		-webkit-text-size-adjust: 100%;
	}

	ol,
	ul {
		list-style: none;
	}

	blockquote,
	q {
		quotes: none;
	}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/* ==========================================================================
   Base
============================================================================= */

	body {
		color: #3c3c3c;
		font-size: 14px;
	}

	input,
	textarea {
		font-family: sans-serif;
		line-height: 1.6;
	}

	a {
		text-decoration: underline;
	}

	#container {
		width: 100% !important;
	}

	.clearfix:after,
	.category-nav,
	#jobtype-header:after,
	.content-wrap:after,
	.content-wrap--indent:after,
	.footer-content {
		content: "";
		display: table;
		clear: both;
	}

	figure {
		line-height: 0;
	}

	figure .notice {
		line-height: normal;
	}

	figcaption {
		text-align: center;
		color: #666;
		font-size: 12px;
		margin-top: 0.5em;
		line-height: normal;
	}

	figure.has-caption {
		display: table;
		margin: auto;
		text-align: center;
	}

	figure.has-caption figcaption {
		caption-side: bottom;
		display: table-caption;
		padding-top: 0 !important;
	}

	.sp-hidden {
		display: none;
	}

	a.zoom_img {
		display: inline-block;
		position: relative;
		font-size: 0;
		line-height: 0;
		max-width: 100%;
	}

	a.zoom_img:after {
		content: '';
		display: block;
		position: absolute;
		left: 1px;
		bottom: 1px;
		width: 30px;
		height: 30px;
		overflow: hidden;
		background: url(../img/sp-sprite.png) -150px -200px;
		background-size: 300px 300px;
	}

	img.fluid-img {
		max-width: 100%;
		height: auto;
	}

	.inline_movie video {
		width: 280px;
		height: 158px;
		background: #666;
	}

	.inline_movie--3ds video {
		width: 280px;
		height: 336px;
		background: #666;
	}

	.youtube_movie iframe {
		aspect-ratio: 430/241;
		height: auto;
		width: 100%;
		overflow: hidden;
	}

	.content-section .deficiency-notes {
		font-size: 13px;
		color: #666;
		text-indent: -1em;
		padding-left: 1em;
	}

	.mgb-none {
		margin-bottom: 0 !important;
	}

	.p0 {
		padding: 0 !important;
	}

	.max430px {
		margin: auto;
		max-width: min(430px, 100%);
	}

	.sp-hide {
		display: none !important;
	}

	/* ==========================================================================
   Layout
============================================================================= */

	body {
		position: relative;
	}

	.content-wrap--indent {
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px;
	}

	/* global-header
------------------------------------------------------------------- */
	.site-header_sp {
		z-index: 9999 !important;
		overflow-y: scroll;
		-ms-overflow-style: none;
		/* IE, Edge 対応 */
		scrollbar-width: none;
		/* Firefox 対応 */
	}

	.site-header_sp::-webkit-scrollbar {
		/* Chrome, Safari 対応 */
		display: none;
	}

	/* jobtype-header
------------------------------------------------------------------- */
	#jobtype-header {
		display: none;
		-webkit-font-smoothing: auto !important;
	}

	/* jobtype-body
------------------------------------------------------------------- */
	#jobtype-body {
		line-height: 28px;
		padding-top: 46px;
		text-align: left;
		-webkit-font-smoothing: auto !important;
	}

	#jobtype-body h1,
	#jobtype-body h2,
	#jobtype-body h3,
	#jobtype-body h4,
	#jobtype-body h5,
	#jobtype-body h6,
	#jobtype-body strong {
		letter-spacing: .125em;
	}

	.category-header .sub-title {
		font-family: "Gill Sans",
			"Gill Sans MT",
			"Calibri",
			sans-serif;
		font-weight: 100;
	}

	.category-title .sub-title {
		display: none;
	}

	.category-footer {
		margin-top: 20px;
	}

	.category-title {
		margin-bottom: 20px;
	}

	.category-title a {
		display: block;
		box-sizing: border-box;
		padding: 17px 20px;
		height: 70px;
		font-size: 18px;
		line-height: 36px;
		color: #FFF !important;
		text-decoration: none;
		overflow: hidden;
	}

	.category-title a:visited {
		color: #FFF !important;
	}

	.category-nav {
		width: 100%;
	}

	.category-nav li {
		border-top: solid 1px #cdcdcd;
	}

	.category-nav li a {
		position: relative;
		padding: 9px 20px;
		display: block;
		text-decoration: none;
		background: #f2f2f2;
	}

	li.category-nav--2nd {
		border-top: none;
		background: #e2e2e2;
	}

	.category-nav--2nd li {
		border-top: dotted 1px #bcbcbc;
	}

	.category-nav--2nd li a {
		padding: 9px 20px 9px 40px;
		background: #e2e2e2;
	}

	.category-nav li a:after {
		position: absolute;
		display: block;
		content: '';
		right: 20px;
		top: 0;
		bottom: 0;
		margin: auto 0;
		height: 8px;
		width: 5px;
		text-decoration: none;
		background-image: url(../img/sp-sprite.png);
		background-size: 300px 300px;
		overflow: hidden;
		background-position: -150px -100px;
	}

	.cf-ctop-btn a {
		position: relative;
		padding: 14px 20px;
		display: block;
		color: #FFF !important;
		font-size: 15px;
		text-decoration: none;
	}

	.cf-ctop-btn a:after {
		position: absolute;
		display: block;
		content: '';
		right: 20px;
		top: 0;
		bottom: 0;
		margin: auto 0;
		height: 8px;
		width: 5px;
		text-decoration: none;
		background-image: url(../img/sp-sprite.png);
		background-size: 300px 300px;
		background-position: -200px -100px;
		overflow: hidden;
	}

	.cf-ctop-btn a:visited {
		color: #FFF !important;
	}

	/* content
------------------------------------------------------------------- */
	.content-title {
		border-style: solid;
		border-width: 5px 0;
		margin: 0 10px;
	}

	.content-title h1 {
		font-size: 18px;
		line-height: 26px;
		padding: 16px 8px;
		text-align: center;
	}

	.content-title h1 .sub-title {
		display: block;
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 4px;
	}

	.content-title .content-intro {
		padding: 15px 10px;
		border-width: 2px 0 0;
		border-style: solid;
	}

	.content-section--flex.flex-sp-reverse {
		display: flex;
		flex-direction: column-reverse;
	}

	.content-wrap--original01 {
		margin-left: 15px;
		margin-right: 15px;
	}

	/* article
------------------------------------------------------------------- */

	/* global-footer
------------------------------------------------------------------- */
	#global-footer {
		height: 70px;
	}

	#global-footer .footer-content {
		width: 100%;
		text-align: center;
	}

	#global-footer .gf-close {
		margin: 10px auto 0;
		padding: 0 1.5em;
		display: inline-block;
		color: #FFF;
		height: 40px;
		line-height: 40px;
		background: #434a54;
		border-radius: 20px;
	}

	#global-footer .gf-close:before {
		content: '';
		float: left;
		display: block;
		margin-top: 13px;
		margin-right: 8px;
		width: 14px;
		height: 14px;
		background-image: url(../img/sp-sprite.png);
		background-size: 300px 300px;
		background-position: -100px -200px;
		text-indent: -9999px;
		overflow: hidden;
	}

	/* sp-header
------------------------------------------------------------------- */
	#sp-header {
		position: fixed;
		box-sizing: border-box;
		border-bottom: 4px solid #cdcdcd;
		height: 98px;
		top: 0;
		left: 0;
		width: 100%;
		background: #FFF;
		z-index: 1500;
	}

	#sp-header .sp-site-title {
		padding: 5px 0 6px;
		text-align: center;
	}

	#sp-header .sp-site-title img {
		width: 280px;
	}

	.sp-header-content {
		border-top: solid 1px #cdcdcd;
	}

	#sp-header h1 {
		position: absolute;
		top: 34px;
		left: 0;
		width: 100%;
		height: 60px;
		font-size: 17px;
		line-height: 60px;
		text-align: center;
		z-index: 0;
	}

	#sp-header .sp-logo {
		position: absolute;
		top: 34px;
		left: 0;
		width: 60px;
		height: 60px;
		text-indent: -9999px;
		z-index: 10;
		background: url(../img/sp-sprite.png) no-repeat 0 0;
		/*追加*/
		background-size: 300px 300px;
		/*追加*/
		border-right: solid 1px #dedede;
		/*追加*/
	}

	#sp-header .sp-nav-button {
		position: absolute;
		top: 34px;
		right: 0;
		width: 60px;
		height: 60px;
		text-indent: -9999px;
		z-index: 10;
		background-image: url(../img/sp-sprite.png);
		background-position: -100px 0;
		background-size: 300px 300px;
		border-left: solid 1px #dedede;
	}

	#sp-header .sp-nav-button.is-active {
		background-position: -200px 0;
	}

	#sp-gnav {
		display: none;
		top: 98px;
		position: absolute;
		width: 100%;
		height: inherit;
		background: #e3e3e3;
		z-index: 1400;
		padding-bottom: 20px;
	}

	#sp-gnav a {
		display: block;
		position: relative;
		text-decoration: none;
	}

	#sp-gnav .sp-gnav-top {
		background: #FFF;
	}

	#sp-gnav .sp-gnav-top a {
		padding-left: 44px;
		height: 70px;
		line-height: 70px;
	}

	#sp-gnav .sp-gnav-top a:before {
		position: absolute;
		display: block;
		content: '';
		top: 27px;
		left: 16px;
		width: 16px;
		height: 16px;
		background: url(../img/sp-sprite.png) no-repeat 0px -100px;
		background-size: 300px 300px;
	}

	#sp-gnav>ul {
		margin-bottom: 14px;
		border-bottom: solid 1px #cdcdcd;
	}

	#sp-gnav ul li {
		border-top: solid 1px #cdcdcd;
	}

	#sp-gnav ul li:first-child {
		border-top: none;
	}

	#sp-gnav>ul>li>a {
		padding: 0 20px;
		font-size: 14px;
		line-height: 50px;
		height: 50px;
		background: #FFF;
	}

	#sp-gnav>ul>li#sp-gnav-home>a {
		padding: 0 45px;
		font-size: 16px;
		line-height: 70px;
		height: 70px;
	}

	#sp-gnav>ul>li>a:before {
		position: absolute;
		display: block;
		content: '';
		top: 15px;
		left: 6px;
		height: 20px;
		width: 4px;
		border-radius: 2px;
	}

	#sp-gnav>ul>li#sp-gnav-home>a:before {
		top: 28px;
		left: 16px;
		height: 14px;
		width: 16px;
		background: url(../img/sp-sprite.png) no-repeat 0 -100px;
		background-size: 300px 300px;
	}

	#sp-gnav>ul>li>a:after {
		position: absolute;
		display: block;
		content: '';
		top: 18px;
		right: 11px;
		height: 14px;
		width: 10px;
		background: url(../img/sp-sprite.png) no-repeat -50px -100px;
		background-size: 300px 300px;
	}

	#sp-gnav>ul>li#sp-gnav-home>a:after {
		display: none;
	}

	#sp-gnav>ul>li#sp-gnav-engineer>a:before {
		background: #88d60e;
	}

	#sp-gnav>ul>li#sp-gnav-design>a:before {
		background: #6e73c7;
	}

	#sp-gnav>ul>li#sp-gnav-sound>a:before {
		background: #f4b800;
	}

	#sp-gnav>ul>li#sp-gnav-planning>a:before {
		background: #199be7;
	}

	#sp-gnav>ul>li#sp-gnav-business>a:before {
		background: #ff6190;
	}

	#sp-gnav>ul>li>ul>li>a {
		padding: 0 20px 0 27px;
		height: 40px;
		font-size: 13px;
		line-height: 40px;
	}

	#sp-gnav>ul>li>ul>li>a:after {
		position: absolute;
		display: block;
		content: '';
		top: 17px;
		right: 13px;
		height: 8px;
		width: 5px;
		background-image: url(../img/sp-sprite.png);
		background-size: 300px 300px;
	}

	#sp-gnav>ul>li#sp-gnav-engineer ul li a {
		background: #f9fdf3 !important;
	}

	#sp-gnav>ul>li#sp-gnav-engineer ul li a:after {
		background-position: 0 -150px;
	}

	#sp-gnav>ul>li#sp-gnav-design ul li a {
		background: #f8f9fe !important;
	}

	#sp-gnav>ul>li#sp-gnav-design ul li a:after {
		background-position: -50px -150px;
	}

	#sp-gnav>ul>li#sp-gnav-sound ul li a {
		background: #fefbf2 !important;
	}

	#sp-gnav>ul>li#sp-gnav-sound ul li a:after {
		background-position: -100px -150px;
	}

	#sp-gnav>ul>li#sp-gnav-planning ul li a {
		background: #f3fafe !important;
	}

	#sp-gnav>ul>li#sp-gnav-planning ul li a:after {
		background-position: -150px -150px;
	}

	#sp-gnav .sp-gnav-close {
		margin: 0 20px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
		border-radius: 15px;
		text-align: center;
		color: #FFF;
		background: #a2a2a2;
	}

	#sp-gnav .sp-gnav-close:before {
		display: inline-block;
		margin-right: 0.5em;
		content: '';
		width: 14px;
		height: 9px;
		background: url(../img/sp-sprite.png) -100px -100px;
		background-size: 300px 300px;
		overflow: hidden;
	}

	.menu .menu_list_sp>a {
		line-height: 1;
	}

	/* modal-window
------------------------------------------------------------------- */
	body.is-modal {
		position: relative !important;
	}

	body.is-modal a.zoom_img {
		pointer-events: none !important;
	}

	body.is-modal #container,
	body.is-modal #sp_navi_set,
	body.is-modal #sp-header,
	body.is-modal #jobtype-body,
	body.is-modal #global-footer {
		opacity: 0;
	}

	#MD-wrapper {
		padding-top: 40px;
	}

	.is-modal-center #MD-content {
		position: absolute;
		top: 50%;
		left: 0;
		/*margin-top: -40px;*/
		padding-top: 40px;
		text-align: center;
		width: 100%;
	}

	#MD-content img {
		max-height: 75vh;
		max-width: 100%;
		height: auto;
	}

	#MD-close {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: #C00;
		border-radius: 5px;
		text-indent: -9999px;
		overflow: hidden;
	}

	#MD-close:before,
	#MD-close:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		content: '';
		display: block;
		width: 30px;
		height: 3px;
		background: #FFF;
	}

	#MD-close:before {
		-webkit-transform: rotate(45deg);
	}

	#MD-close:after {
		-webkit-transform: rotate(-45deg);
	}

	/* keyword
------------------------------------------------------------------- */
	.thum01 {
		background-image: url(../../../keyword/img/top/list/thum_0101.jpg);
	}

	.thum02 {
		background-image: url(../../../keyword/img/top/list/thum_0201.jpg);
	}

	.thum03 {
		background-image: url(../../../keyword/img/top/list/thum_0301.jpg);
	}

	.thum04 {
		background-image: url(../../../keyword/img/top/list/thum_0401.jpg);
	}

	.thum05 {
		background-image: url(../../../keyword/img/top/list/thum_0501.jpg);
	}

	.thum06 {
		background-image: url(../../../keyword/img/top/list/thum_0601.jpg);
	}

	.thum07 {
		background-image: url(../../../keyword/img/top/list/thum_0701.jpg);
	}

	.thum08 {
		background-image: url(../../../keyword/img/top/list/thum_0801.jpg);
	}

	.thum09 {
		background-image: url(../../../keyword/img/top/list/thum_0901.jpg);
	}

	.thum10 {
		background-image: url(../../../keyword/img/top/list/thum_1001.jpg);
	}

	.thum11 {
		background-image: url(../../../keyword/img/top/list/thum_1101.jpg);
	}

	.thum12 {
		background-image: url(../../../keyword/img/top/list/thum_1201.jpg);
	}

	.thum13 {
		background-image: url(../../../keyword/img/top/list/thum_1301.jpg);
	}

	.thum14 {
		background-image: url(../../../keyword/img/top/list/thum_1401.jpg);
	}

	.thum15 {
		background-image: url(../../../keyword/img/top/list/thum_1501.jpg);
	}

	.thum16 {
		background-image: url(../../../keyword/img/top/list/thum_1601.jpg);
	}

	.thum17 {
		background-image: url(../../../keyword/img/top/list/thum_1701.jpg);
	}

	.thum18 {
		background-image: url(../../../keyword/img/top/list/thum_1801.jpg);
	}

	.thum19 {
		background-image: url(../../../keyword/img/top/list/thum_1901.jpg);
	}

	.thum20 {
		background-image: url(../../../keyword/img/top/list/thum_2001.jpg);
	}

	.thum21 {
		background-image: url(../../../keyword/img/top/list/thum_2101.jpg);
	}

	.thum22 {
		background-image: url(../../../keyword/img/top/list/thum_2201.jpg);
	}

	.thum23 {
		background-image: url(../../../keyword/img/top/list/thum_2301.jpg);
	}

	.thum24 {
		background-image: url(../../../keyword/img/top/list/thum_2401.jpg);
	}

	.thum25 {
		background-image: url(../../../keyword/img/top/list/thum_2501.jpg);
	}

	.thum26 {
		background-image: url(../../../keyword/img/top/list/thum_2601.jpg);
	}

	.thum27 {
		background-image: url(../../../keyword/img/top/list/thum_2701.jpg);
	}

	.thum28 {
		background-image: url(../../../keyword/img/top/list/thum_2801.jpg);
	}

	.thum29 {
		background-image: url(../../../keyword/img/top/list/thum_2901.jpg);
	}

	.thum30 {
		background-image: url(../../../keyword/img/top/list/thum_3001.jpg);
	}

	.thum31 {
		background-image: url(../../../keyword/img/top/list/thum_3101.jpg);
	}

	.thum32 {
		background-image: url(../../../keyword/img/top/list/thum_3201.jpg);
	}

	.thum33 {
		background-image: url(../../../keyword/img/top/list/thum_3301.jpg);
	}

	.thum34 {
		background-image: url(../../../keyword/img/top/list/thum_3401.jpg);
	}

	.thum35 {
		background-image: url(../../../keyword/img/top/list/thum_3501.jpg);
	}

	.thum36 {
		background-image: url(../../../keyword/img/top/list/thum_3601.jpg);
	}

	.thum37 {
		background-image: url(../../../keyword/img/top/list/thum_3701.jpg);
	}

	.thum38 {
		background-image: url(../../../keyword/img/top/list/thum_3801.jpg);
	}

	.thum39 {
		background-image: url(../../../keyword/img/top/list/thum_3901.jpg);
	}

	.thum40 {
		background-image: url(../../../keyword/img/top/list/thum_4001.jpg);
	}

	.thum41 {
		background-image: url(../../../keyword/img/top/list/thum_4101.jpg);
	}

	.thum42 {
		background-image: url(../../../keyword/img/top/list/thum_4201.jpg);
	}

	.thum43 {
		background-image: url(../../../keyword/img/top/list/thum_4301.jpg);
	}

	.thum44 {
		background-image: url(../../../keyword/img/top/list/thum_4401.jpg);
	}

	.thum45 {
		background-image: url(../../../keyword/img/top/list/thum_4501.jpg);
	}

	.thum46 {
		background-image: url(../../../keyword/img/top/list/thum_4601.jpg);
	}

	.thum47 {
		background-image: url(../../../keyword/img/top/list/thum_4701.jpg);
	}

	.thum48 {
		background-image: url(../../../keyword/img/top/list/thum_4801.jpg);
	}

	.thum49 {
		background-image: url(../../../keyword/img/top/list/thum_4901.jpg);
	}

	.thum50 {
		background-image: url(../../../keyword/img/top/list/thum_5001.jpg);
	}

	.thum51 {
		background-image: url(../../../keyword/img/top/list/thum_5101.jpg);
	}

	.thum52 {
		background-image: url(../../../keyword/img/top/list/thum_5201.jpg);
	}

	.thum53 {
		background-image: url(../../../keyword/img/top/list/thum_5301.jpg);
	}

	.thum54 {
		background-image: url(../../../keyword/img/top/list/thum_5401.jpg);
	}

	.thum55 {
		background-image: url(../../../keyword/img/top/list/thum_5501.jpg);
	}

	.thum56 {
		background-image: url(../../../keyword/img/top/list/thum_5601.jpg);
	}

	.thum57 {
		background-image: url(../../../keyword/img/top/list/thum_5701.jpg);
	}

	.thum58 {
		background-image: url(../../../keyword/img/top/list/thum_5801.jpg);
	}

	.thum59 {
		background-image: url(../../../keyword/img/top/list/thum_5901.jpg);
	}

	.thum60 {
		background-image: url(../../../keyword/img/top/list/thum_6001.jpg);
	}

	.thum61 {
		background-image: url(../../../keyword/img/top/list/thum_6101.jpg);
	}

	.thum62 {
		background-image: url(../../../keyword/img/top/list/thum_6201.jpg);
	}

	.thum63 {
		background-image: url(../../../keyword/img/top/list/thum_6301.jpg);
	}

	.thum64 {
		background-image: url(../../../keyword/img/top/list/thum_6401.jpg);
	}

	.thum65 {
		background-image: url(../../../keyword/img/top/list/thum_6501.jpg);
	}

	.thum66 {
		background-image: url(../../../keyword/img/top/list/thum_6601.jpg);
	}

	.thum67 {
		background-image: url(../../../keyword/img/top/list/thum_6701.jpg);
	}

	.thum68 {
		background-image: url(../../../keyword/img/top/list/thum_6801.jpg);
	}

	.thum69 {
		background-image: url(../../../keyword/img/top/list/thum_6901.jpg);
	}

	.thum70 {
		background-image: url(../../../keyword/img/top/list/thum_7001.jpg);
	}

	.thum71 {
		background-image: url(../../../keyword/img/top/list/thum_7101.jpg);
	}

	.thum72 {
		background-image: url(../../../keyword/img/top/list/thum_7201.jpg);
	}

	.thum73 {
		background-image: url(../../../keyword/img/top/list/thum_7301.jpg);
	}

	.thum74 {
		background-image: url(../../../keyword/img/top/list/thum_7401.jpg);
	}

	.thum75 {
		background-image: url(../../../keyword/img/top/list/thum_7501.jpg);
	}

	.thum76 {
		background-image: url(../../../keyword/img/top/list/thum_7601.jpg);
	}

	.thum77 {
		background-image: url(../../../keyword/img/top/list/thum_7701.jpg);
	}

	.thum78 {
		background-image: url(../../../keyword/img/top/list/thum_7801.jpg);
	}

	.thum79 {
		background-image: url(../../../keyword/img/top/list/thum_7901.jpg);
	}

	.thum80 {
		background-image: url(../../../keyword/img/top/list/thum_8001.jpg);
	}

	.thum81 {
		background-image: url(../../../keyword/img/top/list/thum_8101.jpg);
	}

	.thum82 {
		background-image: url(../../../keyword/img/top/list/thum_8201.jpg);
	}

	.thum83 {
		background-image: url(../../../keyword/img/top/list/thum_8301.jpg);
	}

	.thum84 {
		background-image: url(../../../keyword/img/top/list/thum_8401.jpg);
	}

	.thum85 {
		background-image: url(../../../keyword/img/top/list/thum_8501.jpg);
	}

	.thum86 {
		background-image: url(../../../keyword/img/top/list/thum_8601.jpg);
	}

	.thum87 {
		background-image: url(../../../keyword/img/top/list/thum_8701.jpg);
	}

	.thum88 {
		background-image: url(../../../keyword/img/top/list/thum_8801.jpg);
	}

	.thum89 {
		background-image: url(../../../keyword/img/top/list/thum_8901.jpg);
	}

	.thum90 {
		background-image: url(../../../keyword/img/top/list/thum_9001.jpg);
	}

	.thum91 {
		background-image: url(../../../keyword/img/top/list/thum_9101.jpg);
	}

	.thum92 {
		background-image: url(../../../keyword/img/top/list/thum_9201.jpg);
	}

	.thum93 {
		background-image: url(../../../keyword/img/top/list/thum_9301.jpg);
	}

	.thum94 {
		background-image: url(../../../keyword/img/top/list/thum_9401.jpg);
	}

	.thum95 {
		background-image: url(../../../keyword/img/top/list/thum_9501.jpg);
	}

	.thum96 {
		background-image: url(../../../keyword/img/top/list/thum_9601.jpg);
	}

	.thum97 {
		background-image: url(../../../keyword/img/top/list/thum_9701.jpg);
	}

	.thum98 {
		background-image: url(../../../keyword/img/top/list/thum_9801.jpg);
	}

	.thum99 {
		background-image: url(../../../keyword/img/top/list/thum_9901.jpg);
	}

	.thum100 {
		background-image: url(../../../keyword/img/top/list/thum_10001.jpg);
	}

	.thum101 {
		background-image: url(../../../keyword/img/top/list/thum_10101.jpg);
	}
	
	/* related-info
------------------------------------------------------------------- */
	.related-info {
		margin-top: 50px;
	}

	.related-info .section-title-related-info {
		margin: 0 10px 15px;
		border-bottom: 2px solid;
		padding-bottom: 5px;
	}

	#keyword {
		margin-top: 50px;
	}

	#keyword .content-section--flex {
		padding: 0 15px;
	}

	.section-title-keyword {
		margin: 0 10px 15px;
		border-bottom: 2px solid;
		padding-bottom: 5px;
	}

	.keyword .keyword_list,
	#keyword .keyword_list {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		justify-content: flex-start;
	}

	.keyword .keyword_list li,
	#keyword .keyword_list li {
		height: auto;
		padding-bottom: 0;
		position: relative;
		width: calc(100% / 3 - 10px);
	}

	.keyword .keyword_list li a,
	#keyword .keyword_list li a {
		aspect-ratio: 1/1;
		background-size: cover;
		display: block;
		height: auto;
		margin: 0 !important;
		text-decoration: underline !important;
		width: 100%;
	}

	.keyword .keyword_list li p.ss,
	#keyword .keyword_list li p.ss {
		font-weight: normal;
		position: absolute;
		line-height: 1;
		padding: 5%;
		text-indent: 0;
		top: 0;
		left: 0;
	}

	.keyword .keyword_list li p.ttl,
	#keyword .keyword_list li p.ttl {
		align-items: center;
		display: flex;
		font-size: 2.35vw;
		height: 34.5%;
		justify-content: center;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center;
		text-indent: 0;
	}

	.keyword .keyword_list li.cat_rs p.ss,
	#keyword .keyword_list li.cat_rs p.ss {
		background-color: rgba(136, 214, 14, 0.9);
	}

	.keyword .keyword_list li.cat_rh p.ss,
	#keyword .keyword_list li.cat_rh p.ss {
		background-color: rgba(136, 214, 14, 0.9);
	}

	.keyword .keyword_list li.cat_d p.ss,
	#keyword .keyword_list li.cat_d p.ss {
		background-color: rgba(110, 115, 199, 0.9);
	}

	.keyword .keyword_list li.cat_s p.ss,
	#keyword .keyword_list li.cat_s p.ss {
		background-color: rgba(244, 184, 0, 0.9);
	}

	.keyword .keyword_list li.cat_k p.ss,
	#keyword .keyword_list li.cat_k p.ss {
		background-color: rgba(25, 155, 231, 0.9);
	}

	.keyword .keyword_list li.cat_j p.ss,
	#keyword .keyword_list li.cat_j p.ss {
		background-color: rgba(255, 97, 144, 0.9);
	}

	.section-title-reference {
        margin: 0 10px 15px;
        border-bottom: 2px solid;
        padding-bottom: 5px;
    }

	@media screen and (max-width:580px) {

		.keyword .keyword_list, 
		#keyword .keyword_list {
			gap: 0;
			justify-content: space-between;
		}

		.keyword .keyword_list li,
		#keyword .keyword_list li {
			margin-bottom: 5%;
			width: 48.5%;
		}

		.keyword .keyword_list li p.ttl,
		#keyword .keyword_list li p.ttl {
			font-size: max(3.25vw, 14px);
		}

	}

	/* safari */
	::-webkit-full-page-media,
	:future,
	.keyword .keyword_list li a,
	#keyword .keyword_list li a {
		aspect-ratio: auto;
		padding-top: 100%;
	}

	::-webkit-full-page-media,
	:future,
	.youtube_movie {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
	}

	::-webkit-full-page-media,
	:future,
	.youtube_movie iframe {
		aspect-ratio: auto;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

}

/* safari */
::-webkit-full-page-media,
:future,
.keyword_list li a {
	aspect-ratio: auto;
	padding-top: 100%;
}

/* IE */
@media all and (-ms-high-contrast: none) {
	.keyword .keyword_list li,
	#keyword .keyword_list li {
		margin-bottom: 15px;
	}

	.keyword .keyword_list li a,
	#keyword .keyword_list li a {
		aspect-ratio: auto;
		padding-top: 100%;
		height: 21.5vw;
		width: 21.5vw;
		max-height: 210px !important;
		max-width: 210px !important;
	}

	#work-title h1 {
		background-position: 0 40%;
		width: 100%;
	}

	#interview1-title.content-title h1,
	#interview2-title.content-title h1 {
		padding-top: 35.41%;
	}

	#top-flow-chart .flow-contents .flow-heading-area {
		padding-left: 288px;
	}
}



@media screen and (min-width: 760px) {
	.keyword .keyword_list li p.ss,
	#keyword .keyword_list li p.ss {
		font-size: 0.64em !important;
	}
}