@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro");

@font-face {
	font-family: 'soracom170401';
	src: url("/files/font/soracom170401.woff2") format("woff2"), url("/files/font/soracom170401.woff") format("woff"), url("/files/font/soracom170401.ttf") format("truetype"), url("/files/font/soracom170401.otf") format("opentype");
}

.interstellar {
	font-family: soracom170401;
	font-size: 10px;
	line-height: 2;
	text-align: justify;
	letter-spacing: -2px;
}

#interstellar .main_head,
#interstellar .release_date {
	font-family: soracom170401;
	text-align: justify;
	letter-spacing: -2px;
}

#interstellar p,
#interstellar h1,
#interstellar ul,
#interstellar li {
	font-family: soracom170401;
	font-size: 10px;
	line-height: 2;
	text-align: justify;
	letter-spacing: -2px;
}

* {
	font-family: "Source Sans Pro", "Noto Sans JP", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

:root {
	--footer-text-color: #EAEFF4;
	--footer-bg-color: #2b2a2e;
	--color-ink-lighter: #d4dde6;
	--color-ink-shade: #596a7c;
	--color-ink-darkest: #242b32;
	--color-gray-bright: #f6f6f6;
	--color-link: #1d8091;
	--color-celeste-lighter: #c4f1f3;
	--color-celeste: #34cdd7;
	--color-celeste-shade: #23a3b3;
	--color-text: var(--color-ink-shade);
	--color-border: var(--color-ink-lighter);
}

::selection {
	background-color: var(--color-celeste-lighter);
	color: var(--color-text);
}

html {
	font-size: 10px;
}

html,
body,
header,
footer,
nav,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
pre,
table,
th,
td {
	margin: 0px;
	padding: 0px;
}

img {
	vertical-align: bottom;
}

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

a:hover {
	color: var(--color-celeste);
}

small {
	font-size: 11px;
	line-height: 2.18182em;
	margin-bottom: 0em;
}

h1 {
	font-size: 30px;
	line-height: 1.6em;
	margin-bottom: 0.8em;
	color: var(--color-text);
}

h1 .subtitle {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 0em;
}

h2 {
	font-size: 24px;
	line-height: 1.3333333em;
	margin-bottom: 1em;
	color: var(--color-text);
}

h3 {
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 1.2em;
	color: var(--color-text);
}

h4 {
	font-size: 18px;
	line-height: 1.3333333em;
	margin-bottom: 1.33333em;
	color: var(--color-text);
}

h5 {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom: 1.7143em;
	font-weight: bold;
	color: var(--color-text);
}

h1+h2,
h2+h3 {
	margin-top: 48px;
}

p {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom: 1.7143em;
	color: var(--color-text);
	text-align: justify;
}

p a {
	padding: 0 0.25em;
}

p+h2,
p+h3,
ul+h2,
ul+h3,
ol+h2,
ol+h3,
table+h2,
table+h3,
img+h2,
img+h3 {
	margin-top: 48px;
}

p+ul,
p+ol,
ul+ul,
ul+ol,
ol+ul,
ol+ol,
table+ul,
table+ol,
img+ul,
img+ol {
	margin-bottom: 24px;
}

ul,
ol {
	font-size: 14px;
	margin-left: 1em;
}

li {
	font-size: 14px;
	line-height: 1.428571429em;
	color: var(--color-text);
	margin: 0.285714286em 0 0.285714286em 1.571428571em;
}

table {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom: 1.7143em;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
	width: 100%;
}

th {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom: 0em;
	background: var(--color-gray-bright);
	border: 1px solid var(--color-border);
	box-sizing: border-box;
	color: var(--color-text);
	padding: 1em;
}

td {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom: 0em;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
	color: var(--color-text);
	padding: 1em;
}

td.tdc {
	text-align: center;
}

pre {
	width: 100%;
	margin: 1.75em 0;
	padding: 1.75em;
	border-radius: 6px;
	background: #333333;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.75em;
	box-sizing: border-box;
}

hr {
	width: 100%;
	margin: 47px 0 48px;
	padding: 0;
	border: 0;
	background: var(--color-border);
	height: 1px;
}

hr.bottom-2 {
	margin-bottom: 48px;
}

hr.top-2 {
	margin-top: 47px;
}

hr+h1,
hr+h2 {
	margin-top: 48px;
}

input[type="email"],
input[type="tel"],
input[type="text"] {
	width: 385px;
	padding: 0.25em 0.5em;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
}

input[type="checkbox"],
input[type="submit"] {
	margin-right: 0.25em;
}

select {
	width: 385px;
	padding: 0.25em 0.5em;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
}

textarea {
	width: 100%;
	height: 10em;
	padding: 0.25em 0.5em;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
	resize: vertical;
}

@media screen and (max-width: 1116px) {
	h1 {
		font-size: 20px;
		line-height: 1.2em;
		margin-bottom: 1.2em;
		margin-top: 2em;
	}

	h2 {
		font-size: 18px;
		line-height: 1.3333333em;
		margin-bottom: 1.33333em;
		font-weight: bold;
	}

	h3 {
		font-size: 18px;
		line-height: 1.3333333em;
		margin-bottom: 0em;
	}

	h4 {
		font-size: 14px;
		line-height: 1.7143em;
		margin-bottom: 0em;
		font-weight: bold;
	}

	h5 {
		font-size: 12px;
		line-height: 2em;
		margin-bottom: 0em;
		font-weight: bold;
	}

	h1+h2,
	h2+h3 {
		margin-top: 24px;
	}

	p+h2,
	p+h3 {
		margin-top: 24px;
	}

	input[type=email],
	input[type=tel],
	input[type=text] {
		width: 100%;
		padding: 0.25em 0.5em;
		border: 1px solid var(--color-border);
		box-sizing: border-box;
	}

	input[type=checkbox] {
		margin-right: 0.25em;
	}

	select {
		width: 100%;
		padding: 0.25em 0.5em;
		border: 1px solid var(--color-border);
		box-sizing: border-box;
	}

	textarea {
		width: 100%;
		height: 10em;
		padding: 0.25em 0.5em;
		border: 1px solid var(--color-border);
		box-sizing: border-box;
	}
}

#contents {
	width: 1068px;
	margin: 0 auto;
}

#main {
	float: right;
	width: 819px;
	padding: 48px 0 48px 48px;
	border-left: 1px solid var(--color-border);
	box-sizing: border-box;
}

#main img {
	max-width: 100%;
	height: auto;
}

#main img.float-left {
	float: left;
	margin: 0 15px 15px 0;
}

#main a {
	text-decoration: underline;
}

#sub {
	float: left;
	width: 249px;
	padding: 48px 19px 48px 0;
	box-sizing: border-box;
}

#sub h2 {
	font-size: 11px;
	font-weight: 700;
	line-height: 2.18182em;
	margin-bottom: 0em;
	color: var(--color-text);
}

.main_head {
	font-size: 11px;
	line-height: 2.18182em;
	margin-bottom: 0em;
	color: var(--color-text);
}

.body_head {
	font-size: 18px;
	line-height: 1.3333333em;
	margin-bottom: 0em;
	color: #34cdd7;
	margin: 0.25em 0 0.5em;
}

.sub_box {
	margin: 0 0 24px;
}

.sub_box.sora_cam .toc li a {
	font-size: 12px;
}

.layout {
	width: 1116px;
	margin: 0 auto;
	padding: 24px 0 0 24px;
	box-sizing: border-box;
}

.layout2 {
	width: 795px;
}

.layout2border {
	width: 795px;
	padding: 24px 0 0;
	border-top: 1px solid var(--color-border);
}

.layout_box1 {
	float: left;
	width: 1068px;
	margin: 0 24px 24px 0;
	box-sizing: border-box;
}

.layout_box2 {
	float: left;
	width: 50%;
	padding: 0 24px 24px 0;
	box-sizing: border-box;
}

.layout_box3 {
	float: left;
	width: 33%;
	padding: 0 24px 24px 0;
	box-sizing: border-box;
}

.layout_box3_height375 {
	float: left;
	width: 33%;
	height: 375px;
	padding: 0 24px 24px 0;
	box-sizing: border-box;
}

.toc {
	margin: 12px 0 36px;
}

.toc ul {
	margin: 0;
}

.toc li {
	font-size: 13px;
	line-height: 1.384615385em;
	margin-top: 0.461538462em;
	margin-bottom: 0.461538462em;
}

.toc .current>a,
.toc .current_page_item>a {
	font-weight: bold;
}

.toc>.current>ul {
	display: block;
}

.toc>li>ul {
	display: none;
}

.toc>li>.keep_open,
.toc>li>.sub-menu {
	display: block;
}

.toc a {
	color: var(--color-text);
}

.toc a:hover {
	color: var(--color-celeste);
}

@media screen and (max-width: 1116px) {
	#contents {
		width: 100%;
		margin: 0;
	}

	#main {
		float: none;
		width: 100%;
		padding: 72px 12px;
		border-left: 0;
		box-sizing: border-box;
	}

	#sub {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0 15px;
		border-top: 1px solid var(--color-border);
		box-sizing: border-box;
	}

	.sub_box {
		margin: 0;
		padding: 15px 0 0;
		border-bottom: 0;
	}

	.sub_box .btn1 {
		display: none;
	}

	.layout {
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.layout2,
	.layout2border {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		box-sizing: border-box;
	}

	.layout_box1 {
		float: none;
		width: 100%;
		margin: 0;
		padding: 15px;
		box-sizing: border-box;
	}

	.layout_box2,
	.layout_box3 {
		float: none;
		width: 100%;
		margin: 0;
		padding: 15px 15px 30px;
		border-bottom: 1px solid var(--color-border);
		box-sizing: border-box;
	}

	.layout_box3_height375 {
		float: left;
		width: 100%;
		height: auto;
		padding: 0 24px 24px 0;
		box-sizing: border-box;
	}
}

.layout-new {
	display: flex;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.layout-new {
		display: block;
	}
}

.layout-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.layout-container {
		display: block;
	}
}

.layout-container-fix1 {
	width: 990px;
}

@media screen and (max-width: 1116px) {
	.layout-container-fix1 {
		width: 100%;
	}
}

.layout-container-fix2 {
	width: 660px;
}

@media screen and (max-width: 1116px) {
	.layout-container-fix2 {
		width: 100%;
	}
}

.layout-container-fix3 {
	width: 330px;
}

@media screen and (max-width: 1116px) {
	.layout-container-fix3 {
		width: 100%;
	}
}

.layout-box {
	box-sizing: border-box;
}

.layout-1 .layout-box-1 {
	width: 100%;
}

.layout-2 .layout-box-1 {
	width: 50%;
}

@media screen and (max-width: 1116px) {
	.layout-2 .layout-box-1 {
		width: 100%;
	}
}

