/*

汎用候補

*/

img.pc {
	display: block;
}

img.sp {
	display: none;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

body,
html {
	overflow-x: hidden;
}

body {
	color: #4c4c4c;
}

.ut-invisible {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

.page-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #00538f;
	background-color: #fff;
	border: solid 1px currentColor;
	border-radius: 8px;
	z-index: 100;
}

.page-top.-fixed {
	position: fixed;
	right: 40px;
	bottom: 40px;
}

.js-stopScroll {
	overflow: hidden;
}

[role=tab] {}

[role=tab][aria-selected=true] {}

[role=tabpanel] {
	display: none;
}

[role=tabpanel][aria-hidden=false] {
	display: block;
}

.wpcf7 a.privacy {
	color: #00538f;
}




/*

定型

*/

.ut-button.-rect {
	display: block;
	padding: 1em 1em;
	background-color: #ccc;
	border-radius: 6px;
}

.ut-button {
	outline: none;
	opacity: 1;
	transition: opacity .3s;
}

.ut-button.-rect.-typeA {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .75em .25em;
	font-size: 18px;
	color: #fff;
	background-color: #021b5b;
}

@media compornents,
	print,
	screen and (min-width: 820px) {

	/*
.ut-button:hover {
	opacity: .7;
	transition: opacity .3s;
}
 */
	.ut-button.-rect.-typeA:hover {
		color: #021b5b;
		background-color: #daecfb;
		border: solid 1px currentColor;
	}

	.ut-button.-rect.-typeA.-loginHoshu:hover {
		color: #00538f;
		background-color: #fff;
		border: solid 1px currentColor;
	}

	.ut-button.-rect.-typeA.-loginMics:hover {
		color: #4c86b0;
		background-color: #daecfb;
		border: solid 1px currentColor;
	}

	.ut-button.-rect.-typeA.-prodN:hover,
	.ut-button.-rect.-typeA.-prodA:hover,
	.ut-button.-rect.-typeA.-prodR:hover {
		color: #00538f;
		background-color: #daecfb;
		border: solid 1px currentColor;
	}

	.ut-button.-round.-typeA:hover {
		color: #fff;
	}

	.ut-button.-rect.-typeB.-ext:hover,
	.ut-button.-rect.-typeB.-catalog:hover {
		color: #fff;
		background-color: #00538f;
		border: solid 1px currentColor;
	}
	.ut-button.-rect.-typeB.-catalog:hover span::before {
		background-image: url(../img/icon_file2.png);
	}

	.ut-button.-rect.-typeB.-seller:hover {
		color: #fff;
		background-color: #00538f;
		border: solid 1px currentColor;
	}

	.ut-button.-rect.-typeB.-contact:hover {
		color: #021b5b;
		background-color: #daecfb;
		border: solid 1px currentColor;
	}

	.ut-button.-rect.-qa:hover {
		opacity: .5;
	}

	.ut-button.-round:hover {
		color: #fff;
	}

	.ut-button.-round.-typeA.-inpage:hover,
	.ut-button.-round.-typeA.-spec:hover {
		color: #00538f;
	}

	.ut-button.-round.-typeB:hover {
		color: #fff;
	}

	.ut-button.-round:not(.-back):hover::before {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	.ut-button.-txt.-head:hover::after {
		width: 100%;
	}
}


.ut-button.-rect.-typeA.-loginHoshu {
	background-color: #00538f;
}


.ut-button.-rect.-typeA.-loginMics {
	background-color: #4c86b0;
}


.ut-button.-rect.-typeA.-sys::before,
.ut-button.-rect.-typeA.-mics::before {
	display: block;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	content: '';
	background-size: contain;
}

.ut-button.-rect.-typeA.-sys::before {
	background-image: url(../img/icon_contact_sys.png);
}

.ut-button.-rect.-typeA.-mics::before {
	background-image: url(../img/icon_contact_mics.png);
}

.ut-button.-rect.-typeA.-prodN,
.ut-button.-rect.-typeA.-prodA,
.ut-button.-rect.-typeA.-prodR {
	justify-content: space-between;
	width: 620px;
	height: 140px;
	margin-bottom: 25px;
	background-color: #00538f;
	border-radius: 10px;
}


.ut-button.-rect.-typeA.-prodN::before,
.ut-button.-rect.-typeA.-prodA::before,
.ut-button.-rect.-typeA.-prodR::before {
	display: block;
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
	margin: 0 40px;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
}

.ut-button.-rect.-typeA.-prodN::before {
	background-image: url(../img/icon_mics_n.png);
}

.ut-button.-rect.-typeA.-prodA::before {
	background-image: url(../img/icon_mics_a.png);
}

.ut-button.-rect.-typeA.-prodR::before {
	background-image: url(../img/icon_mics_r.png);
}

.ut-button.-rect.-typeA.-prodN::after,
.ut-button.-rect.-typeA.-prodA::after,
.ut-button.-rect.-typeA.-prodR::after {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 2em;
	font-size: 18px;
	font-weight: bold;
	color: #00538f;
	content: '';
	background-color: #daecfb;
	background-image: url(../img/icon_carr_r.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	border-radius: 40px;
}

.ut-button.-rect.-typeA.-prodN > span,
.ut-button.-rect.-typeA.-prodA > span,
.ut-button.-rect.-typeA.-prodR > span {
	font-size: 28px;
}

.ut-button.-rect.-typeB {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	font-size: 22px;
	border-radius: 20px;
}

.ut-button.-rect.-typeB::after {
	display: block;
	flex: 0 0 30px;
	font-size: 24px;
	font-weight: bold;
	content: '＞';
}

.ut-button.-rect.-typeB > span {
	display: flex;
	flex: 1 0 auto;
	align-items: center;
	justify-content: center;
	text-indent: 1em;
}

.ut-button.-rect.-typeB > span::before {
	display: block;
	flex: 0 0 30px;
	height: 30px;
	margin-right: 20px;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
}

.ut-button.-rect.-typeB.-seller > span::before {
	content: none;
}

.ut-button.-rect.-typeB.-catalog span::before {
	background-image: url(../img/icon_file.png);
}

.ut-button.-rect.-typeB.-contact span::before {
	background-image: url(../img/icon_contact_mail.png);
}

.ut-button.-rect.-typeB.-ext span::before {
	background-image: url(../img/icon_external.png);
}

.ut-button.-rect.-typeB.-ext,
.ut-button.-rect.-typeB.-catalog {
	color: #00538f;
	background-color: #fff;
	border: solid 1px #00538f;
}


.ut-button.-rect.-typeB.-seller {
	color: #00538f;
	background-color: #fff;
	border: solid 1px #00538f;
}


.ut-button.-rect.-typeB.-contact {
	color: #fff;
	background-color: #021b5b;
}


.ut-button.-rect.-qa {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 160px;
	font-size: 36px;
	color: #fff;
	background-color: #021b5b;
	background-image: url(../img/bg_qabutton.jpg);
	background-size: cover;
	border-radius: 10px;
}


.ut-button.-rect.-qa.-sys {
	background-image: url(../img/bg_qabutton_sys.jpg);
}

.ut-button.-rect.-qa::before {
	display: block;
	width: 80px;
	height: 60px;
	margin-right: 20px;
	content: '';
	background-image: url(../img/icon_qabutton.png);
	background-repeat: no-repeat;
	background-size: contain;
}


.ut-button.-round {
	display: block;
	padding: 1em 1em;
	background-color: #ccc;
	border-radius: 100px;
}

.ut-button.-round.-typeA {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 300px;
	min-height: 80px;
	font-size: 18px;
	font-weight: bold;
	color: #00538f;
	background-color: #fff;
	border: solid 1px #00538f;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.ut-button.-round.-typeA > span {
	display: block;
	width: 100%;
	text-align: center;
	text-indent: 1.5em;
}

.ut-button.-round.-typeA.-small > span {
	display: block;
	padding-left: 40px;
	text-align: center;
	text-indent: 0.5em;
}

.ut-button.-round.-typeA::after {
	position: relative;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 .5em 0 1em;
	font-size: 14px;
	color: #00538f;
	content: '';
	background-color: #daecfb;
	background-image: url(../img/icon_carr_r.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	border-radius: 40px;
}

.category-nav .ut-button.-round.-typeA::after {
	background-image: url(../img/icon_carr_d.png);
}

.ut-button.-round.-typeA.-small {
	width: 430px;
	margin: auto;
	font-size: 18px;
}

.ut-button.-round.-typeA.-back > span {
	padding-right: 40px;
	padding-left: 0;
	text-align: center;
}

.ut-button.-round.-typeA.-back::after {
	content: none;
}

.ut-button.-round.-typeA.-back::before {
	top: 25px;
	left: 50px;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 1em 0 .5em;
	font-size: 14px;
	color: #00538f;
	content: '';
	background-color: #daecfb;
	background-image: url(../img/icon_carr_l.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	border-radius: 40px;
}

.ut-button.-round.-typeA.-back.-cf7 {
	display: none;
}

.custom-wpcf7c-confirmed > .buttons > .ut-button.-round.-typeA.-back.-cf7 {
	position: relative;
	display: flex;
	width: auto;
	padding: 0;
	background: none;
	border: none;
}

.custom-wpcf7c-confirmed > .buttons > .ut-button.-round.-typeA.-back.-cf7 > .wpcf7c-btn-back {
	padding-left: 20px;
	background-color: #fff;
	border: solid 1px #00538f;
}

.custom-wpcf7c-confirmed > .buttons > .ut-button.-round.-typeA.-back.-cf7::before {
	position: absolute;
	top: calc(50% - 15px);
	left: 50px;
}

.ut-button.-round.-typeA.-inpage {
	color: #fff;
	background-color: #00538f;
}

.ut-button.-round.-typeA.-inpage::after {
	background-color: #fff;
	background-image: url(../img/icon_carr_d.png);
}

.ut-button.-round.-typeA.-spec {
	color: #fff;
	background-color: #00538f;
}

.ut-button.-round.-typeA.-spec::after {
	background-color: #fff;
}

.ut-button.-round.-typeA.-detail {
	min-height: 50px;
	padding: 0;
	font-size: 18px;
}

/*
.ut-button.-round.-typeA.-detail::after {
	background: none;
}
*/
.ut-button.-round.-typeA.-tab {
	width: 100%;
	min-width: 300px;
	min-height: 60px;
	padding: 0;
	margin: auto;
	font-size: 20px;
	background-color: #fff;
	border: none;
}

.ut-button.-round.-typeA.-tab::after {
	content: none;
}

.ut-button.-round.-typeA.-pdf {
	justify-content: center;
	height: 80px;
	color: #fff;
	background-color: #00538f;
}

.ut-button.-round.-typeA.-pdf > span {
	display: inline-block;
	width: auto;
}

.ut-button.-round.-typeA.-pdf::after {
	content: none;
}

.ut-button.-round.-typeA.-pdf::before {
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 40px;
	content: '';
	background-image: url(../img/icon_file_pdf.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.ut-button.-round.-typeA.-topkv {
	width: 400px;
	margin: auto;
	font-size: 18px;
}

.ut-button.-round.-typeB {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	color: #00538f;
	background-color: #fff;
	border: none;
}

.ut-button.-round.-typeA.-tab.-current,
[aria-selected=true] .ut-button.-round.-typeB {
	color: #fff;
	background-color: #5aa9e6;
}

.ut-button.-round {
	position: relative;
	overflow: hidden;
}

.ut-button.-round span {
	position: relative;
}

.ut-button.-round:hover {
	background-color: #00538f;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.ut-button.-round:not(.-back)::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: #00538f;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}


.ut-button.-round.-typeA.-inpage::before,
.ut-button.-round.-typeA.-spec::before {
	background-color: #fff;
}

.ut-button.-round.-typeB::before {
	background-color: #5aa9e6;
}


.ut-button.-txt.-head {
	padding: 15px;
	margin-right: 30px;
	border: none;
}

.ut-button.-txt.-head {
	position: relative;
	transition: .3s;
}

.ut-button.-txt.-head::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	content: '';
	background-color: #666;
	transition: .3s;
}

.ut-button.-txt.-ext {
	display: flex;
	padding: 15px;
	margin-right: 30px;
	font-size: 20px;
	line-height: 1;
	color: #5aa9e6;
	border: none;
}

.ut-button.-txt.-ext::before {
	display: block;
	flex: 0 0 20px;
	height: 20px;
	margin-right: 20px;
	content: '';
	background-image: url(../img/icon_external.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.ut-button.-txt.-ext::after {
	content: ' ＞';
}


.sub-title {
	margin-bottom: 1em;
	font-size: 48px;
	font-weight: normal;
	color: #00538f;
}

.head-copy {
	font-size: 24px;
	font-weight: bold;
	color: #00538f;
}

.head-copy::before {
	content: '＼ ';
}

.head-copy::after {
	content: ' ／';
}




/*

基本ランドマーク

*/

.role-document {}

.wrapper-block {
	background-color: #fff;
}

.sect-block.-s00 {}

.role-main {}

.role-complementary {}

/*

ヘッダ

*/

.role-banner > .inner {
	position: fixed;
	left: calc(50% - 670px);
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1340px;
	height: 80px;
	padding: 0 30px;
	margin: auto;
}

.role-banner > .inner::before {
	position: absolute;
	top: 0;
	left: calc(-50vw + 50%);
	display: block;
	width: calc(1280px + (100vw - 1280px) / 2 + 200px);
	height: 100%;
	content: '';
	background-color: #fff;
	border-radius: 0 0 20px 0;
}

.branding-area {
	position: relative;
}

.branding-area > .title {
	max-width: 280px;
	margin-left: 60px;
}

.branding-area > .title.-mics {
	max-width: 140px;
	margin-left: 0;
}

.role-banner {
	position: relative;
	height: 500px;
	background-color: #eee;
}

.parent-page-mics .role-banner,
.parent-page-mics-test .role-banner,
.parent-page-system-solution .role-banner {
	height: 600px;
}

.page-mics-catalog .role-banner,
.page-mics-download .role-banner,
.page-system-contact .role-banner,
.page-mics-contact .role-banner,
.page-netis .role-banner,
.page-partners .role-banner,
.page-explanation .role-banner {
	height: 500px;
}

.single .role-banner {
	height: 300px;
}

.role-banner > .kv-block {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #00538f;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1920px;
}

.role-banner > .kv-block {}

.role-banner > .kv-block.-tax {
	background-image: url(../img/header_micsqa_post.jpg);
}

.role-banner > .kv-block.-single {
	background: #359ee9;
	background: -moz-linear-gradient(left, #359ee9 0%, #6db0e1 30%);
	background: -webkit-linear-gradient(left, #359ee9 0%, #6db0e1 30%);
	background: linear-gradient(to right, #359ee9 0%, #6db0e1 30%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#359ee9', endColorstr='#6db0e1', GradientType=1);
}

.role-banner > .kv-block > .block-title {
	width: 100%;
	max-width: 1340px;
	padding: 100px 30px 0;
	margin: auto;
	font-size: 60px;
	font-weight: normal;
	color: #fff;
}

.role-banner > .kv-block > .block-title > small {
	display: block;
	font-size: 30px;
}

.role-banner > .kv-block.-single > .block-title {
	max-width: 960px;
	font-size: 34px;
}

.role-banner > .kv-block.-single > .block-title > small {
	font-size: 18px;
}

/*

グロナビ

*/

.role-navigation {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
}

.gnav-button {
	display: none;
}

.global-nav.pc .ut-button.-contact {
	margin: 0 30px 0 15px;
}

.global-nav.pc .ut-button.-contact,
.global-nav.pc .ut-button.-loginHoshu,
.global-nav.pc .ut-button.-loginMics {
	width: 180px;
}

/* サブメニュー展開の必須要素
.global-nav {
	display: flex;
	align-items: center;
}
.global-nav.sp {
	display: none;
}
.global-nav>.page_item,
.global-nav>.menu-item {
	position: relative;
	vertical-align: top;
}
.global-nav a {
	display: block;
}
.global-nav .children,
.global-nav .sub-menu {
	display: none;
	width: 390px;
	background-color: #fff;
	margin-left: 15px;
	border-radius: 0 0 10px 10px;
	padding: 20px 0;
	text-align: center;
}
.global-nav .children .ut-button,
.global-nav .sub-menu .ut-button {
	width: 280px;
}
.global-nav .children .page_item,
.global-nav .sub-menu .menu-item {
	display: inline-block;
	margin: 10px auto 0;
}
.global-nav .page_item_has_children a:hover + .children,
.global-nav .page_item_has_children a:focus + .children,
.global-nav .page_item_has_children a + .children:hover,
.global-nav .page_item_has_children a + .children:focus-within,
.global-nav .menu-item-has-children a:hover + .sub-menu,
.global-nav .menu-item-has-children a:focus + .sub-menu,
.global-nav .menu-item-has-children a + .sub-menu:hover,
.global-nav .menu-item-has-children a + .sub-menu:focus-within {
	display: block;
}
.global-nav>.page_item_has_children>a:hover + .children,
.global-nav>.page_item_has_children>a:focus + .children,
.global-nav>.page_item_has_children>a + .children:hover,
.global-nav>.page_item_has_children>a + .children:focus-within,
.global-nav>.menu-item-has-children>a:hover + .sub-menu,
.global-nav>.menu-item-has-children>a:focus + .sub-menu,
.global-nav>.menu-item-has-children>a + .sub-menu:hover,
.global-nav>.menu-item-has-children>a + .sub-menu:focus-within {
	position: absolute;
	top: 100%;
	z-index: 10;
}
*/

/*	ここから */

.global-nav {
	display: flex;
	align-items: center;
}

.global-nav.sp {
	display: none;
}

.global-nav .sub-menu {
	width: 390px;
	padding: 20px 0;
	margin-left: 15px;
	text-align: center;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
}

.global-nav .sub-menu .ut-button {
	width: 280px;
}

.global-nav .sub-menu .menu-item {
	display: inline-block;
	margin: 10px auto 0;
}


.global-nav {
	position: relative;
}

.global-nav > li {}

.global-nav > li a {
	display: block;
}

ul.sub-menu {
	z-index: 1;
	visibility: hidden;
	opacity: 0;
}

.global-nav > li:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
}

.sub-menu li {}

.sub-menu li a:hover {}

.menu > li.menu-item-has-children {
	position: relative;
}

li.menu-item-has-children ul.sub-menu {
	position: absolute;
	top: 40px;
	background-color: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu-item-has-children:hover ul.sub-menu {
	top: 55px;
	visibility: visible;
	opacity: 1;
}

/*	ここまで */


.category-nav {
	display: flex;
	flex-wrap: wrap;
}

.category-nav > .item {
	margin: 10px;
}

.prevNext-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1600px;
	margin: auto;
}

.prevNext-nav > .item {
	display: flex;
	flex: 0 0 50%;
	align-items: center;
	min-height: 100px;
	text-align: left;
}

.prevNext-nav > .item.-prev {
	padding-right: 200px;
}

.prevNext-nav > .item.-prev::before {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 2em;
	font-size: 14px;
	font-weight: bold;
	color: #00538f;
	content: '';
	background-image: url(../img/icon_carr_l.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	border: solid 1px currentColor;
	border-radius: 60px;
}

.prevNext-nav > .item.-next {
	justify-content: flex-end;
	padding-left: 200px;
}

.prevNext-nav > .item.-next::after {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 2em;
	font-size: 14px;
	font-weight: bold;
	color: #00538f;
	content: '';
	background-image: url(../img/icon_carr_r.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	border: solid 1px currentColor;
	border-radius: 60px;
}

.prevNext-nav > .item + .item {
	border-left: solid 1px #00538f;
}

.prevNext-nav > .item > a {
	font-size: 18px;
	font-weight: bold;
	color: #00538f;
}

/*

フッタ

*/

.role-contentinfo {
	padding-top: 80px;
	background-color: #00538f;
}

.role-contentinfo > .inner.-area1 {
	width: 100%;
	max-width: 1220px;
	padding: 0 30px;
	margin: auto;
}

.foot-logo {
	width: 190px;
	margin-top: -10px;
}

.fnav-area a {
	display: block;
	padding: .3em;
	font-size: 14px;
	color: #fff;
}

.fnav-area a span {
	position: relative;
	display: inline-block;
	padding: .2em;
	transition: .3s;
}

.fnav-area a span::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	content: '';
	background-color: #fff;
	transition: .3s;
}

.fnav-area a span:hover::after {
	width: 100%;
}

.fnav-area > .inner > .title a {
	font-size: 20px;
	font-weight: bold;
}

.fnav-area > .inner > .title,
.footer-nav > .menu-item.-border {
	padding: 0 15px;
	border-left: solid 1px #fff;
}

.fnav-area > .inner.-mics > dd,
.fnav-area {
	display: flex;
}

.fnav-area > .inner.-top {
	flex: 0 1 20%;
}

.fnav-area > .inner.-sys {
	flex: 0 1 30%;
}

.fnav-area > .inner.-mics {
	flex: 0 1 50%;
}

.footer-nav.-mics {
	flex: 0 1 50%;
}

.fnav-area > .inner.-mics,
.fnav-area > .inner.-sys {
	margin-top: 31px;
}

.role-contentinfo > .inner.-area1 {
	padding-bottom: 40px;
}

.role-contentinfo > .inner.-area2 {
	position: relative;
}

.role-contentinfo > .inner.-area2::before {
	position: absolute;
	left: calc(-50vw + 50%);
	display: block;
	width: calc(820px + (100vw - 1280px) / 2);
	height: 100%;
	content: '';
	background-color: #fff;
	border-radius: 0 20px 20px 0;
}

.role-contentinfo > .inner.-area2 > .inner.-contact {
	position: relative;
	display: flex;
	align-items: center;
	padding: 40px 50px 40px calc(50vw - 580px);
}

.role-contentinfo > .inner.-area2 > .inner.-contact > .title {
	padding-right: 30px;
}

.footer-nav.-contact {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.footer-nav.-contact > .menu-item {
	padding-right: 20px;
}

.colophone-area {
	padding: 20px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.footer-contact .ut-button {
	width: 280px;
}

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

.block-footer > .pageLinks-area {
	display: inline-block;
	margin: 60px 0 0;
}

.block-footer > .pageLinks-area > .paginate-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2em;
	margin: 0 2em;
	border: solid 1px #00538f;
	border-radius: 40px;
}
.block-footer > .pageLinks-area > .paginate-nav > .item > .btn-addpost,
.block-footer > .pageLinks-area > .paginate-nav > .item > .page-numbers {
	display: block;
	padding: .5em;
	font-size: 18px;
	color: #00538f;
}
.block-footer > .pageLinks-area > .paginate-nav > .item > .page-numbers {
	display: block;
	padding: .5em;
	font-size: 18px;
	color: #00538f;
}
.block-footer > .pageLinks-area > .paginate-nav > .item > .current {
	color: #ccc;
}

/*

本文

*/

.container-block {
	width: 100%;
	max-width: 1340px;
	padding: 100px 30px 0;
	margin: auto;
}

.single .sect-block.-s01,
.post-type-archive .sect-block.-s01,
.tax-micsqa_cat .sect-block.-s01,
.tax-sysqa_cat .sect-block.-s01,
.sect-block.-s01.-qa {
	padding-bottom: 60px;
}


.sect-block.-s00 {
	padding: 60px 30px;
	margin-top: -100px;
	margin-right: calc(-50vw + 50%);
	margin-bottom: 100px;
	margin-left: calc(-50vw + 50%);
	background-color: #f2f4f8;
}

.sect-block.-s00 > .catnav-area {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

.sect-block.-s99 {
	padding-bottom: 90px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
}

.sect-block.-s99 > .btnOuterArea {
	padding: 90px 30px;
}

.sect-block.-s99 > .qaArea {
	padding: 90px 30px;
	margin-bottom: -90px;
	background-color: #f2f4f8;
}

.sect-block.-s99 > .btnOuterArea > .buttonArea,
.sect-block.-s99 > .qaArea > .buttonArea,
.sect-block.-buttons > .buttonArea,
.sect-block.-s99 > .buttonArea {
	width: 100%;
	max-width: 640px;
	margin: auto;
}

.sect-block.-buttons > .buttonArea + .buttonArea,
.sect-block.-s99 > .buttonArea + .buttonArea {
	margin-top: 30px;
}

/*

おしらせ

*/

.news-list {
	border-top: solid 1px #d7dfea;
}

.news-list > .entry {
	padding: 1.75em 0;
	border-bottom: solid 1px #d7dfea;
}

.news-list > .entry > .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
}

.news-list > .entry > .title > a {
	color: #737373;
}

.news-list > .entry > .title::after {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin: 0 2em;
	font-size: 14px;
	font-weight: bold;
	color: #00538f;
	content: '';
	background-image: url(../img/icon_carr_r.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80%;
	border: solid 1px currentColor;
	border-radius: 40px;
}

.news-list > .entry > .meta {
	font-size: 18px;
	color: #00538f;
}

.news-list > .entry {
	display: flex;
	flex-wrap: wrap;
}

.news-list > .entry > .meta,
.news-list > .entry > .title {
	flex: 1 1 auto;
	margin: 0;
}

.news-list > .entry > .meta {
	flex-basis: 20%;
}

.news-list > .entry > .title {
	flex-basis: 80%;
}


.single .container-block {
	max-width: 960px;
}

.single .wp-theContent a {
	color: #5aa9e6;
	text-decoration: underline;
}

.single .wp-theContent {
	font-size: 18px;
	line-height: 2;
	color: #080808;
}

.single .wp-theContent * + * {
	margin-top: 1em;
}

.single .block-footer {
	padding: 30px;
	margin-top: 80px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	border-top: solid 1px #00538f;
	border-bottom: solid 1px #00538f;
}

/*

Q&A

*/

.qa-block {
	padding: 80px 0 60px;
	line-height: 2;
	border-bottom: solid 2px #edf6fd;
}

.qa-block a {
	color: #359ee9;
}

.qa-block a:hover {
	text-decoration: underline;
}

.qa-block:first-child {
	padding-top: 0;
}

.qa-block:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.role-article.qa {
	padding: 50px 40px;
	margin-bottom: 40px;
	background-color: #edf6fd;
	border-radius: 10px;
}

.role-article.qa > .content {
	display: none;
}

.role-article.qa > .content > .inner {
	display: flex;
	padding: 50px 40px;
	margin-top: 50px;
	font-size: 18px;
	background-color: #fff;
	border-radius: 10px;
}

.role-article.qa > .content > .inner > div {
	flex: 1 1 auto;
	padding-left: 40px;
	text-align: left;
}

.role-article.qa > .content > .inner::before {
	display: flex;
	flex: 0 0 50px;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-size: 36px;
	color: #6680ff;
	content: 'A';
	border: solid 3px #6680ff;
	border-radius: 120px;
}

.role-article.qa > .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 24px;
	font-weight: bold;
	color: #00538f;
	cursor: pointer;
}

.role-article.qa > .title > div {
	flex: 1 1 auto;
	padding: 0 40px;
	text-align: left;
}

.role-article.qa > .title::before {
	display: flex;
	flex: 0 0 60px;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	font-size: 36px;
	color: #fff;
	content: 'Q';
	background-color: #6680ff;
	border-radius: 120px;
}

.role-article.qa > .title::after {
	display: flex;
	flex: 0 0 40px;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #6680ff;
	content: '＋';
	background-color: #fff;
	border-radius: 120px;
}

.role-article.qa > .title.-open::after {
	content: '－';
}

/*

関連製品

*/

.page-related .ImgGroup {
	display: flex;
	justify-content: space-between;
}

.page-related .ImgGroup > .mainImg {
	flex: 0 1 470px;
}

.page-related .ImgGroup > .mainImg > a > img {
	width: 470px;
	border: solid 1px #00538f;
	object-fit: cover;
}

.page-related .ImgGroup > .subImg {
	display: flex;
	flex: 0 1 100px;
	flex-direction: column;
	justify-content: space-between;
}

.page-related .ImgGroup > .subImg > li > img {
	width: 100px;
	height: 100px;
	border: solid 1px #00538f;
	object-fit: cover;
}


.page-related .micsProd-block > .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-related .micsProd-block > .inner > .entry {
	flex: 0 1 580px;
	margin-bottom: 120px;
}

.page-related .micsProd-block > .inner > .entry > .title {
	margin: .75em 0 .5em;
	font-size: 36px;
	font-weight: bold;
}

.page-related .micsProd-block > .inner > .entry > .content > .sublead {
	display: inline-block;
	padding: .5em 1em;
	margin-bottom: 1em;
	font-size: 20px;
	font-weight: bold;
	color: #00538f;
	background-color: #daecfb;
}

.page-related .micsProd-block > .inner > .entry > .content > .spec dt,
.page-related .micsProd-block > .inner > .entry > .content > .spec dd {
	padding: .5em 0;
}

.page-related .micsProd-block > .inner > .entry > .content > .spec dt {
	font-weight: bold;
}

.page-related .micsProd-block > .inner > .entry > .content > .buttonArea {
	margin-top: 60px;
}

.page-related .sect-block.-s99 .buttonArea + .buttonArea {
	margin-top: 30px;
}

/*

MICSりすと

*/

.page-mics-list .sect-block.-s00 {
	padding: 100px 30px;
	margin-top: -100px;
	margin-right: calc(-50vw + 50%);
	margin-bottom: 100px;
	margin-left: calc(-50vw + 50%);
	background-color: #edf6fd;
}

.sect-block.-s00 > .-micsList {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

.sect-block.-s00 > .-micsList > .sect-body {
	padding: 60px 0;
	background-color: #fff;
	border-radius: 10px;
}

.sect-block.-s00 > .-micsList > .sect-body > .inner {
	display: flex;
	align-items: center;
}

.sect-block.-s00 > .-micsList > .sect-body > .inner > .imgArea {
	width: 540px;
}

.sect-block.-s00 > .-micsList > .sect-body > .inner > .imgArea > p {
	margin-top: 40px;
	font-size: 18px;
	text-align: center;
}

.sect-block.-s00 > .-micsList > .buttonArea {
	margin-top: 60px;
}

.page-mics-list .sect-block.-s01 {
	margin-bottom: 100px;
}

.page-mics-list .sect-block.-s02 {
	padding: 100px 30px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #daecfb;
}

.page-mics-list .sect-block.-s02 > .inner {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}


.page-mics-list .micsProd-block > .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-mics-list .micsProd-block > .inner > .entry {
	flex: 0 1 380px;
	padding: 0 40px 40px;
	margin-bottom: 30px;
	background-color: #fff;
	border-top: solid 1px #00538f;
}

.page-mics-list .micsProd-block > .inner > .entry > .title {
	margin: 1em 0;
	font-size: 24px;
	font-weight: bold;
	color: #00538f;
	text-align: center;
}

/*

MICS説明

*/

[class*=page-product] .sect-block.-s00 {
	padding: 30px;
	margin-top: -100px;
	margin-right: calc(-50vw + 50%);
	margin-bottom: 100px;
	margin-left: calc(-50vw + 50%);
	background-color: #f2f4f8;
}

.page-specification .category-nav .ut-button.-round.-typeA::after,
[class*=page-product] .category-nav .ut-button.-round.-typeA::after {
	background-image: url(../img/icon_carr_r.png);
}

[class*=page-product] .sect-block.-s01 > .block-body {
	margin-bottom: 100px;
}

[class*=page-product] .sect-block.-s01 > .block-body > .inner {
	display: flex;
}

[class*=page-product] .sect-block.-s01 > .block-body .buttonArea {
	margin-top: 60px;
}

[class*=page-product] .ImgGroup > .mainImg {
	width: 440px;
	height: 400px;
	margin-bottom: 20px;
	text-align: center;
	border: solid 1px #00538f;
}

[class*=page-product] .ImgGroup > .mainImg > a > img {
	height: 100%;
	object-fit: contain;
}

[class*=page-product] .ImgGroup > .subImg {
	display: flex;
	justify-content: space-between;
}

[class*=page-product] .ImgGroup > .subImg > li > img {
	width: 130px;
	height: 130px;
	border: solid 1px #00538f;
	object-fit: cover;
}

[class*=page-product] .txtArea {
	width: 100%;
	max-width: 630px;
	margin: 0 70px;
}

[class*=page-product] .txtArea > .title {
	font-size: 36px;
}

[class*=page-product] .txtArea > .content > .sublead {
	margin: .5em 0 1.5em;
	font-size: 24px;
}

[class*=page-product] .txtArea > .content > .spec {
	border-top: solid 1px #8c8c8c;
}

[class*=page-product] .txtArea > .content > .spec div {
	padding: 2em 3em;
	font-size: 20px;
	border-bottom: solid 1px #8c8c8c;
}

[class*=page-product] .txtArea > .content > .spec dt {
	font-weight: bold;
}

[class*=page-product] .block-body {}

[class*=page-product] .block-body > .title {
	font-size: 48px;
}

[class*=page-product] .block-body > .title > small {
	display: block;
	font-size: 30px;
	color: #5aa9e6;
}

[class*=page-product] .block-body > .desc {
	margin: .5em 0 2em;
}


[class*=page-product] .sect-block.-s02 {
	padding: 100px 30px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #edf6fd;
}

[class*=page-product] .sect-block.-s02 > .inner {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

[class*=page-product] .sect-block.-s02 .subsect .imgArea > .inner {
	margin: 0 5px;
}

[class*=page-product] .sect-block.-s02 .subsect .buttonArea {
	margin-top: 70px;
}

[class*=page-product] .sect-block.-s02 .subsect .title {
	margin-bottom: .5em;
	font-size: 24px;
	font-weight: normal;
	color: #00538f;
}

[class*=page-product] .sect-block.-s02 .subsect .note {
	text-align: right;
}

[class*=page-product] .sect-block.-s02 .-subsect4 .imgArea,
[class*=page-product] .sect-block.-s02 .-subsect3 .imgArea {
	width: 100%;
	max-width: 640px;
	margin: auto;
}


[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body {
	padding: 70px 130px;
	background-color: #fff;
	border-radius: 10px;
}

[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body + .sect-body {
	margin-top: 40px;
}

[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body .sub-title {
	display: flex;
	align-items: center;
	margin-bottom: .5em;
	font-size: 36px;
}

[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body .sub-title span {
	display: block;
	padding: .25em .5em;
	margin-right: 1em;
	font-size: 22px;
	background-color: #edf6fd;
}

[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body p {
	margin-bottom: 2em;
	line-height: 2;
}

[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body .imgArea {
	display: flex;
	align-items: flex-start;
}

[class*=page-product] .sect-block.-s02 > .inner > .block-body > .buttonArea {
	width: 100%;
	max-width: 640px;
	margin: 60px auto 0;
}

[class*=page-product] .sect-block.-s03 > .block-body {
	padding: 100px 0;
}

[class*=page-product] .sect-block.-s03 > .block-body td,
[class*=page-product] .sect-block.-s03 > .block-body th {
	padding: 3em 2em;
	border: none;
}

[class*=page-product] .sect-block.-s03 > .block-body tr {
	border-bottom: solid 1px #00538f;
}

[class*=page-product] .sect-block.-s03 > .block-body th {
	font-size: 24px;
	font-weight: normal;
	color: #00538f;
	text-align: center;
}

[class*=page-product] .sect-block.-s03 > .block-body th:first-child {
	width: 320px;
	text-align: left;
}

[class*=page-product] .sect-block.-s03 > .block-body td {
	width: 450px;
	text-align: center;
}

[class*=page-product] .sect-block.-s03 > .block-body .mics .main {
	display: inline-block;
	padding: 0 .5em;
	margin-bottom: .5em;
	font-size: 24px;
	font-weight: bold;
	color: #00538f;
	background: linear-gradient(transparent 70%, #daecfb 0%);
}

[class*=page-product] .sect-block.-s03 > .block-body .sub {
	display: inline-block;
	text-align: left;
}

[class*=page-product] .sect-block.-s03 > .block-body .others .main {
	padding: 0 .5em;
	margin-bottom: .75em;
	color: #00538f;
}

[class*=page-product] .sect-block.-s03 > .block-body .others .sub {
	font-size: 14px;
}

[class*=page-product] .sect-block.-s03 > .block-body .imageTitle th {
	padding: 5px;
}

[class*=page-product] .sect-block.-s03 > .block-body .imageTitle img {
	width: 240px;
}

[class*=page-product] .sect-block.-s03 > .block-body .mics {}

[class*=page-product] .sect-block.-s03 > .block-body th.mics {
	border-top: solid 8px #daecfb;
	border-right: solid 8px #daecfb;
	border-left: solid 8px #daecfb;
}

[class*=page-product] .sect-block.-s03 > .block-body td.mics {
	border-right: solid 8px #daecfb;
	border-left: solid 8px #daecfb;
}

[class*=page-product] .sect-block.-s03 > .block-body tr:last-child td.mics {
	border-bottom: solid 8px #daecfb;
}

[class*=page-product] .sect-block.-s03 .buttonArea {
	margin-top: 60px;
}

[class*=page-product] .sect-block.-s99 {
	padding-top: 100px;
	background-color: #f2f4f8;
}

/*

MICS仕様

*/

[class*=page-specification] .sect-block.-s00 {
	padding: 30px;
	margin-top: -100px;
	margin-right: calc(-50vw + 50%);
	margin-bottom: 100px;
	margin-left: calc(-50vw + 50%);
	background-color: #f2f4f8;
}

[class*=page-specification] .sect-block.-s01 {
	width: 100%;
	max-width: 1150px;
	padding-bottom: 100px;
	margin: auto;
}

[class*=page-specification] .sub-title {
	font-size: 36px;
}

[class*=page-specification] .sect-block.-s01 .block-body > .inner {
	display: flex;
}

[class*=page-specification] .sect-block.-s03 .block-body .sub-title {
	font-size: 24px;
}

[class*=page-specification] .sect-block.-s01 .block-body > .inner > .imgArea {
	flex: 0 0 440px;
}

[class*=page-specification] .sect-block.-s01 .block-body > .inner > .txtArea {
	margin-left: 40px;
}

[class*=page-specification] .sect-block.-s01 .block-body > .inner > .txtArea ul {
	padding-left: 0;
	list-style-type: none;
}

[class*=page-specification] .sect-block.-s01 .block-body > .inner > .txtArea li {
	margin: .5em 0;
}

[class*=page-specification] .ImgGroup > .mainImg {
	width: 440px;
	height: 400px;
	margin-bottom: 20px;
	text-align: center;
	border: solid 1px #00538f;
}

[class*=page-specification] .ImgGroup > .mainImg > a > img {
	height: 100%;
	object-fit: contain;
}

[class*=page-specification] .ImgGroup > .subImg {
	display: flex;
	justify-content: space-between;
}

[class*=page-specification] .ImgGroup > .subImg > li > img {
	width: 130px;
	height: 130px;
	border: solid 1px #00538f;
	object-fit: cover;
}

[class*=page-specification] .sect-block.-s02 {
	padding: 100px 30px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #f2f4f8;
}

[class*=page-specification] .sect-block.-s02 > .block-body {
	width: 100%;
	max-width: 1340px;
	padding: 0 30px;
	margin: auto;
}

[class*=page-specification] .sect-block.-s02 > .block-body .buttons {
	display: flex;
	justify-content: center;
	margin: -20px 0 30px;
}

[class*=page-specification] .sect-block.-s02 > .block-body .buttons .buttonArea {
	margin: 0 10px;
}

[class*=page-specification] .spec {
	padding: 40px 80px;
	font-size: 18px;
	background-color: #fff;
}

[class*=page-specification] .spec td,
[class*=page-specification] .spec th {
	padding: 2em;
	border: none;
}

[class*=page-specification] .spec table {
	border-top: solid 1px #bfbfbf;
}

[class*=page-specification] .spec tr {
	border-bottom: solid 1px #bfbfbf;
}

[class*=page-specification] .spec th {
	text-align: left;
}

[class*=page-specification] .spec td {
	text-align: center;
}

[class*=page-specification] .spec td dt {
	text-align: right;
}

[class*=page-specification] .spec td dd {
	text-align: left;
}

/*

システムリスト

*/

.page-system-list .sect-block.-s00 {
	background-color: #edf6fd;
}

.page-system-list .sect-block.-s00 > .inner {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

.page-system-list .sect-block.-s00 > .inner > .sect-body {
	padding: 60px 90px;
	background-color: #fff;
	border-radius: 10px;
}

.page-system-list .sect-block.-s00 .sub-title + p {
	margin-top: -40px;
	margin-bottom: 40px;
}

.page-system-list .sect-block.-s02 {
	padding: 100px 30px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #daecfb;
}

.page-system-list .sect-block.-s02 > .inner {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

.page-system-list .sysProd-block > .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-system-list .sysProd-block > .inner > .entry {
	flex: 0 1 380px;
	padding: 0 40px 40px;
	margin-bottom: 30px;
	background-color: #fff;
	border-top: solid 1px #00538f;
}

.page-system-list .sysProd-block > .inner > .entry > .title {
	margin: 1em 0;
	font-size: 24px;
	font-weight: bold;
	color: #00538f;
	text-align: center;
}

.page-system-list .sect-block.-s01 {
	margin-bottom: 100px;
}

/*

システム詳細

*/


.page-system-product .sect-block.-s01 > .body {
	width: 100%;
	max-width: 1170px;
}

.page-system-product .sysProd-block > .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-system-product .sysProd-block > .inner > .entry {
	flex: 0 1 470px;
	padding: 0 0 40px;
	margin-bottom: 30px;
	background-color: #fff;
}

.page-system-product .sysProd-block > .inner > .entry > .thumb {
	border: solid 1px #00538f;
}

.page-system-product .sysProd-block > .inner > .entry > .title {
	margin: 1em 0;
	font-size: 24px;
	font-weight: bold;
}

.page-system-product .sysProd-block > .inner > .entry > .content {
	line-height: 1.75;
}


/*

トップ

*/

.page-frontpage .role-banner > .kv-block {
	background-color: #d9ebfc;
}

.page-frontpage .role-banner {
	height: 100%;
}

.page-frontpage .role-banner > .kv-block {
	position: relative;
	display: block;
	height: 100%;
}

.page-frontpage .role-banner > .kv-block > .inner {
	height: 100%;
}

.slide-area {
	height: 90vh;
	min-height: 800px;
	max-height: 900px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.slide-area > .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	max-width: 1280px;
	height: 100%;
	padding: 80px 50px;
	margin: auto;
}

.topLinks {
	position: absolute;
	top: 600px;
	left: calc(50% - 440px);
	z-index: 2;
	display: flex;
	justify-content: center;
	width: 880px;
}

.topLinks > .item {
	margin: 0 20px;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.slick-dots {
	position: absolute;
	bottom: 40px;
}

.slick-dots > [role=presentation] {
	width: 80px;
	height: 5px;
	background-color: #fff;
	border-radius: 2px;
	opacity: .4;
}

.slick-dots > .slick-active {
	opacity: 1;
}

.slick-dots li button {
	display: none;
}

.mainInner {
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
}

.mainInner.-s01s02 {
	padding: 80px 0 300px;
	margin-top: -100px;
	background: #d9ebfc;
	background: -moz-linear-gradient(top, #d9ebfc 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #d9ebfc 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #d9ebfc 0%, #ffffff 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d9ebfc', endColorstr='#ffffff', GradientType=0);
}

.page-frontpage .sect-block.-s01 {
	width: 100%;
	max-width: 1340px;
	padding: 0 30px;
	margin: auto;
}

.page-frontpage .sect-block.-s01 > .inner {
	display: flex;
	align-items: center;
	padding: 20px 40px;
	background-color: #fff;
	border-radius: 20px;
}

.page-frontpage .sect-block.-s01 > .inner > .header {
	height: 100%;
	padding: 40px 40px 40px 0;
	font-size: 18px;
	white-space: nowrap;
	border-right: solid 1px #00538f;
/* 22.07.26 */
	margin-bottom: 15%;
}

.page-frontpage .sect-block.-s01 > .inner > .content {
	display: flex;
	width: 100%;
	height: 100%;
	margin-right: -40px;
}


.page-frontpage .sect-block.-s01 > .inner > .content > .inner {
/* 22.07.26
	display: flex;
*/
	flex: 0 0 50%;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}

/* 22.07.26
.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .inner {
*/
.page-frontpage .sect-block.-s01 > .inner > .content > .inner {
	width: 100%;
}

/* 22.07.26 */
.page-frontpage .sect-block.-s01 > .inner > .content > .inner div.entry {
	margin-bottom: 20px;
}
.page-frontpage .sect-block.-s01 > .inner > .content > .inner div.entry .date {
	flex: 0 0 100px;
}
.page-frontpage .sect-block.-s01 > .inner > .content > .inner div.entry a {
	display: flex;
}

.page-frontpage .sect-block.-s01 > .inner > .content > .inner div.entry a .title::after {
	display: flex;
	flex: 0 0 20px;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin: 0 0 0 2.5em;
	font-size: 14px;
	color: #00538f;
	content: '';
	background-color: #daecfb;
	background-image: url(../img/icon_carr_r.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	border-radius: 40px;
}

.page-frontpage .sect-block.-s01 > .inner > .content > .inner:first-child {
	height: 100%;
	border-right: solid 1px #e6e6e6;
}

.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .inner > .infoTitle {
	margin: 1em 0;
	font-size: 18px;
	color: #00538f;
}

/* 22.07.26 */
.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .infoTitle {
	margin: 1em 0 2em 0;
	font-size: 18px;
	color: #00538f;
}

.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .inner > .body {
	margin-bottom: 1em;
}

/* 22.07.26 */
.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .body {
	margin-bottom: 1em;
}

.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .inner > .body .title {
	font-weight: bold;
}

/* 22.07.26 */
.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .body .title {
	font-weight: bold;
	margin-left: 10px;
	display: flex;
}

/* 22.07.26 */
.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .body .title-ellipsis {
	width: calc((100vw - 640px) / 2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 340px;
}

/* 22.07.26
.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .body .date {
	float: left;
} */

/* 22.07.26 */
.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .infomenu {
	font-weight: bold;
	color: #5aa9e6;
	text-align: right;
	padding-bottom: 10px;
}


.page-frontpage .sect-block.-s02 {
	width: 100%;
	max-width: calc(100vw - (50% - 640px));
	padding: 30px;
	padding: 70px 100px;
	padding-right: calc(50% - 640px);
	margin-top: 80px;
	margin-left: calc(50% - 640px);
	background-color: #fff;
	border-radius: 10px 0 0 10px;
}

.page-frontpage .sect-block.-s02 > .header {
	margin-bottom: 40px;
}

.page-frontpage .sect-block.-s02 > .header > .title {
	font-size: 60px;
	font-weight: normal;
}

.page-frontpage .sect-block.-s02 > .header > .subTitle {
	font-size: 20px;
	color: #00538f;
}

.page-frontpage .sect-block.-s02 > .body > p {
	font-size: 18px;
	line-height: 2;
}

.page-frontpage .sect-block.-s02 > .imgArea {
	float: right;
	margin-left: 80px;
}

.mainInner.-s03 {
	padding: 20px;
	margin-top: 100px;
	background: #d7dfea;
}

.mainInner.-s04 {
	padding: 20px;
	margin-top: 320px;
	margin-bottom: 160px;
	background: #d9ebfc;
}

.mainInner.-s03 > .inner,
.mainInner.-s04 > .inner {
	position: relative;
	display: flex;
	width: 100%;
	max-width: 1720px;
	margin: auto;
	margin-top: -140px;
	margin-bottom: 60px;
}

.mainInner.-s03 > .inner {
	justify-content: flex-end;
	padding-top: 60px;
	padding-right: 100px;
}

.mainInner.-s04 > .inner {
	padding-top: 60px;
	padding-left: 100px;
}

.mainInner.-s03 > .inner > .imgArea {
	position: absolute;
	top: 0;
	right: 50%;
}

.mainInner.-s04 > .inner > .imgArea {
	position: absolute;
	top: 0;
	left: 50%;
}

.mainInner.-s03 > .inner > .txtArea,
.mainInner.-s04 > .inner > .txtArea {
	position: relative;
	min-width: 800px;
	padding: 70px 120px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px 20px rgba(0, 0, 0, .1);
}

.mainInner.-s03 > .inner > .txtArea > .title,
.mainInner.-s04 > .inner > .txtArea > .title {
	margin-bottom: 30px;
	font-size: 48px;
	font-weight: normal;
	color: #00538f;
}

.mainInner.-s03 > .inner > .txtArea > .body,
.mainInner.-s04 > .inner > .txtArea > .body {
	margin-bottom: 60px;
	line-height: 2;
	letter-spacing: .125em;
}

.mainInner.-s03 > .inner > .txtArea > .buttonArea > .ut-button.-round.-typeA.-topkv,
.mainInner.-s04 > .inner > .txtArea > .buttonArea > .ut-button.-round.-typeA.-topkv {
	width: auto;
}


/*

システムトップ

*/


.page-system-solution .sect-block.-s01 {
	padding-bottom: 100px;
}

.page-system-solution .sect-block.-s01 > .inner {
	display: flex;
	justify-content: space-between;
}

.page-system-solution .sect-block.-s01 > .inner > .txtArea {
	flex: 0 1 50%;
	margin-right: 40px;
}

.page-system-solution .sect-block.-s01 > .inner > .txtArea > p {
	line-height: 2;
}

.page-system-solution .sect-block.-s01 > .inner > .imgArea {
	flex: 0 1 50%;
	margin-left: 40px;
}

.page-system-solution .sect-block.-s01 > .inner .buttonArea {
	margin-top: 30px;
	text-align: left;
}

.page-system-solution .sect-block.-s01 > .inner .buttonArea > .ut-button {
	margin: 0;
}

.page-system-solution .sect-block.-s02 {
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #edf6fd;
}

.page-system-solution .sect-block.-s02 > .inner {
	width: 100%;
	max-width: 1340px;
	padding: 100px 30px 80px;
	margin: auto;
}

.page-system-solution .sect-block.-s02 p {
	margin-bottom: 30px;
	line-height: 2;
}

.page-system-solution .sect-block.-s02 .buttonArea {
	margin-top: 50px;
}

.page-system-solution .sect-block.-s01 .sub-title,
.page-system-solution .sect-block.-s02 .sub-title {
	margin-bottom: 30px;
}

.page-system-solution .sect-block.-s03 {
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #daecfb;
}

.page-system-solution .sect-block.-s03 > .inner {
	width: 100%;
	max-width: 1340px;
	padding: 100px 30px 80px;
	margin: auto;
}

.page-system-solution .sect-block.-s03 .buttonArea {
	margin-top: 20px;
}


.page-system-solution .sysProd-block > .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-system-solution .sysProd-block > .inner > .entry {
	flex: 0 1 380px;
	padding: 0 40px 40px;
	margin-bottom: 30px;
	background-color: #fff;
	border-top: solid 1px #00538f;
}

.page-system-solution .sysProd-block > .inner > .entry > .title {
	margin: 1em 0;
	font-size: 24px;
	font-weight: bold;
	color: #00538f;
	text-align: center;
}










/*

ミックストップ

*/

.page-mics-test .sect-block.-s00,
.page-mics .sect-block.-s00 {
	padding: 100px 30px;
	margin-top: -100px;
	margin-right: calc(-50vw + 50%);
	margin-bottom: 100px;
	margin-left: calc(-50vw + 50%);
	background-color: #daecfb;
}

/* 22.07.22 */
.page-mics-test .sect-block.-s00 > .inner .float-right,
.page-mics .sect-block.-s00 > .inner .float-right {
    float: right;
    width: 49.5%;
  }

/* 22.07.22 */
.page-mics-test .sect-block.-s00 > .inner .float-left,
.page-mics .sect-block.-s00 > .inner .float-left {
    float:left;
    width: 49.5%;
  }

/* 22.07.22 */
.page-mics-test .sect-block.-s00 > .inner .youtube,
.page-mics .sect-block.-s00 > .inner .youtube {
	position: relative;
	height: 0;
	margin: 80px 20px 0 20px;
	padding-bottom: 56.25%;
	overflow: hidden;
}

/* 22.07.22 */
.page-mics-test .sect-block.-s00 > .inner .youtube iframe,
.page-mics .sect-block.-s00 > .inner .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.page-mics-test .sect-block.-s00 > .inner,
.page-mics .sect-block.-s00 > .inner {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

.page-mics-test .sect-block.-s00 > .inner > .txtArea,
.page-mics .sect-block.-s00 > .inner > .txtArea {
	width: calc(((100vw - 1280px) / 2) + 570px);
	padding-top: 100px;
	padding-right: 80px;
	padding-bottom: 60px;
	padding-left: calc((100vw - 1280px) / 2);
	margin-left: calc(-50vw + 50%);
	background-color: #fff;
	border-radius: 0 10px 10px 0;
}

.page-mics-test .sect-block.-s00 > .inner > .imgArea,
.page-mics .sect-block.-s00 > .inner > .imgArea {
	flex: 0 1 740px;
	margin-right: -100px;
	margin-left: 40px;
}

.page-mics-test .sect-block.-s00 > .inner .sub-title,
.page-mics .sect-block.-s00 > .inner .sub-title {
	margin-bottom: 30px;
}

.page-mics-test .sect-block.-s00 > .inner p,
.page-mics .sect-block.-s00 > .inner p {
	margin-bottom: 30px;
	line-height: 2;
}

.page-mics-test .sect-block.-s00 > .inner .buttonArea,
.page-mics .sect-block.-s00 > .inner .buttonArea {
	margin-top: 30px;
}

.page-mics-test .sect-block.-s00 > .inner .buttonArea > .ut-button,
.page-mics .sect-block.-s00 > .inner .buttonArea > .ut-button {
	margin-left: 0;
}

.page-mics-test .sect-block.-s01,
.page-mics .sect-block.-s01 {
	margin-bottom: 100px;
}

.page-mics-test .sect-block.-s01 > .inner,
.page-mics .sect-block.-s01 > .inner {
	padding: 80px 100px;
	text-align: center;
	border: solid 1px #00538f;
	border-radius: 10px;
}

.page-mics-test .sect-block.-s01 > .inner .sub-title,
.page-mics .sect-block.-s01 > .inner .sub-title {
	margin-bottom: 30px;
}

.page-mics-test .sect-block.-s01 > .inner .regNum,
.page-mics .sect-block.-s01 > .inner .regNum {
	margin-bottom: 50px;
	font-size: 32px;
}

.page-mics-test .sect-block.-s02,
.page-mics .sect-block.-s02 {
	padding: 100px 30px;
	margin-right: calc(-50vw + 50%);
	margin-bottom: 100px;
	margin-left: calc(-50vw + 50%);
	background-color: #f2f4f8;
}

.page-mics-test .sect-block.-s02 > .inner,
.page-mics .sect-block.-s02 > .inner {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

.page-mics-test .sect-block.-s02 > .inner > .content .sub-title,
.page-mics .sect-block.-s02 > .inner > .content .sub-title {
	font-size: 30px;
}

.page-mics-test .sect-block.-s02 .sub-title > small,
.page-mics .sect-block.-s02 .sub-title > small {
	display: block;
	margin-top: .5em;
	font-size: 18px;
	font-weight: bold;
	color: #5aa9e6;
}

.page-mics-test .sect-block.-s02 > .inner .buttonArea,
.page-mics .sect-block.-s02 > .inner .buttonArea {
	margin-top: 30px;
}

.page-mics-test .sect-block.-s02 > .inner .buttonArea > .ut-button,
.page-mics .sect-block.-s02 > .inner .buttonArea > .ut-button {
	margin-left: 0;
}

.page-mics-test .sect-block.-s02 > .inner > .content,
.page-mics .sect-block.-s02 > .inner > .content {
	display: flex;
	align-items: center;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea {
	width: 650px;
	padding: 80px;
	margin-right: 60px;
	background-color: #fff;
	border-radius: 10px;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList {
	margin-top: -60px;
	font-size: 30px;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item {
	height: 160px;
	margin-left: 60px;
	border-left: solid 1px #00538f;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item:first-child,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item:first-child {
	margin-top: 60px;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item:last-child,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item:last-child {
	height: 60px;
	margin-bottom: 60px;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item > div,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item > div {
	display: flex;
	align-items: center;
	margin-left: -50px;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item > div > span,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item > div > span {
	display: block;
	padding-left: 20px;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item > div::before,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .item > div::before {
	display: block;
	width: 100px;
	height: 100px;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .-item1 > div::before,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .-item1 > div::before {
	background-image: url(../img/icon-micsTop1.png);
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .-item2 > div::before,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .-item2 > div::before {
	background-image: url(../img/icon-micsTop2.png);
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .-item3 > div::before,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .-item3 > div::before {
	background-image: url(../img/icon-micsTop3.png);
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList .-item4 > div::before,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList .-item4 > div::before {
	background-image: url(../img/icon-micsTop4.png);
}

.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea > .flowList small,
.page-mics .sect-block.-s02 > .inner > .content > .flowArea > .flowList small {
	display: block;
	margin-top: .5em;
	font-size: 18px;
	font-weight: bold;
	color: #5aa9e6;
}

.page-mics-test .sect-block.-s02 > .inner > .content > .txtArea,
.page-mics .sect-block.-s02 > .inner > .content > .txtArea {
	width: calc(((100vw - 1280px) / 2) + 570px);
	padding-top: 100px;
	padding-right: calc((100vw - 1280px) / 2);
	padding-bottom: 100px;
	padding-left: 100px;
	margin-right: calc(-50vw + 50%);
	border: solid 1px #00538f;
	border-radius: 10px 0 0 10px;
}

.page-mics-test .sect-block.-s03 > .inner .sub-title,
.page-mics .sect-block.-s03 > .inner .sub-title {
	margin-bottom: 10px;
}

.page-mics-test .sect-block.-s03 > .inner > .content,
.page-mics .sect-block.-s03 > .inner > .content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0 60px 60px;
}

.page-mics-test .sect-block.-s03 > .inner > .content > .item,
.page-mics .sect-block.-s03 > .inner > .content > .item {
	flex: 0 1 33.3%;
	padding: 40px;
}

.page-mics-test .sect-block.-s04,
.page-mics .sect-block.-s04 {
	padding: 100px 30px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #d7dfea;
}

.page-mics-test .sect-block.-s04 .sub-title,
.page-mics .sect-block.-s04 .sub-title {
	font-size: 30px;
}

.page-mics-test .sect-block.-s04 p,
.page-mics .sect-block.-s04 p {
	margin-bottom: 30px;
	line-height: 2;
}

.page-mics-test .sect-block.-s04 > .inner > .buttonArea.sp,
.page-mics .sect-block.-s04 > .inner > .buttonArea.sp {
	display: none;
}

.page-mics-test .sect-block.-s04 > .inner > .buttonArea,
.page-mics .sect-block.-s04 > .inner > .buttonArea {
	display: flex;
	justify-content: center;
}

.page-mics-test .sect-block.-s04 > .inner,
.page-mics .sect-block.-s04 > .inner {
	width: 100%;
	max-width: 1280px;
	padding: 70px 140px;
	margin: auto;
	margin-bottom: 60px;
	background-color: #fff;
	border-radius: 10px;
}

.page-mics-test .sect-block.-s04 > .btnOuterArea > .buttonArea,
.page-mics .sect-block.-s04 > .btnOuterArea > .buttonArea {
	width: 100%;
	max-width: 640px;
	margin: 30px auto 0;
}


/*

活用事例

*/


.post-type-archive-cases .cases-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -30px;
}

.post-type-archive-cases .cases-list > .entry {
	flex: 0 1 50%;
	padding: 0 30px 60px;
}

.post-type-archive-cases .cases-list > .entry > .inner {
	padding: 40px;
	border: solid 1px #dcdcdc;
	border-top: solid 4px #00538f;
}

.post-type-archive-cases .cases-list > .entry > .inner > .title {
	margin-bottom: 20px;
	font-size: 24px;
}

.post-type-archive-cases .cases-list > .entry > .inner > .img {
	margin-bottom: 20px;
	text-align: center;
}

.post-type-archive-cases .cases-list > .entry > .inner > .content {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.5;
	color: #00538f;
}

.post-type-archive-cases .cases-list > .entry > .inner > .comment {
	padding: 20px;
	font-size: 14px;
	color: #00538f;
	background-color: #daecfb;
}

.post-type-archive-cases .cases-list > .entry > .inner > .comment::before {
	display: inline-block;
	padding: .125em 1em;
	margin-bottom: 10px;
	content: 'お客さまからのコメント';
	background-color: #fff;
}

.post-type-archive-cases .cases-block:not(:last-child) {
	padding-bottom: 120px;
	margin-bottom: 120px;
	border-bottom: solid 1px #d9ebfc;
}

.post-type-archive-cases .cases-block > .buttonArea {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.post-type-archive-cases .sect-block.-s01 {
	padding-bottom: 0;
}



/*

画像解析

*/

.page-analysis .sub-title {
	margin-bottom: .5em;
}

.page-analysis .sect-block p {
	line-height: 2;
}

.page-analysis .head-copy {
	color: #5aa9e6;
}

.page-analysis .head-copy::before {
	content: none;
}

.page-analysis .head-copy::after {
	content: none;
}

.page-analysis .sect-block.-s02 .inner {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}

.page-analysis .inner.-s01s02 .buttonArea {
	width: 100%;
	max-width: 640px;
	margin: 60px auto 0;
}


.page-analysis .sect-block.-s05,
.page-analysis .sect-block.-s01 {
	width: 100%;
	max-width: 1340px;
	padding: 0 30px;
	margin: auto;
}

.page-analysis .sect-block.-s02 {
	width: 100%;
	max-width: calc(100vw - (50% - 740px));
	padding: 30px;
	padding: 70px 100px;
	padding-right: calc(50% - 640px);
	margin-top: 80px;
	margin-left: calc(50% - 740px);
	background-color: #fff;
	border-radius: 10px 0 0 10px;
}

.page-analysis .inner.-s01s02 {
	padding: 80px 0;
	margin-top: -100px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background: #daecfb;
}

.page-analysis .inner.-s05 {
	padding: 80px 0;
	margin-right: calc(-50vw + 50%);
	margin-bottom: 80px;
	margin-left: calc(-50vw + 50%);
	background: #f2f4f8;
}

.page-analysis .sect-block.-s03 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.page-analysis .sect-block.-s03 .inner {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}

.page-analysis .sect-block.-s03 .inner > .item > .txtArea {
	max-width: 560px;
	padding-left: 40px;
}

.page-analysis .sect-block.-s03 .inner > .item > .txtArea > .title {
	margin: .75em 0;
	font-size: 30px;
	color: #00538f;
}

.page-analysis .sect-block.-s03 > .sect-header {
	margin-bottom: 40px;
}

.page-analysis .sect-block.-s05 .inner {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}

.page-analysis .sect-block.-s05 .inner .item.-imgArea {
	flex: 0 0 600px;
	padding-left: 40px;
}




/*

採用

*/


.page-recruit .sect-block.-s01 {
	padding-bottom: 100px;
}

.page-recruit .sect-block.-s01 > .body > .inner {
	display: flex;
}

.page-recruit .sect-block.-s01 > .body > .inner > .imgArea {
	flex: 0 0 50%;
}

.page-recruit .sect-block.-s01 > .body > .inner > .txtArea {
	flex: 0 0 50%;
	padding-left: 60px;
}

.page-recruit .sect-block.-s01 > .body > .inner > .txtArea {
	font-size: 18px;
	line-height: 2;
}

.page-recruit .sect-block.-s02 {
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #f2f4f8;
}

.page-recruit .sect-block.-s02 > .inner {
	width: 100%;
	max-width: 1340px;
	padding: 100px 30px 80px;
	margin: auto;
}

.page-recruit .sect-block.-s02 > .inner > .body {
	padding: 60px 100px;
	line-height: 1.5;
	background-color: #fff;
	border-radius: 10px;
}

.page-recruit .sect-block.-s02 > .inner > .body .recruit-list > div {
	padding: 1em 5em;
	font-size: 18px;
	border-bottom: solid 1px #ccc;
}

.page-recruit .sect-block.-s02 > .inner > .body .recruit-list > div > dt {
	font-weight: bold;
	color: #00538f;
}

.page-recruit .sect-block.-s03 {
	padding: 100px 30px;
}



/*

挨拶

*/

.page-greeting .role-banner {
	height: 400px;
}

.page-greeting .role-banner > .kv-block {
	background: #359ee9;
	background: -moz-linear-gradient(left, #359ee9 0%, #6db0e1 30%);
	background: -webkit-linear-gradient(left, #359ee9 0%, #6db0e1 30%);
	background: linear-gradient(to right, #359ee9 0%, #6db0e1 30%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#359ee9', endColorstr='#6db0e1', GradientType=1);
}

.page-greeting .sect-block.-s01 {
	width: 100%;
	max-width: calc(100vw - (50% - 640px));
	padding: 30px;
	padding: 70px 100px;
	padding-left: calc(50% - 640px);
	margin-right: calc(50% - 640px);
	background-color: #fff;
	border-radius: 0 10px 10px 0;
}

.page-greeting .inner.-s01 {
	padding: 80px 0;
	margin-top: -100px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-image: url(http://assistyou-m.com/wp-content/themes/assistyou2021/img/greeting_bg.jpg);
	background-size: cover;
}

.page-greeting .sect-block.-s01 > .inner {
	display: flex;
}

.page-greeting .sub-title {
	margin-bottom: 10px;
}

.page-greeting .sect-header .sublead {
	margin-bottom: .5em;
	font-size: 20px;
}

.page-greeting .sect-block.-s01 > .inner > .txtArea {
	width: 100%;
	max-width: 800px;
	line-height: 2;
}

.page-greeting .sect-block.-s01 > .inner > .txtArea p b {
	font-size: 20px;
	color: #00538f;
}

.page-greeting .sect-block.-s01 > .inner > .imgArea {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 80px;
	text-align: right;
}

.page-greeting .sect-block.-s01 > .inner > .imgArea .name {
	font-family: 'Hiragino Mincho ProN', 'MS PMincho', serif;
	font-size: 30px;
	font-weight: bold;
}

.page-greeting .sect-block.-s02 {
	width: 100%;
	max-width: calc(100vw - (50% - 640px));
	padding: 30px;
	padding: 70px 100px;
	padding-right: calc(50% - 640px);
	margin-left: calc(50% - 640px);
	border: solid 1px #00538f;
	border-radius: 10px 0 0 10px;
}

.page-greeting .inner.-s02 {
	padding: 80px 0;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #fff;
}

.page-greeting .sect-block.-s02 .body {
	line-height: 2;
}

.page-greeting .head-copy::before,
.page-greeting .head-copy::after {
	content: none;
}

.page-greeting .head-copy {
	font-weight: normal;
}

.error404 .role-banner {
	height: 100px;
	background: none;
}

.error404 .wrapper-block {
	background-color: #f2f4f8;
}

.error404 .container-block {
	padding-bottom: 100px;
}




/*

会社概要

*/


.page-company .sect-block.-s01 {
	padding-bottom: 100px;
}

.page-company .sect-block.-s01 .imgAreaWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 60px;
}

.page-company .sect-block.-s01 .imgArea {
	width: calc(50% - 16.18px / 2);
}

.page-company .sect-block.-s01 .imgArea iframe {
	width: 100%;
	height: 100%;
}

.page-company .sect-block.-s01 a,.s02-tabpanels a {
	font-weight: bold;
	color: #5aa9e6;
}

.page-company .sect-block.-s02 {
	padding: 100px 30px;
	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%);
	background-color: #f2f4f8;
}

.page-company .sect-block.-s02 > .inner {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

.history-tabs {
	margin-bottom: 60px;
}

.history-tabs > ul {
	display: flex;
	margin: 0 -15px;
}

.history-tabs .item {
	flex: 0 0 25%;
	padding: 0 15px;
}

.history-tabs .ut-button {
	width: 100%;
}


.outline-table {
	border-top: solid 1px #ccc;
}

.outline-table > div {
	padding: 2em 5em;
	font-size: 18px;
	line-height: 1.75;
	border-bottom: solid 1px #ccc;
}

.outline-table > div > dt {
	font-weight: bold;
	color: #00538f;
}

.s02-tabpanels {
	padding: 60px;
	background-color: #fff;
}

.s02-tabpanels .history-table {
	width: 100%;
	max-width: 860px;
	margin: auto;
}

.s02-tabpanels .history-table > div {
	padding: 20px 0;
}

.s02-tabpanels .history-table > div > dt {
	font-size: 14px;
	text-align: center;
	border-right: solid 1px #00538f;
}

.s02-tabpanels .history-table > div > dd {
	padding-left: 2em;
	line-height: 1.75;
}

.s02-tabpanels .history-table > div > dt > .ad {
	font-size: 24px;
	font-weight: bold;
	color: #00538f;
}

.s02-tabpanels .history-table > div > dd > .emphasis {
	font-size: 18px;
	font-weight: bold;
	color: #00538f;
}


/*

プライバシーポリシー

*/

.page-privacy-policy .wrapper-block {
	background-color: #f2f4f8;
}

.page-privacy-policy .sect-block > .inner {
	padding: 80px 120px;
	margin-bottom: 60px;
	background-color: #fff;
	border-radius: 10px;
}

.page-privacy-policy .sect-block > .inner h3 {
	margin: 2em 0 .5em;
	font-size: 20px;
	font-weight: bold;
	color: #00538f;
}

.page-privacy-policy .sect-block.-s02 {
	padding-bottom: 40px;
}




/*

代理店

*/


.page-partners .supplement {
	margin-bottom: 1em;
}

.page-partners .sect-block.-s01 {
	padding-bottom: 80px;
}

.seller-table {
	border-top: solid 1px #00538f;
}

.seller-table > div {
	padding: 2em 0;
	font-size: 22px;
	line-height: 1.75;
	border-bottom: solid 1px #00538f;
}

.seller-table > div > dt {
	font-size: 30px;
	font-weight: bold;
}

.seller-table > div > dd ul,
.seller-table > div > dd li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.seller-table > div > dd li {
	padding-left: 3em;
	text-indent: -3em;
}

.page-partners .-underconst .inner {
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 360px;
	background-color: #f2f4f8;
}

.page-partners .-underconst .inner::after {
	display: block;
	width: 200px;
	height: 200px;
	content: '';
	background-image: url(../img/mikkun_s_handsup.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.page-partners .-underconst .inner h3 {
	font-size: 48px;
	color: #00538f;
}


/*

NETIS

*/


.page-netis .sect-block.-s01 {
	padding-bottom: 80px;
}

.page-netis .regNum {
	margin-bottom: 50px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.page-netis .standby {
	padding: 120px 0;
	text-align: center;
	background-color: #f2f4f8;
	border-radius: 10px;
}

.page-netis .txtArea {
	margin-top: 40px;
	line-height: 1.5;
}

.page-netis .sect-block.-s99 > .buttonArea.-ext {
	max-width: 720px;
}




/*

保守サポ

*/

.page-explanation .sect-block.-s01 {
	width: 100%;
	max-width: 820px;
	margin: auto;
}


.page-explanation .sect-block .title {
	margin: 1em 0 2em;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.page-explanation .buttonArea {
	width: 100%;
	max-width: 820px;
	margin: 0 auto 80px;
}

.ut-button.-rect.-typeC {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 140px;
	font-size: 24px;
}

.ut-button.-rect.-typeC.-about {
	color: #fff;
	background: #7bbaeb;
	background: -moz-linear-gradient(45deg, #7bbaeb 0%, #5aa9e6 100%);
	background: -webkit-linear-gradient(45deg, #7bbaeb 0%, #5aa9e6 100%);
	background: linear-gradient(45deg, #7bbaeb 0%, #5aa9e6 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7bbaeb', endColorstr='#5aa9e6', GradientType=1);
}

.ut-button.-rect.-typeC.-about::before {
	background-image: url(../img/icon_excl_circled.png);
}

.ut-button.-rect.-typeC.-about::after {
	background-image: url(../img/mikkun_s_handsup.png);
}

.ut-button.-rect.-typeC.-qa {
	color: #00538f;
	background: #e1f0fc;
	background: -moz-linear-gradient(45deg, #e1f0fc 0%, #c0dff7 100%);
	background: -webkit-linear-gradient(45deg, #e1f0fc 0%, #c0dff7 100%);
	background: linear-gradient(45deg, #e1f0fc 0%, #c0dff7 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e1f0fc', endColorstr='#c0dff7', GradientType=1);
}

.ut-button.-rect.-typeC.-qa::before {
	background-image: url(../img/icon_ballon.png);
}

.ut-button.-rect.-typeC.-qa::after {
	background-image: url(../img/mikkun_s_handsdown.png);
}

.ut-button.-rect.-typeC::before {
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 20px;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
}

.ut-button.-rect.-typeC::after {
	display: block;
	width: 150px;
	height: 150px;
	margin-top: -40px;
	margin-left: 20px;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
}

.page-explanation .support {
	display: block;
	margin-top: 1em;
	font-size: 20px;
	color: #5aa9e6;
}


.page-mics-download .wpcf7-form,
.page-recruit .wpcf7-form,
.page-mics-contact .wpcf7-form,
.page-system-contact .wpcf7-form {
	width: 100%;
	max-width: 960px;
	margin: auto;
}

.page-mics-download .wpcf7-form dl > div,
.page-recruit .wpcf7-form dl > div,
.page-mics-contact .wpcf7-form dl > div,
.page-system-contact .wpcf7-form dl > div {
	padding: 30px;
}

.page-mics-download .wpcf7-form dt,
.page-recruit .wpcf7-form dt,
.page-mics-contact .wpcf7-form dt,
.page-system-contact .wpcf7-form dt {
	font-size: 24px;
}

.page-mics-download .wpcf7-form dt > div,
.page-recruit .wpcf7-form dt > div,
.page-mics-contact .wpcf7-form dt > div,
.page-system-contact .wpcf7-form dt > div {
	display: flex;
	align-items: center;
}

.page-mics-download .wpcf7-form dd,
.page-recruit .wpcf7-form dd,
.page-mics-contact .wpcf7-form dd,
.page-system-contact .wpcf7-form dd {
	font-size: 18px;
}

.page-mics-download .wpcf7-form dt .required,
.page-recruit .wpcf7-form dt .required,
.page-mics-contact .wpcf7-form dt .required,
.page-system-contact .wpcf7-form dt .required {
	display: inline-block;
	padding: .125em .5em;
	margin-left: .75em;
	font-size: 12px;
	font-weight: bold;
	color: #a40035;
	border: solid 1px currentColor;
	border-radius: 3px;
}

.page-mics-download .wpcf7-form input[type=text],
.page-mics-download .wpcf7-form input[type=email],
.page-mics-download .wpcf7-form input[type=tel],
.page-mics-download .wpcf7-form textarea,
.page-recruit .wpcf7-form input[type=text],
.page-recruit .wpcf7-form input[type=email],
.page-recruit .wpcf7-form input[type=tel],
.page-recruit .wpcf7-form textarea,
.page-mics-contact .wpcf7-form input[type=text],
.page-mics-contact .wpcf7-form input[type=email],
.page-mics-contact .wpcf7-form input[type=tel],
.page-mics-contact .wpcf7-form textarea,
.page-system-contact .wpcf7-form input[type=text],
.page-system-contact .wpcf7-form input[type=email],
.page-system-contact .wpcf7-form input[type=tel],
.page-system-contact .wpcf7-form textarea {
	padding: .75em;
	border: solid 1px currentColor;
	border-radius: 8px;
}

.page-mics-download .accept,
.page-recruit .accept,
.page-mics-contact .accept,
.page-system-contact .accept {
	max-width: 440px;
	margin: 80px auto 40px;
	text-align: center;
}

.page-mics-download .buttons,
.page-recruit .buttons,
.page-mics-contact .buttons,
.page-system-contact .buttons {
	display: flex;
	justify-content: center;
	margin: 0 auto 80px;
}

/*
.page-mics-download .buttons>div,
.page-recruit .buttons>div,
.page-mics-contact .buttons>div,
.page-system-contact .buttons>div {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}
*/
.page-mics-download .buttons input,
.page-recruit .buttons input,
.page-mics-contact .buttons input,
.page-system-contact .buttons input {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 440px;
	height: 80px;
	margin: 0 10px;
	color: #00538f;
	background-color: #d7dfea;
	border: none;
	border-radius: 100px;
	outline: none;
}

.page-mics-download .buttons input[disabled],
.page-recruit .buttons input[disabled],
.page-mics-contact .buttons input[disabled],
.page-system-contact .buttons input[disabled] {
	opacity: .5;
}

.addition {
	font-size: 18px;
}

.wpcf7c-conf {
	background: none !important;
}

[type=radio][readonly].wpcf7c-conf {
	display: none !important;
}

.page-mics-download .custom-wpcf7c-confirmed,
.page-recruit .custom-wpcf7c-confirmed,
.page-mics-contact .custom-wpcf7c-confirmed,
.page-system-contact .custom-wpcf7c-confirmed {
	max-width: 1280px;
}

.page-mics-download .custom-wpcf7c-confirmed dl > div:nth-child(odd),
.page-recruit .custom-wpcf7c-confirmed dl > div:nth-child(odd),
.page-mics-contact .custom-wpcf7c-confirmed dl > div:nth-child(odd),
.page-system-contact .custom-wpcf7c-confirmed dl > div:nth-child(odd) {
	background-color: #f2f4f8;
}

.page-mics-download .custom-wpcf7c-confirmed input[readonly],
.page-mics-download .custom-wpcf7c-confirmed textarea[readonly],
.page-recruit .custom-wpcf7c-confirmed input[readonly],
.page-recruit .custom-wpcf7c-confirmed textarea[readonly],
.page-mics-contact .custom-wpcf7c-confirmed input[readonly],
.page-mics-contact .custom-wpcf7c-confirmed textarea[readonly],
.page-system-contact .custom-wpcf7c-confirmed input[readonly],
.page-system-contact .custom-wpcf7c-confirmed textarea[readonly] {
	border: none;
}

.custom-wpcf7c-confirmed .accept,
.custom-wpcf7c-confirmed .required {
	display: none !important;
}

.custom-wpcf7c-confirmed [type=radio][readonly] + .wpcf7-list-item-label {
	display: none !important;
}

.custom-wpcf7c-confirmed .buttons {
	margin-top: 80px;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	margin: -60px auto 80px;
	font-weight: bold;
	text-align: center;
	border: none;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.page-mics-download .custom-wpcf7c-confirmed dl > div:nth-child(odd) input[readonly]:-webkit-autofill,
.page-recruit .custom-wpcf7c-confirmed dl > div:nth-child(odd) input[readonly]:-webkit-autofill,
.page-mics-contact .custom-wpcf7c-confirmed dl > div:nth-child(odd) input[readonly]:-webkit-autofill,
.page-system-contact .custom-wpcf7c-confirmed dl > div:nth-child(odd) input[readonly]:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f2f4f8 inset;
}

.page-mics-download .custom-wpcf7c-confirmed .buttons input,
.page-recruit .custom-wpcf7c-confirmed .buttons input,
.page-mics-contact .custom-wpcf7c-confirmed .buttons input,
.page-system-contact .custom-wpcf7c-confirmed .buttons input {
	max-width: 300px;
}

.page-mics-download .buttons input.wpcf7-submit,
.page-recruit .buttons input.wpcf7-submit,
.page-mics-contact .buttons input.wpcf7-submit,
.page-system-contact .buttons input.wpcf7-submit {
	color: #fff;
	background-color: #00538f;
}

.wpcf7-back::after {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 1em 0 .5em;
	font-size: 14px;
	color: #00538f;
	content: '＜';
	background-color: #fff;
	border-radius: 40px;
}

.page-rct-thanks .sect-block.-s01,
.page-mics-thanks .sect-block.-s01,
.page-system-thanks .sect-block.-s01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 80px 120px;
	margin-bottom: 100px;
	line-height: 2;
	background-color: #f2f4f8;
	border-radius: 10px;
}

.page-rct-thanks .sect-block.-s01::after,
.page-mics-thanks .sect-block.-s01::after,
.page-system-thanks .sect-block.-s01::after {
	content: url(../img/mikkun.png);
}

.page-rct-thanks .sect-block.-s99,
.page-mics-thanks .sect-block.-s99,
.page-system-thanks .sect-block.-s99 {
	padding-top: 100px;
	background-color: #f2f4f8;
}

.page-mics-download .sect-block.-s99 > .btnOuterArea {
	padding-top: 0;
}


.searchFormArea {
	position: absolute;
	top: 280px;
	left: calc(50% + 60px);
	/*	padding: 100px 30px 0; */
	flex: 0 0 600px;
	width: 540px;
}

.searchFormArea > form {
	display: flex;
}

.searchFormArea > form > input {
	padding: .75em;
	border: none;
}

.searchFormArea > form > input[type=submit] {
	background-color: #00538f;
	border-radius: 0 8px 8px 0;
}

.searchFormArea > form > input[type=submit] {
	width: 60px;
	background-image: url(../img/icon_search.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px;
}

.searchFormArea > form > input[type=text] {
	border-radius: 8px 0 0 8px;
	outline: none;
}

.sub-title.-search {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 20px;
	font-size: 24px;
	font-weight: bold;
}


.page-mics-catalog .entry {
	display: none;
	margin-bottom: 40px;
}

.page-mics-catalog .block-header {
	width: 100%;
	max-width: 960px;
	padding: 0;
	margin: 0 auto 20px;
	font-weight: bold;
}

.page-mics-catalog .block-header > div {
	align-items: center;
	justify-content: space-between;
}

.page-mics-catalog .block-header .title {
	font-size: 24px;
}

.page-mics-catalog .block-header small {
	font-size: 16px;
	color: #a40035;
}

.page-mics-catalog .block-header option {}

.page-mics-catalog .buttonArea {
	width: 100%;
	max-width: 440px;
	margin: 20px auto;
}


.page-mics-catalog .block-body {
	width: 100%;
	max-width: 960px;
	padding: 50px 100px;
	margin: 0 auto 100px;
	background-color: #edf6fd;
	border-radius: 10px;
}

.page-mics-catalog .block-body .inner {
	display: flex;
	justify-content: space-between;
}

.page-mics-catalog .block-body .imgArea {
	flex: 0 0 300px;
	max-height: 300px;
}

.page-mics-catalog .block-body .imgArea img {
	max-height: 300px;
}

.page-mics-catalog .block-body .txtArea .title {
	padding-left: 20px;
	margin: 1em 0;
	font-size: 24px;
}

.page-mics-catalog .block-body .txtArea .content {
	padding-left: 20px;
}

.page-mics-catalog .cat_select {
	padding: 1em;
	border-radius: 8px;
}

.ebd_results {
	padding-top: 40px;
}

.ebd_results > .ebd_link::before {
	display: block;
	width: 440px;
	padding: 1em;
	margin: -80px auto 100px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	content: 'ダウンロード';
	background-color: #00538f;
	border-radius: 100px;
}

.ebd_results > .ebd_link > div {
	display: none !important;
}


.sect-block.-s99 > .btnOuterArea > .buttonArea + .buttonArea {
	margin-top: 30px;
}



/* standard
@media standard, print, screen and (min-width: 1920px) {
	.page-frontpage .role-banner>.kv-block>.inner .item {
		background-size: contain;
	}
}
*/





/* header */
@media header,
	print,
	screen and (max-width: 1540px) {
	.mainInner.-s03 > .inner {
		padding-right: calc((100vw - 1340px)/2);
	}

	.mainInner.-s04 > .inner {
		padding-left: calc((100vw - 1340px)/2);
	}
}






/* header */
@media header,
	print,
	screen and (max-width: 1340px) {

	/*

	ヘッダ

	*/

	.branding-area > .title {
		margin-left: calc((100vw - 1220px)/2);
	}

	.role-banner > .inner {
		left: 0;
	}

	.mainInner.-s03 > .inner {
		padding-right: 0;
	}

	.mainInner.-s04 > .inner {
		padding-left: 0;
	}

	.searchFormArea {
		width: calc(100vw/2 - 120px);
	}
}



/* header */
@media header,
	print,
	screen and (max-width: 1280px) {
	.page-frontpage .sect-block.-s02 {
		margin-left: 0;
	}

	.slide-area > .inner > .topLinks {
		display: block;
	}

	.slide-area > .inner > .topLinks > .item {
		margin: 20px 0;
	}
}


/* header footer */
@media headerFooter,
	print,
	screen and (max-width: 1220px) {

	/*

	ヘッダ

	*/

	.branding-area > .title {
		width: 23vw;
		max-width: inherit;
		margin-left: 0;
	}

	.global-nav.pc .ut-button.-contact {
		margin: auto;
	}

	.global-nav.pc .ut-button.-contact,
	.global-nav.pc .ut-button.-loginHoshu,
	.global-nav.pc .ut-button.-loginMics {
		width: 14.8vw;
	}

	.ut-button.-txt.-head {
		margin-right: auto;
	}

	.global-nav .children,
	.global-nav .sub-menu {
		width: 29.6vw;
		margin-left: 0;
	}

	.global-nav .children .page_item,
	.global-nav .sub-menu .menu-item {
		display: inline-block;
		margin: 10px auto 0;
	}

	.global-nav .children .page_item > a,
	.global-nav .sub-menu .menu-item > a {
		width: calc(29.6vw - 10px) !important;
		max-width: 280px;
		font-size: 14px;
	}

	/*

	フッタ

	*/

	.foot-logo {
		width: 14.8vw;
	}

	.role-contentinfo > .inner.-area2::before {
		left: 0;
		width: 790px;
	}

	.role-contentinfo > .inner.-area2 > .inner.-contact {
		position: relative;
		display: flex;
		align-items: center;
		padding: 40px 50px 40px 30px;
	}
}


/* header footer */
@media headerFooter,
	print,
	screen and (max-width: 1080px) {

	.page-frontpage .sect-block.-s01 > .inner > .content > .inner div.entry a {
		display: block;
	}
	.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .body .title {
		margin-left: 0;
	}
	.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .body .title-ellipsis {
		width: calc((100vw - 440px) / 2);
		max-width: initial;
	}

	}


/* header footer */
@media headerFooter,
	print,
	screen and (max-width: 820px) {

	body {
		font-size: 20px;
	}

	img.pc {
		display: none;
	}

	img.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	.container-block {
		padding: 40px 30px 0;
	}

	.page-frontpage .container-block {
		padding: 80px 30px 0;
	}

	.role-banner > .kv-block {
		position: relative;
		background-size: cover;
	}

	.role-banner > .kv-block > .block-title {
		font-size: 36px;
	}

	.role-banner > .kv-block > .block-title > small {
		font-size: 24px;
	}

	.sect-block.-s99 > .qaArea {
		padding: 40px 50px;
		margin: 0;
	}

	.sect-block.-s99 {
		padding: 0;
	}

	.sect-block.-s99 > .btnOuterArea > .buttonArea,
	.sect-block.-s99 > .qaArea > .buttonArea,
	.sect-block.-buttons > .buttonArea,
	.sect-block.-s99 > .buttonArea {
		min-width: inherit;
	}

	.page-mics-test .sect-block.-s04 > .btnOuterArea,
	.page-mics .sect-block.-s04 > .btnOuterArea {
		padding: 0 20px;
	}

	.page-system-solution .sect-block.-s03 .btnOuterArea {
		padding: 0 20px;
	}

	.page-system-solution .sect-block.-s99 > .btnOuterArea {
		padding: 40px 50px;
	}

	.ut-button.-round.-typeA {
		width: 100%;
		min-width: inherit;
		min-height: inherit;
		padding: .5em;
	}

	.ut-button.-round.-typeA.-topkv {
		padding: 24px;
	}

	.page-specification .ut-button.-round.-typeB {
		width: 140px;
	}

	.category-nav > .item {
		flex: 0 0 auto;
		width: calc(50% - 20px);
	}

	.sub-title {
		font-size: 36px;
	}

	.head-copy {
		font-size: 20px;
	}

	.role-banner {
		height: 300px;
	}

	.parent-page-mics-test .role-banner,
	.parent-page-mics .role-banner,
	.parent-page-system-solution .role-banner {
		height: 300px;
	}

	.page-system-contact .role-banner,
	.page-mics-contact .role-banner,
	.page-netis .role-banner,
	.page-partners .role-banner,
	.page-explanation .role-banner {
		height: 300px;
	}

	.single .role-banner {
		height: 300px;
	}

	.page-frontpage .role-banner {
		height: 100%;
	}

	.history-tabs .item {
		padding: 0 10px;
		font-size: 16px;
	}

	.prevNext-nav > .item.-prev {
		padding-right: 10px;
	}

	.prevNext-nav > .item.-next {
		padding-left: 10px;
	}

	.prevNext-nav > .item > a > span {
		display: block;
		width: 180px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/*

	ヘッダ

	*/

	.branding-area > .title {
		width: 50vw;
		max-width: 300px;
	}

	.role-navigation {
		display: block;
	}

	.gnav-button {
		position: fixed;
		top: 20px;
		left: calc(100vw - 70px);
		display: block;
	}

	.role-navigation.-fromSide,
	.role-navigation.-fromTop {
		top: 0;
		background-color: #fff;
	}

	.role-navigation.-fromSide {
		position: fixed;
		height: 100%;
		overflow-y: auto;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	.role-navigation.-fromTop {
		display: none;
	}

	.role-navigation.-fixed {
		position: fixed;
		top: 80px;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}

	.role-navigation.-right {
		right: -100%;
	}

	.role-navigation.-right.active {
		right: 0;
	}

	.role-navigation.-left {
		left: -100%;
	}

	.role-navigation.-left.active {
		left: 0;
	}

	.nav-button,
	.nav-button span {
		transition: all .4s;
	}

	.nav-button {
		position: relative;
		display: flex;
		width: 40px;
		height: 40px;
		padding: 0;
		background: none;
		border: none;
		outline: none;
	}

	.nav-button:focus {
		opacity: .8;
	}

	.nav-button::before,
	.nav-button::after {
		position: absolute;
		left: 0;
		display: inline-block;
		width: 100%;
		height: 5%;
		background-color: #00538f;
		-webkit-transition:
			transform .6s ease-in-out,
			top .3s ease-in-out,
			bottom .3s ease-in-out;
		transition:
			transform .3s ease-in-out,
			top .3s ease-in-out,
			bottom .3s ease-in-out;
	}

	.nav-button::before,
	.nav-button::after {
		content: '';
	}

	.nav-button span {
		top: 40%;
	}

	.nav-button::before {
		top: 30%;
	}

	.nav-button::after {
		bottom: 30%;
	}


	.nav-button.active::before {
		top: 50%;
		-webkit-transition:
			transform .6s ease-in-out,
			top .3s ease-in-out,
			bottom .3s ease-in-out;
		transition:
			transform .3s ease-in-out,
			top .3s ease-in-out,
			bottom .3s ease-in-out;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.nav-button.active::after {
		top: 50%;
		-webkit-transition:
			transform .6s ease-in-out,
			top .3s ease-in-out,
			bottom .3s ease-in-out;
		transition:
			transform .3s ease-in-out,
			top .3s ease-in-out,
			bottom .3s ease-in-out;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}



	/*

	グロナビ

	*/
	.role-navigation {}

	.global-nav.sp {
		display: block;
		padding: 60px;
		padding-bottom: 200px;
		font-size: 28px;
	}

	.global-nav.sp .title {
		margin: .75em 0;
		color: #00538f;
	}

	.global-nav.sp .menu-item {
		margin: .75em 0;
	}

	.global-nav.sp .menu-item {}

	.global-nav.sp .ut-button.-rect {
		width: 100%;
	}

	.global-nav .children,
	.global-nav .sub-menu {
		display: block;
	}

	.global-nav > .page_item_has_children > a:hover + .children,
	.global-nav > .page_item_has_children > a:focus + .children,
	.global-nav > .page_item_has_children > a + .children:hover,
	.global-nav > .page_item_has_children > a + .children:focus-within,
	.global-nav > .menu-item-has-children > a:hover + .sub-menu,
	.global-nav > .menu-item-has-children > a:focus + .sub-menu,
	.global-nav > .menu-item-has-children > a + .sub-menu:hover,
	.global-nav > .menu-item-has-children > a + .sub-menu:focus-within {
		position: static;
	}

	.global-nav > .page_item,
	.global-nav > .menu-item,
	.global-nav > .page_item:last-child,
	.global-nav > .menu-item:last-child {
		border: none;
	}

	.global-nav a {
		padding: 0;
	}

	.global-nav .page_item_has_children > a::after,
	.global-nav .menu-item-has-children > a::after {
		content: none;
	}

	.global-nav .page_item_has_children > .children,
	.global-nav .menu-item-has-children > .sub-menu {
		padding-left: 1em;
	}

	.global-nav .children a,
	.global-nav .sub-menu a {
		white-space: wrap;
		background: none;
	}

	.contactArea {
		padding: 5px 20px;
		margin-bottom: 20px;
		background-color: #f2f4f8;
	}

	.contactArea > .title {
		color: #666;
		text-align: center;
	}

	.companyArea {
		display: flex;
		justify-content: space-around;
		margin-top: 40px;
	}

	.contactArea .ut-button.-rect.-typeA {
		padding: 1em 0;
		font-size: 24px;
	}

	.page-company .sect-block.-s01 .imgAreaWrap {
		display: block;
	}

	.page-company .sect-block.-s01 .imgArea {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 66.6%;
		/* 縦横比の指定 */
		overflow: hidden;
	}

	.page-company .sect-block.-s01 .imgArea iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 20px;
	}

	/*

	フッタ

	*/

	.foot-logo {
		width: 40vw;
		margin-top: 40px;
	}

	.fnav-area > .inner.-mics > dd,
	.fnav-area {
		display: block;
	}

	.fnav-area > .inner > .title,
	.footer-nav > .menu-item.-border {
		border-left: none;
	}

	.fnav-area > .inner > .title a {
		font-size: 26px;
	}

	.fnav-area > .inner.-sys,
	.fnav-area > .inner.-mics {
		border-top: solid 1px #fff;
	}

	.fnav-area a {
		font-size: 22px;
	}

	.footer-nav.-mics {
		flex: 0 1 50%;
	}

	.role-contentinfo {
		padding-top: 20px;
	}

	.role-contentinfo > .inner.-area2 > .inner.-contact {
		display: block;
		padding: 40px 60px;
		margin-right: 30px;
	}

	.role-contentinfo > .inner.-area2 > .inner.-contact > .title {
		font-size: 22px;
	}

	.footer-nav.-contact {
		display: block;
	}

	.footer-nav .ut-button.-rect.-typeA {
		width: 100%;
		padding: 1em .25em;
	}

	.footer-nav.-contact > .menu-item {
		padding-right: 0;
		margin-top: 20px;
	}

	.role-contentinfo > .inner {
		display: block;
	}

	.role-contentinfo > .inner.-area2::before {
		left: 0;
		width: calc(100% - 30px);
	}

	.page-frontpage .sect-block.-s01 > .inner > .content,
	.page-frontpage .sect-block.-s01 > .inner {
		display: block;
	}

	.page-frontpage .sect-block.-s01 > .inner {
		padding: 20px;
		border-radius: 10px;
	}

	.page-frontpage .sect-block.-s01 > .inner > .header {
		padding: 1em;
		text-align: center;
		border-right: none;
		border-bottom: solid 1px #00538f;
/* 22.07.26 */
		margin-bottom: 0%;
	}

	.mainInner.-s01s02 {
		padding: 80px 0 40px;
	}

	.page-frontpage .sect-block.-s01 > .inner > .content > .inner:first-child {
		border-right: none;
		border-bottom: solid 1px #e6e6e6;
	}

	.page-frontpage .sect-block.-s01 > .inner > .content > .inner {
		padding: 0;
	}

	.page-frontpage .sect-block.-s02 {
		width: calc(100% - 60px);
		max-width: inherit;
		padding: 20px;
		margin: 60px 30px 0;
		border-radius: 10px;
	}

	.page-frontpage .sect-block.-s02 > .imgArea {
		display: none;
	}

	.page-frontpage .sect-block.-s02 > .body > p {
		font-size: 20px;
	}

	.mainInner.-s03 > .inner,
	.mainInner.-s04 > .inner {
		display: block;
		padding-top: 0;
		margin-top: -180px;
	}

	.mainInner.-s03 > .inner > .imgArea,
	.mainInner.-s04 > .inner > .imgArea {
		position: static;
		max-width: 80vw;
		margin: auto;
	}

	.mainInner.-s03 {
		margin-top: 180px;
	}

	.mainInner.-s03 > .inner > .txtArea,
	.mainInner.-s04 > .inner > .txtArea {
		min-width: inherit;
		padding: 40px;
	}

	.mainInner.-s04 {
		margin-top: 240px;
		margin-bottom: 60px;
	}

	.slide-area > .inner {
		display: block;
		padding: 160px 20px 0;
	}

	.mainInner.-s03 > .inner > .txtArea > .title,
	.mainInner.-s04 > .inner > .txtArea > .title {
		font-size: 36px;
	}

	.topLinks {
		display: block;
	}

	.topLinks .item + .item {
		margin-top: 20px;
	}


	.news-list > .entry {
		display: block;
	}

	.news-list > .entry > .title::after {
		content: none;
	}

	.news-list > .entry > .meta {
		margin-bottom: .5em;
	}

	.qa-block {
		padding: 0 0 30px;
		margin: 0 -30px;
		border: none;
	}

	.qa-block > .sub-title {
		padding: 10px;
		margin-bottom: 10px;
	}

	.role-article.qa {
		padding: 30px 10px;
		margin-bottom: 20px;
		border-radius: 0;
	}

	.role-article.qa > .content > .inner {
		padding: 20px;
	}

	.post-type-archive-cases .cases-list {
		display: block;
	}

	.post-type-archive-cases .sect-block.-s00 {
		margin-top: -40px;
		margin-bottom: 40px;
	}

	.post-type-archive-cases .cases-list > .entry > .inner > .content {
		font-size: 20px;
	}

	.post-type-archive-cases .cases-list > .entry > .inner > .comment {
		font-size: 16px;
	}

	.page-system-product .sysProd-block > .inner {
		display: block;
	}

	.single .wp-theContent {
		font-size: 20px;
	}

	.page-system-list .sysProd-block > .inner > .entry {
		flex: 0 0 48%;
		padding: 0 10px 10px;
	}

	.page-system-list .sect-block.-s00 > .inner > .sect-body {
		padding: 10px;
	}

	.page-system-list .sect-block.-s00 {
		padding-top: 40px;
		margin-top: -40px;
		margin-bottom: 40px;
	}

	.page-related .ImgGroup > .mainImg > a > img {
		height: 100%;
		object-fit: cover;
	}

	.page-related .ImgGroup > .subImg {
		padding-left: 10px;
	}

	.page-related .ImgGroup > .subImg > li + li {
		padding-top: 10px;
	}

	.page-related .ImgGroup > .subImg > li > img {
		width: 100px;
		height: 100px;
		border: solid 1px #00538f;
		object-fit: cover;
	}


	.seller-table > div {
		display: block;
	}

	.seller-table > div > dt {
		margin-bottom: 5px;
	}


	.page-mics-download .wpcf7-form dl > div,
	.page-recruit .wpcf7-form dl > div,
	.page-mics-contact .wpcf7-form dl > div,
	.page-system-contact .wpcf7-form dl > div {
		display: block;
		padding: 10px;
	}

	.page-mics-download .wpcf7-form dt,
	.page-recruit .wpcf7-form dt,
	.page-mics-contact .wpcf7-form dt,
	.page-system-contact .wpcf7-form dt {
		margin: 10px 0;
	}

	.page-rct-thanks .sect-block.-s01,
	.page-mics-thanks .sect-block.-s01,
	.page-system-thanks .sect-block.-s01 {
		padding: 10px;
	}

	.page-rct-thanks .sub-title,
	.page-mics-thanks .sub-title,
	.page-system-thanks .sub-title {
		font-size: 30px;
	}

	.page-mics-download .wpcf7-form dd,
	.page-recruit .wpcf7-form dd,
	.page-mics-contact .wpcf7-form dd,
	.page-system-contact .wpcf7-form dd {
		font-size: 24px;
	}

	.page-rct-thanks .sect-block.-s01,
	.page-mics-thanks .sect-block.-s01,
	.page-system-thanks .sect-block.-s01 {
		display: block;
		overflow: hidden;
	}

	.page-rct-thanks .sect-block.-s01::after,
	.page-mics-thanks .sect-block.-s01::after,
	.page-system-thanks .sect-block.-s01::after {
		float: right;
	}

	.ut-button.-rect.-typeC {
		height: 120px;
		padding: 10px;
	}

	.ut-button.-rect.-typeC::after {
		width: 120px;
		height: 120px;
		margin-top: -60px;
		margin-right: -20px;
	}

	.page-system-solution .sysProd-block > .inner > .entry > .title {
		font-size: 20px;
	}

	.page-system-solution .sect-block.-s01 > .inner > .txtArea > p {
		font-size: 20px;
	}

	.page-system-solution .sect-block.-s01 > .inner {
		display: block;
		padding: 0 20px;
	}

	.page-system-solution .sect-block.-s01 > .inner > .txtArea {
		margin: 0;
	}

	.page-system-solution .sect-block.-s01 > .inner > .imgArea {
		margin: 30px 0;
	}

	.ut-button.-round.-typeA.-small {
		width: 100%;
	}

	.ut-button.-round.-typeA {
		padding: 1em;
	}

	.page-system-solution .sect-block.-s01 {
		padding-bottom: 40px;
	}

	.page-system-solution .sect-block.-s02 > .inner {
		padding: 40px 50px;
	}

	.page-system-solution .sect-block.-s02 .sect-body {
		padding: 10px;
		margin: 0 -20px;
		background-color: #fff;
	}

	.page-system-solution .sect-block.-s01 .sub-title,
	.page-system-solution .sect-block.-s02 .sub-title {
		font-size: 30px;
	}

	.page-system-solution .sect-block.-s02 p {
		font-size: 20px;
	}

	.page-system-solution .sysProd-block > .inner > .entry {
		flex: 0 0 48%;
		padding: 0 10px 10px;
	}

	.page-system-solution .sect-block.-s03 > .inner {
		padding: 40px 30px;
	}

	.page-greeting .role-banner {
		height: 300px;
	}

	.page-greeting .sect-block.-s01 {
		width: calc(100% - 40px);
		padding: 40px 30px;
		margin: 20px;
		border-radius: 10px;
	}

	.page-greeting .inner.-s02,
	.page-greeting .inner.-s01 {
		padding: 40px 0;
	}

	.page-greeting .sect-block.-s01 > .inner {
		flex-direction: column-reverse;
	}

	.page-greeting .sect-block.-s01 > .inner > .imgArea {
		padding: 20px 40px;
		text-align: left;
	}

	.page-greeting .sect-block.-s01 > .inner > .imgArea img {
		width: 100%;
	}

	.page-greeting .sect-block.-s01 > .inner > .imgArea > .nameArea {
		padding-top: 20px;
	}

	.page-greeting .sect-block.-s01 > .inner > .imgArea > .nameArea > p {
		font-size: 20px;
	}

	.page-greeting .sect-block.-s01 > .inner > .imgArea > .nameArea > .name {
		font-size: 36px;
	}

	.page-greeting .sub-title {
		font-size: 36px;
	}

	.page-greeting p {
		font-size: 20px;
	}

	.page-greeting .sect-block.-s02 {
		width: calc(100% - 40px);
		padding: 40px 30px;
		margin: 20px;
		border-radius: 10px;
	}

	.page-analysis .sect-block p {
		font-size: 20px;
	}

	.page-analysis .sect-block.-s02 {
		width: calc(100% - 40px);
		padding: 40px 30px;
		margin: 20px;
		border-radius: 10px;
	}

	.page-analysis .sect-block.-s02 .inner {
		display: block;
	}

	.page-analysis .sect-block.-s03 .inner {
		display: block;
	}

	.page-analysis .inner.-s01s02 .buttonArea {
		width: calc(100% - 60px);
		margin: 30px 30px 0;
	}

	.page-analysis .sub-title {
		font-size: 32px;
	}

	.page-analysis .sect-block.-s03 .inner {
		padding-right: 30px;
	}

	.page-analysis .inner.-s05 {
		padding: 30px 0;
	}

	.page-analysis .sect-block.-s05 .inner {
		display: block;
	}

	.page-analysis .sect-block.-s05 .inner .item.-imgArea {
		padding-top: 30px;
		padding-left: 0;
	}

	.page-analysis .sect-block.-s02 .inner .imgArea + .imgArea {
		padding-top: 20px;
	}

	.page-mics-test .sect-block.-s00,
	.page-mics .sect-block.-s00 {
		padding: 40px 30px;
		margin-top: -40px;
		margin-bottom: 40px;
	}

/* 22.07.22 */
.page-mics-test .sect-block.-s00 > .inner .float-right,
.page-mics .sect-block.-s00 > .inner .float-right {
    float: right;
    width: 100%;
  }

/* 22.07.22 */
.page-mics-test .sect-block.-s00 > .inner .float-left,
.page-mics .sect-block.-s00 > .inner .float-left {
    float:left;
    width: 100%;
  }

	.page-mics-test .sect-block.-s00 > .inner > .txtArea,
	.page-mics .sect-block.-s00 > .inner > .txtArea {
		width: 100%;
		padding: 40px 20px;
		margin: auto;
		font-size: 20px;
		border-radius: 10px;
	}

	.page-mics-test .sect-block.-s01,
	.page-mics .sect-block.-s01 {
		margin-bottom: 40px;
	}

	.page-mics-test .sect-block.-s01 > .inner,
	.page-mics .sect-block.-s01 > .inner {
		padding: 40px 20px;
	}

	.page-mics-test .sect-block.-s01 > .inner .sub-title,
	.page-mics .sect-block.-s01 > .inner .sub-title {
		font-size: 28px;
	}

	.page-mics-test .sect-block.-s01 > .inner .regNum,
	.page-mics .sect-block.-s01 > .inner .regNum {
		font-size: 22px;
	}

	.page-mics-test .sect-block.-s02,
	.page-mics .sect-block.-s02 {
		padding: 40px 30px;
		margin-bottom: 40px;
	}

	.page-mics-test .sect-block.-s02 > .inner > .content,
	.page-mics .sect-block.-s02 > .inner > .content {
		display: block;
	}

	.page-mics-test .sect-block.-s02 > .inner .sub-title,
	.page-mics .sect-block.-s02 > .inner .sub-title {
		font-size: 36px;
	}

	.page-mics-test .sect-block.-s02 > .inner > .content > .flowArea,
	.page-mics .sect-block.-s02 > .inner > .content > .flowArea {
		width: 100%;
		padding: 40px 20px;
		margin: 0 auto 40px;
		border-radius: 10px;
	}

	.page-mics-test .sect-block.-s02 > .inner > .content > .txtArea,
	.page-mics .sect-block.-s02 > .inner > .content > .txtArea {
		width: 100%;
		padding: 40px 20px;
		margin: auto;
		border-radius: 10px;
	}

	.page-mics-test .sect-block.-s03 > .inner,
	.page-mics .sect-block.-s03 > .inner {
		padding-bottom: 40px;
	}

	.page-mics-test .sect-block.-s03 > .inner > .content,
	.page-mics .sect-block.-s03 > .inner > .content {
		padding: 10px;
	}

	.page-mics-test .sect-block.-s03 > .inner .sub-title,
	.page-mics .sect-block.-s03 > .inner .sub-title {
		font-size: 36px;
	}

	.page-mics-test .sect-block.-s03 > .inner > .content > .item,
	.page-mics .sect-block.-s03 > .inner > .content > .item {
		flex: 0 0 50%;
		padding: 10px;
	}

	.page-mics-test .sect-block.-s04,
	.page-mics .sect-block.-s04 {
		padding: 40px 30px;
	}

	.page-mics-test .sect-block.-s04 > .inner,
	.page-mics .sect-block.-s04 > .inner {
		padding: 40px 20px;
	}

	.page-mics-test .sect-block.-s04 .ut-button.-round.-typeA.-small,
	.page-mics .sect-block.-s04 .ut-button.-round.-typeA.-small {
		margin-top: 30px;
	}

	.page-mics-test .sect-block.-s04 > .inner > .buttonArea.sp,
	.page-mics .sect-block.-s04 > .inner > .buttonArea.sp {
		display: block;
	}

	.page-mics-test .sect-block.-s04 > .inner > .buttonArea.pc,
	.page-mics .sect-block.-s04 > .inner > .buttonArea.pc {
		display: none;
	}

	.sect-block.-s00 > .-micsList > .sect-body > .inner {
		display: block;
	}

	.sect-block.-s00 > .-micsList > .sect-body > .inner > .imgArea {
		width: auto;
	}

	.ut-button.-rect.-typeA.-prodN,
	.ut-button.-rect.-typeA.-prodA,
	.ut-button.-rect.-typeA.-prodR {
		width: auto;
	}

	.ut-button.-rect.-typeA.-prodN::before,
	.ut-button.-rect.-typeA.-prodA::before,
	.ut-button.-rect.-typeA.-prodR::before {
		margin: 0 10px;
	}

	.ut-button.-rect.-typeA.-prodN::after,
	.ut-button.-rect.-typeA.-prodA::after,
	.ut-button.-rect.-typeA.-prodR::after {
		margin: 0 10px;
	}

	.page-mics-list .sect-block.-s00 {
		padding: 40px 30px;
		margin-top: -40px;
		margin-bottom: 40px;
	}

	.ut-button.-rect.-typeB {
		font-size: 20px;
	}

	.page-mics-list .sect-block.-s00 > .-micsList > .sect-body {
		padding: 0;
	}

	.sect-block.-s00 > .-micsList > .sect-body > .inner > .imgArea > p {
		margin-bottom: 30px;
	}

	.page-mics-list .sect-block.-s00 > .-micsList > .sect-body > .inner {
		padding: 40px 20px;
	}

	.page-mics-list .micsProd-block > .inner > .entry {
		flex: 0 0 48%;
		padding: 0 10px 10px;
	}

	.page-mics-list .sect-block.-s00 > .-micsList > .buttonArea {
		padding: 0 20px;
	}

	.page-mics-list .sect-block.-s01 {
		padding: 0 20px;
		margin-bottom: 40px;
	}

	.page-mics-list .sect-block.-s02 {
		padding: 40px 30px 10px;
	}

	.page-mics-list .micsProd-block > .inner > .entry > .title {
		font-size: 18px;
	}

	.sect-block.-s99 > .btnOuterArea {
		padding: 40px 50px;
	}

	.wpcf7-list-item input[type=checkbox] {
		width: 28px;
		height: 28px;
	}

	[class*=page-product] .sect-block.-s00 {
		padding: 20px 50px;
		margin-top: -40px;
		margin-bottom: 40px;
	}

	[class*=page-specification] .sect-block.-s01 .block-body > .inner,
	[class*=page-product] .sect-block.-s01 > .block-body > .inner {
		display: block;
		padding: 0 20px;
	}

	[class*=page-product] .txtArea {
		margin: 0;
	}

	[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body {
		padding: 20px;
	}

	[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body .sub-title {
		align-items: flex-start;
		font-size: 28px;
	}

	[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body .sub-title span {
		white-space: nowrap;
	}

	[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body p {
		font-size: 20px;
	}

	[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body .imgArea {
		display: block;
	}

	[class*=page-product] .sect-block.-s03 > .block-body table,
	[class*=page-product] .sect-block.-s03 > .block-body th,
	[class*=page-product] .sect-block.-s03 > .block-body td {
		display: block;
	}

	[class*=page-product] .sect-block.-s03 > .block-body tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border: none;
	}

	[class*=page-product] .sect-block.-s03 > .block-body tr:last-child td.mics,
	[class*=page-product] .sect-block.-s03 > .block-body td.mics,
	[class*=page-product] .sect-block.-s03 > .block-body th.mics {
		border: none;
	}

	[class*=page-product] .sect-block.-s03 > .block-body .imageTitle {
		display: flex;
		justify-content: space-between;
	}

	[class*=page-product] .sect-block.-s03 > .block-body .imageTitle th {
		flex: 0 0 48%;
		padding: 0;
	}

	[class*=page-product] .sect-block.-s03 > .block-body .imageTitle th:first-child {
		flex: 0 0 0;
	}

	[class*=page-product] .sect-block.-s03 > .block-body .imageTitle img {
		width: auto;
	}

	[class*=page-product] .sect-block.-s03 > .block-body th:first-child {
		flex: 1 0 100%;
		width: auto;
		padding: 0 0 10px;
		margin: 60px 0 30px;
		text-align: left;
		border-bottom: solid 1px currentColor;
	}

	[class*=page-product] .sect-block.-s03 > .block-body .others > .main {
		font-size: 18px;
	}

	[class*=page-product] .sect-block.-s03 > .block-body .others > .sub {
		font-size: 16px;
	}

	[class*=page-product] .sect-block.-s03 > .block-body td.mics,
	[class*=page-product] .sect-block.-s03 > .block-body td.others {
		flex: 0 1 46%;
		width: auto;
		padding: 0;
	}

	[class*=page-specification] .category-nav > .item,
	[class*=page-product] .category-nav > .item {
		width: calc(100% - 20px);
	}

	[class*=page-specification] .ImgGroup,
	[class*=page-product] .ImgGroup {
		display: flex;
		justify-content: space-between;
	}

	[class*=page-specification] .ImgGroup > .mainImg,
	[class*=page-product] .ImgGroup > .mainImg {
		flex: 0 1 380px;
		height: 320px;
		margin-bottom: 0;
	}

	[class*=page-product] .block-body > .desc {
		font-size: 20px;
		line-height: 2;
	}

	[class*=page-product] .sect-block.-s01 > .block-body {
		margin-bottom: 40px;
	}

	[class*=page-product] .sect-block.-s01 > .block-body.-ai {
		padding: 0 20px;
	}

	[class*=page-product] .sect-block.-s01 > .block-body .buttonArea {
		margin: 30px 0;
	}

	[class*=page-product] .txtArea > .title {
		font-size: 28px;
	}

	[class*=page-product] .txtArea > .content > .sublead {
		font-size: 18px;
	}

	[class*=page-product] .txtArea > .content > .spec div {
		padding: 20px 10px;
	}

	[class*=page-product] .block-body > .title {
		font-size: 30px;
	}

	[class*=page-product] .block-body > .title > small {
		font-size: 20px;
	}

	[class*=page-specification] .ImgGroup > .mainImg > a > img,
	[class*=page-product] .ImgGroup > .mainImg > a > img {
		width: 470px;
		border: solid 1px #00538f;
		object-fit: cover;
	}

	[class*=page-specification] .ImgGroup > .subImg,
	[class*=page-product] .ImgGroup > .subImg {
		display: flex;
		flex: 0 1 100px;
		flex-direction: column;
		justify-content: space-between;
	}

	[class*=page-specification] .ImgGroup > .subImg > li > img,
	[class*=page-product] .ImgGroup > .subImg > li > img {
		width: 100px;
		height: 100px;
		border: solid 1px #00538f;
		object-fit: cover;
	}

	[class*=page-specification] .ImgGroup > .mainImg > a > img,
	[class*=page-product] .ImgGroup > .mainImg > a > img {
		height: 100%;
		object-fit: cover;
	}

	[class*=page-specification] .ImgGroup > .subImg,
	[class*=page-product] .ImgGroup > .subImg {
		padding-left: 10px;
	}

	[class*=page-specification] .ImgGroup > .subImg > li + li,
	[class*=page-product] .ImgGroup > .subImg > li + li {
		padding-top: 10px;
	}

	[class*=page-specification] .ImgGroup > .subImg > li > img,
	[class*=page-product] .ImgGroup > .subImg > li > img {
		width: 100px;
		height: 100px;
		border: solid 1px #00538f;
		object-fit: cover;
	}


	[class*=page-specification] .sect-block.-s01 .block-body > .inner > .txtArea {
		margin-left: 0;
	}

	.ut-button.-round.-typeA.-tab {
		min-width: inherit;
		padding: 0 .5em;
	}

	[class*=page-specification] .sect-block.-s02 > .block-body {
		padding: 0;
	}

	[class*=page-specification] .spec {
		padding: 10px;
	}

	[class*=page-specification] .spec td,
	[class*=page-specification] .spec th {
		padding: .5em;
	}

	[class*=page-specification] .sect-block.-s00 {
		margin-top: -40px;
		margin-bottom: 40px;
	}


	.s02-tabpanels,
	.page-privacy-policy .sect-block > .inner {
		padding: 20px;
	}

	.outline-table > div {
		display: block;
		padding: 10px;
		font-size: 20px;
	}

	.s02-tabpanels .history-table > div {
		display: block;
		padding-left: 10px;
		margin: 10px 0;
		border-left: solid 1px currentColor;
	}

	.s02-tabpanels .history-table > div > dt {
		text-align: left;
		border: none;
	}

	.s02-tabpanels .history-table > div > dd {
		padding: 0;
	}

	.page-recruit .sect-block.-s01 > .body > .inner {
		display: block;
	}

	.page-recruit .sect-block.-s01 > .body > .inner > .txtArea {
		padding-left: 0;
		font-size: 20px;
	}

	.page-recruit .sect-block.-s02 > .inner > .body {
		padding: 20px;
	}

	.page-recruit .sect-block.-s02 > .inner > .body .recruit-list > div {
		display: block;
		padding: 10px;
		font-size: 20px;
	}

	.searchFormArea {
		top: auto;
		bottom: -80px;
		left: 30px;
		width: calc(100% - 60px);
	}

	.post-type-archive-sysqa_post .sect-block.-s00,
	.post-type-archive-micsqa_post .sect-block.-s00 {
		padding-top: 110px;
		margin-bottom: 40px;
	}

	.page-mics-catalog .block-body {
		padding: 40px 20px;
	}

	.page-mics-download .buttons {
		font-size: 24px;
	}

	div.wpcf7 .ajax-loader {
		display: none;
	}


	.post-type-archive-sysqa_post .sect-block.-s00,
	.post-type-archive-micsqa_post .sect-block.-s00 {
		margin-top: -40px;
	}

	.colophone-area {
		font-size: 22px;
	}


	.page-mics-catalog .block-header .title {
		margin-bottom: 1em;
	}

	.page-mics-catalog .block-header > div {
		display: block;
	}

	.page-mics-catalog .block-body .imgArea {
		flex: 0 0 30%;
		max-height: 200px;
	}

	.page-mics-catalog .block-body .imgArea img {
		max-height: 200px;
	}

	.page-frontpage .sect-block.-s01 > .inner > .content > .inner > .body .title-ellipsis {
		width: calc(100vw - 180px);
	}


}


/* standard */
@media standard,
	print,
	screen and (max-width: 820px) {}



/*

IEフォールバック

*/

.browser-ie {}

.browser-ie.page-frontpage .sect-block.-s01 > .inner > .content > .inner {
	flex-basis: auto;
	width: 50%;
}

.slide-area > .inner {
	display: block;
}

@media standard,
	print,
	screen and (min-width: 820px) {
	.slide-area > .inner > .block-title {
		padding-top: 160px;
	}
}

.browser-ie.page-mics-test .sect-block.-s03 > .inner > .content > .item,
.browser-ie.page-mics .sect-block.-s03 > .inner > .content > .item {
	flex-basis: auto;
	width: 33.3%;
}

.browser-ie.page-system-list .sysProd-block > .inner > .entry,
.browser-ie.page-system-solution .sysProd-block > .inner > .entry,
.browser-ie.page-mics-list .micsProd-block > .inner > .entry {
	flex-basis: auto;
	width: 380px;
}

.browser-ie.post-type-archive-cases .cases-list > .entry {
	flex-basis: auto;
	width: 50%;
}

.browser-ie .ut-button.-round.-typeA,
.browser-ie .ut-button.-round.-typeA.-small {
	padding: 28px;
}

.browser-ie .ut-button.-round.-typeA.-detail {
	padding: 13px;
}


.browser-ie .s02-tabpanels .history-table > div > dt {
	flex-basis: 20%;
}


/*

safariフォールバック

*/

.page-system-list .sysProd-block > .inner > .entry img,
.page-system-product .sysProd-block > .inner > .entry > .thumb > img,
[class*=page-product] .sect-block.-s02 > .inner > .block-body > .sect-body .imgArea > img,
[class*=page-product] .sect-block.-s02 .imgArea > .inner > img {
	width: 100%;
}