.layout-2 .layout-box-2 {
	width: 100%;
}

.layout-3 .layout-box-1 {
	width: 33.3%;
}

@media screen and (max-width: 1116px) {
	.layout-3 .layout-box-1 {
		width: 100%;
	}
}

.layout-3 .layout-box-2 {
	width: 66.6%;
}

@media screen and (max-width: 1116px) {
	.layout-3 .layout-box-2 {
		width: 100%;
	}
}

.layout-3 .layout-box-3 {
	width: 100%;
}

@media screen and (max-width: 1116px) {
	.layout-3 .layout-box-3 {
		width: 100%;
	}
}

.layout-4 .layout-box-1 {
	width: 25%;
}

@media screen and (max-width: 1116px) {
	.layout-4 .layout-box-1 {
		width: 100%;
	}
}

.layout-4 .layout-box-2 {
	width: 50%;
}

@media screen and (max-width: 1116px) {
	.layout-4 .layout-box-2 {
		width: 100%;
	}
}

.layout-4 .layout-box-3 {
	width: 75%;
}

@media screen and (max-width: 1116px) {
	.layout-4 .layout-box-3 {
		width: 100%;
	}
}

.layout-4 .layout-box-4 {
	width: 100%;
}

.layout-5 .layout-box-1 {
	width: 20%;
}

@media screen and (max-width: 1116px) {
	.layout-5 .layout-box-1 {
		width: 100%;
	}
}

.layout-5 .layout-box-2 {
	width: 40%;
}

@media screen and (max-width: 1116px) {
	.layout-5 .layout-box-2 {
		width: 100%;
	}
}

.layout-5 .layout-box-3 {
	width: 60%;
}

@media screen and (max-width: 1116px) {
	.layout-5 .layout-box-3 {
		width: 100%;
	}
}

.layout-5 .layout-box-4 {
	width: 80%;
}

@media screen and (max-width: 1116px) {
	.layout-5 .layout-box-4 {
		width: 100%;
	}
}

.layout-5 .layout-box-5 {
	width: 100%;
}

.header {
	width: 100%;
	height: 60px;
	background-color: #47454c;
}

@media screen and (max-width: 1116px) {
	.header {
		position: fixed;
		z-index: 1001;
		height: 60px;
		overflow: hidden;
	}
}

.header-logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	margin: 0;
	padding: 15px;
}

.header-logo-lp {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	margin: 0;
	padding: 30px 130px;
}

@media screen and (max-width: 1116px) {
	.header-logo-lp {
		padding: 20px;
	}
}


.header-home {
	display: block;
	width: 155px;
	height: 30px;
	background-image: url("/wp-content/themes/soracom/images/logo_soracom_head.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -999px;
	overflow: hidden;
}

.header-menu {
	display: none;
}

@media screen and (max-width: 1116px) {
	.header-menu {
		display: block;
		position: fixed;
		z-index: 9999;
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}

	.header-menu span {
		position: absolute;
		left: 25%;
		display: block;
		width: 50%;
		height: 2px;
		margin-top: -1px;
		background-color: #fff;
		transition: .25s;
	}

	.header-menu span:nth-child(1) {
		top: 35%;
	}

	.header-menu span:nth-child(2) {
		top: 50%;
	}

	.header-menu span:nth-child(3) {
		top: 65%;
	}

	.header-menu span:nth-child(4) {
		top: 50%;
	}
}

@media screen and (max-width: 1116px) {
	.header-menu-active span:nth-child(1) {
		width: 0;
		top: 50%;
		left: 50%;
	}

	.header-menu-active span:nth-child(2) {
		transform: rotate(45deg);
	}

	.header-menu-active span:nth-child(3) {
		width: 0;
		top: 50%;
		left: 50%;
	}

	.header-menu-active span:nth-child(4) {
		transform: rotate(-45deg);
	}
}

.body-fix {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.footer {
	position: relative;
	width: 100%;
	background-color: var(--footer-bg-color);
}

.footer-container {
	display: flex;
	margin: 0 auto;
	max-width: 1440px;
}

.footer-container.--index {
	flex-wrap: wrap;
	gap: 0 20px;
	justify-content: space-between;
	padding: 60px 150px 40px;
}

@media screen and (max-width: 767px) {
	.footer-container.--index {
		flex-direction: column;
		gap: 20px 0;
		justify-content: center;
		padding: 60px 20px 20px;
	}
}

.footer-container.--bottom {
	column-gap: 20px;
	align-items: center;
	padding: 0 150px 20px;
}

@media screen and (max-width: 767px) {
	.footer-container.--bottom {
		flex-direction: column;
		gap: 20px 0;
		justify-content: center;
		padding: 0 0 20px;
	}
}

.footer section h1 {
	color: var(--footer-text-color);
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	margin: 48px 0 12px;
	padding: 0;
}

.footer section h1:first-child {
	margin-top: 0;
}

.footer section h1+h2 {
	margin-top: 18px;
}

.footer section h2 {
	color: var(--footer-text-color);
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	margin: 30px 0 14px;
	padding: 0;
}

@media screen and (max-width: 767px) {
	.footer section h1 {
		font-size: 14px;
		font-weight: 700;
		line-height: 14px;
		margin: 0 0 14px;
	}

	.footer section h2 {
		font-size: 12px;
		font-weight: 700;
		line-height: 12px;
		margin: 0 0 12px;
	}
}

.footer section ul {
	list-style: none;
	margin: 0 0 24px;
}

.footer section li {
	margin: 0 0 6px;
}

.footer section a {
	color: var(--footer-text-color);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	margin-bottom: 6px;
}

@media screen and (max-width: 767px) {
	.footer section a {
		font-size: 11px;
	}
}

.sjp-icon.--sjp-icon-footer-logo {
	height: 30px;
	width: 152px;
	color: var(--footer-text-color);
}

.footer-sns-list {
	display: flex;
	gap: 0 10px;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.footer-sns-list a {
	color: var(--footer-text-color);
}

[class*="--sjp-icon-footer-logo"] {
	--sjp-icon: url("https://assets.soracom.io/logo/soracom.svg");
}

[class*="--sjp-icon-facebook"] {
	--sjp-icon: url("/wp-content/themes/soracom/images/ico-sns-facebook.svg");
}

[class*="--sjp-icon-twitter"] {
	--sjp-icon: url("/wp-content/themes/soracom/images/ico-sns-twitter.svg");
}

[class*="--sjp-icon-youtube"] {
	--sjp-icon: url("/wp-content/themes/soracom/images/ico-sns-youtube.svg");
}

[class*="--sjp-icon-instagram"] {
	--sjp-icon: url("/wp-content/themes/soracom/images/ico-sns-instagram.svg");
}

.sjp-icon {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	flex-grow: unset;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	max-width: 100%;
	vertical-align: middle;
	overflow: hidden;
}

.footer-sns-list .sjp-icon {
	width: 30px;
	height: 30px;
}

.sjp-icon[class*="--sjp-icon"]::before {
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: var(--sjp-icon);
	mask-image: var(--sjp-icon);
	background-size: contain;
	background-color: currentColor;
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
}

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

	.footer-logo,
	.footer-sns-list,
	.footer-bottom-link-list {
		margin: 0 auto;
	}

	.footer-bottom-link-list {
		justify-content: center;
	}
}

.footer-bottom-link-list {
	display: flex;
	flex-grow: 2;
	flex-wrap: wrap;
	gap: 0 20px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-bottom-link-list li {
	margin: 0;
}

.footer-bottom-link-list a {
	color: var(--footer-text-color);
	font-size: 12px;
	line-height: 30px;
}

.footer-lng-container {
	padding: 90px 15px;
}

@media screen and (max-width: 1116px) {
	.footer-lng-container {
		margin-top: 30px;
		padding: 30px 15px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
}

.footer-lng-list {
	font-size: 0;
}

.footer-lng-item {
	display: inline-block;
	color: #34cdd7;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}

@media screen and (max-width: 1116px) {
	.footer-lng-item {
		padding: 5px 0;
	}
}

.footer-lng-item a {
	display: inline-block;
	padding-right: 10px;
	padding-top: 2px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	transition: color .3s;
}

.footer-lng-item a:hover {
	color: white;
}

.footer-lng-item+.footer-lng-item {
	padding-left: 10px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 1116px) {
	.footer-lng-item+.footer-lng-item {
		padding-left: 0;
		border-left: none;
	}
}

.footer-copyright {
	text-align: center;
	background-color: #36343a;
	color: #D4D3D7;
	font-size: 10px;
	line-height: 10px;
	padding: 10px 0;
}

#pagetop {
	position: fixed;
	right: 30px;
	bottom: 100px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: #fff;
	background-image: url("/wp-content/uploads/2019/04/btn_pagetop.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	opacity: 0.5;
	cursor: pointer;
	transition: opacity .3s;
}

#pagetop:hover {
	opacity: 1;
}

@media screen and (max-width: 1116px) {
	#pagetop {
		display: none;
	}
}

#pagetop img {
	display: none;
}

.clearfix::before,
.clearfix::after {
	content: ' ';
	display: table;
}

.clearfix::after {
	clear: both;
}

.border {
	margin: 0 0 1.75em;
	padding: 1.5em;
	border: 1px solid #ddd;
}

.block {
	margin-bottom: 24px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

table.td2 td {
	width: 50%;
}

table.td3 td {
	width: 33%;
}

table.td4 td {
	width: 25%;
}

table.td5 td {
	width: 20%;
}

.red,
span.required {
	color: #ee0000;
}

.black {
	color: #000000;
}

.badge,
.event_list li .badge {
	font-size: 12px;
	line-height: 1.833333333em;
	margin: 0 1em;
	padding: 0 0.5em;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	color: #333;
	text-align: center;
}

#main img.badge_publicbeta,
#main img.badge_limitedpreview,
#main img.badge_globalcoverage {
	height: 24px;
}

#main img.badge_servicelogo,
#main_onecolumn img.badge_servicelogo {
	height: 50px;
}

.badge_servicelogo_products {
	height: 30px;
	vertical-align: middle;
}

.badge_servicelogo_products {
	height: 30px;
	vertical-align: middle;
}

.badge_new {
	height: 48px;
	width: 48px;
}

.banner {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 24px auto;
	width: 230px;
}

.sidebanner {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 5px auto;
	width: 230px;
}

.form-group {
	margin-bottom: 24px;
}

.form-group input,
.form-group label {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom: 0em;
	display: block;
}

p.news {
	display: inline-block;
	vertical-align: middle;
}

span.required {
	padding: 0 0.5em;
}

img.auto-width100 {
	max-width: 100px;
	max-height: 100px;
	margin: 2em;
	vertical-align: middle;
	display: inline-block;
}

img.auto-width100-no-margin {
	max-width: 100px;
	max-height: 100px;
}

img.auto-width150 {
	max-width: 150px;
	max-height: 150px;
	margin-bottom: 1em;
}

img.auto-width200-inline {
	max-width: 200px;
	max-height: 200px;
	display: inline;
	margin: 1em;
}

img.auto-width300 {
	max-width: 300px;
	max-height: 300px;
	display: block;
	margin-bottom: 1em;
}

img.auto-width {
	max-width: 600px;
	max-height: 500px;
	display: block;
	margin-bottom: 1em;
}

img.auto-width-inline {
	max-width: 600px;
	max-height: 500px;
	display: inline;
	margin-bottom: 1em;
}

img.side-banner {
	width: 230px;
}

img.auto-width-header-banner {
	display: block;
	margin-bottom: 1em;
}

@media screen and (max-width: 1116px) {
	img.auto-width100-no-margin {
		max-width: 50px !important;
	}

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

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

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

.gnavi {
	position: absolute;
	z-index: 1000;
	top: 0;
	width: 100%;
	height: 90px;
	overflow: hidden;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi {
		position: fixed;
		z-index: 1002;
		top: 60px;
		left: 100%;
		height: 100%;
		background-color: #f3f3f3;
		overflow: visible;
	}
}

.gnavi-active {
	height: 100%;
}

@media screen and (max-width: 1116px) {
	.gnavi-active {
		left: 0;
	}
}

.gnavi-main {
	display: flex;
	flex-direction: row;
	height: 60px;
}

@media screen and (max-width: 1116px) {
	.gnavi-main {
		flex-direction: column-reverse;
		height: auto;
		background-color: #fff;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	}
}

.gnavi-container-top {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	height: 60px;
	order: 2;
	margin-left: auto;
	padding-right: 15px;
}

@media screen and (max-width: 1116px) {
	.gnavi-container-top {
		flex-direction: column;
		align-items: stretch;
		/* gap: 10px 0; */
		height: auto;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
}

.gnavi-container-top>a {
	color: #fff;
	display: block;
	margin: 4px 8px;
	font-size: 13px;
	margin-top: 5px;
}

@media screen and (min-width: 1117px) {
	.gnavi-container-top>.btn-link {
		box-shadow: 0px 3.5px 7px rgba(11, 44, 56, 0.25);
		border-radius: 7px;
		padding: 7px 29px 7px 21px;
		line-height: 1;
		margin: 0;
		position: relative;
		font-weight: bold;
	}

	.gnavi-container-top>.btn-link::after {
		content: "";
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-size: 16px;
		position: absolute;
		top: 50%;
		right: 6px;
		transform: translateY(-50%);
	}

	.gnavi-container-top>.btn-link.contact-link {
		background: #F4D636;
		color: #1C2127;
		margin-right: 10px;
	}

	.gnavi-container-top>.console-link {
		background: #596A7C;
		color: #fff;
	}

	.gnavi-container-top>.btn-link.contact-link::after {
		background-image: url(/wp-content/themes/soracom/images/icon/icon-sis0059-mail.svg);
	}

	.gnavi-container-top>.console-link::after {
		background-image: url(/wp-content/themes/soracom/images/icon/icon-sis0037-setting-b.svg);
	}
}

@media screen and (max-width: 1116px) {
	.gnavi-container-top>a {
		color: #000;
		display: block;
		margin: 0;
		padding: 0 15px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		line-height: 45px;
		font-size: 12px;
	}
}

.gnavi-container {
	display: flex;
	align-items: center;
	gap: 0 21px;
	height: 100%;
	padding: 0;
	padding-left: 200px;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.gnavi-container {
		flex-direction: column;
		align-items: stretch;
		/* gap: 10px 0; */
		padding: 0;
		height: auto;
	}
}

@media screen and (max-width: 1116px) {
	.gnavi-box {
		display: block;
		height: auto;
	}
}

.gnavi-box+.gnavi-box {
	margin-left: 10px;
}

@media screen and (max-width: 1116px) {
	.gnavi-box+.gnavi-box {
		margin-left: 0;
	}
}

.gnavi-title,
.gnavi-direct-link a,
.gnavi-btn-item a {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

.gnavi-title {
	display: block;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi-title {
		color: #000;
		padding: 0 15px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		font-size: 12px;
		line-height: 45px;
		transition: none;
	}
}

@media screen and (max-width: 1116px) {
	.gnavi-title::after {
		display: inline-block;
		padding: 0 5px;
		font-family: FontAwesome;
		transform: rotate(0);
		content: '\f054';
		color: #000;
		font-size: 10px;
		line-height: 45px;
		transition: none;
	}
}

.gnavi-title-active {
	color: #34cddf;
}

@media screen and (max-width: 1116px) {
	.gnavi-title-active::before {
		margin-left: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border: none;
		border-bottom: none;
	}
}

.gnavi-link a {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 90px;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi-link a {
		color: #000;
		padding: 0 15px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		font-size: 12px;
		line-height: 45px;
		transition: none;
	}
}

.gnavi-link.gnavi-direct-link {
	margin-right: 10px;
}

.gnavi-link.gnavi-direct-link a {
	font-size: 14px;
}

@media screen and (max-width: 1116px) {
	.gnavi-link.gnavi-direct-link a {
		font-size: 12px;
	}
}

.gnavi-btn {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 0;
}

@media screen and (max-width: 1116px) {
	.gnavi-btn {
		position: relative;
		top: auto;
		right: auto;
		padding: 15px;
		background-color: #f3f3f3;
	}
}

.gnavi-btn-lp {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 0;
}

@media screen and (max-width: 1116px) {
	.gnavi-btn {
		position: relative;
		top: auto;
		right: auto;
		padding: 15px;
		background-color: #f3f3f3;
	}
}

.gnavi-btn-item {
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 1116px) {
	.gnavi-btn-item {
		display: block;
	}
}

.gnavi-btn-item+.gnavi-btn-item {
	margin-left: 5px;
}

@media screen and (max-width: 1116px) {
	.gnavi-btn-item+.gnavi-btn-item {
		margin-top: 5px;
		margin-left: 0;
	}
}

.gnavi-btn-item a {
	display: block;
	padding: 18px;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi-btn-item a {
		font-size: 12px;
		transition: none;
	}
}

.gnavi-btn-buy {
	background-color: #fff;
}

.gnavi-btn-buy::before {
	content: '\f07a';
	display: inline-block;
	padding-right: 7px;
	font-family: FontAwesome;
	font-size: 16px;
}

.gnavi-btn-uc {
	background-color: transparent;
}

.gnavi-btn-item a.gnavi-btn-uc {
	color: #fff;
}

@media screen and (max-width: 1116px) {
	.gnavi-btn-uc {
		background-color: #fff;
	}

	.gnavi-btn-item a.gnavi-btn-uc {
		color: #000;
	}
}

.gnavi-btn-uc::before {
	content: '\f0ad';
	display: inline-block;
	padding-right: 7px;
	font-family: FontAwesome;
	font-size: 16px;
}

.gnavi-btn-contact {
	background-color: #fff;
}

.gnavi-btn-contact::before {
	content: '\f075';
	display: inline-block;
	padding-right: 7px;
	font-family: FontAwesome;
	font-size: 16px;
}

.gnavi-btn-fs {
	background-color: #ffc7d3;
}

a.gnavi-btn-fs {
	padding: 19.5px;
}

.gnavi-sub {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #f3f3f3;
	opacity: 0;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub {
		top: -60px;
		height: 100%;
		overflow-y: auto;
	}
}

.gnavi-sub-active {
	z-index: 999;
	opacity: 1;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-active {
		z-index: 9999;
		left: 0;
	}
}

.gnavi-sub-inner {
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.gnavi-sub-container {
	display: flex;
	width: 990px;
	height: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-container {
		display: block;
		width: 100%;
		height: auto;
	}
}

.gnavi-sub-container.--stretch {
	max-width: 1440px;
	width: 100%;
	height: 100%;
	padding: 0 60px;
	margin: 0 auto;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-container {
		display: block;
		max-width: auto;
		width: 100%;
		padding: 0;
		height: auto;
	}
}

.gnavi-sub-box-title {
	width: 0%;
	display: none;
	height: 100%;
	padding: 20px 0;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-box-title {
		display: block;
		position: fixed;
		z-index: 1002;
		top: 0;
		width: 100%;
		height: 60px;
		padding: 0;
	}
}

.gnavi-sub-box-body {
	display: table;
	width: 100%;
	height: 100%;
	padding: 20px 0;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-box-body {
		display: block;
		width: 100%;
		height: auto;
		padding: 60px 0 0;
	}
}

.gnavi-sub-box {
	display: table-cell;
	height: 100%;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-box {
		display: block;
		width: 100%;
		border: none;
	}
}

.gnavi-sub-box+.gnavi-sub-box {
	border-left: none;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-box+.gnavi-sub-box {
		border-top: 0px;
	}
}

.gravity-sub-box-x1 {
	width: 100%;
	height: 100%;
}

.gravity-sub-box-x2 {
	width: 50%;
	height: 100%;
}

@media screen and (max-width: 1116px) {
	.gravity-sub-box-x2 {
		width: 100%;
	}
}

.gravity-sub-box-x3 {
	width: 33.3%;
	height: 100%;
}

@media screen and (max-width: 1116px) {
	.gravity-sub-box-x3 {
		width: 100%;
	}
}

.gravity-sub-box-x4 {
	width: 25%;
	height: 100%;
}

@media screen and (max-width: 1116px) {
	.gravity-sub-box-x4 {
		width: 100%;
	}
}

.gnavi-sub-title {
	display: inline-block;
	padding: 1.1em 1em 1em;
	background-color: #34cdd7;
	color: #fff;
	font-size: 16px;
	line-height: 1;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-title {
		background-color: #47454c;
		display: block;
		width: 100%;
		padding: 0 15px;
		font-size: 14px;
		line-height: 60px;
	}
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-title::before {
		content: '\f053';
		display: inline-block;
		padding-right: 7px;
		font-family: FontAwesome;
	}
}

.gnavi-sub-items {
	padding: 20px;
	box-sizing: border-box;
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-items {
		display: block;
		padding: 0;
	}
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-items+.gnavi-sub-items {
		margin: 0;
		border-top: 0;
	}
}

.gnavi-sub-item-title {
	padding: 0 0 1.5em;
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item-title {
		padding: 30px 15px 15px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		font-size: 10px;
	}
}

.gnavi-sub-item {
	position: relative;
	padding-left: 15px;
	margin-left: 0;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item {
		padding: 0 15px 0 30px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
}

.gnavi-sub-item+.gnavi-sub-item {
	margin-top: .5em;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item+.gnavi-sub-item {
		margin: 0;
	}
}

.gnavi-sub-item a {
	position: relative;
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 1.25;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item a {
		display: block;
		padding: 17px 0 16px;
		color: #000;
		font-size: 12px;
		line-height: 1.25;
		transition: none;
	}
}

.gnavi-sub-item a::before {
	display: block;
	position: absolute;
	top: -1px;
	left: -15px;
	content: '\f105';
	font-family: FontAwesome;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item a::before {
		top: 15px;
	}
}

.gnavi-sub-item a:hover {
	color: #34cdd7;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item a:hover {
		color: #000;
	}
}

.gnavi-item-title {
	position: relative;
	padding: 0 0 0.5em;
	margin-left: 0;
}

.gnavi-item-title a {
	color: #000;
	transition: all .3s;
}

.gnavi-item-title a:hover {
	color: #34cdd7;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item {
		padding: 0 15px 0 30px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
}

.gnavi-sub-item+.gnavi-sub-item {
	margin-top: .5em;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item+.gnavi-sub-item {
		margin: 0;
	}
}

.gnavi-sub-item a {
	position: relative;
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 1.25;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item a {
		display: block;
		padding: 17px 0 16px;
		color: #000;
		font-size: 12px;
		line-height: 1.25;
		transition: none;
	}
}

.gnavi-sub-item a::before {
	display: block;
	position: absolute;
	top: -1px;
	left: -15px;
	content: '\f105';
	font-family: FontAwesome;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item a::before {
		top: 15px;
	}
}

.gnavi-sub-item a:hover {
	color: #34cdd7;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item a:hover {
		color: #000;
	}
}

.gnavi-sub-item-sub {
	color: #888;
	font-size: 12px;
}

@media screen and (max-width: 1116px) {
	.gnavi-sub-item-sub {
		font-size: 10px;
	}
}

.button,
.fullwidth-button,
#sub .btn1,
#sub .btn2,
#sub .btn5[disabled],
#sub .btn3,
#sub .btn4,
.press_container .see_all a,
.btn1,
.btn2,
.btn1[disabled],
.btn2[disabled],
.btn3[disabled],
.btn4[disabled],
.btn5[disabled],
.btn3,
.btn4,
.btn5 {
	box-sizing: border-box;
	border-radius: .4rem;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.571428571em;
	margin: 0.4rem 0;
	padding: 0.8rem 1.6rem;
	text-align: center;
	text-decoration: none !important;
	transition: background-color .3s, color .3s;
}

.fullwidth-button,
#sub .btn1,
#sub .btn2,
#sub .btn5[disabled],
#sub .btn3,
#sub .btn4,
.press_container .see_all a {
	width: 100%;
}

.btn1,
.btn2,
.btn1[disabled],
.btn2[disabled],
.btn3[disabled],
.btn4[disabled],
.btn5[disabled],
.btn3,
.btn4,
.btn5 {
	color: #fff;
}

.btn1:hover,
.btn2:hover,
.btn1[disabled]:hover,
.btn3[disabled]:hover,
.btn4[disabled]:hover,
.btn5[disabled]:hover,
.btn3:hover,
.btn4:hover,
.btn5:hover {
	color: #fff;
}

.btn1[disabled],
.btn2[disabled],
[disabled].btn1,
[disabled].btn3,
[disabled].btn4,
[disabled].btn5,
.btn3[disabled],
.btn4[disabled],
.btn5[disabled] {
	opacity: 0.5;
}

.btn1 {
	background-color: #34cdd7;
	margin-left: 3px;
}

.btn2,
.btn1[disabled],
.btn2[disabled],
.btn3[disabled],
.btn4[disabled],
.btn5[disabled] {
	background-color: #666;
	margin-left: 3px;
}

.btn3 {
	background-color: #000;
	margin-left: 3px;
}

.btn4 {
	background-color: #fb0;
	margin-left: 3px;
}

.btn5 {
	background-color: #1c77d4;
}

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

	.btn1,
	.btn2,
	.btn1[disabled],
	.btn2[disabled],
	.btn3[disabled],
	.btn4[disabled],
	.btn5[disabled],
	.btn3 {
		font-weight: bold;
	}
}

.bodyletter {
	margin: 0 0 1em;
	color: #333333;
	font-size: 14px;
	line-height: 1.75em;
	text-align: justify;
}

.wizard>.content>.body>.bodyletter label {
	margin-bottom: 0;
}

.wizard fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.case_study_head {
	margin: 0.25em 0 0.5em;
	font-size: 18px;
	line-height: 1.5em;
}

.case_box_image {
	float: left;
	width: 330px;
	height: 230px;
	margin: 0px 24px 24px 0;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.case_box_image {
		margin: 10px;
	}
}

@media screen and (max-width: 691px) {
	.case_box_image {
		width: 100%;
		height: 100%;
		margin: auto;
	}
}

.event_case_box_image {
	float: left;
	width: 330px;
	margin: 0px 24px 24px 0;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.event_case_box_image {
		width: 47%;
		margin: 10px;
	}
}

@media screen and (max-width: 691px) {
	.event_case_box_image {
		width: 100%;
		height: 100%;
		margin: auto;
	}
}

.event_case_box_text {
	margin-bottom: 0.4em;
	overflow: hidden;
}

@media screen and (max-width: 1116px) {
	.event_case_box_text {
		margin-bottom: 0.4em;
	}
}

@media screen and (max-width: 691px) {
	.event_case_box_text {
		margin-bottom: 0.4em;
		overflow: inherit;
	}
}

p.event_case_box_p {
	margin-bottom: 0.4em;
	overflow: hidden;
}

@media screen and (max-width: 691px) {
	p.event_case_box_p {
		margin-bottom: 0.4em;
		overflow: inherit;
	}
}

.case_container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.case_box_dl {
	margin: 24px 24px 0 0;
	width: 340px;
	height: auto;
}

.case_box_dl:nth-of-type(3n) {
	margin-right: 0;
}

@media screen and (max-width: 1116px) {
	.case_box_dl {
		margin: 20px 20px 0 0;
		width: calc(50% - 10px);
	}

	.case_box_dl:nth-of-type(3n) {
		margin-right: 20px;
	}

	.case_box_dl:nth-of-type(2n) {
		margin-right: 0;
	}
}

.case_box {
	float: left;
	width: 330px;
	height: 430px;
	margin: 24px 24px 24px 0;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.case_box {
		width: 47%;
		margin: 10px;
	}
}

@media screen and (max-width: 691px) {
	.case_box {
		width: 100%;
		height: 100%;
		margin: auto;
	}
}


@media screen and (max-width: 691px) {
	.case_box {
		margin: 20px 0 0 0;
		width: 100%;
	}

	.case_box:nth-of-type(3n) {
		margin-right: 0;
	}

	.case_box:nth-of-type(2n) {
		margin-right: 0;
	}
}

.case_box .contact_us_box {
	float: left;
	width: 400px;
	height: 230px;
	margin: 24px 24px 24px 0;
	padding: 0;
}

.case_box a {
	color: #333;
}

.case_box a:hover {
	color: #34cdd7;
}

.case_box p a {
	display: block;
}

.case_box h2 {
	font-size: 18px;
}

.case_box h3 {
	margin: 0 0 10px;
	text-align: center;
}

.case_box h3 a {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #fff;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}

.case_box .badge_new {
	height: 36px;
	width: 36px;
	margin-right: 5px;
}

.case_box .no_new {
	padding-top: 12px;
}

.case_box4 {
	float: left;
	width: 167px;
	height: 210px;
	margin: 12px 24px 24px 0;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.case_box4 {
		width: 30%;
		height: 100%;
		margin: 10px;
	}
}

@media screen and (max-width: 691px) {
	.case_box4 {
		width: 45%;
		height: 100%;
		margin: auto;
	}
}

@media screen and (max-width: 500px) {
	.case_box4 {
		width: 100%;
		height: 100%;
		margin: auto;
	}
}

.case_box4 h2 {
	font-size: 12px;
	line-height: 2em;
	margin-bottom: 0em;
	height: 50px;
}

.case_box3_link {
	float: left;
	width: 330px;
	margin: 24px 24px 24px 0;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.case_box3_link {
		width: 47%;
		height: 100%;
		margin: 10px;
	}
}

@media screen and (max-width: 691px) {
	.case_box3_link {
		width: 100%;
		height: 100%;
		margin: auto;
	}
}

.interview_box_layout {
	display: inline-block;
}

.interview_box {
	float: left;
	width: 330px;
	height: 300px;
	margin: 24px 24px 24px 0;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.interview_box {
		width: 47%;
		height: 100%;
		margin: 10px;
	}
}

@media screen and (max-width: 691px) {
	.interview_box {
		width: 100%;
		height: 100%;
		margin: auto;
	}
}

.interview_box a {
	color: #333;
}

.interview_box a:hover {
	color: #34cdd7;
}

.interview_box p a {
	display: block;
}

.interview_box h2 {
	font-size: 18px;
}

.interview_box h3 {
	margin: 0 0 24px;
	text-align: center;
}

.interview_box h3 a {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #fff;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}

.interview_box .badge_new {
	height: 48px;
	width: 48px;
	margin-right: 5px;
}

.layout_box2_casestudy {
	float: left;
	width: 60%;
	padding: 0 24px 24px 0;
	box-sizing: border-box;
}

.layout_box2_casestudy_image {
	float: left;
	width: 40%;
	padding: 0 24px 24px 0;
	box-sizing: border-box;
}

article.case_studies h2 {
	margin-top: 48px;
}

article.case_studies h2 small {
	display: block;
	margin: 1em 0 0.5em;
	font-size: 18px;
	line-height: 1.5em;
	color: #279aa1;
}

@media screen and (max-width: 1116px) {
	.layout_box2_casestudy {
		float: none;
		width: 80%;
		margin: 0;
		padding: 15px 15px 30px;
		box-sizing: border-box;
	}

	.layout_box2_casestudy_image {
		float: left;
		width: 100%;
		padding: 0 24px 24px 0;
		box-sizing: border-box;
	}
}

#partners {
	width: 795px;
	margin: 0 auto;
	overflow: hidden;
}

#partners ul {
	width: 795px;
	text-align: center;
}

#partners li {
	float: left;
	list-style: none;
	width: 230px;
	height: 130px;
	margin: 0 24px 24px 0;
	background: #ffffff;
}

#partners li .partners_img {
	height: 90px;
	text-align: center;
	vertical-align: middle;
	background: #ffffff no-repeat center center;
}

#partners li .partners_img img {
	height: 150px;
	text-align: center;
	vertical-align: middle;
}

#partners li .partners_img img.goga {
	height: 50px;
	margin: 50px 0 0;
	vertical-align: middle;
	text-align: center;
}

#partners li .partners_txt {
	padding: 0px;
	text-align: center;
	color: #000000;
	font-size: 12px;
	line-height: 1.5em;
}

#partners li .partners_txt a {
	color: #000000;
}

.layout_box3_partner {
	float: left;
	width: 33%;
	padding: 0 24px 24px 0;
	text-align: center;
	box-sizing: border-box;
}

.layout_box3_partner img {
	height: 30px;
	padding: 10px 0 15px;
}

.layout_box3_partner p {
	text-align: center;
	vertical-align: middle;
}

.partner_table {
	border-top: 1px solid #630;
	border-left: 1px solid #630;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	empty-cells: show;
	font-size: 14px;
	width: 90%;
}

.partner_table th {
	border-top: 1px solid #630;
	border-right: 1px solid #630;
	border-bottom: 1px solid #630;
	border-left: 1px solid #630;
	color: #330000;
	background-color: #e0f2f7;
	padding: 0.3em 1em;
	text-align: center;
}

.partner_table td {
	border-right: 1px solid #630;
	border-bottom: 1px solid #630;
	padding: 0.3em 1em;
}

@media screen and (max-width: 1116px) {
	#partners {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#partners ul {
		width: 100%;
	}

	#partners li {
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		background: #ffffff;
	}

	#partners li+li {
		margin-top: 15px;
	}

	#partners li .partners_img {
		width: 100%;
		height: auto;
		background: #ffffff no-repeat center center;
	}

	#partners li .partnerlogo img {
		width: 100%;
		height: auto;
	}

	#partners li .partners_txt {
		padding: 0 0 15px;
		color: #000000;
		line-height: 1.5em;
	}
}

#cert_devices {
	width: 795px;
	margin: 0 auto;
	overflow: hidden;
}

#cert_devices ul {
	width: 795px;
	text-align: center;
}

#cert_devices li {
	float: left;
	list-style: none;
	width: 250px;
	height: 200px;
	margin: 0 0 10px;
	background: #ffffff;
}

#cert_devices li .devices_img {
	margin: 0;
	height: 140px;
	text-align: center;
	vertical-align: middle;
	background: #ffffff no-repeat center center;
}

#cert_devices li .devices_img img {
	height: 140px;
	text-align: center;
	vertical-align: middle;
}

#cert_devices li .devices_txt {
	padding: 0px;
	text-align: center;
	vertical-align: top;
	color: #000000;
	font-size: 12px;
	line-height: 1.5em;
}

#cert_devices li .devices_txt a {
	color: #000000;
}

#device_overview h2 img {
	width: 50%;
}

.filter_result {
	color: #333333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
}

.tags p {
	margin: 0 0 0.6em;
}

@media screen and (max-width: 1116px) {
	#cert_devices {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#cert_devices ul {
		width: 100%;
	}

	#cert_devices li {
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		background: #ffffff;
	}

	#cert_devices li+li {
		margin-top: 15px;
	}

	#cert_devices li .devices_img {
		width: 100%;
		height: auto;
		text-align: center;
		background: #ffffff no-repeat center center;
	}

	#cert_devices li .partnerlogo img {
		width: 100%;
		height: auto;
	}

	#cert_devices li .devices_txt {
		padding: 0 0 15px;
		color: #000000;
		line-height: 1.5em;
	}
}

#products {
	width: 795px;
	margin: 0 auto;
	overflow: hidden;
}

#products ul {
	width: 795px;
	text-align: center;
}

#products li {
	float: left;
	list-style: none;
	width: 250px;
	height: 200px;
	margin: 0 0 10px;
	background: #ffffff;
}

#products li .devices_img {
	margin: 0;
	height: 140px;
	text-align: center;
	vertical-align: middle;
	background: #ffffff no-repeat center center;
}

#products li .devices_img img {
	height: 140px;
	text-align: center;
	vertical-align: middle;
}

#products li .devices_txt {
	padding: 0px;
	text-align: center;
	vertical-align: top;
	color: #000000;
	font-size: 12px;
	line-height: 1.5em;
}

#products li .devices_txt a {
	color: #000000;
}

.product_table th {
	white-space: nowrap;
	line-height: 1em;
}

.product_table td {
	white-space: nowrap;
	line-height: 1em;
}

@media screen and (max-width: 1116px) {
	#products {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#products ul {
		width: 100%;
	}

	#products li {
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		background: #ffffff;
	}

	#products li+li {
		margin-top: 15px;
	}

	#products li .devices_img {
		width: 100%;
		height: auto;
		text-align: center;
		background: #ffffff no-repeat center center;
	}

	#products li .partnerlogo img {
		width: 100%;
		height: auto;
	}

	#products li .devices_txt {
		padding: 0 0 15px;
		color: #000000;
		line-height: 1.5em;
	}
}

h1#release {
	font-size: 24px;
	line-height: 1.3333333em;
	margin-bottom: 2em;
	line-height: 1.5em;
	text-align: center;
}

.release_date {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom: 1.7143em;
	text-align: right;
}

.press_container {
	margin-bottom: 24px;
}

.press_container .see_all {
	display: block;
}

.press_container .see_all a {
	border: 1px solid #e8e8e8;
}

.press_container.latest .press_list li:nth-child(n+9) {
	display: none;
}

.press_container.latest .event_list li:nth-child(n+6) {
	display: none;
}

.press_list,
.event_list {
	list-style: none;
}

.press_list li,
.event_list li {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom: 1.7143em;
	clear: both;
}

.press_list li .date,
.event_list li .date {
	float: left;
	width: 110px;
	color: #999;
}

.press_list li .title {
	margin-left: 130px;
}

.event_list li .title {
	margin-left: 200px;
}

.event_list li .badge {
	float: left;
	width: 60px;
}

.certified_devices {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0 2em;
	background-color: #ffffff;
	empty-cells: show;
	font-size: 14px;
}

.certified_devices th {
	border: 0;
	background-color: #e0f2f7;
	padding: 0.3em 1em;
	text-align: center;
}

.certified_devices td {
	border: 0;
	padding: 0.3em 1em;
	vertical-align: top;
}

.certified_devices td.picture {
	width: 20%;
}

.certified_devices td.description {
	width: 80%;
	font-size: 12px;
}

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

	.press_list,
	.event_list {
		margin: 0;
		border-top: 1px solid #e8e8e8;
	}

	.press_list li,
	.event_list li {
		margin: 1em 0;
		border-bottom: 1px solid #e8e8e8;
	}

	.press_list li .date,
	.event_list li .date {
		float: none;
		display: inline-block;
		width: auto;
	}

	.press_list li .badge,
	.event_list li .badge {
		float: none;
		display: inline-block;
		width: auto;
		color: #999;
		border: 0;
		text-align: left;
	}

	.press_list li .title,
	.event_list li .title {
		margin: 1em 0;
	}

	.press_list li .title a,
	.event_list li .title a {
		display: block;
	}

	.press_list li .date {
		float: none;
	}
}

#fig_beam_01 img,
#figam_02 img,
#fig_beam_03 img {
	width: 100%;
}

table,
.price_table {
	/*word-break: break-all; tau deleted. See https://app.shortcut.com/soracom/story/75915/ */
}

.price_table th {
	font-size: 12px;
	border: 1px solid #ddd;
	text-align: left;
}

.price_table th.focus {
	font-size: 14px;
	border: 1px solid #ddd;
	font-weight: bold;
}

.price_table tr:first-of-type>th {
	font-weight: bold;
	text-align: center;
}

.price_table td {
	font-size: 12px;
}

.price_table td.number {
	text-align: right;
}




.lagoon_price_table {
	text-align: center;
}

.lagoon_price_table th {
	padding: 0.5em;
}

.lagoon_price_table .lagoon_price_font1 {
	font-size: 24px;
	line-height: 2;
}

.lagoon_price_table .lagoon_price_font2 {
	font-size: 20px;
	line-height: 2;
}

.panel {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0;
	margin: 0;
}

.panel>.map_tab,
.panel>.basicFee_tab,
.panel>.fee_tab {
	margin-bottom: 0;
}

.panel>.map_tab>li:first-child,
.panel>.basicFee_tab>li:first-child,
.panel>.fee_tab>li:first-child {
	border-radius: 5px 0 0 0;
}

.panel>.map_content>li,
.panel>.basicFee_content>li,
.panel>.fee_content>li {
	padding: 20px;
	margin: 0;
}

ul.map_content,
ul.basicFee_content,
ul.fee_content {
	margin: 0;
}

ul.map_content>li,
ul.basicFee_content>li,
ul.fee_content>li {
	margin: 0;
}

.map_tab,
.basicFee_tab,
.fee_tab {
	display: flex;
	flex-wrap: nowrap;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	list-style: none;
	margin-left: 0px;
	margin-bottom: 20px;
}

.map_tab li,
.basicFee_tab li,
.fee_tab li {
	cursor: pointer;
	padding: 20px 25px 20px;
	margin: 0;
	font-size: 14px;
	color: #1c2127;
}

.map_tab li.select,
.basicFee_tab li.select,
.fee_tab li.select {
	background: #f2fcfd;
	padding-bottom: 17px;
	font-weight: 700;
	border-bottom: 3px solid #34cdd7;
}

.map_content li {
	list-style: none;
}

.basicFee_content li,
.fee_content li {
	list-style: none;
	margin-left: -1em;
}

.basicFee_content li li,
.fee_content li li {
	list-style: disc;
	margin: 0.285714286em 0 0.285714286em 2.571428571em;
}

.map_hide,
.fee_hide,
.basicFee_hide {
	display: none;
}

.beam_table {
	border-top: 1px solid #630;
	border-left: 1px solid #630;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	empty-cells: show;
	font-size: 14px;
	width: 50%;
}

.beam_table th {
	border-top: 1px solid #630;
	border-right: 1px solid #630;
	border-bottom: 1px solid #630;
	border-left: 1px solid #630;
	color: #330000;
	background-color: #e0f2f7;
	padding: 0.3em 1em;
	text-align: center;
}

.beam_table td {
	border-right: 1px solid #630;
	border-bottom: 1px solid #630;
	padding: 0.3em 1em;
}

.coverage-list ul {
	display: flex;
	flex-wrap: wrap;
	flex-flow: row wrap;
	margin: 0px 0px 20px -20px;
}

.coverage-list ul li {
	flex: 1 0 140px;
	list-style: none;
	margin-left: 20px;
	margin-top: 0;
	font-size: 12px;
}

.service_title {
	line-height: 50px;
}

.service_title img {
	margin-right: 6px;
	height: 50px;
	width: 50px;
}

.lora_table th {
	line-height: 1em;
	border-left: 1px solid #ddd;
}

.lora_table td {
	line-height: 1em;
	border-left: 1px solid #ddd;
}

.lora_sample th {
	line-height: 1em;
	border-left: 1px solid #ddd;
}

.lora_sample td {
	line-height: 1em;
	border-left: 1px solid #ddd;
}

.lora_sample td.nowrap {
	white-space: nowrap;
}

#main .see_detail {
	margin: -0.75em 0 0;
}

#main .see_detail a {
	padding: 0;
}

.service+.service {
	margin-top: 2em;
}

.service h3 {
	margin: 0.5em 0 0 0;
}

.border+h2 {
	margin: 2em 0 1em 0;
}

@media (min-width: 320px) {
	.coverage-list ul li {
		max-width: calc(50% - 20px);
	}
}

@media (min-width: 480px) {
	.coverage-list ul li {
		max-width: calc(33.33% - 20px);
	}
}

@media (min-width: 620px) {
	.coverage-list ul li {
		max-width: calc(25% - 20px);
	}
}

@media (min-width: 800px) {
	.coverage-list ul li {
		max-width: calc(20% - 20px);
	}
}

@media (min-width: 960px) {
	.coverage-list ul li {
		max-width: calc(16.66% - 20px);
	}
}

.embedded-map {
	width: 100%;
	height: 400px;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	margin-bottom: 24px;
}

/* lora space */
#map_shared_gw {
	width: 100%;
	height: 600px;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	margin-bottom: 24px;
}

.circleRadiusSettingBlock {
	border: solid 1px #999;
	padding: 5px;
	display: none;
}

.circleRadiusSettingBlock h3 {
	font-size: 16px;
	margin-bottom: 0;
}

.circleRadiusSettingBlock p {
	margin-bottom: 0;
}

.circleRadiusController {
	font-size: 14px;
}

.circleRadiusController input[type=radio] {
	margin-right: 5px;
}

.certification {
	border-top: 1px solid #dddddd;
	margin: 0;
	padding-top: 12px;
	text-align: center;
}

#main .certification img.isms {
	display: inline-block;
	border: 1px solid #dddddd;
	padding: 6px;
	height: 100px;
}

.box1 {
	background-image: url("/wp-content/uploads/2019/05/topban_iotselection2019.jpg");
}

@media screen and (max-width: 1116px) {
	.box1 {
		background-image: url("/wp-content/uploads/2019/04/slide_banner/sp_banner_IoTselection2019.jpg");
	}
}

.box5 {
	background-image: url("/wp-content/uploads/2019/05/topban_discovery2019t.jpg");
}

@media screen and (max-width: 1116px) {
	.box5 {
		background-image: url("/wp-content/uploads/2019/04/slide_banner/sp_banner_discovery2019t.jpg");
	}
}

.box6 {
	background-image: url("/wp-content/uploads/2019/05/topban_20190423IoTseminar.jpg");
}

@media screen and (max-width: 1116px) {
	.box6 {
		background-image: url("/wp-content/uploads/2019/04/slide_banner/sp_banner_20190423IoTseminar.jpg");
	}
}

.box7 {
	background-image: url("/wp-content/uploads/2019/05/topban_buttonplus_201904.jpg");
}

@media screen and (max-width: 1116px) {
	.box7 {
		background-image: url("/wp-content/uploads/2019/04/slide_banner/sp_banner_buttonplus_201904.jpg");
	}
}

.box8 {
	background-image: url("/wp-content/uploads/2019/05/topban_ismarttechnologies.jpg");
}

@media screen and (max-width: 1116px) {
	.box8 {
		background-image: url("/wp-content/uploads/2019/04/slide_banner/sp_banner_usecase-ismarttechnologies.jpg");
	}
}

.info {
	background-color: #ffbb00;
}

.info-contents {
	width: 100%;
}

.info-body {
	width: 100%;
	color: #000;
	font-size: 12px;
	line-height: 60px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.info-body {
		padding: 0 30px;
		line-height: 45px;
	}
}

.info-body a {
	color: #000;
	transition: all .3s;
}

.info-body a:hover {
	color: #fff;
}

.iot {
	/* position: relative;
  padding: 90px 0; */
	background-color: #fff;
}

/* @media screen and (max-width: 1116px) {
    .iot {
      padding: 45px 0; } } */

.iot-contents {
	display: table;
	width: 100%;
}

@media screen and (max-width: 1116px) {
	.iot-contents {
		display: block;
	}
}

.iot-contents::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 33%;
	width: 30px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	transform: skewX(-30deg);
}

@media screen and (max-width: 1116px) {
	.iot-contents::before {
		left: 50%;
		transform: translateX(-50%) skewX(-30deg);
	}
}

.iot-title {
	display: table-cell;
	width: 33%;
	padding: 0 15px;
	color: #34cdd7;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.25;
	vertical-align: middle;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.iot-title {
		display: block;
		width: 100%;
		font-size: 16px;
		padding: 0 30px 30px;
		text-align: center;
	}
}

.iot-body {
	display: table-cell;
	width: 67%;
	padding: 0 15px;
	font-size: 16px;
	line-height: 2;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.iot-body {
		display: block;
		width: 100%;
		padding: 0 30px;
		font-size: 14px;
	}
}

.iot-body a {
	color: #1c77d4;
	white-space: nowrap;
	transition: color .3s;
}

@media screen and (max-width: 1116px) {
	.iot-body a {
		transition: none;
	}
}

.iot-body a::after {
	content: '\f178';
	display: inline-block;
	padding-left: 8px;
	font-family: FontAwesome;
}

.iot-body a:hover {
	color: #34cdd7;
}

.about {
	padding: 90px 0;
	background-image: url("/wp-content/uploads/2019/05/bg_home_about_1.jpg");
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1116px) {
	.about {
		padding: 45px 0;
	}
}

.about-contents {
	width: 100%;
}

.about-title {
	width: 100%;
	padding: 0 15px 90px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.about-title {
		padding: 0 30px 30px;
		font-size: 16px;
	}
}

.about-body {
	width: 100%;
	padding: 0 15px;
	color: #fff;
	font-size: 16px;
	line-height: 2;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.about-body {
		padding: 0 30px;
		font-size: 14px;
	}
}

.about-body a {
	color: #fff;
	white-space: nowrap;
	transition: color .3s;
}

.about-body a::after {
	content: '\f178';
	display: inline-block;
	padding-left: 8px;
	font-family: FontAwesome;
}

.about-body a:hover {
	color: #34cdd7;
}

.feature {
	padding: 90px 0 75px;
	background-color: #fff;
}

@media screen and (max-width: 1116px) {
	.feature {
		padding: 45px 0;
	}
}

.feature-title {
	width: 100%;
	padding-bottom: 75px;
	color: #34cdd7;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.feature-title {
		padding: 0 30px 30px;
		font-size: 16px;
	}
}

.feature-contents {
	padding: 15px 15px 0;
	box-sizing: border-box;
}

.feature-body {
	width: 100%;
	padding: 45px 30px 45px 138px;
	background-color: #34cdd7;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.feature-body {
		background-size: 75px 75px;
		padding: 15px 15px 15px 75px;
		font-size: 14px;
	}
}

.feature-body-1 {
	background-image: url("/wp-content/uploads/2019/05/fig_home_feature_01.png");
}

.feature-body-2 {
	background-image: url("/wp-content/uploads/2019/05/fig_home_feature_02.png");
}

.feature-body-3 {
	background-image: url("/wp-content/uploads/2019/05/fig_home_feature_03.png");
}

.feature-body-4 {
	background-image: url("/wp-content/uploads/2019/05/fig_home_feature_04.png");
}

.feature-more {
	width: 100%;
	padding-top: 30px;
	text-align: center;
}

@media screen and (max-width: 1116px) {
	.feature-more {
		padding: 15px 15px 0;
		box-sizing: border-box;
	}
}

.feature-more-btn {
	display: inline-block;
	width: 300px;
	padding-top: 1px;
	border-radius: 5px;
	background-color: #34cdd7;
	color: #fff;
	font-size: 16px;
	line-height: 63px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.feature-more-btn {
		width: 100%;
		font-size: 14px;
		line-height: 41px;
		transition: none;
	}
}

.feature-more-btn::after {
	content: '\f178';
	display: inline-block;
	padding-left: 8px;
	font-family: FontAwesome;
}

.feature-more-btn:hover {
	background-color: #142f4a;
	color: #fff;
}

.usecase {
	padding: 90px 0 75px;
	background-color: #142f4a;
}

@media screen and (max-width: 1116px) {
	.usecase {
		padding: 45px 0;
	}
}

.usecase-title {
	width: 100%;
	padding-bottom: 75px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.usecase-title {
		padding: 0 30px 30px;
		font-size: 16px;
	}
}

.usecase-title-small {
	display: inline-block;
	padding-top: 45px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.usecase-title-small {
		padding: 15px 0 0;
		font-size: 14px;
	}
}

.usecae-contents {
	padding: 15px 15px 0;
	overflow: hidden;
	cursor: pointer;
}

.usecae-contents:hover .usecase-item {
	color: #34cdd7;
}

.usecase-image {
	width: 100%;
	padding-top: 66%;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.usecase-movie {
	position: relative;
	width: 100%;
	padding-top: 66%;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}

.usecase-movie iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	transform: translateX(-50%) translateY(-50%);
}

.usecase-body {
	width: 100%;
	padding: 30px;
	background-color: #f3f3f3;
	color: #888;
	font-size: 12px;
	line-height: 1.5;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.usecase-body {
		padding: 15px;
	}
}

.usecase-item {
	color: #000;
	font-size: 16px;
	transition: color .3s;
}

@media screen and (max-width: 1116px) {
	.usecase-item {
		font-size: 14px;
		font-weight: bold;
		transition: none;
	}
}

.usecase-more {
	width: 100%;
	padding-top: 30px;
	text-align: center;
}

@media screen and (max-width: 1116px) {
	.usecase-more {
		padding: 15px 15px 0;
		box-sizing: border-box;
	}
}

.usecase-more-btn {
	display: inline-block;
	width: 300px;
	padding-top: 1px;
	border-radius: 5px;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	line-height: 63px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.usecase-more-btn {
		width: 100%;
		font-size: 14px;
		line-height: 41px;
		transition: none;
	}
}

.usecase-more-btn::after {
	content: '\f178';
	display: inline-block;
	padding-left: 8px;
	font-family: FontAwesome;
}

.usecase-more-btn:hover {
	background-color: #142f4a;
	color: #fff;
}

.consult-image {
	width: 100%;
	height: 100%;
	background-image: url("/wp-content/uploads/2019/05/ban_960x500_kobetsu.jpg");
	background-position: center center;
	background-size: cover;
}

@media screen and (max-width: 1116px) {
	.consult-image {
		height: auto;
		padding-top: 66%;
	}
}

.seminar-image {
	width: 100%;
	height: 100%;
	background-image: url("/wp-content/uploads/2019/05/bg_home_seminar.jpg");
	background-position: center center;
	background-size: cover;
}

@media screen and (max-width: 1116px) {
	.seminar-image {
		height: auto;
		padding-top: 66%;
	}
}

.seminar-body {
	width: 100%;
	background-color: #f3f3f3;
	text-align: center;
	box-sizing: border-box;
}

.seminar-body171011 {
	padding: 90px 60px;
	font-size: 16px;
	line-height: 1.5;
	margin: 0px;
}

@media screen and (max-width: 1116px) {
	.seminar-body171011 {
		padding: 30px;
		font-size: 14px;
	}
}

.seminar-more-btn {
	display: inline-block;
	margin-top: 1em;
	padding: 1px 1em 0;
	border-radius: 5px;
	background-color: #34cdd7;
	color: #fff;
	font-size: 14px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.seminar-more-btn {
		font-size: 12px;
		line-height: 35px;
	}
}

.seminar-more-btn::after {
	content: '\f105';
	display: inline-block;
	padding-left: 8px;
	font-family: FontAwesome;
}

.seminar-more-btn:hover {
	background-color: #142f4a;
	color: #fff;
}

.start {
	/* padding: 90px 0; */
	background-color: #fff;
}

/* @media screen and (max-width: 1116px) {
    .start {
      padding: 45px 0; } } */

.start-contents {
	width: 100%;
}

.start-title {
	width: 100%;
	padding-bottom: 45px;
	color: #34cdd7;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.start-title {
		padding: 0 30px 15px;
		font-size: 16px;
	}
}

.start-body {
	width: 100%;
	padding: 0 30px;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.start-body {
		font-size: 14px;
	}
}

.start-fig {
	width: 80%;
	margin: 45px auto;
}

.start-note {
	width: 100%;
	padding: 0 30px;
	color: #888;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.start-note {
		font-size: 10px;
	}
}

.start-more {
	width: 100%;
	padding-top: 30px;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.start-more {
		padding: 15px 30px 0;
	}
}

.start-more-btn {
	display: inline-block;
	width: 300px;
	padding-top: 1px;
	margin-top: 1em;
	border-radius: 5px;
	background-color: #34cdd7;
	color: #fff;
	font-size: 16px;
	line-height: 63px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.start-more-btn {
		width: 100%;
		font-size: 14px;
		line-height: 41px;
		transition: none;
	}
}

.start-more-btn::after {
	content: '\f178';
	display: inline-block;
	padding-left: 8px;
	font-family: FontAwesome;
}

.start-more-btn:hover {
	background-color: #142f4a;
	color: #fff;
}

.banner-sales-consult {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

.contact {
	background-color: #ddd;
}

@media screen and (max-width: 1116px) {
	.contact {
		padding: 15px 0;
	}
}

.contact .layout-container-fix1 {
	width: 960px;
}

@media screen and (max-width: 1116px) {
	.contact .layout-container-fix1 {
		width: 100%;
	}
}

.contact .layout-box-1 {
	width: 230px;
}

@media screen and (max-width: 1116px) {
	.contact .layout-box-1 {
		width: 100%;
	}
}

.contact-item {
	position: relative;
	height: 100%;
	background-color: #fff;
	padding: 30px 30px 150px;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.contact-item {
		margin-bottom: 1px;
		padding: 30px;
	}
}

.contact-item::after {
	content: '';
	display: block;
	position: absolute;
	top: 30px;
	left: 50%;
	width: 90px;
	height: 5px;
	border-radius: 5px;
	background-color: #ddd;
	transform: translateX(-50%);
}

.contact-title {
	width: 100%;
	margin-top: 30px;
	margin-bottom: .5em;
	color: #34cdd7;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}

@media screen and (max-width: 1116px) {
	.contact-title {
		text-align: center;
	}
}

.contact-body {
	width: 100%;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
}

.contact-more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.contact-more {
		position: relative;
		bottom: auto;
		left: auto;
		padding: 15px 0 0;
	}
}

.contact-more-btn {
	display: block;
	width: 100%;
	padding-top: 1px;
	border-radius: 5px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	transition: all .3s;
}

@media screen and (max-width: 1116px) {
	.contact-more-btn {
		line-height: 41px;
		transition: none;
	}
}

.contact-more-btn+.contact-more-btn {
	margin-top: 5px;
}

.contact-more-btn:hover {
	background-color: #142f4a;
	color: #fff;
}

.contact-more-btn-primary {
	background-color: #34cdd7;
}

.contact-more-btn-blue {
	background-color: #1c77d4;
}

.remote-access {
	padding: 90px 0 75px;
	background-color: #142f4a;
}

@media screen and (max-width: 1116px) {
	.remote-access {
		padding: 45px 0;
	}
}

.remote-access-contents {
	padding: 15px 15px 0;
	overflow: hidden;
}

.remote-access-body {
	width: 100%;
	padding: 30px;
	background-color: #ffffff;
	color: #888;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
	height: 160px;
	text-align: center;
}

@media screen and (max-width: 1116px) {
	.remote-access-body {
		padding: 15px;
	}
}

.remote-access-title {
	width: 100%;
	padding-bottom: 75px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.remote-access-title {
		padding: 0 30px 30px;
		font-size: 16px;
	}
}

.remote-access-title-small {
	display: inline-block;
	padding-top: 45px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	.remote-access-title-small {
		padding: 15px 0 0;
		font-size: 14px;
	}
}

.remote-access-item {
	color: #000;
	font-size: 16px;
	transition: color .3s;
}

@media screen and (max-width: 1116px) {
	.remote-access-item {
		font-size: 14px;
		font-weight: bold;
		transition: none;
	}
}

#main_onecolumn {
	width: 1068px;
	margin: 12px auto 48px;
	padding: 0;
	box-sizing: border-box;
}

#main_onecolumn img {
	max-width: 100%;
}

#main_onecolumn .layout1 {
	width: 100%;
	margin: 0 auto;
	padding: 24px 0 0 24px;
	box-sizing: border-box;
}

@media screen and (max-width: 1116px) {
	#main_onecolumn {
		width: 100%;
		margin: 0;
		padding: 24px 12px;
		border-left: 0;
		box-sizing: border-box;
	}
}

.time_table th {
	white-space: nowrap;
}

.time_table img {
	margin: 0 0 10px;
}

p.comment {
	color: #FF0000;
}

.case-layout-list {
	margin: 0 auto;
}

@media screen and (max-width: 1116px) {
	.case-layout-list {
		width: 100%;
		margin: 50px auto;
	}
}

.case-layout-list .case-layout-list-body {
	position: relative;
}

.case-layout-list .category-list {
	position: relative;
	z-index: 200;
	margin-bottom: 30px;
	padding: 0 15px 0 85px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #f3f3f3;
	transition: all .3s;
}

.case-layout-list .category-list fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.case-layout-list .category-list ul {
	height: 0;
	margin: 0 auto;
	overflow: hidden;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .category-list ul {
		width: 100%;
	}
}

.case-layout-list .active-category-list {
	height: auto;
	padding: 15px 15px 15px 15px;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .active-category-list {
		padding: 10px 15px;
	}
}

.case-layout-list .active-category-list ul {
	height: auto;
	list-style: none;
}

.case-layout-list .active-category-list .category-list-btn::after {
	content: "閉じる";
}

.case-layout-list .active-category-list .category-item-clear {
	display: block;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .fx-category-list {
		top: auto;
	}
}

.case-layout-list .category-list-btn {
	display: none;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .category-list-btn {
		display: block;
		position: absolute;
		top: -34px;
		left: 15px;
		padding: 12px 15px 10px;
		background-color: #fff;
		color: #1559ad;
		font-size: 12px;
		line-height: 1;
		cursor: pointer;
	}
}

.case-layout-list .category-list-btn::after {
	content: "絞込み";
}

.case-layout-list .category-item {
	float: left;
	padding: 3px 3px 10px 3px;
	margin: 0;
}

.case-layout-list .category-item-clear {
	float: none;
	display: none;
	top: 0;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .category-item-clear {
		position: relative;
		top: auto;
		left: auto;
	}
}

.case-layout-list .category-label {
	display: block;
	padding: .6em 1em .5em;
	font-size: 10px;
	line-height: 1;
	cursor: pointer;
	transition: all .3s;
}

.case-layout-list .category-label:focus {
	outline: none;
}

.case-layout-list .category-label-time {
	border: 1px solid #34cdd7;
	background-color: #fff;
	color: #34cdd7;
}

.case-layout-list .category-label-time:hover {
	background-color: #34cdd7;
	color: #fff;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .category-label-time:hover {
		background-color: #fff;
		color: #34cdd7;
	}
}

.case-layout-list .category-label-tag {
	border: 1px solid #1559ad;
	background-color: #fff;
	color: #1559ad;
}

.case-layout-list .category-label-tag:hover {
	background-color: #1559ad;
	color: #fff;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .category-label-tag:hover {
		background-color: #fff;
		color: #1559ad;
	}
}

.case-layout-list .category-label-clear {
	width: 60px;
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #888;
	background-color: #888;
	color: #fff;
}

.case-layout-list .category-label-clear:hover {
	border: 1px solid #1559ad;
	background-color: #1559ad;
	color: #fff;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .category-label-clear:hover {
		background-color: #888;
		color: #fff;
	}
}

.case-layout-list .category-label-time.category-label-category-filter-active,
.case-layout-list .category-label-time.category-label-control-active {
	background-color: #34cdd7;
	color: #fff;
}

.case-layout-list .category-label-tag.category-label-category-filter-active,
.case-layout-list .category-label-tag.category-label-control-active {
	background-color: #1559ad;
	color: #fff;
}

.case-layout-list .case-list {
	min-height: 100vh;
	margin: 0 auto;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1116px) {
	.case-layout-list .case-list {
		width: 100%;
	}
}

.case-layout-list .case-list li {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	margin: 0 30px 30px 30px;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .case-list li {
		width: 25%;
		height: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (max-width: 800px) {
	.case-layout-list .case-list li {
		width: 40%;
		height: 100%;
	}
}

@media screen and (max-width: 691px) {
	.case-layout-list .case-list li {
		width: 100%;
		height: 100%;
		margin: auto;
	}
}

.case-layout-list .case-item {
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: background .3s;
	list-style: none;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .case-item {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.case-layout-list .case-item:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.case-layout-list .is-case-item .case-item-title a {
	color: #34cdd7;
}

.case-layout-list .case-item-title {
	margin: 0 0 .5em;
	padding: .1em 0 0 .75em;
	border-left: 2px solid #34cdd7;
	background: none;
	color: #fff;
	font-size: 14px;
	line-height: 1.25;
	text-align: left;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .case-item-title {
		font-size: 12px;
		font-weight: bold;
	}
}

.case-layout-list .case-item-title a {
	color: #34cdd7;
	text-decoration: none;
	transition: color .3s;
}

.case-layout-list .case-item-data {
	margin: 0;
	padding-top: .25em;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25;
}

@media screen and (max-width: 1116px) {
	.case-layout-list .case-item-data {
		font-size: 10px;
	}
}

.case-layout-list .case-item-data span {
	cursor: pointer;
	transition: all .3s;
}

.case-layout-list .case-item-data span:hover {
	color: #34cdd7;
}

.case-layout-list .case-item-speaker {
	padding-top: .75em;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25;
}

.case-layout-list .case-item-speaker a {
	color: inherit;
	text-decoration: none;
}

.case-layout-list .case-item-speaker small {
	font-size: 75%;
}

.case-layout-list .case-item-category {
	padding-top: .75em;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25;
	opacity: .75;
}

.case-layout-list .case-item-category a {
	color: inherit;
	text-decoration: none;
}

.case-layout-list .link_timetable {
	display: inline-block;
	margin: 14px 0 10px 0;
	padding: 3px 14px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}

.case-layout-list .link_timetable:hover {
	border: 1px solid #34cdd7;
	color: #34cdd7;
}

.session-detail {
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 15px solid rgba(255, 255, 255, 0.75);
	background-color: #1559ad;
	transform: scale(0);
	transition: all .3s;
}

.active-session-detail {
	transform: scale(1);
}

.session-detail-box {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch !important;
}

.session-detail-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	overflow: hidden;
}

.session-detail-close {
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background-color: white;
	cursor: pointer;
	overflow: hidden;
}

@media screen and (max-width: 1116px) {
	.session-detail-close {
		width: 45px;
		height: 45px;
	}
}

.session-detail-close img {
	width: 180px;
	height: 60px;
	margin-left: -120px;
}

@media screen and (max-width: 1116px) {
	.session-detail-close img {
		width: 135px;
		height: 45px;
		margin-left: -90px;
	}
}

.device-layout-list {
	margin: 0 auto;
}

@media screen and (max-width: 1116px) {
	.device-layout-list {
		width: 100%;
		margin: 50px auto;
	}
}

.device-layout-list .device-layout-list-body {
	position: relative;
}

.device-layout-list .category-list {
	position: relative;
	z-index: 200;
	margin-bottom: 30px;
	padding: 0 15px 0 85px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #e1ebf9;
	transition: all .3s;
}

.device-layout-list .category-list fieldset {
	margin: 5px;
	padding: 0;
	border: none;
}

.device-layout-list .category-list ul {
	height: 0;
	margin: 0 auto;
	overflow: hidden;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .category-list ul {
		width: 100%;
	}
}

.device-layout-list .active-category-list {
	height: auto;
	padding: 15px 15px 15px 15px;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .active-category-list {
		padding: 10px 15px;
	}
}

.device-layout-list .active-category-list ul {
	height: auto;
	list-style: none;
	display: contents;
}

.device-layout-list .active-category-list .category-list-btn::after {
	content: "閉じる";
}

.device-layout-list .active-category-list .category-item-clear {
	display: block;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .fx-category-list {
		top: auto;
	}
}

.device-layout-list .category-list-btn {
	display: none;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .category-list-btn {
		display: block;
		position: absolute;
		top: -34px;
		left: 15px;
		padding: 12px 15px 10px;
		background-color: #fff;
		color: #1559ad;
		font-size: 12px;
		line-height: 1;
		cursor: pointer;
	}
}

.device-layout-list .category-list-btn::after {
	content: "絞込み";
}

.device-layout-list .category-item {
	float: left;
	padding: 6px 3px 10px 3px;
	margin: 0;
}

.device-layout-list .category-item-clear {
	float: none;
	display: none;
	top: 0;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .category-item-clear {
		position: relative;
		top: auto;
		left: auto;
	}
}

.device-layout-list .category-item-sub {
	float: left;
	margin: 3px 6px 3px 0;
	background-color: #71a3e3;
	padding: 1px;
}

.device-layout-list .category-item-sub-text {
	float: left;
	padding: 5px 2px 0 0;
	margin-left: 5px;
}

.device-layout-list .category-label {
	display: block;
	padding: .6em 1em .5em;
	font-size: 10px;
	line-height: 1;
	cursor: pointer;
	transition: all .3s;
}

.device-layout-list .category-label:focus {
	outline: none;
}

.device-layout-list .category-label-dev {
	border: 1px solid #1559ad;
	background-color: #fff;
	color: #1559ad;
}

.device-layout-list .category-label-dev:hover {
	background-color: #1559ad;
	color: #fff;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .category-label-dev:hover {
		background-color: #fff;
		color: #1559ad;
	}
}

.device-layout-list .category-label-clear {
	width: 60px;
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #888;
	background-color: #888;
	color: #fff;
}

.device-layout-list .category-label-clear:hover {
	border: 1px solid #1559ad;
	background-color: #1559ad;
	color: #fff;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .category-label-clear:hover {
		background-color: #888;
		color: #fff;
	}
}

.device-layout-list .category-label-bl {
	border: 1px solid #1559ad;
	margin: 1px 0;
	background-color: #fff;
	color: #1559ad;
	cursor: inherit;
}

.device-layout-list .category-label-bl-selected {
	background-color: #1559ad;
	border-color: #1559ad;
	color: #fff;
	cursor: inherit;
}

.device-layout-list .category-label-cel {
	border: 1px solid #34cdd7;
	background-color: #fff;
	color: #34cdd7;
	cursor: inherit;
}

.device-layout-list .category-label-cel-selected {
	background-color: #34cdd7;
	color: #fff;
	cursor: inherit;
}

.device-layout-list .category-label-dev.category-label-category-filter-active,
.device-layout-list .category-label-dev.category-label-control-active {
	background-color: #1559ad;
	color: #fff;
}

.device-layout-list .device-list {
	min-height: 100vh;
	margin: 0 auto;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1116px) {
	.device-layout-list .device-list {
		width: 100%;
	}
}

.device-layout-list .device-list li {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	margin: 0 25px 30px 25px;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .device-list li {
		width: 25%;
		/* height: 100%; */
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (max-width: 800px) {
	.device-layout-list .device-list li {
		width: 40%;
		/* height: 100%; */
	}
}

@media screen and (max-width: 691px) {
	.device-layout-list .device-list li {
		width: 100%;
		height: 100%;
		margin: auto;
	}
}

.device-layout-list .device-list .device-item {
	display: flex;
	flex-direction: column;
}

.device-layout-list .device-item {
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: background .3s;
	list-style: none;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .device-item {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.device-layout-list .device-item:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.device-layout-list .is-device-item .device-item-title a {
	color: #34cdd7;
}

.device-layout-list .device-item-title {
	margin: 0 0 .5em;
	padding: .1em 0 0 .75em;
	border-left: 2px solid #34cdd7;
	background: none;
	color: #fff;
	font-size: 14px;
	line-height: 1.25;
	text-align: left;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .device-item-title {
		font-size: 12px;
		font-weight: bold;
	}
}

.device-layout-list .device-item-title a {
	color: #34cdd7;
	text-decoration: none;
	transition: color .3s;
}

.device-layout-list .device-item-data {
	margin: 0;
	padding-top: .25em;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25;
}

@media screen and (max-width: 1116px) {
	.device-layout-list .device-item-data {
		font-size: 10px;
	}
}

.device-layout-list .device-item-data span {
	cursor: pointer;
	transition: all .3s;
}

.device-layout-list .device-item-data span:hover {
	color: #34cdd7;
}

.device-layout-list .device-item-company {
	padding-top: .75em;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25;
	margin-top: auto;
	min-height: 30px;
}

.device-layout-list .device-item-company a {
	color: inherit;
	text-decoration: none;
}

.device-layout-list .device-item-company small {
	font-size: 75%;
}

.device-layout-list .device-item-category {
	padding-top: .75em;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25;
	opacity: .75;
}

.device-layout-list .device-item-category a {
	color: inherit;
	text-decoration: none;
}

.device-layout-list .link_timetable {
	display: inline-block;
	margin: 14px 0 10px 0;
	padding: 3px 14px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}

.device-layout-list .link_timetable:hover {
	border: 1px solid #34cdd7;
	color: #34cdd7;
}

.session-detail {
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 15px solid rgba(255, 255, 255, 0.75);
	background-color: #1559ad;
	transform: scale(0);
	transition: all .3s;
}

.active-session-detail {
	transform: scale(1);
}

.session-detail-box {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch !important;
}

.session-detail-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	overflow: hidden;
}

.session-detail-close {
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background-color: white;
	cursor: pointer;
	overflow: hidden;
}

@media screen and (max-width: 1116px) {
	.session-detail-close {
		width: 45px;
		height: 45px;
	}
}

.session-detail-close img {
	width: 180px;
	height: 60px;
	margin-left: -120px;
}

@media screen and (max-width: 1116px) {
	.session-detail-close img {
		width: 135px;
		height: 45px;
		margin-left: -90px;
	}
}

/* 固定ページ /support/ のH1を非表示 */

body.support h1.type-A {
	display: none;
}

/* 埋め込みyoutube SPの際の幅 */
@media screen and (max-width: 691px) {
	.service_notice iframe {
		max-width: 100%;
	}
}

/* 申請フォームにある注意書き用のスタイル */
.srcm-notice {
	border-radius: 4px;
	background-color: #FDF9E1;
	padding: 12px 24px;
	margin: 12px 0;
}

.srcm-notice span {
	color: #1C2127;
	font-size: 14px;
}

.post-type-archive-downloads h2::before {
	display: block;
	content: " ";
	margin-top: -60px;
	height: 60px;
	visibility: hidden;
	pointer-events: none;
}

/*** pricing ページのスタイル調整 ***/

/* 他の gutenberg 要素にも影響する */
.has-text-align-center,
.aligncenter {
	text-align: center;
}

#col--pricing-air {
	display: flex;
	align-items: stretch;
}

#col--pricing-air .wp-block-column {
	display: flex;
	align-items: stretch;
	flex-direction: column;
}

#col--pricing-air .wp-block-buttons {
	margin-top: auto;
}

figure.table--pricing-example {
	margin: 0 0 50px;
}

/*** end pricing ページのスタイル調整 ***/
.fixed-btn {
	display: none;
}

@media screen and (max-width: 1116px) {
	.fixed-btn {
		display: block;
		position: fixed;
		bottom: 12px;
		right: 12px;
		z-index: 9999;
	}

	.fixed-btn>a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto;
		height: 48px;
		background: #F4D636;
		box-shadow: 0px 5.33333px 16px rgba(11, 44, 56, 0.15);
		border-radius: 24px;
		padding: 0 16px 0 44px;
		color: #1C2127;
		font-size: 14px;
		font-weight: bold;
		position: relative;
		line-height: 1;
	}

	.fixed-btn>a::before {
		content: "";
		display: block;
		width: 30px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 12px;
		background-image: url(/wp-content/themes/soracom/images/icon/icon-sis0059-mail.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30px;
	}
}