@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap");
.float_set:after, body.toppage main .toppage_contact:after, body.toppage main .toppage_contact_inner:after, body.casestudy main .casestudy_index_inner ul li a dl:after {
	content: "";
	display: table;
	clear: both
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px
}
::-webkit-scrollbar-track {
	border-radius: 4px;
	background: gray
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: #4d4d4d
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.3)
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, 0.3)
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_pickup, body.toppage main .toppage_company, body.toppage main .toppage_recruit, body.toppage main .toppage_topics, body.toppage main .toppage_contact {
		width: 100%;
		margin: 0 auto
	}
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_pickup, body.toppage main .toppage_company, body.toppage main .toppage_recruit, body.toppage main .toppage_topics, body.toppage main .toppage_contact {
		width: 980px;
		max-width: 100%;
		margin: 0 auto
	}
}
@-webkit-keyframes link_down {
	0%, 100% {
		bottom: 0
	}
	50% {
		bottom: -5px
	}
}
@keyframes link_down {
	0%, 100% {
		bottom: 0
	}
	50% {
		bottom: -5px
	}
}
@-webkit-keyframes link_left {
	0%, 100% {
		left: 0
	}
	50% {
		left: -5px
	}
}
@keyframes link_left {
	0%, 100% {
		left: 0
	}
	50% {
		left: -5px
	}
}
@-webkit-keyframes link_right {
	0%, 100% {
		right: 0
	}
	50% {
		right: -5px
	}
}
@keyframes link_right {
	0%, 100% {
		right: 0
	}
	50% {
		right: -5px
	}
}
@-webkit-keyframes listAnime {
	0% {
		opacity: 0;
		max-height: 9999
	}
	100% {
		opacity: 1;
		max-height: 9999
	}
}
@keyframes listAnime {
	0% {
		opacity: 0;
		max-height: 9999
	}
	100% {
		opacity: 1;
		max-height: 9999
	}
}
@-webkit-keyframes listAnime_none {
	0% {
		opacity: 1
	}
	99% {
		opacity: 0
	}
	100% {
		opacity: 0;
		display: none;
		max-height: 0
	}
}
@keyframes listAnime_none {
	0% {
		opacity: 1
	}
	99% {
		opacity: 0
	}
	100% {
		opacity: 0;
		display: none;
		max-height: 0
	}
}
@-webkit-keyframes mega_menu_Anime {
	0% {
		opacity: 0;
		max-height: 9999;
		margin-top: 50px
	}
	100% {
		opacity: 1;
		max-height: 9999;
		margin-top: 0
	}
}
@keyframes mega_menu_Anime {
	0% {
		opacity: 0;
		max-height: 9999;
		margin-top: 50px
	}
	100% {
		opacity: 1;
		max-height: 9999;
		margin-top: 0
	}
}
@-webkit-keyframes mega_menu_Anime_none {
	0% {
		opacity: 1;
		margin-top: 0
	}
	99% {
		opacity: 0
	}
	100% {
		opacity: 0;
		display: none;
		max-height: 0;
		margin-top: 50px
	}
}
@keyframes mega_menu_Anime_none {
	0% {
		opacity: 1;
		margin-top: 0
	}
	99% {
		opacity: 0
	}
	100% {
		opacity: 0;
		display: none;
		max-height: 0;
		margin-top: 50px
	}
}
main {
	display: block;
	padding-bottom: 50px
}
@media screen and (max-width: 820px) {
	main {
		padding-bottom: 2%
	}
}
*, *::before, *::after {
	box-sizing: border-box
}
html {
	font-size: 62.5%;
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}
@media screen and (max-width: 600px) {
	html {
		font-size: 54.6875%
	}
}
@media \0screen\, screen\9 {
	html {
		font-size: calc(1rem * .625)
	}
}
@media screen and (min-width: 0\0) {
	html {
		font-size: calc(1rem * .625)
	}
}
@media screen and (min-width: 0\0) and (max-width: 600px) {
	html {
		font-size: calc(1rem * 0.546875)
	}
}
body {
	font-size: 1.6em;
	line-height: 1.8;
	color: #000;
	font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "HG丸ゴシックM-PRO", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%
}
a, img, input, svg, *:before, *:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}
a:hover img, a:hover input, a.hover:hover, .btn a:hover, .btn input:hover {
	text-decoration: none;
	opacity: 0.99;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}
a {
	-webkit-font-smoothing: antialiased
}
a, a:focus {
	outline: none
}
button, input, input:focus {
	outline: none
}
input::-moz-focus-inner, button::-moz-focus-inner {
	border: none
}
.flex_empty, li.empty {
	height: 0;
	overflow: hidden;
	padding: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
	border: 0 none
}
.flex_empty:after, li.empty:after {
	content: "";
	display: none;
	height: 0;
	padding: 0
}
.p_pagetop, .p_pagetop2 {
	font-size: 16px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
	margin: 0;
	padding: 0;
	line-height: 1
}
.p_pagetop a, .p_pagetop2 a {
	cursor: pointer;
	border-radius: 8px;
	display: inline-block;
	background-color: rgba(190, 130, 110, 0.8);
	padding: 10px 20px 5px
}
.p_pagetop a span, .p_pagetop2 a span {
	display: block;
	width: 1em;
	height: 1em;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(-135deg) translateX(-2px);
	transform: rotate(-135deg) translateX(-2px)
}
.p_pagetop a:hover, .p_pagetop2 a:hover {
	opacity: 0.8
}
@media screen and (max-width: 820px) {
	.wrap, .wrap_white2, .wrap_white {
		width: 96%;
		margin: 0 auto
	}
}
@media screen and (min-width: 821px) {
	.wrap, .wrap_white2, .wrap_white {
		width: 980px;
		max-width: 90%;
		margin: 0 auto
	}
}
@media screen and (max-width: 820px) {
	.wrap-100 {
		width: 100%;
		margin: 0 auto
	}
}
@media screen and (min-width: 821px) {
	.wrap-100 {
		width: 980px;
		max-width: 100%;
		margin: 0 auto
	}
}
img {
	max-width: 100%;
	vertical-align: middle
}
figure {
	margin: 0;
	padding: 0;
	text-align: center
}
p.attention {
	margin-left: 1em;
	text-indent: -1em
}
p.attention span {
	display: inline-block;
	text-indent: 0
}
@media screen and (max-width: 820px) {
	.pc {
		display: none !important
	}
}
@media screen and (min-width: 821px) {
	.sp {
		display: none !important
	}
}
@media screen and (max-width: 600px) {
	.xs_over {
		display: none !important
	}
}
@media screen and (min-width: 601px) {
	.xs {
		display: none !important
	}
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em
}
.text-center {
	text-align: center;
}
@media screen and (max-width: 600px) {
	.text-center {
		text-align: left;
	}
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
a.link {
	text-decoration: underline;
	display: inline-block;
	padding-left: .2em;
	padding-right: .2em;
	position: relative
}
a.link, a.link:visited {
	color: #F38200
}
a.link:hover {
	opacity: .8
}
a.a_btn_orange, a.a_btn_green {
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.2
}
a.a_btn_orange, a.a_btn_orange:visited, a.a_btn_green, a.a_btn_green:visited {
	color: #fff
}
a.a_btn_orange span, a.a_btn_green span {
	padding: .5em 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: .5em;
	position: relative
}
a.a_btn_orange span:after, a.a_btn_green span:after {
	content: "＞";
	display: inline-block;
	padding-left: .3em
}
a.a_btn_orange:hover, a.a_btn_green:hover {
	opacity: .8
}
a.a_btn_orange span {
	background-color: #F38200
}
a.a_btn_green span {
	background-color: #13A58E
}
a.pdf {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none
}
a.pdf span {
	display: inline-block;
	position: relative;
	display: inline-block;
	text-decoration: none
}
a.pdf span::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #F38200;
	bottom: -2px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform-origin: right top;
	transform-origin: right top
}
a.pdf span:hover::after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
a.pdf, a.pdf:visited {
	color: #F38200
}
a.pdf:before {
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: .3em;
	background-image: url(../../images/common/PDF_24.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	-webkit-transition: .3s;
	transition: .3s
}
.pt0 {
	padding-top: 0 !important
}
ul.list_none {
	list-style: none;
	margin: 0;
	padding: 0
}
ul.list_none li {
	margin: 0;
	padding: 0
}
@media screen and (min-width: 821px) {
	.float_right_pc {
		float: right;
		margin-left: 1em
	}
}
.float_right {
	float: right;
	margin-left: 1em
}
.float_left {
	float: left;
	margin-right: 1em
}
@media screen and (min-width: 820px) and (max-width: 873px)  {
	.float_right {
		width: 40%;
	}
}
@media screen and (max-width: 820px) {
	.float_right {
		float: none;
		margin-left: 0;
	}
}
@media screen and (min-width: 821px) {
	div.tile2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	div.tile2>* {
		width: calc((100% - 30px)/2)
	}
}
div.tile2 img {
	max-width: none;
	width: 100%;
	height: auto
}
body {
	word-break: break-all
}
header a {
	text-decoration: none
}
header .wrap, header .wrap_white2, header .wrap_white {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
header .wrap h1, header .wrap_white2 h1, header .wrap_white h1 {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 1
}
header {
	z-index: 99;
	background-color: #fff
}
.sp_menu .icon {
	color: #402319;
	position: relative;
	width: 32px;
	height: 24px;
	margin-left: 9px;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.sp_menu .icon, .sp_menu .icon span {
	display: inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
	box-sizing: border-box
}
.sp_menu .icon span {
	position: relative;
	display: block;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #402319
}
.sp_menu.active .icon span:nth-of-type(1) {
	-webkit-transform: translateY(10.5px) rotate(-45deg);
	transform: translateY(10.5px) rotate(-45deg)
}
.sp_menu.active .icon span:nth-of-type(2) {
	opacity: 0
}
.sp_menu.active .icon span:nth-of-type(3) {
	-webkit-transform: translateY(-10.5px) rotate(45deg);
	transform: translateY(-10.5px) rotate(45deg)
}
.sp_menu {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #402319;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: nomal
}
@media screen and (max-width: 820px) {
	header .wrap, header .wrap_white2, header .wrap_white {
		height: 46px
	}
	header nav {
		width: 100%;
		max-height: 100vh;
		background-color: #4d4d4d
	}
	header nav>ul {
		margin: 0;
		padding: 0
	}
	header nav>ul>li {
		list-style: none;
		margin: 0
	}
	header nav>ul>li>a {
		padding: 5px 20px;
		display: block;
		color: #fff;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5)
	}
	header nav>ul>li>a:hover, header nav>ul>li>a:focus {
		background-color: #666
	}
	header nav {
		position: absolute;
		right: -100vw;
		top: 46px;
		width: 100%;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		opacity: 0
	}
	header nav>ul {
		margin-right: 0
	}
	header nav.active {
		right: 0;
		opacity: 1
	}
	.logo img {
		max-height: 40px;
		width: auto;
		height: auto
	}
	header .header_h1 {
		padding: 5px 0
	}
}
@media screen and (min-width: 821px) {
	.sp_menu {
		display: none
	}
	header .wrap, header .wrap_white2, header .wrap_white {
		height: 76px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: nomal
	}
	header .wrap .logo img, header .wrap_white2 .logo img, header .wrap_white .logo img {
		max-height: 66px;
		width: auto;
		height: auto
	}
	header .wrap nav:not(.mega_menu), header .wrap_white2 nav:not(.mega_menu), header .wrap_white nav:not(.mega_menu) {
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	header .wrap nav:not(.mega_menu) ul, header .wrap_white2 nav:not(.mega_menu) ul, header .wrap_white nav:not(.mega_menu) ul {
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	header .wrap nav:not(.mega_menu) ul li, header .wrap_white2 nav:not(.mega_menu) ul li, header .wrap_white nav:not(.mega_menu) ul li {
		line-height: 1;
		list-style: none;
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative
	}
	header .wrap nav:not(.mega_menu) ul li a, header .wrap_white2 nav:not(.mega_menu) ul li a, header .wrap_white nav:not(.mega_menu) ul li a {
		display: block;
		padding: 5px 10px;
		margin: 0;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		text-align: center
	}
	header .wrap nav:not(.mega_menu) ul li a, header .wrap_white2 nav:not(.mega_menu) ul li a, header .wrap_white nav:not(.mega_menu) ul li a {
		line-height: 1
	}
	header .wrap nav:not(.mega_menu) ul li a, header .wrap_white2 nav:not(.mega_menu) ul li a, header .wrap_white nav:not(.mega_menu) ul li a, header .wrap nav:not(.mega_menu) ul li a:visited, header .wrap_white2 nav:not(.mega_menu) ul li a:visited, header .wrap_white nav:not(.mega_menu) ul li a:visited {
		color: #000
	}
	header .wrap nav:not(.mega_menu) ul li a:after, header .wrap_white2 nav:not(.mega_menu) ul li a:after, header .wrap_white nav:not(.mega_menu) ul li a:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		-webkit-transition: -webkit-transform .3s;
		transition: -webkit-transform .3s;
		transition: transform .3s;
		transition: transform .3s, -webkit-transform .3s;
		background-color: #F38200;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transform-origin: right top;
		transform-origin: right top
	}
	header .wrap nav:not(.mega_menu) ul li a:hover:after, header .wrap_white2 nav:not(.mega_menu) ul li a:hover:after, header .wrap_white nav:not(.mega_menu) ul li a:hover:after, header .wrap nav:not(.mega_menu) ul li a.active:after, header .wrap_white2 nav:not(.mega_menu) ul li a.active:after, header .wrap_white nav:not(.mega_menu) ul li a.active:after {
		width: 100%;
		-webkit-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}
header {
	z-index: 99999;
	position: fixed;
	width: 100%
}
header .header_top {
	width: 100%
}
body.mfp-zoom-out-cur header {
	z-index: 999
}
main {
	display: block;
	padding-top: 76px
}
@media screen and (max-width: 820px) {
	main {
		padding-top: 46px
	}
}
body.scroll_shadow header {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5)
}
@media screen and (min-width: 821px) {
	body.topics header .wrap nav:not(.mega_menu) ul li.gm_topics a:after, body.topics header .wrap_white2 nav:not(.mega_menu) ul li.gm_topics a:after, body.topics header .wrap_white nav:not(.mega_menu) ul li.gm_topics a:after, body.ps header .wrap nav:not(.mega_menu) ul li.gm_ps a:after, body.ps header .wrap_white2 nav:not(.mega_menu) ul li.gm_ps a:after, body.ps header .wrap_white nav:not(.mega_menu) ul li.gm_ps a:after, body.company header .wrap nav:not(.mega_menu) ul li.gm_company a:after, body.company header .wrap_white2 nav:not(.mega_menu) ul li.gm_company a:after, body.company header .wrap_white nav:not(.mega_menu) ul li.gm_company a:after, body.contact header .wrap nav:not(.mega_menu) ul li.gm_contact a:after, body.contact header .wrap_white2 nav:not(.mega_menu) ul li.gm_contact a:after, body.contact header .wrap_white nav:not(.mega_menu) ul li.gm_contact a:after, body.recruit header .wrap nav:not(.mega_menu) ul li.gm_recruit a:after, body.recruit header .wrap_white2 nav:not(.mega_menu) ul li.gm_recruit a:after, body.recruit header .wrap_white nav:not(.mega_menu) ul li.gm_recruit a:after, body.casestudy header .wrap nav:not(.mega_menu) ul li.gm_casestudy a:after, body.casestudy header .wrap_white2 nav:not(.mega_menu) ul li.gm_casestudy a:after, body.casestudy header .wrap_white nav:not(.mega_menu) ul li.gm_casestudy a:after {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}
footer {
	background-color: #BDB492;
	background-image: url(../../images/toppage/top_bg05.png);
	background-position: right bottom;
	background-repeat: no-repeat
}
footer a {
	-webkit-transition: .3s;
	transition: .3s;
	text-decoration: none
}
footer a, footer a:visited {
	color: #fff
}
footer a:hover {
	text-decoration: underline;
	color: #402319
}
footer .footer_bottom {
	background-color: #4A4739;
	text-align: center;
	color: #fff
}
footer .footer_bottom p {
	padding: 1em;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem
}
@media screen and (max-width: 820px) {
	footer .footer_bottom p {
		font-size: .71429em
	}
}
footer .footer_nav, footer .footer_nav2 {
	line-height: 1.6
}
footer .footer_nav ul, footer .footer_nav2 ul {
	margin: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none
}
footer .footer_nav ul li, footer .footer_nav2 ul li {
	padding: 0;
	margin: 0 1em
}
@media screen and (max-width: 820px) {
	footer .footer_nav ul li, footer .footer_nav2 ul li {
		margin-right: 5px;
		margin-left: 5px
	}
}
footer .footer_nav {
	background-color: rgba(145, 133, 88, 0.5)
}
footer .footer_nav ul {
	padding: .5em 0
}
footer .footer_nav ul li a {
	font-size: 16px;
	font-size: 1.6rem
}
@media screen and (max-width: 820px) {
	footer .footer_nav ul li a {
		font-size: 1em
	}
}
footer .footer_nav2 {
	background-color: rgba(170, 158, 114, 0.5)
}
footer .footer_nav2 ul {
	opacity: .8;
	padding: .25em 0
}
footer .footer_nav2 ul li a {
	font-size: 14px;
	font-size: 1.4rem
}
@media screen and (max-width: 820px) {
	footer .footer_nav2 ul li a {
		font-size: .85714em
	}
}
footer .footer_address {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	max-width: 980px
}
@media screen and (max-width: 820px) {
	footer .footer_address {
		text-align: center
	}
}
footer .footer_address_inner {
	padding: 1em 0;
	color: #402319;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
footer .footer_address_inner a, footer .footer_address_inner a:visited {
	color: #402319
}
footer .footer_address_left img {
	max-width: 80px
}
footer .footer_address_left p.company_name {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0
}
@media screen and (max-width: 820px) {
	footer .footer_address_left p.company_name {
		font-size: 1.14286em
	}
}
@media screen and (min-width: 821px) {
	footer .footer_address_right {
		margin-left: 2em
	}
}
footer .footer_address_right p {
	margin: 0;
	line-height: 1.4;
	font-size: 14px;
	font-size: 1.4rem
}
@media screen and (max-width: 820px) {
	footer .footer_address_right p {
		font-size: .85714em
	}
}
footer .footer_address_right p span {
	display: inline-block
}
footer .footer_address_right p.access {
	margin-top: .5em
}
footer .footer_address_right p.access a {
	line-height: 1;
	display: inline-block;
	position: relative;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.3);
	padding: .25em 1em .25em 2em
}
footer .footer_address_right p.access a:hover {
	text-decoration: none
}
footer .footer_address_right p.access a:before {
	content: '\e802';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	color: rgba(64, 35, 25, 0.5);
	position: absolute;
	left: 0em;
	margin-left: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block
}
footer .footer_address_right p.access a:hover:before {
	-webkit-animation-name: link_left;
	animation-name: link_left;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.toppage main {
	background-color: rgba(156, 121, 4, 0.15)
}
body.toppage main {
	-webkit-transition: .3s;
	transition: .3s
}
body.toppage main a {
	text-decoration: none
}
body.toppage main .toppage_first {
	-webkit-transition: .3s;
	transition: .3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-image: url(../../images/toppage/top_bg01.jpg);
	background-size: cover;
	background-position: center bottom;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_first {
		height: 70vh;
		min-height: 400px
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_first {
		height: 70vh;
		min-height: 300px
	}
}
body.toppage main .toppage_first .wrap, body.toppage main .toppage_first .wrap_white2, body.toppage main .toppage_first .wrap_white {
	text-align: left
}
body.toppage main .toppage_first .wrap p, body.toppage main .toppage_first .wrap_white2 p, body.toppage main .toppage_first .wrap_white p {
	font-family: 'Libre Baskerville', 'Shippori Mincho', serif;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform-origin: left;
	transform-origin: left;
	letter-spacing: 0.05em;
	text-shadow: 0 0 10px #000, 2px 2px 10px #233f74, -2px -2px 10px #233f74, -2px 2px 10px #233f74, 2px -2px 10px #233f74;
	line-height: 1.5;
	color: #fff;
	font-weight: 700
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_first .wrap p, body.toppage main .toppage_first .wrap_white2 p, body.toppage main .toppage_first .wrap_white p {
		font-size: 40px;
		font-size: 4rem;
		font-weight: nomal
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_first .wrap p, body.toppage main .toppage_first .wrap_white2 p, body.toppage main .toppage_first .wrap_white p {
		font-size: 4.69388vw
	}
}
body.toppage main .toppage_first .wrap p>span, body.toppage main .toppage_first .wrap_white2 p>span, body.toppage main .toppage_first .wrap_white p>span {
	display: inline-block;
	margin: 10px 0;
	padding: 3px .5em
}
body.toppage main .toppage_first .wrap p>span span.lg, body.toppage main .toppage_first .wrap_white2 p>span span.lg, body.toppage main .toppage_first .wrap_white p>span span.lg {
	font-size: 1.3em;
	letter-spacing: 0.01em
}
body.toppage main .toppage_first .wrap a, body.toppage main .toppage_first .wrap_white2 a, body.toppage main .toppage_first .wrap_white a, body.toppage main .toppage_first .wrap a:visited, body.toppage main .toppage_first .wrap_white2 a:visited, body.toppage main .toppage_first .wrap_white a:visited {
	color: #fff
}
body.toppage main .toppage_first .wrap a, body.toppage main .toppage_first .wrap_white2 a, body.toppage main .toppage_first .wrap_white a {
	-webkit-transition: .3s;
	transition: .3s
}
body.toppage main p.link_down {
	margin: 0;
	padding: 10px;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.5
}
body.toppage main p.link_down a {
	display: inline-block
}
body.toppage main p.link_down span {
	display: block;
	font-weight: 700;
	font-size: 1.5em
}
body.toppage main p.link_down span+span {
	font-size: 1.25em;
	font-weight: 400
}
body.toppage main p.link_down i {
	font-size: 1.5em;
	margin-top: 5px;
	display: inline-block;
	-webkit-transition: .3s;
	transition: .3s;
	position: relative;
	font-size: 1.5em
}
body.toppage main p.link_down a:hover i {
	-webkit-animation-name: link_down;
	animation-name: link_down;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.toppage main a.link_down {
	margin: 0;
	padding: 10px;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.5
}
body.toppage main a.link_down p {
	display: block
}
body.toppage main a.link_down span {
	display: block;
	font-weight: 700;
	font-size: 1.625em
}
body.toppage main a.link_down span+span {
	font-size: 1.25em;
	font-weight: 400
}
body.toppage main a.link_down i {
	font-size: 1.625em;
	margin-top: 5px;
	display: inline-block;
	-webkit-transition: .3s;
	transition: .3s;
	position: relative;
	font-size: 1.5em
}
body.toppage main a.link_down:hover i {
	-webkit-animation-name: link_down;
	animation-name: link_down;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.toppage main .toppage_pickup, body.toppage main .toppage_company, body.toppage main .toppage_recruit, body.toppage main .toppage_topics, body.toppage main .toppage_contact {
	margin-top: 40px
}
body.toppage main .toppage_pickup_right {
	background: -webkit-linear-gradient(90deg, #323232 0%, #767676 100%);
	background: -webkit-gradient(linear, -77.54% 134.58%, -77.54% 134.42%, color-stop(0, #323232), color-stop(1, #767676));
	background: -ms-linear-gradient(90deg, #323232 0%, #767676 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#767676' ,GradientType=0)";
	background: -webkit-linear-gradient(bottom, #323232 0%, #767676 100%);
	background: linear-gradient(0deg, #323232 0%, #767676 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#323232', GradientType=0);
	color: #fff
}
body.toppage main .toppage_pickup_right a, body.toppage main .toppage_pickup_right a:visited {
	color: #fff
}
body.toppage main .toppage_pickup_right h2 {
	text-align: center
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_pickup_right h2 {
		width: 100%;
		margin: 0
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_pickup_right h2 {
		margin: 0 1em
	}
}
body.toppage main .toppage_pickup_left ul {
	margin: 0;
	padding: 0
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_pickup_left ul {
		margin-left: 10px;
		margin-right: 10px
	}
}
body.toppage main .toppage_pickup_left ul li {
	text-align: center;
	list-style: none;
	margin: 5px 5px 5px 0;
	padding: 0
}
body.toppage main .toppage_pickup_left ul li a {
	display: block;
	-webkit-transition: .3s;
	transition: .3s
}
body.toppage main .toppage_pickup_left ul li a:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_pickup {
		background: -webkit-linear-gradient(90deg, #323232 0%, #767676 100%);
		background: -webkit-gradient(linear, -77.54% 134.58%, -77.54% 134.42%, color-stop(0, #323232), color-stop(1, #767676));
		background: -ms-linear-gradient(90deg, #323232 0%, #767676 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#767676' ,GradientType=0)";
		background: -webkit-linear-gradient(bottom, #323232 0%, #767676 100%);
		background: linear-gradient(0deg, #323232 0%, #767676 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#323232', GradientType=0)
	}
	body.toppage main .toppage_pickup_right h2 {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 10px 5px
	}
	body.toppage main .toppage_pickup_right h2 img {
		position: relative;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		max-width: 4em
	}
	body.toppage main .toppage_pickup_right2_inner {
		width: 100%;
		max-width: 560px;
		margin-right: auto;
		margin-left: auto
	}
	body.toppage main .toppage_pickup_right2_inner a {
		padding: .5em;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.1);
		-webkit-transition: .3s;
		transition: .3s
	}
	body.toppage main .toppage_pickup_right2_inner a, body.toppage main .toppage_pickup_right2_inner a:visited {
		color: #fff
	}
	body.toppage main .toppage_pickup_right2_inner a:hover {
		background-color: rgba(255, 255, 255, 0.2)
	}
	body.toppage main .toppage_pickup_right2 p {
		background: -webkit-linear-gradient(90deg, #323232 0%, #767676 100%);
		background: -webkit-gradient(linear, -77.54% 134.58%, -77.54% 134.42%, color-stop(0, #323232), color-stop(1, #767676));
		background: -ms-linear-gradient(90deg, #323232 0%, #767676 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#767676' ,GradientType=0)";
		background: -webkit-linear-gradient(bottom, #323232 0%, #767676 100%);
		background: linear-gradient(0deg, #323232 0%, #767676 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#323232', GradientType=0);
		-webkit-transition: .3s;
		transition: .3s;
		position: relative
	}
	body.toppage main .toppage_pickup_right2 p:hover {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	body.toppage main .toppage_pickup_left ul {
		margin-bottom: 5px
	}
	body.toppage main .toppage_pickup_left ul li {
		margin: 5px 0 0
	}
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_pickup {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
	body.toppage main .toppage_pickup_left ul li:last-child {
		margin-bottom: 0
	}
	body.toppage main .toppage_pickup_right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		padding: 1em
	}
	body.toppage main .toppage_pickup_right_inner {
		width: 100%
	}
	body.toppage main .toppage_pickup_right_inner p {
		width: 100%;
		background-color: rgba(255, 255, 255, 0.1);
		margin-top: 1em;
		-webkit-transition: .3s;
		transition: .3s
	}
	body.toppage main .toppage_pickup_right_inner p a {
		width: 100%
	}
	body.toppage main .toppage_pickup_right_inner p:hover {
		background-color: rgba(255, 255, 255, 0.2);
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	body.toppage main .toppage_pickup_right {
		margin-top: 5px
	}
}
@media screen and (min-width: 1260px) {
	body.toppage main .toppage_pickup_right {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}
body.toppage main .toppage_company {
	background-image: url(../../images/toppage/top_bg02.jpg);
	background-size: cover;
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_company {
		padding-bottom: 10px
	}
}
body.toppage main .toppage_company a, body.toppage main .toppage_company a:visited {
	color: #fff
}
body.toppage main .toppage_company h2 {
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.3)
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_company h2 {
		padding: 10px 5px;
		width: auto;
		margin-top: 2em
	}
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_company {
		padding: 2em 0
	}
}
body.toppage main .toppage_company_right ul {
	margin: 0;
	padding: 0
}
body.toppage main .toppage_company_right ul li {
	-webkit-transition: .3s;
	transition: .3s;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	list-style: none;
	background-size: cover;
	background-position: center center;
	margin: 10px
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_company_right ul li {
		margin: 1em 0
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_company_right ul li:last-child {
		margin-bottom: 0
	}
}
body.toppage main .toppage_company_right ul li p {
	margin: 0
}
body.toppage main .toppage_company_right ul li a {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	padding: .5em 5px
}
body.toppage main .toppage_company_right ul li a:hover {
	background-color: rgba(0, 0, 0, 0.3)
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_company {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	body.toppage main .toppage_company_left, body.toppage main .toppage_company_right {
		width: 100%
	}
	body.toppage main .toppage_company_left h2 {
		margin-bottom: 1em
	}
	body.toppage main .toppage_company_right {
		padding-top: 10px
	}
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_company {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body.toppage main .toppage_company_left {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-left: 2em
	}
	body.toppage main .toppage_company_right {
		padding: 0 1em;
		width: 42.34694%
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_company {
		text-align: center
	}
	body.toppage main .toppage_company_right ul {
		width: 100%;
		max-width: 560px;
		margin-right: auto;
		margin-left: auto
	}
}
body.toppage main .toppage_recruit {
	background-image: url(../../images/toppage/top_bg03.jpg);
	background-size: cover;
	background-position: center bottom
}
body.toppage main .toppage_recruit {
	color: #fff
}
body.toppage main .toppage_recruit a, body.toppage main .toppage_recruit a:visited {
	color: #fff
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_recruit {
		padding: 2em 3em
	}
}
body.toppage main .toppage_recruit_left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body.toppage main .toppage_recruit_left h2, body.toppage main .toppage_recruit_left figure {
	width: 100%
}
body.toppage main .toppage_recruit_left figure {
	position: relative;
	text-align: left;
	margin: 1em
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_recruit_left figure {
		bottom: -6em
	}
}
body.toppage main .toppage_recruit_left figure img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_recruit_left {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	body.toppage main .toppage_recruit_left figure {
		width: auto;
		margin-right: 0;
		margin-bottom: 0
	}
	body.toppage main .toppage_recruit_left figure img {
		position: relative;
		max-width: 4em
	}
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_recruit {
		min-height: 450px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-line-pack: justify;
		align-content: space-between
	}
	body.toppage main .toppage_recruit>div {
		width: 100%
	}
	body.toppage main .toppage_recruit_right_inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	body.toppage main .toppage_recruit_right_inner p {
		width: calc((100% - 20px)/2);
		margin-bottom: 0
	}
}
body.toppage main .toppage_recruit_right_inner a {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	padding: .5em 5px
}
body.toppage main .toppage_recruit_right_inner a:hover {
	background-color: rgba(0, 0, 0, 0.3)
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_recruit_right_inner {
		max-width: 560px;
		margin-left: auto;
		margin-right: auto
	}
}
body.toppage main .toppage_layout01 {
	position: relative
}
body.toppage main .toppage_topics {
	position: relative;
	background-color: rgba(24, 26, 24, 0.18)
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_topics {
		padding: 2em 3em
	}
}
body.toppage main .toppage_topics h2 {
	color: #fff
}
body.toppage main .toppage_topics ul {
	margin-right: 10%;
	margin-left: 10%;
	padding: 0
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_topics ul {
		margin-top: 50px;
		margin-left: 1.3em;
		margin-right: 1.3em
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_topics ul {
		margin-top: 1em
	}
}
body.toppage main .toppage_topics ul li.not_use {
	list-style: none;
	margin: 0 0 .5em;
	padding: 0
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_topics ul li.not_use {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_topics ul li.not_use {
		border-bottom: 2px dotted #fff;
		padding: 5px
	}
}
body.toppage main .toppage_topics ul li.not_use p {
	margin: 0
}
body.toppage main .toppage_topics ul li.not_use p.date {
	width: 6em;
	color: #fff
}
body.toppage main .toppage_topics ul li.not_use p.text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #fff
}
body.toppage main .toppage_topics ul li.not_use p.text span {
	display: inline-block;
	background-color: #0851A3;
	border-radius: 1em;
	padding: 5px 10px;
	line-height: 1
}
body.toppage main .toppage_topics ul li.not_use p.text a {
	text-decoration: none
}
body.toppage main .toppage_topics ul li.not_use p.text a, body.toppage main .toppage_topics ul li.not_use p.text a:visited {
	color: #000
}
body.toppage main .toppage_topics ul li.not_use p.text a:hover {
	text-decoration: underline;
	color: #402319;
	background-color: rgba(243, 130, 0, 0.3)
}
body.toppage main .toppage_topics ul li {
	list-style: none;
	line-height: 1.4;
	margin: 0 0 1em;
	position: relative
}
body.toppage main .toppage_topics ul li p:first-child {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.toppage main .toppage_topics ul li p:first-child span {
	display: inline-block
}
body.toppage main .toppage_topics ul li span.date {
	font-weight: 400;
	margin-right: 10px
}
body.toppage main .toppage_topics ul li p.text {
	margin: 0
}
body.toppage main .toppage_topics ul li .category {
	color: #fff
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_topics ul li:first-child {
		border-top: 2px dotted #fff;
		padding-top: 1em
	}
}
body.toppage main .toppage_topics ul li span.category {
	color: #fff;
	font-size: .75em;
	padding: .2em;
	border-radius: 5px;
	line-height: 1;
	min-width: 8em;
	display: inline-block;
	text-align: center
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_topics ul li span.category {
		font-size: .71429em
	}
}
body.toppage main .toppage_topics ul a {
	text-decoration: none
}
body.toppage main .toppage_topics ul a, body.toppage main .toppage_topics ul a:visited {
	color: #000
}
body.toppage main .toppage_topics ul a:hover {
	text-decoration: underline;
	color: #402319;
	background-color: rgba(243, 130, 0, 0.3)
}
body.toppage main .toppage_topics ul li.color01 span.category {
	background-color: #bb57e0
}
body.toppage main .toppage_topics ul li.color02 span.category {
	background-color: #37baf1
}
body.toppage main .toppage_topics ul li.color03 span.category {
	background-color: #5fb0a9
}
body.toppage main .toppage_topics ul li.color04 span.category {
	background-color: #7c7ec0
}
body.toppage main .toppage_topics ul li.color05 span.category {
	background-color: #ec7616
}
body.toppage main .toppage_topics ul li.color06 span.category {
	background-color: #acacac
}
body.toppage main .toppage_topics p.link_down {
	margin-left: auto;
	margin-right: auto
}
body.toppage main .toppage_topics p.link_down a {
	color: #fff;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	padding: .5em 5px
}
body.toppage main .toppage_topics p.link_down a:hover {
	background-color: rgba(0, 0, 0, 0.3)
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_topics p.link_down {
		width: calc((100% - 20px)/2);
		margin-bottom: 0
	}
}
body.toppage main .toppage_contact {
	position: relative;
	background-color: rgba(133, 182, 206, 0.75);
	color: #fff
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_contact {
		padding: 2em 3em
	}
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_contact p.link_down {
		width: calc((100% - 20px)/2);
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto
	}
}
body.toppage main .toppage_contact p.link_down a {
	color: #fff;
	width: 100%;
	background-color: #097ba4;
	padding: .5em 5px
}
body.toppage main .toppage_contact p.link_down a:hover {
	background-color: rgba(9, 123, 164, 0.8)
}
body.toppage main .toppage_pickup h2, body.toppage main .toppage_company h2, body.toppage main .toppage_topics h2, body.toppage main .toppage_recruit h2, body.toppage main .toppage_contact h2 {
	font-size: 1em;
	line-height: 1.5
}
body.toppage main .toppage_pickup h2>span, body.toppage main .toppage_company h2>span, body.toppage main .toppage_topics h2>span, body.toppage main .toppage_recruit h2>span, body.toppage main .toppage_contact h2>span {
	display: block
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_pickup h2>span, body.toppage main .toppage_company h2>span, body.toppage main .toppage_topics h2>span, body.toppage main .toppage_recruit h2>span, body.toppage main .toppage_contact h2>span {
		margin-left: 1em
	}
}
body.toppage main .toppage_pickup h2>span span, body.toppage main .toppage_company h2>span span, body.toppage main .toppage_topics h2>span span, body.toppage main .toppage_recruit h2>span span, body.toppage main .toppage_contact h2>span span {
	display: block
}
body.toppage main .toppage_pickup h2>span span:first-child, body.toppage main .toppage_company h2>span span:first-child, body.toppage main .toppage_topics h2>span span:first-child, body.toppage main .toppage_recruit h2>span span:first-child, body.toppage main .toppage_contact h2>span span:first-child {
	font-weight: 700
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_pickup h2 span, body.toppage main .toppage_company h2 span, body.toppage main .toppage_topics h2 span, body.toppage main .toppage_recruit h2 span, body.toppage main .toppage_contact h2 span {
		line-height: 1.2;
		text-align: center
	}
	body.toppage main .toppage_pickup h2>span span:first-child, body.toppage main .toppage_company h2>span span:first-child, body.toppage main .toppage_topics h2>span span:first-child, body.toppage main .toppage_recruit h2>span span:first-child, body.toppage main .toppage_contact h2>span span:first-child {
		font-size: 2.25em
	}
	body.toppage main .toppage_pickup h2>span span+span, body.toppage main .toppage_company h2>span span+span, body.toppage main .toppage_topics h2>span span+span, body.toppage main .toppage_recruit h2>span span+span, body.toppage main .toppage_contact h2>span span+span {
		font-size: 1.25em
	}
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_pickup h2>span span:first-child, body.toppage main .toppage_company h2>span span:first-child, body.toppage main .toppage_topics h2>span span:first-child, body.toppage main .toppage_recruit h2>span span:first-child, body.toppage main .toppage_contact h2>span span:first-child {
		font-size: 3.67347vw
	}
	body.toppage main .toppage_pickup h2>span span+span, body.toppage main .toppage_company h2>span span+span, body.toppage main .toppage_topics h2>span span+span, body.toppage main .toppage_recruit h2>span span+span, body.toppage main .toppage_contact h2>span span+span {
		font-size: 2.04082vw
	}
}
@media screen and (min-width: 1260px) {
	body.toppage main .toppage_pickup h2>span span:first-child, body.toppage main .toppage_company h2>span span:first-child, body.toppage main .toppage_topics h2>span span:first-child, body.toppage main .toppage_recruit h2>span span:first-child, body.toppage main .toppage_contact h2>span span:first-child {
		font-size: 2.25em
	}
	body.toppage main .toppage_pickup h2>span span+span, body.toppage main .toppage_company h2>span span+span, body.toppage main .toppage_topics h2>span span+span, body.toppage main .toppage_recruit h2>span span+span, body.toppage main .toppage_contact h2>span span+span {
		font-size: 1.25em
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_company h2, body.toppage main .toppage_topics h2, body.toppage main .toppage_recruit h2, body.toppage main .toppage_contact h2 {
		margin-top: 0;
		width: auto;
		padding: 2em 5px 10px
	}
}
@media screen and (max-width: 820px) {
	body.toppage main .toppage_pickup, body.toppage main .toppage_company, body.toppage main .toppage_recruit, body.toppage main .toppage_topics, body.toppage main .toppage_contact {
		padding-top: 0;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2%
	}
}
@media screen and (min-width: 821px) {
	body.toppage main .toppage_topics p.link_down, body.toppage main .toppage_contact p.link_down {
		margin-top: 3em
	}
}
@media screen and (max-width: 820px) {
	body#toppage main {
		padding-bottom: 2%
	}
}
body#toppage main h1 {
	height: 0;
	max-height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.toppage_first_popup {
	position: relative;
	z-index: 9999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}
.toppage_first_popup .wrap, .toppage_first_popup .wrap_white2, .toppage_first_popup .wrap_white {
	text-align: center;
	position: relative;
	padding-top: 1em
}
.toppage_first_popup .wrap .toppage_first_popup_close, .toppage_first_popup .wrap_white2 .toppage_first_popup_close, .toppage_first_popup .wrap_white .toppage_first_popup_close {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 2em;
	cursor: pointer
}
.toppage_first_popup h2 {
	font-weight: 700
}
.toppage_first_popup h2 span {
	display: inline-block
}
@media screen and (min-width: 821px) {
	.toppage_first_popup h2 {
		font-size: 2.65306vw
	}
}
@media screen and (max-width: 820px) {
	.toppage_first_popup h2 {
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: nomal
	}
}
.toppage_first_popup p {
	font-size: 1.125em;
	max-width: 760px;
	margin-right: auto;
	margin-left: auto
}
.toppage_first_popup p span {
	display: inline-block
}
.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out
}
.mfp-bg.mfp-ready {
	opacity: 0.8
}
.mfp-bg.mfp-removing {
	opacity: 0
}
.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out
}
.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1
}
.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0
}
body {
	position: relative
}
main .bread_nav {
	background-color: rgba(156, 121, 4, 0.2);
	text-align: left
}
main .bread_nav ol {
	margin: 0;
	padding: 5px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
main .bread_nav ol li {
	list-style: none;
	margin: 0 0.5em 0.5em;
	padding: 0;
	line-height: 1.5;
	color: #5F5D54;
	font-size: .875em
}
@media screen and (max-width: 820px) {
	main .bread_nav ol li {
		font-size: .85714em
	}
}
main .bread_nav ol li a {
	display: inline-block;
	text-decoration: none
}
main .bread_nav ol li a, main .bread_nav ol li a:visited {
	color: #5F5D54
}
main .bread_nav ol li a span {
	display: inline-block;
	position: relative;
	display: inline-block;
	text-decoration: none
}
main .bread_nav ol li a span::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #F38200;
	bottom: -2px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform-origin: right top;
	transform-origin: right top
}
main .bread_nav ol li a span:hover::after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
main .bread_nav ol li a {
	position: relative
}
main .bread_nav ol li a:after {
	content: "＞";
	display: inline-block;
	padding-left: 1em
}
main .bread_nav ol li:last-child a {
	pointer-events: none
}
main .bread_nav ol li:last-child a:after {
	display: none
}
main .bread_nav.white li a, main .bread_nav.white li a:visited {
	color: #fff
}
@media screen and (max-width: 820px) {
	main .bread_nav {
		display: none
	}
}
main section {
	position: relative
}
main .anchor {
	position: absolute;
	display: block;
	left: -1000vw;
	z-index: -99
}
@media screen and (min-width: 821px) {
	main .anchor {
		top: -124.8px
	}
}
@media screen and (max-width: 820px) {
	main .anchor {
		top: -116px
	}
	main .anchor.first {
		top: -500px
	}
}
main .anchor_wrap {
	position: relative;
}

main .bg_green {
	background-color: #e9e9e9;
}

main .bg_blue {
	background-color: #a0c8e4;
}

main .bg_grey {
	background-color: #e9e9e9;
}

main .bg_white {
	background-color: #ebb619;
}

main .bg_grey .reason {
	margin-top: 0;
    letter-spacing: 0.01em;
    margin-bottom: -1em;
    text-align: center;
    font-weight: 700;
    font-size: 1.75em;
	align-items: center; /* 線を上下中央 */
	display: flex; /* 文字と線を横並び */
	justify-content: center; /* 文字を中央寄せ */
}

main .bg_grey .reason::before,
main .bg_grey .reason::after {
  background-color: #5f5d54; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  content: "";
  height: 5px; /* 線の高さ */
  width: 80px; /* 線の長さ */
}
main .bg_grey .reason::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
}
main .bg_grey .reason::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
}

@media screen and (max-width: 600px) {
	main .bg_grey .reason {
		font-size: 1.55em;
	}
	main .bg_grey .reason::before {
		margin-right: -10px; /* 文字との余白 */
		margin-bottom: -15px;
	}
	main .bg_grey .reason::after {
		margin-left: -10px; /* 文字との余白 */
		margin-bottom: -15px;
	}
	main .bg_grey .reason::before,
	main .bg_grey .reason::after {
  		height: 3px; /* 線の高さ */
	}
}

main .main_nav_company, main .main_nav_ps, main .main_nav_casestudy, main .main_nav_contact, main .main_nav_career {
	position: relative;
	z-index: 9;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
@media screen and (min-width: 821px) {
	main .main_nav_company, main .main_nav_ps, main .main_nav_casestudy, main .main_nav_contact, main .main_nav_career {
		width: 980px;
		max-width: 96%
	}
}
@media screen and (max-width: 820px) {
	main .main_nav_company, main .main_nav_ps, main .main_nav_casestudy, main .main_nav_contact, main .main_nav_career {
		width: 96%
	}
}
@media screen and (max-width: 600px) {
	main .main_nav_company, main .main_nav_ps, main .main_nav_casestudy, main .main_nav_contact, main .main_nav_career {
		font-size: 11px
	}
}
main .main_nav_company ul, main .main_nav_ps ul, main .main_nav_casestudy ul, main .main_nav_contact ul, main .main_nav_career ul {
	margin: 0;
	padding: 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
main .main_nav_company li, main .main_nav_ps li, main .main_nav_casestudy li, main .main_nav_contact li, main .main_nav_career li {
	margin: 0 5px;
	padding: 5px;
	list-style-type: none
}
@media screen and (max-width: 820px) {
	main .main_nav_company li, main .main_nav_ps li, main .main_nav_casestudy li, main .main_nav_contact li, main .main_nav_career li {
		padding: 5px 0px
	}
}
main .main_nav_company a, main .main_nav_ps a, main .main_nav_casestudy a, main .main_nav_contact a, main .main_nav_career a {
	padding: 0 5px;
	margin: 0;
	position: relative;
	display: inline-block;
	text-decoration: none
}
main .main_nav_company a, main .main_nav_company a:visited, main .main_nav_ps a, main .main_nav_ps a:visited, main .main_nav_casestudy a, main .main_nav_casestudy a:visited, main .main_nav_contact a, main .main_nav_contact a:visited, main .main_nav_career a, main .main_nav_career a:visited {
	color: #fff
}
@media screen and (max-width: 820px) {
	main .main_nav_company a, main .main_nav_ps a, main .main_nav_casestudy a, main .main_nav_contact a, main .main_nav_career a {
		padding: 0 5px
	}
}
main .main_nav_company a::after, main .main_nav_ps a::after, main .main_nav_casestudy a::after, main .main_nav_contact a::after, main .main_nav_career a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #F38200;
	bottom: -2px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform-origin: right top;
	transform-origin: right top
}
main .main_nav_company a:hover::after, main .main_nav_ps a:hover::after, main .main_nav_casestudy a:hover::after, main .main_nav_contact a:hover::after, main .main_nav_career a:hover::after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
main .main_nav_company a:after, main .main_nav_ps a:after, main .main_nav_casestudy a:after, main .main_nav_contact a:after, main .main_nav_career a:after {
	bottom: 1px
}
main .main_nav_company li.active a:after, main .main_nav_ps li.active a:after, main .main_nav_casestudy li.active a:after, main .main_nav_contact li.active a:after, main .main_nav_career li.active a:after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
body#career main .main_nav_career li.nav_requirements a:after, body#career_type main .main_nav_career li.nav_type a:after, body#career_faq main .main_nav_career li.nav_faq a:after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
@media screen and (min-width: 821px) {
	main .main_nav_company, main .main_nav_casestudy, main .main_nav_career {
		width: 100%;
		max-width: 100%
	}
}
@media screen and (max-width: 820px) {
	main .main_nav_company, main .main_nav_casestudy, main .main_nav_career {
		width: 100%
	}
}
main .main_nav_company, main .main_nav_career {
	background-color: #000
}
main .main_nav_ps {
	background-color: #023C49
}
main .main_nav_casestudy {
	background-color: #000
}
main .main_nav_contact {
	background-color: #000
}
@media screen and (min-width: 821px) {
	body.scroll main .main_nav_company, body.scroll main .main_nav_casestudy, body.scroll main .main_nav_contact, body.scroll main .main_nav_career {
		position: fixed;
		top: 76px
	}
}
@media screen and (max-width: 820px) {
	body.scroll main .main_nav_company, body.scroll main .main_nav_casestudy, body.scroll main .main_nav_contact, body.scroll main .main_nav_career {
		position: fixed;
		top: 46px
	}
}
@media screen and (min-width: 821px) {
	body.scroll_ps main .main_nav_ps {
		position: fixed;
		top: 76px
	}
}
@media screen and (max-width: 820px) {
	body.scroll_ps main .main_nav_ps {
		position: fixed;
		top: 46px
	}
}

.contact_banner {
	width: 100%;
	text-align: center;
	padding: 1em 2em;
	color: #fff
}

.contact_banner_02 {
	width: 100%;
	text-align: center;
	padding: 1em 2em;
	/*color: #fff*/
}

.contact_banner .about_copy {
	color: #333;
	text-align: left;
	padding: 0 3em;
}

.contact_banner_02 .about_copy {
	color: #333;
	text-align: left;
	padding: 0 3em;
}

@media screen and (max-width: 820px) {
	.contact_banner,
	.contact_banner_02 {
		padding: 0
	}
	.contact_banner .about_copy,
	.contact_banner_02 .about_copy {
		padding: 0 .5em;
	}
}
.contact_banner a,
.contact_banner a:visited,
.contact_banner_02 a,
.contact_banner_02 a:visited {
	color: #fff
}
.contact_banner a,.contact_banner_02 a {
	text-decoration: none
}

.contact_banner .contact_banner_inner {
	background-color: #023C49;
	/*background-color: #4148e0;*/
	padding-bottom: 1em;
	max-width: 875px;
	margin-left: auto;
	margin-right: auto;
	width: 96%
}

.contact_banner_02 .contact_banner_inner {
	/*background-color: #023C49;*/
	padding-bottom: 1em;
	max-width: 875px;
	margin-left: auto;
	margin-right: auto;
	width: 96%
}
.contact_banner p span,
.contact_banner_02 p span {
	display: inline-block
}
.contact_banner p:first-child,.contact_banner_02 p:first-child {
	letter-spacing: .1em;
	line-height: 1.3;
	display: inline-block;
	font-weight: 700;
	font-size: 1.5em;
	width: 80%;
	position: relative;
	margin: 1em 0;
	padding: 0 0 .3em
}

@media screen and (max-width: 600px) {
	.contact_banner_02 .contact_banner_inner {
		padding-bottom: 4em;
	}
	.contact_banner p:first-child,.contact_banner_02 p:first-child {
		margin: 1em 0;
		padding: 0 0 .3em;;
	}
}



.contact_banner.phone p:first-child:after,
.contact_banner_02.phone p:first-child:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0
}
.contact_banner.phone p:nth-child(2),
.contact_banner_02.phone p:nth-child(2) {
	font-size: 1.125em;
	margin: 0;
	line-height: 1
}
.contact_banner.phone p:nth-child(3),
.contact_banner_02.phone p:nth-child(3) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	font-size: 2em;
	font-weight: 700;
	margin: 10px
}
.contact_banner.phone p:nth-child(3):before,
.contact_banner_02.phone p:nth-child(3):before {
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(../../images/common/icon_phone.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin-right: .5em
}
.contact_banner.phone p:nth-child(4),
.contact_banner_02.phone p:nth-child(4) {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: nomal;
	margin: 0
}

@media screen and (max-width: 600px) {
	.contact_banner.phone p:nth-child(4),
	.contact_banner_02.phone p:nth-child(4) {
		font-size: .85714em
	}
}
.contact_banner.ss .contact_banner_inner p.title:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0
}
.contact_banner_02.ss .contact_banner_inner p.title:after {
	/*content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0*/
}
.contact_banner.ss .contact_banner_inner .ss_top p:first-child,
.contact_banner_02.ss .contact_banner_inner .ss_top p:first-child {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.25em
}

.contact_banner.ss .contact_banner_inner .ss_top p:nth-child(2),
.contact_banner_02.ss .contact_banner_inner .ss_top p:nth-child(2) {
	margin-top: 0
}
.contact_banner.ss .contact_banner_inner .ss_bottom p:nth-child(1),
.contact_banner_02.ss .contact_banner_inner .ss_bottom p:nth-child(1) {
	/*font-size: 1.125em;*/
	font-size: 1em;
	/*margin: 0;*/
	margin: 1em auto;
	line-height: 1;
	width: 100%;
}
.contact_banner.ss .contact_banner_inner .ss_bottom p:nth-child(2),
.contact_banner_02.ss .contact_banner_inner .ss_bottom p:nth-child(2) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	font-size: 2em;
	font-weight: 700;
	margin: 0 10px 5px
}
.contact_banner.ss .contact_banner_inner .ss_bottom p:nth-child(2):before,
.contact_banner_02.ss .contact_banner_inner .ss_bottom p:nth-child(2):before {
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(../../images/common/icon_phone.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin-right: .5em
}

.contact_banner.ss .contact_banner_inner .ss_bottom p:nth-child(3),
.contact_banner_02.ss .contact_banner_inner .ss_bottom p:nth-child(3) {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: nomal;
	margin: 0
}
@media screen and (max-width: 600px) {
	.contact_banner.ss .contact_banner_inner .ss_bottom p:nth-child(3),
	.contact_banner_02.ss .contact_banner_inner .ss_bottom p:nth-child(3) {
		font-size: .85714em
	}
}
p.link_contact {
	margin: 1em auto;
	text-align: center
}
p.link_contact a {
	font-size: 1.5em;
	font-weight: 700;
	display: inline-block;
	padding: .8em;
	width: 60%;
	min-width: 280px;
	background-color: #F2A738;
	text-decoration: none;
	border-radius: 10px;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .5);
}

.contact_banner_02.ss p.link_contact a {
	background-color: #f28138;
}

p.link_contact a, p.link_contact a:visited {
	color: #fff
}
p.link_contact a:hover {
	background-color: #fff;
	color: #F2A738
}
body.ps main, body.contact main, body.privacy-policy main, body.casestudy main, body.news main, body.company main, body.recruit main {
	background-color: rgba(156, 121, 4, 0.15);
	color: #5F5D54
}
main .h1_area {
	color: #fff;
	background-image: url(../../images/company/company_h1_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media screen and (min-width: 821px) {
	main .h1_area {
		height: 280px
	}
}
@media screen and (max-width: 820px) {
	main .h1_area {
		height: 140px
	}
}
main .h1_area h1, main .h1_area .h1 {
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	margin: 0;
	padding: 0;
	line-height: 1.2
}
main .h1_area h1 a, main .h1_area .h1 a {
	text-decoration: none
}
main .h1_area h1 a, main .h1_area h1 a:visited, main .h1_area .h1 a, main .h1_area .h1 a:visited {
	color: #fff
}
main .h1_area h1 span, main .h1_area .h1 span {
	display: block
}
main .h1_area h1 span:first-child, main .h1_area .h1 span:first-child {
	font-size: 40px;
	font-size: 4rem;
	font-weight: nomal;
	font-weight: 700
}
@media screen and (max-width: 600px) {
	main .h1_area h1 span:first-child, main .h1_area .h1 span:first-child {
		font-size: 1.57143em
	}
}
main .h1_area h1 span+span, main .h1_area .h1 span+span {
	font-size: 20px;
	font-size: 2rem;
	font-weight: nomal;
	font-weight: 400
}
@media screen and (max-width: 600px) {
	main .h1_area h1 span+span, main .h1_area .h1 span+span {
		font-size: 1.14286em
	}
}
body.company main .h1_area {
	background-image: url(../../images/company/company_h1_bg.jpg)
}
body.recruit main .h1_area {
	background-image: url(../../images/recruit/recruit_h1_bg.jpg)
}
body#np365kb.request main .h1_area, body#np365kb.ps main .h1_area {
	background-image: url(../../images/product/np365kb/np365kb_h1_bg.jpg)
}
body#simple-security.request main .h1_area, body#simple-security.ps main .h1_area {
	background-image: url(../../images/product/simple-security/ss_h1_bg.png)
}
body#scanning_service.ps main .h1_area {
	background-image: url(../../images/product/scanning_service/scanning_service_h1_bg.jpg)
}
body#network_construction.ps main .h1_area {
	background-image: url(../../images/product/network_construction/network_construction_h1_bg.jpg)
}
body#networking.ps main .h1_area {
	background-image: url(../../images/product/networking/networking_h1_bg.jpg)
}
body#server_build.ps main .h1_area {
	background-image: url(../../images/product/server_build/server_build_h1_bg.jpg)
}
body#ict_operating.ps main .h1_area {
	background-image: url(../../images/product/ict_operating/ict_operating_h1_bg.jpg)
}
body#ict_move.ps main .h1_area {
	background-image: url(../../images/product/ict_move/ict_move_h1_bg.jpg)
}
body#three_d_plan.ps main .h1_area {
	background-image: url(../../images/product/3dplan/3dplan_h1_bg.jpg)
}
body#smartphonedesurvey.ps main .h1_area {
	background-image: url(../../images/product/smartphonedesurvey/smartphonedesurvey_h1_bg.jpg)
}
body#system-integration.ps main .h1_area {
	background-image: url(../../images/product/system-integration/system-integration_h1_bg.jpg)
}
body#cybercrypt.ps main .h1_area, body.cybercrypt main .h1_area {
	background-image: url(../../images/product/cybercrypt/cybercrypt_h1_bg.jpg)
}
body.casestudy main .h1_area {
	background-image: url(../../images/casestudy/casestudy_h1_bg.jpg)
}
body#ps.ps main .h1_area {
	background-image: url(../../images/product/toppage/product_h1_bg.jpg)
}
body#chex.ps main .h1_area {
	background-image: url(../../images/product/chex/chex_h1_bg.jpg)
}
body#erp_package.ps main .h1_area {
	background-image: url(../../images/product/erp_package/erp_package_h1_bg.jpg)
}
.wrap_white2 {
	max-width: 96%;
	background-color: #fff;
	padding: 30px 0
}
@media screen and (max-width: 820px) {
	.wrap_white2 {
		padding: 1em
	}
}
.wrap_white2_inner {
	margin: 0 auto;
	max-width: 96%;
	width: 875px
}
body.contact main .h1_area, body.request main .h1_area {
	background-image: url(../../images/contact/contact_h1_bg.jpg)
}
body.contact:not(#contact) main h1, body.request main h1 {
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: nomal;
	font-weight: 700;
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative
}
@media screen and (max-width: 600px) {
	body.contact:not(#contact) main h1, body.request main h1 {
		font-size: 1.57143em
	}
}
@media screen and (min-width: 821px) {
	body.contact:not(#contact) main h1, body.request main h1 {
		letter-spacing: 0.1em
	}
}
body.contact:not(#contact) main h1:after, body.request main h1:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #707070;
	position: absolute;
	left: 0;
	bottom: 0
}
body.contact:not(#contact) main h1 span, body.request main h1 span {
	display: inline-block
}
body.contact:not(#contact) main h2, body.request main h2 {
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: nomal;
	font-weight: 700;
	margin: 1em 0;
	padding: 5px;
	position: relative;
	color: #fff;
	background-color: #365966;
	background-color: #365966
}
@media screen and (max-width: 600px) {
	body.contact:not(#contact) main h2, body.request main h2 {
		font-size: 1.42857em
	}
}
@media screen and (min-width: 821px) {
	body.contact:not(#contact) main h2, body.request main h2 {
		letter-spacing: 0.1em
	}
}
body.contact:not(#contact) main h2.confirm_title, body.request main h2.confirm_title {
	background-color: #13A58E;
	border: 1px solid #365966;
	color: #fff
}
body.contact:not(#contact) main p.contact_link, body.request main p.contact_link {
	text-align: right;
	margin-top: 0;
	margin-bottom: 2em
}
body.contact:not(#contact) main p.contact_link a, body.request main p.contact_link a {
	display: inline-block;
	text-decoration: none;
	padding: .3em 2em;
	border-radius: 1em;
	background-color: #13A58E;
	-webkit-transition: .3s;
	transition: .3s;
	position: relative
}
body.contact:not(#contact) main p.contact_link a, body.contact:not(#contact) main p.contact_link a:visited, body.request main p.contact_link a, body.request main p.contact_link a:visited {
	color: #fff
}
body.contact:not(#contact) main p.contact_link a:hover, body.request main p.contact_link a:hover {
	background-color: #32d4bb
}
body.contact:not(#contact) main p.contact_link a:after, body.request main p.contact_link a:after {
	content: '\e801';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	margin-left: .3em;
	position: relative
}
body.contact:not(#contact) main p.contact_link a:hover:after, body.request main p.contact_link a:hover:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.contact#contact.index main h2 {
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: nomal;
	font-weight: 700;
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative
}
@media screen and (max-width: 600px) {
	body.contact#contact.index main h2 {
		font-size: 1.57143em
	}
}
@media screen and (min-width: 821px) {
	body.contact#contact.index main h2 {
		letter-spacing: 0.1em
	}
}
body.contact#contact.index main h2:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #707070;
	position: absolute;
	left: 0;
	bottom: 0
}
body.contact#contact.index main h2 span {
	display: inline-block
}
body.contact#contact.index main h3 {
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: nomal;
	font-weight: 700;
	margin: 1em 0;
	padding: 5px;
	position: relative;
	color: #fff;
	background-color: #365966;
	background-color: #365966
}
@media screen and (max-width: 600px) {
	body.contact#contact.index main h3 {
		font-size: 1.42857em
	}
}
@media screen and (min-width: 821px) {
	body.contact#contact.index main h3 {
		letter-spacing: 0.1em
	}
}
body.contact#contact.index main h3.confirm_title {
	background-color: #13A58E;
	border: 1px solid #365966;
	color: #fff
}
body.contact main span.red, body.request main span.red {
	color: #dd2d2d
}
body.contact main .contact_main, body.request main .contact_main {
	margin: 40px 0 50px
}
body.contact main .contact_main .form-group, body.request main .contact_main .form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-bottom: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
body.contact main .contact_main .form-group p, body.request main .contact_main .form-group p {
	line-height: 1.2em
}
body.contact main .contact_main .form-group>label, body.request main .contact_main .form-group>label {
	line-height: 1.3;
	padding: 1em 10px;
	width: 25%;
	border-radius: 5px;
	background-color: #BF9B73;
	margin-bottom: 0;
	border-radius: 20px 0 20px 0;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: normal
}
body.contact main .contact_main .form-group>label span span, body.request main .contact_main .form-group>label span span {
	display: inline-block
}
body.contact main .contact_main .form-group>label span.line, body.request main .contact_main .form-group>label span.line {
	text-decoration: underline
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group>label, body.request main .contact_main .form-group>label {
		width: 100%;
		padding: 10px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}
body.contact main .contact_main .form-group>label span.required, body.request main .contact_main .form-group>label span.required {
	font-size: 0.8em;
	color: #dd2d2d;
	padding-left: 5px
}
body.contact main .contact_main .form-group>label span.required:after, body.request main .contact_main .form-group>label span.required:after {
	display: inline-block;
	content: "※"
}
body.contact main .contact_main .form-group>label span.long, body.request main .contact_main .form-group>label span.long {
	width: 100%
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group>label span.long, body.request main .contact_main .form-group>label span.long {
		text-align: left
	}
}
body.contact main .contact_main .form-group .input_wrap, body.request main .contact_main .form-group .input_wrap {
	margin-top: 5px;
	width: 73%;
	height: 100%
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group .input_wrap, body.request main .contact_main .form-group .input_wrap {
		width: 100%
	}
}
body.contact main .contact_main .form-group .input_wrap:not(.has_radio), body.request main .contact_main .form-group .input_wrap:not(.has_radio) {
	-ms-flex-item-align: end;
	align-self: flex-end
}
body.contact main .contact_main .form-group .has_radio, body.request main .contact_main .form-group .has_radio {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
@media screen and (min-width: 821px) {
	body.contact main .contact_main .form-group .input_wrap2, body.request main .contact_main .form-group .input_wrap2 {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	body.contact main .contact_main .form-group .input_wrap2 input, body.request main .contact_main .form-group .input_wrap2 input {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-bottom: 5px
	}
}
body.contact main .contact_main .form-group .input_wrap_inner, body.request main .contact_main .form-group .input_wrap_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group .input_wrap_inner, body.request main .contact_main .form-group .input_wrap_inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}
body.contact main .contact_main .form-group .input_wrap_inner input, body.request main .contact_main .form-group .input_wrap_inner input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
body.contact main .contact_main .form-group .input_wrap_inner label, body.request main .contact_main .form-group .input_wrap_inner label {
	font-weight: normal;
	min-width: 6em;
	text-align: right;
	padding-right: .5em
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group .input_wrap_inner label, body.request main .contact_main .form-group .input_wrap_inner label {
		min-width: 0
	}
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group .input_wrap_inner .input_wrap2, body.request main .contact_main .form-group .input_wrap_inner .input_wrap2 {
		width: 100%
	}
}
body.contact main .contact_main .form-group .email_wrap p, body.request main .contact_main .form-group .email_wrap p {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding: 0
}
body.contact main .contact_main .form-group .zip_wrap, body.request main .contact_main .form-group .zip_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
	position: relative
}
body.contact main .contact_main .form-group .zip_wrap #zip1, body.request main .contact_main .form-group .zip_wrap #zip1 {
	width: 4em
}
body.contact main .contact_main .form-group .zip_wrap #zip2, body.request main .contact_main .form-group .zip_wrap #zip2 {
	width: 6em
}
body.contact main .contact_main .form-group .zip_wrap .formError, body.request main .contact_main .form-group .zip_wrap .formError {
	position: absolute !important;
	top: 2.3em !important;
	width: auto
}
body.contact main .contact_main .form-group .zip_wrap .formErrorContent, body.request main .contact_main .form-group .zip_wrap .formErrorContent {
	width: 15em !important
}
body.contact main .contact_main .form-group .zip_wrap2, body.request main .contact_main .form-group .zip_wrap2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
	position: relative
}
body.contact main .contact_main .form-group .zip_wrap2 #zip1, body.request main .contact_main .form-group .zip_wrap2 #zip1 {
	width: 4em
}
body.contact main .contact_main .form-group .zip_wrap2 #zip2, body.request main .contact_main .form-group .zip_wrap2 #zip2 {
	width: 6em
}
body.contact main .contact_main .form-group .radio_wrap, body.request main .contact_main .form-group .radio_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group .radio_wrap, body.request main .contact_main .form-group .radio_wrap {
		width: 90%;
		margin-right: auto;
		margin-left: auto
	}
}
body.contact main .contact_main .form-group .radio_wrap label, body.request main .contact_main .form-group .radio_wrap label {
	cursor: pointer;
	font-weight: normal
}
body.contact main .contact_main .form-group .radio_wrap label, body.request main .contact_main .form-group .radio_wrap label {
	padding-right: 1em
}
body.contact main .contact_main .form-group .radio_wrap label:last-child, body.request main .contact_main .form-group .radio_wrap label:last-child {
	padding-right: 0
}
body.contact main .contact_main .form-group .radio_wrap .input_wrap2, body.request main .contact_main .form-group .radio_wrap .input_wrap2 {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.contact main .contact_main .form-group .radio_wrap .input_wrap2 label, body.request main .contact_main .form-group .radio_wrap .input_wrap2 label {
	padding-right: 1em
}
body.contact main .contact_main .form-group .radio_wrap .input_wrap2 input, body.request main .contact_main .form-group .radio_wrap .input_wrap2 input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
body.contact main .contact_main .form-group .radio_wrap label, body.request main .contact_main .form-group .radio_wrap label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.contact main .contact_main .form-group .radio_wrap label input, body.request main .contact_main .form-group .radio_wrap label input {
	margin-right: 5px;
	margin-top: 0;
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}
body.contact main .contact_main .form-group .radio_wrap label, body.request main .contact_main .form-group .radio_wrap label {
	width: 50%
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group .radio_wrap.radio_long label, body.request main .contact_main .form-group .radio_wrap.radio_long label {
		width: 100%
	}
}
@media screen and (min-width: 821px) {
	body.contact main .contact_main .form-group .radio_wrap label+label+label, body.request main .contact_main .form-group .radio_wrap label+label+label {
		margin-top: .3em
	}
}
body.contact main .contact_main .form-group .radio_wrap+p, body.request main .contact_main .form-group .radio_wrap+p {
	margin: 0
}
body.contact main .contact_main .form-group .radio_wrap, body.request main .contact_main .form-group .radio_wrap {
	position: relative
}
body.contact main .contact_main .form-group .radio_wrap .formError, body.request main .contact_main .form-group .radio_wrap .formError {
	position: absolute;
	bottom: -1.3em;
	left: 0;
	top: auto !important
}
body.contact main .contact_main .form-group .radio_wrap_inner, body.request main .contact_main .form-group .radio_wrap_inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.contact main .contact_main .form-group .radio_wrap_inner input, body.request main .contact_main .form-group .radio_wrap_inner input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
body.contact main .contact_main .form-group .commute_wrap, body.request main .contact_main .form-group .commute_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.contact main .contact_main .form-group .commute_wrap input, body.request main .contact_main .form-group .commute_wrap input {
	width: 5em;
	text-align: center
}
body.contact main .contact_main .form-group .commute_wrap span, body.request main .contact_main .form-group .commute_wrap span {
	display: inline-block;
	padding: 0 5px
}
body.contact main .contact_main .form-group .history_inner, body.request main .contact_main .form-group .history_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group .history_inner, body.request main .contact_main .form-group .history_inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	body.contact main .contact_main .form-group .history_inner input, body.request main .contact_main .form-group .history_inner input {
		width: 100%;
		margin-top: 5px
	}
}
body.contact main .contact_main .form-group .history_inner span, body.request main .contact_main .form-group .history_inner span {
	display: block;
	padding: 0 5px
}
body.contact main .contact_main .form-group .history_inner .history_year, body.request main .contact_main .form-group .history_inner .history_year {
	width: 5em;
	text-align: center
}
body.contact main .contact_main .form-group .history_inner .history_month, body.request main .contact_main .form-group .history_inner .history_month {
	width: 4em;
	text-align: center
}
body.contact main .contact_main .form-group.work_history p, body.contact main .contact_main .form-group.studies_history p, body.request main .contact_main .form-group.work_history p, body.request main .contact_main .form-group.studies_history p {
	margin: 0 0 10px
}
body.contact main .contact_main .form-group .has_p p, body.request main .contact_main .form-group .has_p p {
	margin-bottom: 5px
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group .experience_wrap input, body.request main .contact_main .form-group .experience_wrap input {
		margin-bottom: 5px
	}
}
body.contact main .contact_main .form-group .experience_wrap .input_wrap_inner+.input_wrap_inner, body.request main .contact_main .form-group .experience_wrap .input_wrap_inner+.input_wrap_inner {
	border-top: 1px solid #ccc;
	padding-top: 5px
}
body.contact main .contact_main .form-group .dependent_num, body.request main .contact_main .form-group .dependent_num {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body.contact main .contact_main .form-group .dependent_num input, body.request main .contact_main .form-group .dependent_num input {
	width: 5em;
	text-align: center;
	margin-right: 5px
}
body.contact main .contact_main .form-group .dependent_num p, body.request main .contact_main .form-group .dependent_num p {
	margin-left: 2em
}
body.contact main .contact_main .form-group .comment_wrap p, body.request main .contact_main .form-group .comment_wrap p {
	margin: 5px 0
}
body.contact main .contact_main .invalid-feedback, body.request main .contact_main .invalid-feedback {
	font-size: 1em;
	color: #402319;
	display: none
}
body.contact main .contact_main .has_error .invalid-feedback, body.request main .contact_main .has_error .invalid-feedback {
	display: block
}
body.contact main .contact_main label span, body.request main .contact_main label span {
	display: inline-block;
	text-align: center
}
body.contact main .contact_main .form-group>label span+span, body.request main .contact_main .form-group>label span+span {
	padding-left: 0;
	display: inline-block
}
body.contact main .contact_main .form_button, body.request main .contact_main .form_button {
	text-align: center;
	margin: 40px auto;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
body.contact main .contact_main .form_button input, body.request main .contact_main .form_button input {
	display: block
}
body.contact main .contact_main .form_button input+input, body.request main .contact_main .form_button input+input {
	margin-left: 10px
}
body.contact main .contact_main .btn, body.request main .contact_main .btn {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	background: none;
	border: none;
	border-radius: none;
	box-shadow: none;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: nomal;
	display: inline-block;
	min-width: 200px;
	text-align: center
}
@media screen and (max-width: 600px) {
	body.contact main .contact_main .btn, body.request main .contact_main .btn {
		min-width: 160px
	}
}
body.contact main .contact_main .btn, body.request main .contact_main .btn {
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: nomal;
	line-height: 2;
	padding: 20px 80px;
	letter-spacing: 0.13em;
	border-radius: 10px;
	background-color: #13A58E;
	-webkit-transition: 0.5s;
	transition: 0.5s
}
body.contact main .contact_main .btn, body.contact main .contact_main .btn a:visited, body.request main .contact_main .btn, body.request main .contact_main .btn a:visited {
	color: #fff
}
@media screen and (max-width: 600px) {
	body.contact main .contact_main .btn, body.request main .contact_main .btn {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: nomal;
		padding: 20px
	}
}
body.contact main .contact_main .btn:hover, body.request main .contact_main .btn:hover {
	background-color: #32d4bb;
	color: #fff
}
body.contact main .contact_main .btn.back, body.request main .contact_main .btn.back {
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: nomal;
	line-height: 2;
	padding: 20px 80px;
	letter-spacing: 0.13em;
	border-radius: 10px;
	background-color: #0B88C8;
	-webkit-transition: 0.5s;
	transition: 0.5s
}
body.contact main .contact_main .btn.back, body.contact main .contact_main .btn.back a:visited, body.request main .contact_main .btn.back, body.request main .contact_main .btn.back a:visited {
	color: #fff
}
@media screen and (max-width: 600px) {
	body.contact main .contact_main .btn.back, body.request main .contact_main .btn.back {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: nomal;
		padding: 20px
	}
}
body.contact main .contact_main .btn.back:hover, body.request main .contact_main .btn.back:hover {
	background-color: #2FB0F2;
	color: #fff
}
body.contact main .contact_main .btn[disabled="disabled"], body.request main .contact_main .btn[disabled="disabled"] {
	opacity: .3;
	cursor: not-allowed;
	background-color: #4d4d4d
}
body.contact main .contact_main .btn[disabled="disabled"]:hover, body.request main .contact_main .btn[disabled="disabled"]:hover {
	background-color: #4d4d4d;
	color: #fff
}
body.contact main .contact_main .form-control, body.request main .contact_main .form-control {
	width: 100%;
	border-radius: 0;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	border: 0 none;
	border-bottom: 1px solid #707070
}
body.contact main .contact_main .input_text, body.request main .contact_main .input_text {
	border-bottom: 1px solid #707070;
	width: 100%;
	padding: .5em 1em
}
body.contact main .contact_main textarea, body.request main .contact_main textarea {
	height: 10em
}
body.contact main .contact_main .form-control:focus, body.request main .contact_main .form-control:focus {
	border-color: #402319;
	box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(64, 35, 25, 0.3)
}
body.contact main .contact_main .formErrorContent, body.request main .contact_main .formErrorContent {
	color: #dd2d2d
}
body.contact main .contact_main .checkbox_wrap, body.request main .contact_main .checkbox_wrap {
	width: 100%;
	position: relative;
	padding-bottom: 1.2em;
	padding-top: 1.2em
}
body.contact main .contact_main .checkbox_wrap label, body.request main .contact_main .checkbox_wrap label {
	width: auto;
	display: inline-block;
	font-weight: normal;
	cursor: pointer;
	margin-right: 2em
}
body.contact main .contact_main .checkbox_wrap input, body.request main .contact_main .checkbox_wrap input {
	display: inline-block;
	margin: auto;
	width: auto;
	margin-right: 5px
}
body.contact main .contact_main .checkbox_wrap .formError, body.request main .contact_main .checkbox_wrap .formError {
	position: absolute !important;
	width: auto;
	top: auto !important;
	bottom: 0
}
body.contact main .contact_main .checkbox_wrap .form-validation-field-2formError, body.request main .contact_main .checkbox_wrap .form-validation-field-2formError {
	display: none
}
body.contact main .contact_main .check_ok, body.request main .contact_main .check_ok {
	text-align: center;
	width: 100%
}
body.contact main .contact_main .check_ok label, body.request main .contact_main .check_ok label {
	margin-left: 1em
}
body.contact main .contact_main .check_ok .formError, body.request main .contact_main .check_ok .formError {
	width: 100%;
	text-align: center
}
body.contact main .contact_main .check_ok input, body.request main .contact_main .check_ok input {
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}
body.contact main .contact_main .privacy_wrap, body.request main .contact_main .privacy_wrap {
	border: 1px solid gray;
	max-height: 200px;
	overflow-y: scroll;
	font-size: .875em;
	padding: 10px 20px;
	width: 100%;
	margin: 20px auto
}
body.contact main .contact_main .privacy_wrap h2, body.request main .contact_main .privacy_wrap h2 {
	font-size: 1.25em;
	margin: 0
}
body.contact main .contact_main .privacy_wrap h3, body.contact main .contact_main .privacy_wrap h4, body.contact main .contact_main .privacy_wrap h5, body.request main .contact_main .privacy_wrap h3, body.request main .contact_main .privacy_wrap h4, body.request main .contact_main .privacy_wrap h5 {
	font-size: 1.25em;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.2
}
body.contact main .contact_main .privacy_wrap ol, body.request main .contact_main .privacy_wrap ol {
	margin: 0;
	padding-left: 0;
	padding-top: 0
}
body.contact main .contact_main .privacy_wrap ol li, body.request main .contact_main .privacy_wrap ol li {
	list-style: none;
	margin-left: 0
}
body.contact main .contact_main .privacy_wrap ol p, body.request main .contact_main .privacy_wrap ol p {
	margin-top: 0;
	margin-bottom: 0
}
body.contact main .contact_main .birthday_wrap, body.request main .contact_main .birthday_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.contact main .contact_main .birthday_wrap .birthday_year, body.request main .contact_main .birthday_wrap .birthday_year {
	max-width: 5em
}
body.contact main .contact_main .birthday_wrap .birthday_month, body.contact main .contact_main .birthday_wrap .birthday_day, body.request main .contact_main .birthday_wrap .birthday_month, body.request main .contact_main .birthday_wrap .birthday_day {
	max-width: 4em
}
body.contact main .contact_main .birthday_wrap span, body.request main .contact_main .birthday_wrap span {
	display: inline-block;
	padding: 0 5px
}
body.contact main .contact_main .birthday_wrap span.last_text, body.request main .contact_main .birthday_wrap span.last_text {
	display: block;
	width: 100%
}
body.contact main .contact_main .birthday_wrap .age, body.request main .contact_main .birthday_wrap .age {
	width: 3em;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px
}
body.contact main .contact_main .agree_btn label, body.request main .contact_main .agree_btn label {
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.375em
}
body.contact main .contact_main .agree_btn label:hover, body.request main .contact_main .agree_btn label:hover {
	opacity: .8
}
body.contact main .contact_main .agree_btn label input, body.request main .contact_main .agree_btn label input {
	display: none
}
body.contact main .contact_main .agree_btn label span, body.request main .contact_main .agree_btn label span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}
body.contact main .contact_main .agree_btn label span:before, body.request main .contact_main .agree_btn label span:before {
	content: "";
	width: 1em;
	height: 1em;
	border: 2px solid #000;
	display: block;
	margin-right: 10px
}
body.contact main .contact_main .agree_btn label input:checked+span:after, body.request main .contact_main .agree_btn label input:checked+span:after {
	content: "";
	display: block;
	position: absolute;
	left: 0.2em;
	top: 0;
	width: .6em;
	height: 1.2em;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	border-bottom: 3px solid #000;
	border-right: 3px solid #000
}
body.contact main .contact_main .rule, body.request main .contact_main .rule {
	margin: 4em auto 2em;
	text-align: center
}
@media screen and (min-width: 821px) {
	body.contact main .contact_main .rule, body.request main .contact_main .rule {
		width: 90%
	}
}
body.contact main .contact_main .rule span, body.request main .contact_main .rule span {
	display: inline-block
}
body.contact main .contact_main select, body.request main .contact_main select {
	background-color: #fff;
	width: 100%
}
body.contact main .entry_text .attention, body.request main .entry_text .attention {
	color: #dd2d2d
}
body.contact main #download_error+p, body.request main #download_error+p {
	margin-top: 0;
	margin-bottom: 0
}
@media screen and (max-width: 820px) {
	body.contact main .contact_main .form-group+.form-group, body.request main .contact_main .form-group+.form-group {
		margin-top: 2em
	}
}
body.contact main a.link, body.request main a.link {
	display: inline-block;
	padding-left: .3em;
	padding-right: .3em
}
body.contact main a.link, body.contact main a.link:visited, body.request main a.link, body.request main a.link:visited {
	color: #5F5D54
}
body.contact main .contact_layout01, body.request main .contact_layout01 {
	position: relative
}
body.contact main .contact_layout01>p, body.request main .contact_layout01>p {
	text-align: center;
	margin: 0;
	width: 100%;
	padding: 0;
	line-height: 1.5
}
@media screen and (min-width: 821px) {
	body.contact main .contact_layout01>p, body.request main .contact_layout01>p {
		position: absolute;
		top: -1em;
		left: 0
	}
}
body.contact main .contact_layout01>p>span, body.request main .contact_layout01>p>span {
	display: inline-block;
	border: 1px solid #707070;
	background-color: #fff;
	padding: .25em 1em
}
body.contact main .contact_layout01>p>span span, body.request main .contact_layout01>p>span span {
	display: inline-block
}
body.contact main .contact_layout01 ul, body.request main .contact_layout01 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
@media screen and (min-width: 821px) {
	body.contact main .contact_layout01 ul, body.request main .contact_layout01 ul {
		margin-top: 1em;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body.contact main .contact_layout01 ul li, body.request main .contact_layout01 ul li {
		width: calc((100% - 1em) / 2)
	}
	body.contact main .contact_layout01 ul li.long, body.request main .contact_layout01 ul li.long {
		width: 100%
	}
}
@media screen and (max-width: 820px) {
	body.contact main .contact_layout01 ul li, body.request main .contact_layout01 ul li {
		width: 100%
	}
}
body.contact main .contact_layout01 ul li, body.request main .contact_layout01 ul li {
	margin: .5em 0;
	padding: 0;
	line-height: 1.3
}
body.contact main .contact_layout01 ul li a, body.request main .contact_layout01 ul li a {
	-webkit-transition: .3s;
	transition: .3s;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	background-color: #F0F0F0;
	padding: 10px;
	position: relative
}
body.contact main .contact_layout01 ul li a, body.contact main .contact_layout01 ul li a:visited, body.request main .contact_layout01 ul li a, body.request main .contact_layout01 ul li a:visited {
	color: #5F5D54
}
body.contact main .contact_layout01 ul li a p, body.request main .contact_layout01 ul li a p {
	margin: 0;
	font-size: 1.125em
}
body.contact main .contact_layout01 ul li a p span, body.request main .contact_layout01 ul li a p span {
	display: block
}
body.contact main .contact_layout01 ul li a p span+span, body.request main .contact_layout01 ul li a p span+span {
	font-weight: 700
}
body.contact main .contact_layout01 ul li a:after, body.request main .contact_layout01 ul li a:after {
	font-family: "fontello";
	font-size: 1.8em;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	speak: never;
	line-height: 1em;
	content: '\e801'
}
body.contact main .contact_layout01 ul li a:hover, body.request main .contact_layout01 ul li a:hover {
	background-color: #bf9b73;
	color: #fff
}
body.contact main .contact_layout01 ul li a:hover:after, body.request main .contact_layout01 ul li a:hover:after {
	position: relative;
	-webkit-animation-name: link_left;
	animation-name: link_left;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.contact main .contact_layout02>p:first-child, body.request main .contact_layout02>p:first-child {
	font-size: 1.25em;
	margin: 0
}
body.contact main .contact_layout02 .agree_btn label, body.request main .contact_layout02 .agree_btn label {
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 1.25em
}
body.contact main .contact_layout02 .agree_btn label:hover, body.request main .contact_layout02 .agree_btn label:hover {
	opacity: .8
}
body.contact main .contact_layout02 .agree_btn label input, body.request main .contact_layout02 .agree_btn label input {
	display: none
}
body.contact main .contact_layout02 .agree_btn label>span, body.request main .contact_layout02 .agree_btn label>span {
	line-height: 1.4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}
body.contact main .contact_layout02 .agree_btn label>span:before, body.request main .contact_layout02 .agree_btn label>span:before {
	content: "";
	width: 1em;
	height: 1em;
	border: 2px solid #000;
	display: block;
	margin-right: 10px
}
body.contact main .contact_layout02 .agree_btn label>span span, body.request main .contact_layout02 .agree_btn label>span span {
	display: inline-block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
body.contact main .contact_layout02 .agree_btn label input:checked+span:after, body.request main .contact_layout02 .agree_btn label input:checked+span:after {
	display: block;
	position: absolute;
	content: "\f00c";
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000;
	font-size: 1.2em
}
body.contact main .contact_layout02 a.link, body.request main .contact_layout02 a.link {
	display: inline
}
body.contact main .contact_layout01, body.contact main .contact_layout02, body.request main .contact_layout01, body.request main .contact_layout02 {
	width: 100%;
	padding: 1em;
	border: 1px solid #707070;
	margin: 2em 0
}
body.contact main .contact_cyber, body.request main .contact_cyber {
	width: 100%;
	background-color: #F0F0F0;
	padding: 1em
}
@media screen and (min-width: 821px) {
	body.contact main .contact_cyber, body.request main .contact_cyber {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}
body.contact main .contact_cyber_left, body.request main .contact_cyber_left {
	background-color: #fff;
	width: 200px;
	text-align: center
}
@media screen and (max-width: 600px) {
	body.contact main .contact_cyber_left, body.request main .contact_cyber_left {
		width: 100%
	}
}
body.contact main .contact_cyber p, body.request main .contact_cyber p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%
}
@media screen and (min-width: 821px) {
	body.contact main .contact_cyber p, body.request main .contact_cyber p {
		margin-left: 1em
	}
}
body.contact main .contact_back, body.request main .contact_back {
	margin-top: 40px
}
@media screen and (min-width: 821px) {
	body.contact main .contact_back, body.request main .contact_back {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body.contact main .contact_back p, body.request main .contact_back p {
		width: calc(50% - 10px)
	}
	body.contact main .contact_back p a, body.request main .contact_back p a {
		width: 100%
	}
}
body.contact main .contact_back a, body.request main .contact_back a {
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: .3s;
	transition: .3s;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #F0F0F0;
	padding: 10px;
	position: relative
}
@media screen and (max-width: 820px) {
	body.contact main .contact_back a, body.request main .contact_back a {
		width: 80%
	}
}
body.contact main .contact_back a, body.contact main .contact_back a:visited, body.request main .contact_back a, body.request main .contact_back a:visited {
	color: #5F5D54
}
body.contact main .contact_back a:after, body.request main .contact_back a:after {
	font-family: "fontello";
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	speak: never;
	line-height: 1em;
	content: '\e801'
}
body.contact main .contact_back a:hover, body.request main .contact_back a:hover {
	background-color: #bf9b73;
	color: #fff
}
body.contact main .contact_back a:hover:after, body.request main .contact_back a:hover:after {
	position: relative;
	-webkit-animation-name: link_left;
	animation-name: link_left;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.contact main .wrap_white2_inner>.anchor_wrap:first-child, body.request main .wrap_white2_inner>.anchor_wrap:first-child {
	padding-bottom: 5em
}
body#contact.contact main h2 {
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: nomal;
	font-weight: 700;
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative;
	margin-bottom: 2em
}
@media screen and (max-width: 600px) {
	body#contact.contact main h2 {
		font-size: 1.57143em
	}
}
@media screen and (min-width: 821px) {
	body#contact.contact main h2 {
		letter-spacing: 0.1em
	}
}
body#contact.contact main h2:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #707070;
	position: absolute;
	left: 0;
	bottom: 0
}
body#contact.contact main h2 span {
	display: inline-block
}
body#contact.contact main .contact_layout01+h2 {
	margin-top: 3em
}
body.privacy-policy main h2 {
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: nomal;
	font-weight: 700;
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative
}
@media screen and (max-width: 600px) {
	body.privacy-policy main h2 {
		font-size: 1.57143em
	}
}
@media screen and (min-width: 821px) {
	body.privacy-policy main h2 {
		letter-spacing: 0.1em
	}
}
body.privacy-policy main h2:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #707070;
	position: absolute;
	left: 0;
	bottom: 0
}
body.privacy-policy main ol:not(.bread) {
	margin: 2em 0;
	padding: 0
}
body.privacy-policy main ol:not(.bread) li {
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 0;
	font-weight: 700
}
body.privacy-policy main ol:not(.bread) li dl {
	margin: 0;
	padding: 0
}
body.privacy-policy main ol:not(.bread) li dt, body.privacy-policy main ol:not(.bread) li dd {
	margin: 0;
	padding: 0
}
body.privacy-policy main ol:not(.bread) li dd {
	font-weight: 400
}
body.privacy-policy main ul.list_none {
	margin-left: 0;
	padding-left: 0
}
body.privacy-policy main ul.list_none li {
	font-weight: 400;
	margin-bottom: 0;
	margin-left: 1.5em;
	text-indent: -1.5em
}
body.privacy-policy main dl.site {
	margin: 0
}
body.privacy-policy main dl.site dt {
	font-weight: 700;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(64, 35, 25, 0.2)
}
body.privacy-policy main dl.site dd {
	margin: 0 0 2em;
	padding: 0
}
body.privacy-policy main dl.site dd p {
	margin-top: 0
}
body#casestudy.casestudy main h2 {
	line-height: 1.3;
	color: #000;
	text-align: center;
	display: block;
	margin: 0 auto 3em;
	font-weight: 700
}
body#casestudy.casestudy main h2>span {
	display: inline-block;
	position: relative
}
body#casestudy.casestudy main h2>span:after {
	content: "";
	width: 110%;
	height: 3px;
	background-color: #000;
	position: absolute;
	left: -5%;
	bottom: -.75em
}
body#casestudy.casestudy main h2>span>span {
	display: inline-block
}
body#casestudy.casestudy main h2>span>span:first-child {
	font-size: 2.125em
}
@media screen and (max-width: 600px) {
	body#casestudy.casestudy main h2>span>span:first-child {
		font-size: 1.42857em
	}
}
body#casestudy.casestudy main h2>span>span+span {
	display: block;
	font-size: 1.25em
}
@media screen and (max-width: 600px) {
	body#casestudy.casestudy main h2>span>span+span {
		font-size: 1.14286em
	}
}
body.casestudy main h1.h2_style_cs {
	line-height: 1.3;
	color: #000;
	text-align: center;
	display: block;
	margin: 0 auto 3em;
	font-weight: 700
}
body.casestudy main h1.h2_style_cs>span {
	display: inline-block;
	position: relative
}
body.casestudy main h1.h2_style_cs>span:after {
	content: "";
	width: 110%;
	height: 3px;
	background-color: #000;
	position: absolute;
	left: -5%;
	bottom: -.75em
}
body.casestudy main h1.h2_style_cs>span>span {
	display: inline-block
}
body.casestudy main h1.h2_style_cs>span>span:first-child {
	font-size: 2.125em
}
@media screen and (max-width: 600px) {
	body.casestudy main h1.h2_style_cs>span>span:first-child {
		font-size: 1.42857em
	}
}
body.casestudy main h1.h2_style_cs>span>span+span {
	display: block;
	font-size: 1.25em
}
@media screen and (max-width: 600px) {
	body.casestudy main h1.h2_style_cs>span>span+span {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_index_old {
	margin-top: 5em
}
body.casestudy main .casestudy_index_old_inner {
	margin-bottom: 5em;
	background-color: #A2A2A2
}
body.casestudy main .casestudy_index_old_inner, body.casestudy main .casestudy_index_old_inner a, body.casestudy main .casestudy_index_old_inner a:visited {
	color: #8A8A8A
}
body.casestudy main .casestudy_index_old_inner ul {
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding: 2em 0
}
body.casestudy main .casestudy_index_old_inner ul li {
	list-style: none;
	margin: 0 0 1em;
	padding: 8px 1em 8px 16px;
	background-color: #fff;
	border-radius: 10px;
	position: relative
}
body.casestudy main .casestudy_index_old_inner ul li:before {
	content: "";
	width: 5px;
	height: calc(100% - 16px);
	background-color: #CBCBCB;
	display: block;
	position: absolute;
	top: 8px;
	left: 8px
}
body.casestudy main .casestudy_index_old_inner ul li:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: rgba(18, 123, 144, 0);
	-webkit-transition: .3s;
	transition: .3s;
	position: absolute;
	left: 0;
	top: 0
}
body.casestudy main .casestudy_index_old_inner ul li:hover:after {
	background-color: rgba(18, 123, 144, 0.37)
}
body.casestudy main .casestudy_index_old_inner ul li a {
	position: relative;
	z-index: 2;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s
}
body.casestudy main .casestudy_index_old_inner ul li a:hover {
	color: #575757
}
body.casestudy main .casestudy_index_old_inner ul li p {
	margin: 0;
	padding: 0
}
body.casestudy main .casestudy_index_old_inner ul li p:first-child {
	font-weight: 700
}
@media screen and (min-width: 821px) {
	body.casestudy main .casestudy_index_old_inner ul li {
		-webkit-font-feature-settings: normal;
		font-feature-settings: normal
	}
	body.casestudy main .casestudy_index_old_inner ul li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	body.casestudy main .casestudy_index_old_inner ul li p:first-child {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-right: 2em;
		line-height: 1.2;
		padding-left: 10px
	}
	body.casestudy main .casestudy_index_old_inner ul li p:first-child span {
		display: block
	}
	body.casestudy main .casestudy_index_old_inner ul li p:first-child span:first-child {
		font-size: 1.375em
	}
	body.casestudy main .casestudy_index_old_inner ul li p:first-child span+span {
		font-size: 1.1875em
	}
	body.casestudy main .casestudy_index_old_inner ul li p+p {
		font-size: 1.125em;
		line-height: 1.4
	}
}
body.casestudy main .casestudy_index_old_inner2 {
	background-color: #A2A2A2;
	padding: 2em 0
}
body.casestudy main .casestudy_index_old_inner2 p {
	text-align: center;
	margin: 0 auto
}
body.casestudy main .casestudy_index_old_inner2 p a {
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
	border: 5px solid #000;
	background-color: #fff;
	display: inline-block;
	position: relative;
	padding: 1em 2em;
	min-width: 50%;
	z-index: 2
}
body.casestudy main .casestudy_index_old_inner2 p a, body.casestudy main .casestudy_index_old_inner2 p a:visited {
	color: #000
}
body.casestudy main .casestudy_index_old_inner2 p a span {
	font-size: 1.25em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_index_old_inner2 p a span {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_index_old_inner2 p a:before {
	content: "";
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 5px;
	bottom: 5px;
	display: block;
	background-image: url(../../images/casestudy/icon_right.svg);
	background-size: contain;
	background-position: right bottom
}
body.casestudy main .casestudy_index_old_inner2 p a:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(18, 123, 144, 0);
	-webkit-transition: .3s;
	transition: .3s;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}
body.casestudy main .casestudy_index_old_inner2 p a:hover:after {
	background-color: rgba(18, 123, 144, 0.37)
}
body.casestudy main .casestudy_index_old_inner2 p a:hover:before {
	opacity: 0.5
}
body.casestudy main .casestudy_index_old_inner2 p a:hover {
	color: #0c5463;
	border-color: #127b90
}
body.casestudy main .casestudy_index_old_inner, body.casestudy main .casestudy_index_old_inner2 {
	margin-bottom: 5em
}
body.casestudy main .casestudy_index_old_contact {
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto
}
body.casestudy main .casestudy_main {
	margin-top: 5em
}
body.casestudy main .casestudy_main_inner {
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding: 2em 0;
	background-color: #fff
}
body.casestudy main .casestudy_main_inner .small {
	font-size: .875em
}
body.casestudy main .casestudy_cybercrypt, body.casestudy main .casestudy_np365kb {
	padding: 0 1em;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	width: 875px
}
body.casestudy main .casestudy_cybercrypt h2, body.casestudy main .casestudy_np365kb h2 {
	font-size: 1.75em;
	text-align: center;
	font-weight: 700;
	color: #365966;
	border: 1px solid #365966;
	padding: 1em;
	margin: 1em auto
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt h2, body.casestudy main .casestudy_np365kb h2 {
		font-size: 1.42857em
	}
}
body.casestudy main .casestudy_cybercrypt h3, body.casestudy main .casestudy_np365kb h3 {
	margin-top: 0;
	letter-spacing: 0.01em;
	margin-bottom: 2em;
	text-align: center;
	font-weight: 700;
	font-size: 1.75em;
	color: #fff;
	background-color: #365966
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt h3, body.casestudy main .casestudy_np365kb h3 {
		margin-bottom: 1em
	}
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt h3, body.casestudy main .casestudy_np365kb h3 {
		font-size: 1.42857em
	}
}
body.casestudy main .casestudy_cybercrypt h4, body.casestudy main .casestudy_np365kb h4 {
	font-size: 1.25em;
	padding: .3em;
	color: #365966;
	font-weight: 700;
	margin-top: 0;
	letter-spacing: 0.01em;
	text-align: center;
	background-color: rgba(54, 89, 102, 0.35)
}
body.casestudy main .casestudy_cybercrypt h4 span, body.casestudy main .casestudy_np365kb h4 span {
	display: inline-block
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt h4, body.casestudy main .casestudy_np365kb h4 {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt_catch, body.casestudy main .casestudy_np365kb_catch {
	margin: 3em auto;
	color: #365966;
	text-align: center;
	line-height: 1.6
}
body.casestudy main .casestudy_cybercrypt_catch span, body.casestudy main .casestudy_np365kb_catch span {
	display: inline-block;
	font-weight: 700;
	font-size: 1.75em
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt_catch span, body.casestudy main .casestudy_np365kb_catch span {
		font-size: 1.28571em
	}
}
body.casestudy main .casestudy_cybercrypt_01, body.casestudy main .casestudy_np365kb_01 {
	border: 1px solid #ccc;
	padding: 1em 1em 0;
	margin: 2em 0
}
body.casestudy main .casestudy_cybercrypt_01_top, body.casestudy main .casestudy_np365kb_01_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 530px;
	margin-left: auto;
	margin-right: auto
}
body.casestudy main .casestudy_cybercrypt_01_top_text, body.casestudy main .casestudy_np365kb_01_top_text {
	margin-left: 2em;
	padding-bottom: 1em
}
body.casestudy main .casestudy_cybercrypt_01_top_text p, body.casestudy main .casestudy_np365kb_01_top_text p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.4
}
body.casestudy main .casestudy_cybercrypt_01_top_text p:first-child, body.casestudy main .casestudy_np365kb_01_top_text p:first-child {
	font-weight: 700;
	font-size: 1.25em
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt_01_top_text p:first-child, body.casestudy main .casestudy_np365kb_01_top_text p:first-child {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt_01_top_text p, body.casestudy main .casestudy_np365kb_01_top_text p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
body.casestudy main .casestudy_cybercrypt_01_top_text p span+span, body.casestudy main .casestudy_np365kb_01_top_text p span+span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt_01_top, body.casestudy main .casestudy_np365kb_01_top {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	body.casestudy main .casestudy_cybercrypt_01_top_text, body.casestudy main .casestudy_np365kb_01_top_text {
		margin-left: 0
	}
}
body.casestudy main .casestudy_cybercrypt_01 figure+p, body.casestudy main .casestudy_np365kb_01 figure+p {
	margin-top: .5em;
	max-width: 530px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
	font-size: .875em
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt_01 figure+p, body.casestudy main .casestudy_np365kb_01 figure+p {
		font-size: .85714em
	}
}
body.casestudy main .casestudy_cybercrypt_01 span, body.casestudy main .casestudy_np365kb_01 span {
	display: inline-block
}
body.casestudy main .casestudy_cybercrypt_02, body.casestudy main .casestudy_np365kb_02 {
	margin: 3em 0
}
body.casestudy main .casestudy_cybercrypt_02 dl, body.casestudy main .casestudy_np365kb_02 dl {
	margin: 0;
	padding: 0
}
body.casestudy main .casestudy_cybercrypt_02 dl dt, body.casestudy main .casestudy_cybercrypt_02 dl dd, body.casestudy main .casestudy_np365kb_02 dl dt, body.casestudy main .casestudy_np365kb_02 dl dd {
	margin: 0;
	padding: .3em 1em
}
body.casestudy main .casestudy_cybercrypt_02 dl dt, body.casestudy main .casestudy_np365kb_02 dl dt {
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.25em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt_02 dl dt, body.casestudy main .casestudy_np365kb_02 dl dt {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt_02 dl dd, body.casestudy main .casestudy_np365kb_02 dl dd {
	background-color: #E9E4CE
}
body.casestudy main .casestudy_cybercrypt_02 dl dd ul, body.casestudy main .casestudy_np365kb_02 dl dd ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body.casestudy main .casestudy_cybercrypt_02 dl dd ul li, body.casestudy main .casestudy_np365kb_02 dl dd ul li {
	margin-left: 1.5em;
	padding: 0;
	position: relative
}
body.casestudy main .casestudy_cybercrypt_02 dl dd ul li:before, body.casestudy main .casestudy_np365kb_02 dl dd ul li:before {
	content: "●";
	position: absolute;
	left: -1.5em;
	top: 0
}
body.casestudy main .casestudy_cybercrypt_02 dl dd p, body.casestudy main .casestudy_np365kb_02 dl dd p {
	margin-top: 0;
	margin-bottom: 0
}
body.casestudy main .casestudy_cybercrypt_02 dl:first-child, body.casestudy main .casestudy_np365kb_02 dl:first-child {
	margin-bottom: 3.5em;
	position: relative
}
body.casestudy main .casestudy_cybercrypt_02 dl:first-child dt, body.casestudy main .casestudy_np365kb_02 dl:first-child dt {
	background-color: #D8CEA3;
	text-shadow: 0 0 2px rgba(191, 155, 115, 0.8)
}
body.casestudy main .casestudy_cybercrypt_02 dl:first-child dd ul li:before, body.casestudy main .casestudy_np365kb_02 dl:first-child dd ul li:before {
	color: #D8CEA3
}
body.casestudy main .casestudy_cybercrypt_02 dl:first-child:after, body.casestudy main .casestudy_np365kb_02 dl:first-child:after {
	content: "";
	width: 2em;
	height: 1.5em;
	background-color: #000;
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	position: absolute;
	bottom: -2.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block
}
body.casestudy main .casestudy_cybercrypt_02 dl:last-child dt, body.casestudy main .casestudy_np365kb_02 dl:last-child dt {
	background-color: #F2A738
}
body.casestudy main .casestudy_cybercrypt_02 dl:last-child dd ul li:before, body.casestudy main .casestudy_np365kb_02 dl:last-child dd ul li:before {
	color: #F2A738
}
body.casestudy main .casestudy_cybercrypt_03, body.casestudy main .casestudy_np365kb_03 {
	margin: 3em 0;
	background-color: #E9E4CE;
	padding: 1em 2em
}
body.casestudy main .casestudy_cybercrypt_03>p, body.casestudy main .casestudy_np365kb_03>p {
	text-align: center;
	font-weight: 700;
	font-size: 1.25em;
	margin-top: 0
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt_03>p, body.casestudy main .casestudy_np365kb_03>p {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul, body.casestudy main .casestudy_np365kb_03 nav>ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li, body.casestudy main .casestudy_np365kb_03 nav>ul>li {
	position: relative;
	margin: 0 0 1em 1.5em;
	padding: 0
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li:before, body.casestudy main .casestudy_np365kb_03 nav>ul>li:before {
	content: "■";
	position: absolute;
	left: -1.5em;
	top: 0;
	font-weight: 700;
	font-size: 1.25em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt_03 nav>ul>li:before, body.casestudy main .casestudy_np365kb_03 nav>ul>li:before {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li dl, body.casestudy main .casestudy_np365kb_03 nav>ul>li dl {
	margin: 0;
	padding: 0
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li dl dt, body.casestudy main .casestudy_np365kb_03 nav>ul>li dl dt {
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 1.25em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt_03 nav>ul>li dl dt, body.casestudy main .casestudy_np365kb_03 nav>ul>li dl dt {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li dl dd, body.casestudy main .casestudy_np365kb_03 nav>ul>li dl dd {
	margin: 0;
	padding: 0
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li dl dd ul, body.casestudy main .casestudy_np365kb_03 nav>ul>li dl dd ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li dl dd ul li, body.casestudy main .casestudy_np365kb_03 nav>ul>li dl dd ul li {
	margin: 0 0 0 1em;
	padding: 0;
	position: relative
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li dl dd ul li:before, body.casestudy main .casestudy_np365kb_03 nav>ul>li dl dd ul li:before {
	content: "・";
	position: absolute;
	left: -1em;
	top: 0;
	display: block
}
body.casestudy main .casestudy_cybercrypt_03 nav>ul>li>span, body.casestudy main .casestudy_np365kb_03 nav>ul>li>span {
	font-weight: 700;
	font-size: 1.25em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt_03 nav>ul>li>span, body.casestudy main .casestudy_np365kb_03 nav>ul>li>span {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt_03 nav.normal>ul>li, body.casestudy main .casestudy_np365kb_03 nav.normal>ul>li {
	margin-bottom: .5em
}
body.casestudy main .casestudy_cybercrypt_03 nav.normal>ul>li:before, body.casestudy main .casestudy_np365kb_03 nav.normal>ul>li:before {
	font-weight: 700;
	font-size: 1em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt_03 nav.normal>ul>li:before, body.casestudy main .casestudy_np365kb_03 nav.normal>ul>li:before {
		font-size: 1em
	}
}
body.casestudy main .casestudy_cybercrypt_03 a, body.casestudy main .casestudy_np365kb_03 a {
	position: relative;
	display: inline-block;
	text-decoration: none
}
body.casestudy main .casestudy_cybercrypt_03 a, body.casestudy main .casestudy_cybercrypt_03 a:visited, body.casestudy main .casestudy_np365kb_03 a, body.casestudy main .casestudy_np365kb_03 a:visited {
	color: #5F5D54;
	text-decoration: none
}
body.casestudy main .casestudy_cybercrypt_03 a::after, body.casestudy main .casestudy_np365kb_03 a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #F38200;
	bottom: -2px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform-origin: right top;
	transform-origin: right top
}
body.casestudy main .casestudy_cybercrypt_03 a:hover::after, body.casestudy main .casestudy_np365kb_03 a:hover::after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
body.casestudy main .casestudy_cybercrypt_03 a:after, body.casestudy main .casestudy_np365kb_03 a:after {
	bottom: 0
}
body.casestudy main .casestudy_cybercrypt .before_catch, body.casestudy main .casestudy_np365kb .before_catch {
	font-weight: 700;
	font-size: 1.5em;
	color: #365966;
	text-align: center
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt .before_catch, body.casestudy main .casestudy_np365kb .before_catch {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt .before_catch span, body.casestudy main .casestudy_np365kb .before_catch span {
	display: inline-block
}
body.casestudy main .casestudy_cybercrypt .mb, body.casestudy main .casestudy_np365kb .mb {
	margin-bottom: 6em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt .mb, body.casestudy main .casestudy_np365kb .mb {
		margin-bottom: 4em
	}
}
body.casestudy main .casestudy_cybercrypt .strong, body.casestudy main .casestudy_np365kb .strong {
	font-weight: 700
}
body.casestudy main .casestudy_cybercrypt .point dl, body.casestudy main .casestudy_np365kb .point dl {
	margin: 0;
	padding: 0
}
body.casestudy main .casestudy_cybercrypt .point dl dt, body.casestudy main .casestudy_cybercrypt .point dl dd, body.casestudy main .casestudy_np365kb .point dl dt, body.casestudy main .casestudy_np365kb .point dl dd {
	margin: 0;
	padding: .3em 1em
}
body.casestudy main .casestudy_cybercrypt .point dl dt, body.casestudy main .casestudy_np365kb .point dl dt {
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.25em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_cybercrypt .point dl dt, body.casestudy main .casestudy_np365kb .point dl dt {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt .point dl dd, body.casestudy main .casestudy_np365kb .point dl dd {
	background-color: #E9E4CE
}
body.casestudy main .casestudy_cybercrypt .point dl dd ul, body.casestudy main .casestudy_np365kb .point dl dd ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body.casestudy main .casestudy_cybercrypt .point dl dd ul li, body.casestudy main .casestudy_np365kb .point dl dd ul li {
	margin-left: 1.5em;
	padding: 0;
	position: relative
}
body.casestudy main .casestudy_cybercrypt .point dl dd ul li:before, body.casestudy main .casestudy_np365kb .point dl dd ul li:before {
	content: "●";
	position: absolute;
	left: -1.5em;
	top: 0
}
body.casestudy main .casestudy_cybercrypt .point dl dd p, body.casestudy main .casestudy_np365kb .point dl dd p {
	margin-top: 0;
	margin-bottom: 0
}
body.casestudy main .casestudy_cybercrypt .point dl dt, body.casestudy main .casestudy_np365kb .point dl dt {
	background-color: #F2A738
}
body.casestudy main .casestudy_cybercrypt .point dl dd ul li:before, body.casestudy main .casestudy_np365kb .point dl dd ul li:before {
	color: #F2A738
}
body.casestudy main .casestudy_cybercrypt .h2_before, body.casestudy main .casestudy_np365kb .h2_before {
	text-align: right;
	color: #365966;
	margin-top: 0;
	margin-bottom: 0
}
body.casestudy main .casestudy_cybercrypt .h2_before+h2, body.casestudy main .casestudy_np365kb .h2_before+h2 {
	margin-top: 0
}
body.casestudy main .casestudy_cybercrypt_before_inner .float_set figure, body.casestudy main .casestudy_np365kb_before_inner .float_set figure {
	/*margin-right: 2em;*/
	max-width: 150px
}
body.casestudy main .casestudy_cybercrypt_before_inner .float_set figure figcaption, body.casestudy main .casestudy_np365kb_before_inner .float_set figure figcaption {
	line-height: 1.4
}
body.casestudy main .casestudy_cybercrypt_before_inner .float_set figure figcaption span, body.casestudy main .casestudy_np365kb_before_inner .float_set figure figcaption span {
	display: inline-block;
	font-size: .875em
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt_before_inner .float_set figure figcaption span, body.casestudy main .casestudy_np365kb_before_inner .float_set figure figcaption span {
		font-size: .85714em
	}
}
body.casestudy main .casestudy_cybercrypt_before_inner .tile2 dl, body.casestudy main .casestudy_np365kb_before_inner .tile2 dl {
	margin: 2em 0;
	padding: 0
}
body.casestudy main .casestudy_cybercrypt_before_inner .tile2 dt, body.casestudy main .casestudy_cybercrypt_before_inner .tile2 dd, body.casestudy main .casestudy_np365kb_before_inner .tile2 dt, body.casestudy main .casestudy_np365kb_before_inner .tile2 dd {
	margin: 0;
	padding: 0
}
body.casestudy main .casestudy_cybercrypt_before_inner .tile2 dt, body.casestudy main .casestudy_np365kb_before_inner .tile2 dt {
	font-weight: 700
}
body.casestudy main .casestudy_cybercrypt_before_inner .tile2 dd img, body.casestudy main .casestudy_np365kb_before_inner .tile2 dd img {
	max-width: 100%;
	width: auto;
	margin: 1em auto
}
body.casestudy main .casestudy_cybercrypt_before_inner .tile2 dd p, body.casestudy main .casestudy_np365kb_before_inner .tile2 dd p {
	margin: 0 auto;
	line-height: 1.6;
	font-size: .875em
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt_before_inner .tile2 dd p, body.casestudy main .casestudy_np365kb_before_inner .tile2 dd p {
		font-size: .85714em
	}
}
body.casestudy main .casestudy_cybercrypt_before_inner, body.casestudy main .casestudy_cybercrypt_after_inner, body.casestudy main .casestudy_cybercrypt_link, body.casestudy main .casestudy_np365kb_before_inner, body.casestudy main .casestudy_np365kb_after_inner, body.casestudy main .casestudy_np365kb_link {
	margin-bottom: 3em
}
body.casestudy main .casestudy_cybercrypt_after_inner .float_left, body.casestudy main .casestudy_np365kb_after_inner .float_left {
	margin-right: 2em
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt_after_inner .float_left, body.casestudy main .casestudy_np365kb_after_inner .float_left {
		float: none;
		width: 100%
	}
}
body.casestudy main .casestudy_cybercrypt_link, body.casestudy main .casestudy_np365kb_link {
	margin-top: 2em;
	text-align: center
}
body.casestudy main .casestudy_cybercrypt_link p a, body.casestudy main .casestudy_np365kb_link p a {
	text-decoration: none;
	display: inline-block;
	padding: .3em 2em;
	min-width: 50%;
	border: 1px solid #365966;
	background-color: #365966;
	font-size: 1.25em;
	-webkit-transition: .3s;
	transition: .3s
}
body.casestudy main .casestudy_cybercrypt_link p a, body.casestudy main .casestudy_cybercrypt_link p a:visited, body.casestudy main .casestudy_np365kb_link p a, body.casestudy main .casestudy_np365kb_link p a:visited {
	color: #fff
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_cybercrypt_link p a, body.casestudy main .casestudy_np365kb_link p a {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_cybercrypt_link p a:hover, body.casestudy main .casestudy_np365kb_link p a:hover {
	background-color: #fff;
	color: #365966
}
body.casestudy main .casestudy_cybercrypt_link p a:hover:after, body.casestudy main .casestudy_np365kb_link p a:hover:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.casestudy main .casestudy_cybercrypt_link p a:after, body.casestudy main .casestudy_np365kb_link p a:after {
	position: relative;
	content: '\e801';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: .3em
}
body.casestudy main .casestudy_np365kb_01_top {
	max-width: 100%
}
body.casestudy main .casestudy_np365kb_01_top figure {
	max-width: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 1em
}
body.casestudy main .casestudy_np365kb_01_top_text p+p {
	font-size: .875em
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_np365kb_01_top_text p+p {
		font-size: .85714em
	}
}
body.casestudy main .casestudy_np365kb_01 figure+p {
	max-width: none;
	text-align: center
}
body.casestudy main .casestudy_np365kb .for_download {
	background-color: rgba(64, 35, 25, 0.2);
	padding: 2em 2em 1em;
	margin: 3em auto 6em;
	text-align: center
}
body.casestudy main .casestudy_np365kb .for_download p.download_link a {
	text-decoration: none;
	display: inline-block;
	padding: .3em 2em;
	min-width: 50%;
	border: 1px solid #365966;
	background-color: #365966;
	font-size: 1.25em;
	-webkit-transition: .3s;
	transition: .3s
}
body.casestudy main .casestudy_np365kb .for_download p.download_link a, body.casestudy main .casestudy_np365kb .for_download p.download_link a:visited {
	color: #fff
}
@media screen and (max-width: 600px) {
	body.casestudy main .casestudy_np365kb .for_download p.download_link a {
		font-size: 1.14286em
	}
}
body.casestudy main .casestudy_np365kb .for_download p.download_link a:hover {
	border: 1px solid #365966;
	background-color: #fff;
	color: #365966
}
body.casestudy main .casestudy_np365kb .for_download p.download_link a:hover:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.casestudy main .casestudy_np365kb .for_download p.download_link a:after {
	position: relative;
	content: '\e801';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: .3em
}
body.casestudy main .cybercrypt_all {
	padding: 0 1em;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	width: 875px;
	margin-bottom: 3em
}
body.casestudy main .cybercrypt_all table {
	line-height: 1.4;
	min-width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse
}
body.casestudy main .cybercrypt_all table th, body.casestudy main .cybercrypt_all table td {
	padding: 5px 1em;
	border: 1px solid #5a93a8;
	border: 1px solid #5a93a8
}
body.casestudy main .cybercrypt_all table th span, body.casestudy main .cybercrypt_all table td span {
	display: inline-block
}
body.casestudy main .cybercrypt_all table th {
	background-color: #365966;
	color: #fff;
	font-weight: 700;
	font-weight: 700;
	text-align: left
}
body.casestudy main .cybercrypt_all table td {
	font-size: .875em
}
@media screen and (max-width: 600px) {
	body.casestudy main .cybercrypt_all table td {
		font-size: .85714em
	}
}
body.casestudy main .cybercrypt_all th.cell_center, body.casestudy main .cybercrypt_all th.text-center, body.casestudy main .cybercrypt_all td.cell_center, body.casestudy main .cybercrypt_all td.text-center {
	text-align: center
}
body.casestudy main .cybercrypt_all th.text-right, body.casestudy main .cybercrypt_all td.text-right {
	text-align: right
}
body.casestudy main .cybercrypt_all tr.text-right th, body.casestudy main .cybercrypt_all tr.text-right td {
	text-align: right
}
body.casestudy main .cybercrypt_all table.th_center th {
	text-align: center
}
body.casestudy main .cybercrypt_all tr.no_border tr, body.casestudy main .cybercrypt_all tr.no_border td, body.casestudy main .cybercrypt_all tr.no_border th {
	border: 0 none
}
body.casestudy main .cybercrypt_all table tr th:first-child {
	min-width: 12%
}
body.casestudy main .cybercrypt_all table th {
	text-align: center;
	font-size: 1em;
	padding-left: 0;
	padding-right: 0
}
body.casestudy main .cybercrypt_all table th[scope="row"] {
	background-color: rgba(54, 89, 102, 0.3);
	color: #365966
}
body.casestudy main .cybercrypt_all table tr:first-child th:last-child {
	width: 29%
}
body.casestudy main .cybercrypt_all table {
	min-width: 600px
}
body.casestudy main .cybercrypt_all .scroll-hint-icon {
	top: 5em
}
body.casestudy main .casestudy_index {
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff
}
body.casestudy main .casestudy_index_inner>p:first-child {
	margin-top: 3em;
	text-align: center
}
body.casestudy main .casestudy_index_inner ul {
	width: 100%;
	margin: 3em auto 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body.casestudy main .casestudy_index_inner ul li {
	padding: 0;
	margin: 0 1em 2em;
	-webkit-animation: listAnime_none 0.5s ease-in-out 0s forwards;
	animation: listAnime_none 0.5s ease-in-out 0s forwards;
	display: none;
	width: 260px
}
body.casestudy main .casestudy_index_inner ul li a {
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #707070;
	padding: 0 0 2.5em;
	background-color: #fff
}
body.casestudy main .casestudy_index_inner ul li a, body.casestudy main .casestudy_index_inner ul li a:visited {
	color: #5F5D54
}
body.casestudy main .casestudy_index_inner ul li a figure {
	overflow: hidden;
	width: 100%;
	height: 145px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.casestudy main .casestudy_index_inner ul li a figure.cc {
	background-color: #EDECE7
}
body.casestudy main .casestudy_index_inner ul li a figure img {
	max-width: 90%;
	max-height: 90%;
	height: auto;
	width: auto
}
body.casestudy main .casestudy_index_inner ul li a figure.big2 {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
body.casestudy main .casestudy_index_inner ul li a figure.big2 img {
	max-width: none;
	max-height: none
}
body.casestudy main .casestudy_index_inner ul li a figure.big {
	position: relative
}
body.casestudy main .casestudy_index_inner ul li a figure.big img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	width: 100%;
	display: block;
	max-width: none;
	max-height: none
}
body.casestudy main .casestudy_index_inner ul li a dl {
	margin: 0 .5em;
	padding: 0 0
}
body.casestudy main .casestudy_index_inner ul li a dt {
	margin: .5em 0 0;
	padding: 0;
	font-weight: 700
}
body.casestudy main .casestudy_index_inner ul li a dt span {
	display: inline-block
}
body.casestudy main .casestudy_index_inner ul li a dd {
	margin: 0;
	padding: 0 0
}
body.casestudy main .casestudy_index_inner ul li a dd p {
	margin-top: 0;
	margin-bottom: 0
}
body.casestudy main .casestudy_index_inner ul li a dl+p {
	margin: 0;
	padding: 0 1em;
	border-radius: 1em;
	background-color: #000;
	color: #fff;
	display: inline-block;
	font-size: .875em;
	position: absolute;
	bottom: .5em;
	left: .5em;
	-webkit-transition: .3s;
	transition: .3s
}
@media screen and (max-width: 820px) {
	body.casestudy main .casestudy_index_inner ul li a dl+p {
		font-size: .85714em
	}
}
body.casestudy main .casestudy_index_inner ul li:hover a {
	border-color: #F38200;
	box-shadow: 0 0 10px rgba(243, 130, 0, 0.5)
}
body.casestudy main .casestudy_index_inner ul li:hover a img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12)
}
body.casestudy main .casestudy_index_inner ul li:hover a dl+p {
	background-color: #F38200
}
body.casestudy main .casestudy_index_inner ul li:hover a figure.big img {
	width: 110%
}
body.casestudy main .casestudy_index_inner ul li.active {
	display: block;
	-webkit-animation: listAnime 0.5s ease-in-out 0s forwards;
	animation: listAnime 0.5s ease-in-out 0s forwards
}
body.casestudy main .casestudy_index_inner ul li.empty {
	display: block !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important
}
body.casestudy main .casestudy_index #main_nav li span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.casestudy main .casestudy_index #main_nav li span img {
	height: 1em;
	width: auto;
	margin-left: 5px
}
body.casestudy main #casestudy_content {
	margin-top: -5.5em;
	padding-top: 5.5em
}
body.news main .news_index {
	margin-top: calc(1em * 1.8 + 20px);
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	background-image: url(../../images/news/news_bg.png);
	background-repeat: repeat;
	padding-top: 2em
}
body.news main .news_index_inner {
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	width: 875px;
	padding-bottom: 2em
}
body.news main .news_index_inner>h2:first-child {
	margin-top: 0
}
body.news main .news_index h2, body.news main .news_index h1 {
	margin-bottom: 1em;
	font-size: 40px;
	font-size: 4rem;
	font-weight: nomal;
	text-align: center
}
@media screen and (max-width: 600px) {
	body.news main .news_index h2, body.news main .news_index h1 {
		font-size: 1.57143em
	}
}
body.news main .news_index h2 span, body.news main .news_index h1 span {
	display: inline-block;
	position: relative
}
body.news main .news_index h2 span:after, body.news main .news_index h1 span:after {
	content: "";
	width: 150%;
	height: 3px;
	background-color: #4D0052;
	position: absolute;
	left: -25%;
	bottom: 0;
	display: block
}
body.news main .news_main {
	margin-top: calc(1em * 1.8 + 20px);
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	background-image: url(../../images/news/news_bg.png);
	background-repeat: repeat;
	padding-top: 2em
}
body.news main .news_main_inner {
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	width: 875px;
	padding-bottom: 2em
}
body.news main .news_main_inner>h2:first-child {
	margin-top: 0
}
body.news main .news_main_inner h1 {
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: nomal;
	font-weight: 700;
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative;
	font-size: 26px;
	font-size: 2.6rem
}
@media screen and (max-width: 600px) {
	body.news main .news_main_inner h1 {
		font-size: 1.57143em
	}
}
@media screen and (min-width: 821px) {
	body.news main .news_main_inner h1 {
		letter-spacing: 0.1em
	}
}
body.news main .news_main_inner h1:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #707070;
	position: absolute;
	left: 0;
	bottom: 0
}
@media screen and (max-width: 820px) {
	body.news main .news_main_inner h1 {
		font-size: 1.42857em
	}
}
body.news main .news_main_inner h1>span span {
	display: inline-block
}
body.news main .news_main_inner h1>span span.small {
	font-size: .75em
}
body.news main .news_main_inner h1 .block {
	display: block
}
body.news main .news_main_inner .mt0 {
	margin-top: 0
}
body.news main .news_main_inner .mb0 {
	margin-bottom: 0
}
body.news main .news_main_inner h2 {
	margin-top: 3em;
	border-bottom: 1px solid #dfcdb9;
	padding: 0 .3em;
	font-size: 1em
}
@media screen and (max-width: 820px) {
	body.news main .news_main_inner h2 {
		font-size: 1em
	}
}
body.news main .news_main_inner a.link {
	display: inline
}
body.news main .news_main_inner a:not(.link) {
	text-decoration: underline;
	display: inline-block;
	padding-left: .2em;
	padding-right: .2em;
	position: relative
}
body.news main .news_main_inner a:not(.link):after {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	content: '\e802';
	display: inline-block;
	margin-left: .5em;
	position: relative
}
body.news main .news_main_inner a:not(.link), body.news main .news_main_inner a:not(.link):visited {
	color: #F38200
}
body.news main .news_main_inner a:not(.link):hover {
	opacity: .8
}
body.news main .news_main_inner a:not(.link):hover:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.news main .news_main_inner table {
	min-width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse
}
body.news main .news_main_inner table th, body.news main .news_main_inner table td {
	padding: 5px 1em;
	border: 1px solid #dfcdb9;
	border: 1px solid #dfcdb9
}
body.news main .news_main_inner table th span, body.news main .news_main_inner table td span {
	display: inline-block
}
body.news main .news_main_inner table th {
	background-color: #BF9B73;
	color: #fff;
	font-weight: 700;
	font-weight: 700;
	text-align: left
}
@media screen and (max-width: 600px) {
	body.news main .news_main_inner table td {
		font-size: .85714em
	}
}
body.news main .news_main_inner th.cell_center, body.news main .news_main_inner th.text-center, body.news main .news_main_inner td.cell_center, body.news main .news_main_inner td.text-center {
	text-align: center
}
body.news main .news_main_inner th.text-right, body.news main .news_main_inner td.text-right {
	text-align: right
}
body.news main .news_main_inner tr.text-right th, body.news main .news_main_inner tr.text-right td {
	text-align: right
}
body.news main .news_main_inner table.th_center th {
	text-align: center
}
body.news main .news_main_inner tr.no_border tr, body.news main .news_main_inner tr.no_border td, body.news main .news_main_inner tr.no_border th {
	border: 0 none
}
body.news main .news_main_inner table {
	width: 100%
}
body.news main .news_main_inner .small {
	font-size: .875em
}
body.news main #news_nav {
	margin: 0 auto
}
body.news main #news_nav ul {
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	list-style: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body.news main #news_nav ul li {
	line-height: 1;
	margin: 0 5px .5em;
	padding: 0;
	cursor: pointer;
	-webkit-transition: .1s;
	transition: .1s
}
body.news main #news_nav ul li span {
	-webkit-transition: .3s;
	transition: .3s
}
body.news main #news_nav_list {
	margin: 2em 0;
	padding: 0;
	list-style: none
}
body.news main #news_nav_list li {
	line-height: 1.4;
	margin: 0 0 1em;
	padding-left: 2em;
	position: relative
}
body.news main #news_nav_list li p:first-child {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body.news main #news_nav_list li p:first-child span {
	display: inline-block
}
body.news main #news_nav_list li p.text {
	margin: 0
}
body.news main #news_nav_list li p.text a {
	text-decoration: none
}
body.news main #news_nav_list li p.text a, body.news main #news_nav_list li p.text a:visited {
	color: #5F5D54
}
body.news main #news_nav_list li:before {
	content: '\e800';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	position: absolute;
	left: 1em;
	top: 0.15em;
	color: #4D0052
}
body.news main #news_nav_list li a {
	display: inline-block;
	position: relative;
	display: inline-block;
	text-decoration: none
}
body.news main #news_nav_list li a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #F38200;
	bottom: -2px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform-origin: right top;
	transform-origin: right top
}
body.news main #news_nav_list li a:hover::after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
body.news main #news_nav_list li:hover:before {
	opacity: .5
}
body.news main #news_nav_list span.date {
	display: inline-block;
	font-weight: 700;
	font-size: 1.125em;
	margin-right: 10px
}
body.news main #news_nav_list span.category {
	display: inline-block
}
body.news main p#news_nav_list {
	margin-top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
body.news main #news_year_list {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
body.news main #news_year_list li {
	display: inline-block;
	margin: 0 5px 24px;
	padding: 0
}
body.news main #news_year_list li a {
	display: block;
	border: 2px solid #000;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #fff;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
	font-size: 1.375em
}
@media screen and (max-width: 820px) {
	body.news main #news_year_list li a {
		font-size: 1.14286em
	}
}
body.news main #news_year_list li a, body.news main #news_year_list li a:visited {
	color: #000
}
body.news main #news_year_list li a:after {
	content: '\e801';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	margin-left: .3em
}
body.news main #news_year_list li a:hover {
	background-color: #BF9B73;
	border: 2px solid #BE826E;
	color: #fff
}
@media screen and (min-width: 821px) {
	body.news main #news_year_list {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body.news main #news_year_list li {
		width: calc((100% - 10px *5)/6)
	}
}
@media screen and (max-width: 820px) {
	body.news main #news_year_list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}
body.news main #news_nav li.active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
body.news main #news_nav_list li {
	-webkit-animation: listAnime_none 0.5s ease-in-out 0s forwards;
	animation: listAnime_none 0.5s ease-in-out 0s forwards;
	display: none
}
body.news main #news_nav_list li.active {
	display: block;
	-webkit-animation: listAnime 0.5s ease-in-out 0s forwards;
	animation: listAnime 0.5s ease-in-out 0s forwards
}
body.news main #news_nav li span {
	font-size: .875em;
	padding: .5em;
	border-radius: 5px;
	line-height: 1;
	min-width: 8em;
	display: inline-block;
	text-align: center;
	border-width: 1px;
	border-style: solid
}
@media screen and (max-width: 820px) {
	body.news main #news_nav li span {
		font-size: .85714em
	}
}
body.news main #news_nav_list span.category {
	color: #fff;
	font-size: .75em;
	padding: .2em;
	border-radius: 5px;
	line-height: 1;
	min-width: 8em;
	display: inline-block;
	text-align: center;
	border-width: 1px;
	border-style: solid
}
@media screen and (max-width: 820px) {
	body.news main #news_nav_list span.category {
		font-size: .71429em
	}
}
body.news main #news_nav li.all span {
	border-color: #F38200;
	color: #F38200
}
body.news main #news_nav li.color01 span {
	border-color: #bb57e0;
	color: #bb57e0
}
body.news main #news_nav li.color02 span {
	border-color: #37baf1;
	color: #37baf1
}
body.news main #news_nav li.color03 span {
	border-color: #5fb0a9;
	color: #5fb0a9
}
body.news main #news_nav li.color04 span {
	border-color: #7c7ec0;
	color: #7c7ec0
}
body.news main #news_nav li.color05 span {
	border-color: #ec7616;
	color: #ec7616
}
body.news main #news_nav li.color06 span {
	border-color: #acacac;
	color: #acacac
}
body.news main #news_nav li.active span, body.news main #news_nav li:hover span {
	color: #fff
}
body.news main #news_nav li.active.all span, body.news main #news_nav li:hover.all span {
	background-color: #F38200
}
body.news main #news_nav li.active.color01 span, body.news main #news_nav li:hover.color01 span {
	background-color: #bb57e0
}
body.news main #news_nav li.active.color02 span, body.news main #news_nav li:hover.color02 span {
	background-color: #37baf1
}
body.news main #news_nav li.active.color03 span, body.news main #news_nav li:hover.color03 span {
	background-color: #5fb0a9
}
body.news main #news_nav li.active.color04 span, body.news main #news_nav li:hover.color04 span {
	background-color: #7c7ec0
}
body.news main #news_nav li.active.color05 span, body.news main #news_nav li:hover.color05 span {
	background-color: #ec7616
}
body.news main #news_nav li.active.color06 span, body.news main #news_nav li:hover.color06 span {
	background-color: #acacac
}
body.news main #news_nav_list li.color01 span.category, body.news main #news_nav_list.color01 span.category {
	border-color: #bb57e0;
	color: #bb57e0
}
body.news main #news_nav_list li.color02 span.category, body.news main #news_nav_list.color02 span.category {
	border-color: #37baf1;
	color: #37baf1
}
body.news main #news_nav_list li.color03 span.category, body.news main #news_nav_list.color03 span.category {
	border-color: #5fb0a9;
	color: #5fb0a9
}
body.news main #news_nav_list li.color04 span.category, body.news main #news_nav_list.color04 span.category {
	border-color: #7c7ec0;
	color: #7c7ec0
}
body.news main #news_nav_list li.color05 span.category, body.news main #news_nav_list.color05 span.category {
	border-color: #ec7616;
	color: #ec7616
}
body.news main #news_nav_list li.color06 span.category, body.news main #news_nav_list.color06 span.category {
	border-color: #acacac;
	color: #acacac
}
body.news main #news_nav_list+h2 {
	margin-top: 120px
}
@media screen and (max-width: 820px) {
	body.news main #news_nav_list+h2 {
		margin-top: 60px
	}
}
body.company main .company_title {
	text-align: center;
	line-height: 1.4;
	margin-top: 2em;
	margin-bottom: 2em
}
body.company main .company_title span.large {
	font-size: 40px;
	font-size: 4rem;
	font-weight: nomal;
	position: relative;
	display: inline-block
}
@media screen and (max-width: 600px) {
	body.company main .company_title span.large {
		font-size: 1.57143em
	}
}
body.company main .company_title span.large:after {
	content: "";
	width: 120%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: -.2em;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #5F5D54
}
body.company main .company_title span.large+span {
	display: block;
	font-size: 1.75em;
	padding-bottom: .3em
}
@media screen and (max-width: 600px) {
	body.company main .company_title span.large+span {
		font-size: 1.42857em
	}
}
body.company main .company_message_wrap {
	margin-top: calc(1em * 1.8 + 20px);
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	background-image: url(../../images/company/bg.png);
	background-repeat: repeat
}
body.company main .company_message_inner {
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	width: 875px;
	padding-bottom: 2em
}
body.company main .company_message_inner>h2:first-child {
	margin-top: 0
}
body.company main .company_message h2 {
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center
}
body.company main .company_message h2 span.large {
	font-size: 2.25em;
	display: block
}
@media screen and (max-width: 820px) {
	body.company main .company_message h2 span.large {
		font-size: 1.85714em
	}
}
body.company main .company_message h2 span.large+span {
	line-height: 1.4;
	display: inline-block;
	font-size: 1.25em
}
@media screen and (max-width: 600px) {
	body.company main .company_message h2 span.large+span {
		font-size: 1.14286em
	}
}
body.company main .company_message h2 span.large+span span {
	display: inline-block
}
body.company main .company_message p {
	margin-bottom: 2em;
	line-height: 2
}
body.company main .company_message .mb0 {
	margin-bottom: 0
}
body.company main .company_message .mt0 {
	margin-top: 0
}
body.company main .company_message .name {
	letter-spacing: 0.1em;
	font-family: 'Shinsei Kaisho CBSK1', serif;
	font-weight: 700;
	line-height: 1.4;
	text-align: right
}
body.company main .company_message .name>span {
	display: inline-block
}
body.company main .company_message .name>span span:first-child {
	display: block;
	font-size: 1.3125em;
	text-align: left;
	padding-left: .1em
}
@media screen and (max-width: 820px) {
	body.company main .company_message .name>span span:first-child {
		font-size: 1em
	}
}
body.company main .company_message .name>span span+span {
	font-size: 2.375em
}
@media screen and (max-width: 820px) {
	body.company main .company_message .name>span span+span {
		font-size: 1.78571em
	}
}
body.company main .company_message .name img {
	width: 200px;
	margin-right: 1em;
	max-width: 33%
}
@media screen and (max-width: 820px) {
	body.company main .company_message ul {
		padding-left: 2em
	}
}
body.company main .company_data, body.company main .company_organization, body.company main .company_story, body.company main .company_location, body.company main .company_group {
	margin-bottom: 6em
}
body.company main .company_data h2, body.company main .company_organization h2, body.company main .company_story h2, body.company main .company_location h2, body.company main .company_group h2 {
	text-align: center;
	line-height: 1.4;
	margin-top: 2em;
	margin-bottom: 2em
}
body.company main .company_data h2 span.large, body.company main .company_organization h2 span.large, body.company main .company_story h2 span.large, body.company main .company_location h2 span.large, body.company main .company_group h2 span.large {
	font-size: 40px;
	font-size: 4rem;
	font-weight: nomal;
	position: relative;
	display: inline-block
}
@media screen and (max-width: 600px) {
	body.company main .company_data h2 span.large, body.company main .company_organization h2 span.large, body.company main .company_story h2 span.large, body.company main .company_location h2 span.large, body.company main .company_group h2 span.large {
		font-size: 1.57143em
	}
}
body.company main .company_data h2 span.large:after, body.company main .company_organization h2 span.large:after, body.company main .company_story h2 span.large:after, body.company main .company_location h2 span.large:after, body.company main .company_group h2 span.large:after {
	content: "";
	width: 120%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: -.2em;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #5F5D54
}
body.company main .company_data h2 span.large+span, body.company main .company_organization h2 span.large+span, body.company main .company_story h2 span.large+span, body.company main .company_location h2 span.large+span, body.company main .company_group h2 span.large+span {
	display: block;
	font-size: 1.75em;
	padding-bottom: .3em
}
@media screen and (max-width: 600px) {
	body.company main .company_data h2 span.large+span, body.company main .company_organization h2 span.large+span, body.company main .company_story h2 span.large+span, body.company main .company_location h2 span.large+span, body.company main .company_group h2 span.large+span {
		font-size: 1.42857em
	}
}
body.company main .company_data_wrap, body.company main .company_organization_wrap, body.company main .company_story_wrap, body.company main .company_location_wrap, body.company main .company_group_wrap {
	margin-top: calc(1em * 1.8 + 20px);
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	background-image: url(../../images/company/bg.png);
	background-repeat: repeat;
	padding-top: 2em
}
body.company main .company_data_inner, body.company main .company_organization_inner, body.company main .company_story_inner, body.company main .company_location_inner, body.company main .company_group_inner {
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	width: 875px;
	padding-bottom: 2em
}
body.company main .company_data_inner>h2:first-child, body.company main .company_organization_inner>h2:first-child, body.company main .company_story_inner>h2:first-child, body.company main .company_location_inner>h2:first-child, body.company main .company_group_inner>h2:first-child {
	margin-top: 0
}
body.company main .company_data dl.line, body.company main .company_organization dl.line, body.company main .company_story dl.line, body.company main .company_location dl.line, body.company main .company_group dl.line {
	margin: 0;
	padding: 0
}
body.company main .company_data dl.line dt, body.company main .company_organization dl.line dt, body.company main .company_story dl.line dt, body.company main .company_location dl.line dt, body.company main .company_group dl.line dt {
	border-left: 10px solid #BE826E;
	padding-left: 10px;
	margin: 0 0 .5em;
	font-weight: bold;
	font-size: 1.25em
}
@media screen and (max-width: 600px) {
	body.company main .company_data dl.line dt, body.company main .company_organization dl.line dt, body.company main .company_story dl.line dt, body.company main .company_location dl.line dt, body.company main .company_group dl.line dt {
		font-size: 1.14286em
	}
}
body.company main .company_data dl.line dd, body.company main .company_organization dl.line dd, body.company main .company_story dl.line dd, body.company main .company_location dl.line dd, body.company main .company_group dl.line dd {
	margin: 0 0 3em;
	padding: 0 0 0 20px
}
body.company main .company_data ul.mark_none, body.company main .company_organization ul.mark_none, body.company main .company_story ul.mark_none, body.company main .company_location ul.mark_none, body.company main .company_group ul.mark_none {
	list-style: none;
	margin: 0;
	padding: 0
}
body.company main .company_data ul.mark_none li, body.company main .company_organization ul.mark_none li, body.company main .company_story ul.mark_none li, body.company main .company_location ul.mark_none li, body.company main .company_group ul.mark_none li {
	margin: 0;
	padding: 0
}
body.company main .company_data a, body.company main .company_organization a, body.company main .company_story a, body.company main .company_location a, body.company main .company_group a {
	text-decoration: none;
	display: inline-block;
	position: relative;
	display: inline-block;
	text-decoration: none
}
body.company main .company_data a, body.company main .company_data a:visited, body.company main .company_organization a, body.company main .company_organization a:visited, body.company main .company_story a, body.company main .company_story a:visited, body.company main .company_location a, body.company main .company_location a:visited, body.company main .company_group a, body.company main .company_group a:visited {
	color: #F38200
}
body.company main .company_data a::after, body.company main .company_organization a::after, body.company main .company_story a::after, body.company main .company_location a::after, body.company main .company_group a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #F38200;
	bottom: -2px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform-origin: right top;
	transform-origin: right top
}
body.company main .company_data a:hover::after, body.company main .company_organization a:hover::after, body.company main .company_story a:hover::after, body.company main .company_location a:hover::after, body.company main .company_group a:hover::after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
body.company main .company_data a:after, body.company main .company_organization a:after, body.company main .company_story a:after, body.company main .company_location a:after, body.company main .company_group a:after {
	bottom: 0
}
@includre mq(sm) {
	body.company main .company_data, body.company main .company_organization, body.company main .company_story, body.company main .company_location, body.company main .company_group {
		margin-bottom: 3em
	}
}
body.company main .company_data ul.member {
	margin: 0;
	padding: 0;
	list-style: none
}
body.company main .company_data ul.member span {
	display: inline-block
}
body.company main .company_data ul.member span:first-child {
	min-width: 10em
}
body.company main .company_data ul.member p {
	margin-top: 0;
	margin-bottom: 0
}
body.company main .company_story ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body.company main .company_story ul li {
	margin: 0 0 1.5em;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
@media screen and (max-width: 820px) {
	body.company main .company_story ul li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	body.company main .company_story ul li p.text {
		width: 100%
	}
}
body.company main .company_story ul li p {
	margin-top: 0;
	margin-bottom: 0
}
body.company main .company_story ul li p.date {
	margin-right: 1em;
	background-color: #4A4739;
	color: #fff;
	width: 5em;
	text-align: center
}
@media screen and (min-width: 821px) {
	body.company main .company_story ul li p.text {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}
body.company main .company_location h3 {
	margin-bottom: 2em;
	text-align: center;
	font-size: 2.25em
}
@media screen and (max-width: 820px) {
	body.company main .company_location h3 {
		font-size: 1.85714em
	}
}
body.company main .company_location h3 span {
	display: inline-block;
	position: relative
}
body.company main .company_location h3 span:after {
	content: "";
	width: 140%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #BE826E
}
body.company main .company_location_dl:first-child {
	margin-bottom: 4em
}
@media screen and (min-width: 821px) {
	body.company main .company_location_dl:first-child {
		margin-bottom: 6em
	}
}
body.company main .company_location_dl dl {
	margin: 0 auto 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%
}
@media screen and (min-width: 821px) {
	body.company main .company_location_dl dl {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}
@media screen and (min-width: 821px) {
	body.company main .company_location_dl dl dt {
		margin: 0 1em 0 0;
		padding: 0 1em 0 0;
		width: 5em;
		border-right: 10px solid #BE826E;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body.company main .company_location_dl dl dt span {
		display: inline-block
	}
}
@media screen and (max-width: 820px) {
	body.company main .company_location_dl dl dt {
		font-weight: 700;
		width: 100%;
		background-color: rgba(190, 130, 110, 0.3);
		padding: .3em;
		margin-right: 0
	}
}
body.company main .company_location_dl dl dd {
	margin: 0;
	padding: 0
}
@media screen and (min-width: 821px) {
	body.company main .company_location_dl dl dd {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}
@media screen and (max-width: 820px) {
	body.company main .company_location_dl dl dd {
		margin: 0 1em
	}
}
body.company main .company_location_dl dl dd ul {
	margin: 0;
	padding: 0
}
body.company main .company_location_dl dl dd ul li {
	margin-left: 1em;
	padding-left: 0
}
@media screen and (max-width: 820px) {
	body.company main .company_location_dl dl {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	body.company main .company_location_dl dl dd {
		width: 100%
	}
}
body.company main .company_group a, body.company main .company_group a:visited {
	color: #5F5D54
}
body.company main .company_group dl.line {
	margin-top: 3em
}
body.company main .company_group ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body.company main .company_group ul li {
	margin-left: 0;
	padding-left: 1.3em;
	margin-bottom: .5em;
	position: relative
}
body.company main .company_group ul li:before {
	content: "\025a0";
	position: absolute;
	left: 0;
	top: 0;
	color: rgba(191, 155, 115, 0.5)
}
body.company main .company_organization img {
	width: 90%;
	max-width: 670px
}
@media screen and (min-width: 821px) {
	body.company main .company_organization img {
		max-width: 670px
	}
}
@media screen and (max-width: 600px) {
	body.company main .company_organization img {
		width: 100%
	}
}
body.recruit main .recruit_wrap {
	margin-top: calc(1em * 1.8 + 20px);
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	background-image: url(../../images/company/bg.png);
	background-repeat: repeat;
	padding-top: 2em
}
body.recruit main .recruit_inner {
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	width: 875px;
	padding-bottom: 2em
}
body.recruit main .recruit_inner>h2:first-child {
	margin-top: 0
}
body.recruit main .recruit_index_content01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media screen and (max-width: 820px) {
	body.recruit main .recruit_index_content01 {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}
body.recruit main .recruit_index_content01_inner {
	border: 1px solid #BF9B73;
	padding: 0 0 1em
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content01_inner {
		width: calc((100% - 30px)/2)
	}
}
@media screen and (max-width: 820px) {
	body.recruit main .recruit_index_content01_inner {
		width: 100%;
		margin-bottom: 2em
	}
}
body.recruit main .recruit_index_content01_inner p a.link {
	padding-left: 0;
	padding-right: 0
}
body.recruit main .recruit_index_content01_inner h2 {
	margin-top: 0;
	line-height: 1;
	background-color: #dfcdb9;
	padding: .5em 10px;
	color: #402319;
	font-size: 1.625em;
	font-weight: 700;
	text-align: center
}
@media screen and (max-width: 820px) {
	body.recruit main .recruit_index_content01_inner h2 {
		font-size: 1.42857em
	}
}
body.recruit main .recruit_index_content01_inner p {
	margin-left: 1em;
	margin-right: 1em;
	color: #5F5D54
}
body.recruit main .recruit_index_content02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media screen and (max-width: 820px) {
	body.recruit main .recruit_index_content02 {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px
	}
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content02 {
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin-top: 60px;
		margin-bottom: 60px
	}
}
body.recruit main .recruit_index_content02_inner {
	height: 135px
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content02_inner {
		width: 300px
	}
}
@media screen and (max-width: 820px) {
	body.recruit main .recruit_index_content02_inner {
		width: 100%;
		margin-bottom: 30px
	}
}
@media screen and (max-width: 820px) {
	body.recruit main .recruit_index_content02_inner {
		height: 100px
	}
}
body.recruit main .recruit_index_content02_inner a {
	background-color: #D9B29E;
	-webkit-transition: .3s;
	transition: .3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none
}
body.recruit main .recruit_index_content02_inner a:hover {
	opacity: .7
}
body.recruit main .recruit_index_content02_inner a, body.recruit main .recruit_index_content02_inner a:visited {
	color: #000
}
body.recruit main .recruit_index_content02_inner h2 {
	margin: 0;
	line-height: 1;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center
}
@media screen and (max-width: 820px) {
	body.recruit main .recruit_index_content02_inner h2 {
		font-size: 1em
	}
}
body.recruit main .recruit_index_content03 p {
	margin-top: .5em;
	margin-bottom: .5em
}
body.recruit main .recruit_index_content03 p a {
	padding: .8em 2em .8em 1em;
	background-color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	padding-right: 1em;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s
}
body.recruit main .recruit_index_content03 p a, body.recruit main .recruit_index_content03 p a:visited {
	color: #6C6C6C
}
body.recruit main .recruit_index_content03 p a:after {
	padding-left: .5em;
	position: absolute;
	right: 0;
	margin-right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	content: '\e801'
}
body.recruit main .recruit_index_content03 p a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.3)
}
body.recruit main .recruit_index_content03 p a:hover:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.recruit main .recruit_index_content03_new, body.recruit main .recruit_index_content03_career {
	max-width: 733px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	margin-bottom: 20px
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content03_new, body.recruit main .recruit_index_content03_career {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 36px;
		margin-bottom: 50px;
		margin-top: 50px
	}
}
body.recruit main .recruit_index_content03_new h2, body.recruit main .recruit_index_content03_career h2 {
	font-weight: 700;
	margin-top: 0;
	text-align: center;
	margin-bottom: 1em;
	color: #fff;
	padding: .3em 1em
}
body.recruit main .recruit_index_content03_new p:last-child, body.recruit main .recruit_index_content03_career p:last-child {
	margin-bottom: 0
}
body.recruit main .recruit_index_content03_new .inner, body.recruit main .recruit_index_content03_career .inner {
	width: 100%
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content03_new .inner, body.recruit main .recruit_index_content03_career .inner {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	body.recruit main .recruit_index_content03_new .inner h2, body.recruit main .recruit_index_content03_new .inner p, body.recruit main .recruit_index_content03_career .inner h2, body.recruit main .recruit_index_content03_career .inner p {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto
	}
}
body.recruit main .recruit_index_content03_new figure, body.recruit main .recruit_index_content03_career figure {
	width: 100%;
	text-align: center;
	margin-top: 20px
}
body.recruit main .recruit_index_content03_new figure img, body.recruit main .recruit_index_content03_career figure img {
	border: 2px solid #fff
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content03_new figure, body.recruit main .recruit_index_content03_career figure {
		margin-top: 0;
		width: 50%
	}
}
body.recruit main .recruit_index_content03_new {
	background: -webkit-linear-gradient(90deg, #99e595 0%, #cdf4cb 100%);
	background: -webkit-gradient(linear, -37.13% 275.76%, -37.13% 275.32%, color-stop(0, #99e595), color-stop(1, #cdf4cb));
	background: -ms-linear-gradient(90deg, #99e595 0%, #cdf4cb 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2' ,GradientType=0)";
	background: -webkit-linear-gradient(bottom, #99e595 0%, #cdf4cb 100%);
	background: linear-gradient(0deg, #99e595 0%, #cdf4cb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25)
}
body.recruit main .recruit_index_content03_new h2 {
	background-color: #32c92a;
	box-shadow: 2px 2px 4px rgba(29, 116, 25, 0.3)
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content03_new figure {
		margin-left: 36px
	}
}
body.recruit main .recruit_index_content03_new p a:hover {
	background-color: #54d94d
}
body.recruit main .recruit_index_content03_career {
	background: -webkit-linear-gradient(90deg, #97edff 0%, #ddf9ff 100%);
	background: -webkit-gradient(linear, -37.13% 275.76%, -37.13% 275.32%, color-stop(0, #97edff), color-stop(1, #ddf9ff));
	background: -ms-linear-gradient(90deg, #97edff 0%, #ddf9ff 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2' ,GradientType=0)";
	background: -webkit-linear-gradient(bottom, #97edff 0%, #ddf9ff 100%);
	background: linear-gradient(0deg, #97edff 0%, #ddf9ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25)
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content03_career {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}
}
body.recruit main .recruit_index_content03_career h2 {
	background-color: #11d5ff;
	box-shadow: 2px 2px 4px rgba(0, 140, 170, 0.5)
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_index_content03_career figure {
		margin-right: 36px
	}
}
body.recruit main .recruit_index_content03_career p a:hover {
	background-color: #44deff
}
body.recruit main .recruit_index_content03_career+p {
	text-align: center
}
body.recruit main .recruit_index_content03_career+p a {
	max-width: 80%;
	width: auto;
	display: inline-block;
	padding-right: 2.5em
}
body.recruit main .recruit_index_content03_career+p a span {
	display: inline-block
}
body.recruit main .recruit_index_content03_career+p a, body.recruit main .recruit_index_content03_career+p a:visited {
	color: #DD8F34
}
body.recruit main .recruit_index_content03_career+p a:hover {
	color: #DD8F34
}
body.recruit main .recruit_privacy h1 {
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: nomal;
	font-weight: 700;
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative
}
@media screen and (max-width: 600px) {
	body.recruit main .recruit_privacy h1 {
		font-size: 1.57143em
	}
}
@media screen and (min-width: 821px) {
	body.recruit main .recruit_privacy h1 {
		letter-spacing: 0.1em
	}
}
body.recruit main .recruit_privacy h1:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #707070;
	position: absolute;
	left: 0;
	bottom: 0
}
body.recruit main .recruit_privacy h2 {
	font-size: 1.25em;
	font-weight: 700;
	border-left: 10px solid #BE826E;
	padding-left: 10px;
	margin: 2em 0 .5em
}
@media screen and (max-width: 820px) {
	body.recruit main .recruit_privacy h2 {
		font-size: 1.14286em
	}
}
body.recruit main .career_requirements h1, body.recruit main .career_type h1, body.recruit main .career_faq h1 {
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: nomal;
	font-weight: 700;
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative
}
@media screen and (max-width: 600px) {
	body.recruit main .career_requirements h1, body.recruit main .career_type h1, body.recruit main .career_faq h1 {
		font-size: 1.57143em
	}
}
@media screen and (min-width: 821px) {
	body.recruit main .career_requirements h1, body.recruit main .career_type h1, body.recruit main .career_faq h1 {
		letter-spacing: 0.1em
	}
}
body.recruit main .career_requirements h1:after, body.recruit main .career_type h1:after, body.recruit main .career_faq h1:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #707070;
	position: absolute;
	left: 0;
	bottom: 0
}
body.recruit main .career_requirements h2, body.recruit main .career_type h2, body.recruit main .career_faq h2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: left;
	margin: 3em 0 .3em
}
@media screen and (max-width: 820px) {
	body.recruit main .career_requirements h2, body.recruit main .career_type h2, body.recruit main .career_faq h2 {
		font-size: 1.14286em
	}
}
@media screen and (min-width: 821px) {
	body.recruit main .career_requirements table, body.recruit main .career_type table, body.recruit main .career_faq table {
		margin: 0 0 4em;
		min-width: 50%;
		margin-left: auto;
		margin-right: auto;
		border-collapse: collapse
	}
	body.recruit main .career_requirements table th, body.recruit main .career_requirements table td, body.recruit main .career_type table th, body.recruit main .career_type table td, body.recruit main .career_faq table th, body.recruit main .career_faq table td {
		border: 1px solid #11d5ff;
		border: 1px solid #11d5ff
	}
	body.recruit main .career_requirements table th span, body.recruit main .career_requirements table td span, body.recruit main .career_type table th span, body.recruit main .career_type table td span, body.recruit main .career_faq table th span, body.recruit main .career_faq table td span {
		display: inline-block
	}
}
body.recruit main .career_requirements td p, body.recruit main .career_type td p, body.recruit main .career_faq td p {
	margin-top: 0;
	margin-bottom: 0
}
body.recruit main .career_requirements th, body.recruit main .career_type th, body.recruit main .career_faq th {
	background-color: rgba(17, 213, 255, 0.2);
	font-weight: 400;
	text-align: left;
	min-width: 14em
}
body.recruit main .career_requirements th, body.recruit main .career_requirements td, body.recruit main .career_type th, body.recruit main .career_type td, body.recruit main .career_faq th, body.recruit main .career_faq td {
	padding: 5px 1em
}
body.recruit main .career_requirements th span, body.recruit main .career_requirements td span, body.recruit main .career_type th span, body.recruit main .career_type td span, body.recruit main .career_faq th span, body.recruit main .career_faq td span {
	display: inline-block
}
@media screen and (max-width: 820px) {
	body.recruit main .career_requirements, body.recruit main .career_type, body.recruit main .career_faq {
		width: 96%;
		margin-left: auto;
		margin-right: auto
	}
	body.recruit main .career_requirements table, body.recruit main .career_type table, body.recruit main .career_faq table {
		margin: 0 0 2em;
		border: 1px solid rgba(17, 213, 255, 0.6);
		border-collapse: collapse
	}
	body.recruit main .career_requirements table tr, body.recruit main .career_type table tr, body.recruit main .career_faq table tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	body.recruit main .career_requirements table th, body.recruit main .career_requirements table td, body.recruit main .career_type table th, body.recruit main .career_type table td, body.recruit main .career_faq table th, body.recruit main .career_faq table td {
		display: block;
		width: 100%
	}
}
@media screen and (min-width: 821px) {
	body.recruit main .career_type table th {
		width: 11em
	}
}
body.recruit main .career_type td dl, body.recruit main .career_type td dl dt, body.recruit main .career_type td dl dd {
	margin: 0;
	padding: 0;
	font-weight: 400
}
body.recruit main .career_type td ul {
	margin: 0 0 0 1em;
	padding: 0
}
body.recruit main .career_type td ul li {
	margin-left: 1em
}
body.recruit main .career_type div[id^="type"] {
	position: absolute;
	top: -3em
}
body.recruit main .career_type nav ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body.recruit main .career_type nav ul li {
	margin: 0 0 .5em;
	padding: 0
}
body.recruit main .career_type nav ul li a {
	background-color: #ddf9ff;
	text-decoration: none;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5em 1em;
	-webkit-transition: .3s;
	transition: .3s
}
body.recruit main .career_type nav ul li a, body.recruit main .career_type nav ul li a:visited {
	color: #000
}
body.recruit main .career_type nav ul li a:after {
	content: "\f061";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: inline-block;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s
}
body.recruit main .career_type nav ul li a:hover {
	background-color: #aaf0ff
}
body.recruit main .career_type nav ul li a:hover:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.recruit main .career_faq .faq_list dt {
	background-color: #ddf9ff;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	margin-bottom: 1em;
	padding: .25em 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-right: 1em
}
body.recruit main .career_faq .faq_list dt:after {
	position: relative;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	content: '\f103';
	display: block;
	color: #365966;
	font-size: 1.4em
}
body.recruit main .career_faq .faq_list dt span {
	display: block;
	position: relative;
	margin-left: 0.5em;
	/*margin-left: 1.5em*/
}
body.recruit main .career_faq .faq_list dt span:before {
	/*content: "Q.";
	color: #365966;
	display: inline-block;
	position: absolute;
	left: -1.5em;
	top: 0*/
}
body.recruit main .career_faq .faq_list dt:hover:after {
	-webkit-animation-name: link_down;
	animation-name: link_down;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body.recruit main .career_faq .faq_list dt.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
body.recruit main .career_faq .faq_list dd {
	padding: 0;
	margin-left: 0;
	margin-bottom: 1em;
	position: relative
}
body.recruit main .career_faq .faq_list dd span {
	display: inline-block
}
body.recruit main .career_faq .faq_list_inner {
	/*margin-left: 2em;
	padding-left: 10px;*/
	position: relative
}
body.recruit main .career_faq .faq_list_inner:before {
	/*content: "A.";
	color: #365966;
	display: inline-block;
	position: absolute;
	left: -1em;
	top: 0;
	width: 1em*/
}
body.recruit main .career_faq .faq_list dd p {
	margin-top: 0;
	margin-bottom: 0
}
body.recruit main .career_faq .faq_list dd {
	display: none
}
body.recruit main .career_faq ul {
	margin-left: 1em;
	/*padding-left: 0;*/
	padding-left: 1em;
}
body.recruit main .career_faq p.attention {
	margin-top: 3em
}
p.attention a {
	text-indent: 0
}
.main_h1 {
	position: relative;
	z-index: 2;
	top: 60px;
	width: 70%;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5)
}
@media screen and (max-width: 820px) {
	.main_h1 {
		top: 30px
	}
}
@media screen and (max-width: 960px) {
	.main_h1 {
		width: 90%
	}
}
.main_h1 h1 {
	position: relative;
	z-index: 2;
	font-weight: 700;
	margin: 0 0 0 4em;
	padding: 1.5em .5em 1em;
	letter-spacing: 0.1em;
	line-height: 1.2
}
.main_h1 h1 span {
	display: block;
}
.main_h1 h1 span span {
	display: inline;
}
.main_h1 h1 span.large {
	font-size: 2.5em
}
.main_h1 h1 span.little {
	font-size: 65%;
}
@media screen and (max-width: 600px) {
	.main_h1 h1 span.large {
		font-size: 1.57143em
	}
}
.main_h1 h1:before {
	content: "";
	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	width: 3em;
	height: 3em;
	background-color: #42210B;
	display: block;
	position: absolute;
	left: -3.5em;
	top: .5em
}
.main_h1:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff
}
@media screen and (min-width: 1260px) {
	.main_h1 {
		padding-left: calc((100% - 980px) / 2)
	}
}
.wrap_white {
	max-width: 96%;
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 30px;
	padding-left: 1em;
	padding-right: 1em
}
@media screen and (max-width: 820px) {
	.wrap_white {
		padding-top: 50px;
		padding-bottom: 20px
	}
}
.wrap_white_inner {
	max-width: 875px;
	margin: 0 auto;
	padding-bottom: 5rem;
}
.wrap_white.img {
	padding-right: 0;
	padding-left: 0;
	padding-top: 0
}
.wrap_white.img .wrap_white_inner {
	max-width: none
}
.maileyes_catch {
	background-color: rgba(191, 155, 115, 0.6);
	color: #402319;
	font-size: 1.25em;
	text-align: center;
	position: relative
}
@media screen and (min-width: 821px) {
	.maileyes_catch_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.maileyes_catch_wrap>div {
		margin-right: 2em;
		width: 60%
	}
	.maileyes_catch_wrap>p {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}
.maileyes_catch_wrap>p span {
	display: inline-block
}
.maileyes_catch span {
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 2.5em
}
.maileyes_catch:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(138, 137, 131, 0.1)
}
.main_h2 {
	width: 90%;
	margin: 1em auto;
	text-align: center
}
body#ps.ps main .ps_index {
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	padding-top: 2em;
	padding-bottom: 2em;
	margin-top: calc(1em * 1.8 + 20px);
	background-size: cover;
	background-position: top center
}
body#ps.ps main .ps_index_inner>p:first-child {
	margin-top: 3em;
	text-align: center
}
body#ps.ps main .ps_index_inner ul {
	width: 100%;
	margin: 1em auto 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body#ps.ps main .ps_index_inner ul li {
	padding: 0;
	margin: 0 1em 2em;
	width: 260px
}
body#ps.ps main .ps_index_inner ul li a {
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #707070;
	padding: 0 0;
	background-color: #fff
}
body#ps.ps main .ps_index_inner ul li a, body#ps.ps main .ps_index_inner ul li a:visited {
	color: #5F5D54
}
body#ps.ps main .ps_index_inner ul li a dl {
	margin: 0;
	padding: 0
}
body#ps.ps main .ps_index_inner ul li a dt {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 120px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body#ps.ps main .ps_index_inner ul li a dt img {
	max-width: 80%;
	max-height: 80%;
	height: auto;
	width: auto
}
body#ps.ps main .ps_index_inner ul li a dt img.facilsite {
	max-height: 66%
}
body#ps.ps main .ps_index_inner ul li a dt span {
	font-size: 1.625em;
	font-weight: 700;
	display: block;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
	position: relative;
	line-height: 1.4
}
@media screen and (max-width: 820px) {
	body#ps.ps main .ps_index_inner ul li a dt span {
		font-size: 1.42857em
	}
}
body#ps.ps main .ps_index_inner ul li a dt.big {
	position: relative
}
body#ps.ps main .ps_index_inner ul li a dt.big img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	width: 100%;
	display: block;
	max-width: none;
	max-height: none
}
body#ps.ps main .ps_index_inner ul li a dd {
	border-top: 2px solid #707070;
	padding: .5em 0 1em;
	margin: 0 5%
}
body#ps.ps main .ps_index_inner ul li a dd p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.6
}
body#ps.ps main .ps_index_inner ul li:hover a {
	border-color: #F38200;
	box-shadow: 0 0 10px rgba(243, 130, 0, 0.5)
}
body#ps.ps main .ps_index_inner ul li:hover a img {
	max-width: 92%;
	max-height: none
}
body#ps.ps main .ps_index_inner ul li:hover a img.facilsite {
	max-width: 88%;
	max-height: none
}
body#ps.ps main .ps_index_inner ul li:hover a dt span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
body#ps.ps main .ps_index_inner ul li:hover a dt.big img {
	width: 110%
}
body#ps.ps main .ps_index_inner ul li.empty {
	display: block !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important
}
body#ps.ps main .ps_index p.go_case {
	max-width: 875px;
	margin: 3em auto
}
body#ps.ps main .ps_index p.go_case a {
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 1.5em 2em;
	min-width: 50%;
	border-radius: 10px;
	background-color: #75662B;
	font-size: 1.25em;
	-webkit-transition: .3s;
	transition: .3s
}
body#ps.ps main .ps_index p.go_case a, body#ps.ps main .ps_index p.go_case a:visited {
	color: #fff
}
@media screen and (max-width: 600px) {
	body#ps.ps main .ps_index p.go_case a {
		font-size: 1.14286em
	}
}
body#ps.ps main .ps_index p.go_case a:hover {
	background-color: #365966;
	color: #fff
}
body#ps.ps main .ps_index p.go_case a:hover:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body#ps.ps main .ps_index p.go_case a:after {
	position: relative;
	content: '\e801';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: .3em
}
.ps .catch {
	margin: 0;
	border: 5px solid #375a62;
	padding: 1em
}
@media screen and (max-width: 820px) {
	.ps .catch {
		margin: 0
	}
}
.ps .catch p {
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.125em
}
.ps .catch p span {
	display: inline-block
}
@media screen and (max-width: 820px) {
	.ps .catch p span {
		display: inline
	}
}
@media screen and (max-width: 600px) {
	.ps .catch p {
		font-size: 1em
	}
}
.ps .base_wrap {
	padding-top: 30px;
	width: 980px;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff
}
.ps .base_wrap .base_wrap_inner {
	/*width: 875px;
	max-width: 90%;*/
	margin-left: auto;
	margin-right: auto;
}

.ps .base_wrap .base_wrap_inner.bg_green,.ps .base_wrap .base_wrap_inner.bg_blue,.ps .base_wrap .base_wrap_inner.bg_grey {
	padding-bottom: 3em;
}

.base_wrap_inner.bg_white {
	padding-bottom: 1em;
}

.ps .base_wrap .base_wrap_contents {
	position: relative;
}

.ps .base_wrap .bg_green .base_wrap_contents {
	padding: 3em 4em 1em;
}

.ps .base_wrap .bg_blue .base_wrap_contents {
	padding: 3em 4em 0;
}

@media screen and (max-width: 820px) {
	.ps .base_wrap .bg_green .base_wrap_contents {
		padding: 3em 1em 1em;
	}
	.ps .base_wrap .bg_blue .base_wrap_contents {
		padding: 3em 1em 0;
	}
}
	

.ps .base_wrap .base_wrap_contents .balloon {
	position: absolute;
	top: 2.3em;
	left: 4.3em;
	z-index: 8;
	width: 12rem;
}


@media screen and (max-width: 820px) {
	.bg_green .base_wrap_contents .h3_title {
		display: flex;
		height: 8.5rem;
	}
	.ps .base_wrap .bg_green .base_wrap_contents .h3_title .balloon {
		position: static;
        /*width: 13.8rem;*/
		width: 8.5rem;
		top: 0;
		left: 0;
	}
	.ps .base_wrap .bg_green .base_wrap_contents .h3_title h3 {
		position: relative;
		margin: 0;
		display: flex;
        font-size: 2.4rem;
        justify-content: center;
        padding: 0.2em 0.2em 0.2em;
        width: 100%;
		text-align: left;
		line-height: 1.2;
		align-items: center;
	}
	.bg_blue .base_wrap_contents .h3_title {
		display: flex;
		height: 9rem;
	}
	.ps .base_wrap .bg_blue .base_wrap_contents .h3_title .balloon {
		position: static;
        /*width: 13.8rem;*/
		width: 6rem;
		top: 0;
		left: 0;
	}
	.ps .base_wrap .bg_blue .base_wrap_contents .h3_title h3 {
		position: relative;
		margin: 0;
		display: flex;
        font-size: 1.6rem;
        justify-content: center;
        padding: 0.2em 0.2em 0.2em;
        width: 100%;
		line-height: 1.2;
		align-items: center;
	}
}

.ps .base_wrap .base_wrap_contents .point {
	text-align: center;
	font-size: 2.4rem;
	font-weight: nomal;
	font-weight: 500;
	margin: 1em 0 -1.3em;
	padding: 5px;
	position: relative;
	color: #fff;
}

.ps .base_wrap .bg_green .point {
	background-color: #232f3e;
}

.ps .base_wrap .bg_blue .point {
	background-color: #036eb6;
}

.ps .base_wrap .base_wrap_contents .point span {
	font-size: 2.8rem;
	color: #ffda44;
}

.ps .base_wrap .base_wrap_contents h3 {
	text-align: center;
	font-size: 3rem;
	font-weight: nomal;
	font-weight: 500;
	margin: 1em 0 -1em;
	padding: 10px 5px;
	position: relative;
	color: #232f3e;
}


.ps .base_wrap .base_wrap_contents h3 span.wh_line {
	background: linear-gradient(180deg, transparent 50%, #fff 50%);
    padding: 0 0.2em 0.2em;
}

.ps .base_wrap .base_wrap_contents h3 span.small {
	font-size: 2.4rem;
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside {
	padding: 4em 4em 0 4em;
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 {
	padding: 0;
}

@media screen and (max-width: 820px) {
	.ps .base_wrap .base_wrap_contents h3 {
		font-size: 2.4rem;
	}
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside {
		padding: 2em .5em 1em;
	}
}

/*.ps .base_wrap .base_wrap_contents .matome_area::before {
	background: url(../../images/product/simple-security/arrow.png) no-repeat center center / 100% auto;
    bottom: 15.5rem;
    content: "";
    height: 3.1rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
    width: 5.2rem;
}*/

@media screen and (max-width: 820px) {
	.ps .base_wrap .base_wrap_contents .matome_area::before {
		bottom: 10rem;
		width: 2.6rem;
	}
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside h2 {
	margin-top: 0;
    letter-spacing: 0.01em;
    margin-bottom: 2em;
    text-align: center;
    font-weight: 700;
    font-size: 1.75em;
    color: #fff;
    background-color: #595d5a;
}

@media screen and (max-width: 600px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside h2 {
		font-size: 1.42857em;
	}
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside h3,
.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 h3 {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 auto 5rem;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 820px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside h3,
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 h3 {
		/*font-size: 1.6rem;*/
	}
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside h3::after,
.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 h3::after {
	content: '';
	width: 300px;
  	height: 4px;
  	display: inline-block;
  	background-color: #5F5D54;
  	position: absolute;
  	bottom: -10px;
  	left: calc(50% - 150px)
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area,
.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .inside_area {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .inside_area {
	background-color: #f2f2f2;
}

@media screen and (max-width: 600px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .inside_area {
		display: block;
	}
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .text_area {
	padding: 4em 2em;
}

@media screen and (max-width: 820px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .text_area {
		padding: 1em;
	}
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .text_area p {
		font-size: 1.4rem;
	}
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .text_area h4 {
	padding: 0 0 1.5rem;
	margin: 0;
	font-size: 2.4rem;
	font-weight: 600;
}

@media screen and (max-width: 600px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .text_area h4 {
		text-align: center;
	}
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area .inside_area_right {
	position: relative;
}


.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .balloon02 {
	position: absolute;
	width: 10.2rem;
    top: -6rem;
    right: -3rem;
	z-index: 8;
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .balloon03 {
	position: absolute;
	width: 10.2rem;
    top: -9rem;
    right: -3rem;
	z-index: 8;
}

@media screen and (max-width: 820px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .balloon02 {
		top: -2rem;
		width: 9rem;
	}
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .balloon03 {
		width: 9rem;
	}
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area .inside_area_left {
	width: 45%;
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area .inside_area_right {
	width: 45%;
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .inside_area .inside_area_left,
.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .inside_area .inside_area_right {
	width: 50%;
}

@media screen and (max-width: 600px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .inside_area .inside_area_left,
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside_02 .inside_area .inside_area_right {
		width: 100%;
	}
}

.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area p.link a {
	font-size: 1.5em;
	font-weight: 700;
	display: inline-block;
	padding: .8em;
	width: 60%;
	min-width: 280px;
	background-color: #1397ad;
	text-decoration: none;
	border-radius: 10px;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .5);
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 600px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area p.link {
		text-align: center;
	}
}

@media screen and (max-width: 820px) {
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area {
		display: block;
	}
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area .inside_area_left,
	.ps .base_wrap .base_wrap_contents .base_wrap_contents_inside .inside_area .inside_area_right {
		width: 100%;
		margin-bottom: 3rem;
	}

}

.base_wrap_contents_inside .blue_box {
	border: 1px solid #242932;
	padding: 1rem 2rem 2rem 2rem;
	position: relative;
	margin-bottom: 3rem;
}

.base_wrap_contents_inside .blue_box .blue_box_title {
	position: absolute;
	top: 0;
	left: 0;
}

.blue_box_title_02 {
	background-color: #242932;
	text-align: center;
	color: #fff;
	display: inline-block;
	width: 100%;
}

.base_wrap_contents_inside .blue_box h4 {
	padding-left: 12rem;
	font-size: 2.4rem;
	color: #242932;
	margin-top: 0;
	font-weight: 600;
}

@media screen and (max-width: 820px) {
	.base_wrap_contents_inside .blue_box h4 {
		padding-left: 0;
	}
}


.ps .base_wrap .base_wrap_contents .matome_area {
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: nomal;
	font-weight: 500;
	margin: 0 0 -1em;
	padding: 10px 5px;
	position: relative;
	background-color: #cfe8d9;
	color: #232f3e;
}

.ps .base_wrap .base_wrap_contents .matome_area span {
	font-size: 3.5rem;
	color: #ff6e14;
}


@media screen and (max-width: 820px) {
	.ps .base_wrap .base_wrap_contents {
		padding-right: 1em;
		padding-left: 1em;
		padding-bottom: 2em
	}
	.ps .base_wrap .base_wrap_contents .matome_area {
		font-size: 1.6rem;
	}
	.ps .base_wrap .base_wrap_contents .matome_area span {
		font-size: 1.8rem;
	}
}
.ps .base_wrap h2 {
	margin-top: 0;
	letter-spacing: 0.01em;
	margin-bottom: 2em;
	text-align: center;
	font-weight: 700;
	font-size: 1.75em;
	color: #fff;
	background-color: #365966
}
@media screen and (max-width: 820px) {
	.ps .base_wrap h2 {
		margin-bottom: 1em
	}
}
@media screen and (max-width: 600px) {
	.ps .base_wrap h2 {
		font-size: 1.42857em
	}
}
.ps .base_wrap ul.square {
	margin-left: 0;
	padding-left: 0;
	line-height: 1.6
}
.ps .base_wrap ul.square>li {
	margin-left: 1.5em;
	margin-bottom: .5em;
	padding-left: 0;
	list-style: none;
	position: relative
}
.ps .base_wrap ul.square>li:before {
	content: "■";
	display: block;
	position: absolute;
	left: -1.5em;
	top: 0;
	color: #365966
}
.ps .base_wrap ul.square.has_dl>li:before {
	font-size: 1.25em
}
@media screen and (max-width: 600px) {
	.ps .base_wrap ul.square.has_dl>li:before {
		font-size: 1.14286em
	}
}
.ps .base_wrap ul.square.has_dl li>p {
	font-weight: bold;
	font-size: 1.25em;
	color: #365966;
	margin-top: 0;
	margin-bottom: 0
}
@media screen and (max-width: 600px) {
	.ps .base_wrap ul.square.has_dl li>p {
		font-size: 1.14286em
	}
}
.ps .base_wrap ul.square.has_dl>li {
	margin-bottom: 2em
}
.ps .base_wrap dl.under_square {
	margin: 0;
	padding: 0
}
.ps .base_wrap dl.under_square dt {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.25em;
	color: #365966
}
@media screen and (max-width: 600px) {
	.ps .base_wrap dl.under_square dt {
		font-size: 1.14286em
	}
}
.ps .base_wrap dl.under_square dd {
	margin: 0;
	padding: 0
}
.ps .base_wrap dl.under_square dd p {
	margin-top: 0;
	margin-bottom: 0
}
.ps .base_wrap dl.under_square dd ul {
	margin: 1em 0;
	padding-left: 2em;
	list-style: none
}
.ps .base_wrap dl.under_square dd ul li {
	margin-left: 1em;
	position: relative
}
.ps .base_wrap dl.under_square dd ul li:before {
	content: "・";
	position: absolute;
	left: -1em;
	top: 0
}
.ps .base_wrap dl.line {
	margin: 0;
	padding: 0
}
.ps .base_wrap dl.line dt {
	border-left: 10px solid #365966;
	padding-left: 10px;
	margin: 0 0 .5em;
	font-weight: bold;
	font-size: 1.25em;
	color: #365966
}
@media screen and (max-width: 600px) {
	.ps .base_wrap dl.line dt {
		font-size: 1.14286em
	}
}
.ps .base_wrap dl.line dd {
	margin: 0 0 2em;
	padding: 0 0 0 20px
}

@media screen and (max-width: 600px) {
	.ps .base_wrap dl.line dd {
		margin: 0 0 2em;
		padding: 0;
	}
}
.ps .base_wrap span.li01 {
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	display: inline-block
}
.ps .base_wrap table {
	min-width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse
}
.ps .base_wrap table th, .ps .base_wrap table td {
	padding: 5px 1em;
	border: 1px solid #5a93a8;
	border: 1px solid #5a93a8
}
.ps .base_wrap table th span, .ps .base_wrap table td span {
	display: inline-block
}
.ps .base_wrap table th {
	background-color: #365966;
	color: #fff;
	font-weight: 700;
	text-align: left
}
@media screen and (max-width: 600px) {
	.ps .base_wrap table td {
		font-size: .85714em
	}
}
.ps .base_wrap th.cell_center, .ps .base_wrap th.text-center, .ps .base_wrap td.cell_center, .ps .base_wrap td.text-center {
	text-align: center
}
.ps .base_wrap th.text-right, .ps .base_wrap td.text-right {
	text-align: right
}
.ps .base_wrap tr.text-right th, .ps .base_wrap tr.text-right td {
	text-align: right
}
.ps .base_wrap table.th_center th {
	text-align: center
}
.ps .base_wrap tr.no_border tr, .ps .base_wrap tr.no_border td, .ps .base_wrap tr.no_border th {
	border: 0 none
}
.ps .base_wrap .small {
	font-size: .875em
}
.ps .base_wrap .small p.attention {
	margin-top: 0;
	margin-bottom: 0
}
.ps .base_wrap ul.tile03 {
	text-align: center;
	margin: 0;
	padding: 0
}
.ps .base_wrap ul.tile03>li {
	margin: 0;
	padding: 0;
	list-style: none
}
.ps .base_wrap ul.tile03>li ul {
	margin: 0;
	padding: 0
}
.ps .base_wrap ul.tile03>li ul>li {
	color: #000;
	list-style: none;
	margin: 0 0 5px;
	padding: 0 .5em;
	background-color: #D2BDA5;
	border-radius: 5px;
	font-weight: 700
}
.ps .base_wrap ul.tile03>li ul>li span+span {
	display: block;
	font-size: 12px;
	line-height: 1.3;
	padding-bottom: .5em
}
.ps .base_wrap ul.tile03>li ul>li p {
	margin-top: 0;
	margin-bottom: 0
}
@media screen and (max-width: 820px) {
	.ps .base_wrap ul.tile03>li ul {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3em
	}
}
@media screen and (min-width: 821px) {
	.ps .base_wrap ul.tile03 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.ps .base_wrap ul.tile03>li {
		width: calc((100% - 60px)/3)
	}
}
.ps .base_wrap ul.border {
	margin: 2em 0 3em 0;
	padding: 0
}
.ps .base_wrap ul.border li {
	list-style: none;
	margin: 0 0 .5em;
	padding: 0 1em;
	border: 1px solid #5F5D54;
	border-radius: 5px;
	text-align: center
}
.ps .wrap_white_contact {
	background-color: #fff;
	width: 875px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1em
}
.ps .wrap_white_contact .contact_banner,
.ps .wrap_white_contact .contact_banner_02 {
	padding: 0
}

.ps .wrap_white_contact .contact_banner_inner {
	margin-left: auto;
	margin-right: auto
}
.ps .wrap_white_contact .contact_banner_inner {
	width: 875px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto
}
.ps .contact_banner {
	padding: 2em 0
}
.ps .contact_banner_02 {
	padding: 0 0 2em;
	background: url(../../images/product/simple-security/kochira_man.png) no-repeat #ebb619;
	background-position: bottom right;
	background-size: 190px 189px;
}

@media screen and (max-width: 600px) {
	.ps .contact_banner_02 {
		background-size: 95px 94px;
	}
}


.ps .top_img {
	position: relative
}
.ps .top_img_text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.ps .top_img_text p {
	max-width: 720px;
	min-width: 60%;
	background-color: rgba(30, 30, 30, 0.75);
	margin: 0;
	padding: 20px 1em 20px 2em;
	color: #fff;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.01em;
	font-size: 2em
}
@media screen and (max-width: 820px) {
	.ps .top_img_text p {
		font-size: 1.85714em
	}
}
@media screen and (max-width: 600px) {
	.ps .top_img_text p {
		font-size: 1.14286em
	}
}
@media screen and (max-width: 820px) {
	.ps .top_img_text p {
		width: auto;
		display: inline-block;
		padding: 10px
	}
}
.ps .top_img+p {
	max-width: 90%;
	width: 875px;
	margin-right: auto;
	margin-left: auto
}
.ps main .mt0 {
	margin-top: 0
}
.ps main .mb0 {
	margin-bottom: 0
}
.ps main .mb6em {
	margin-bottom: 6em
}
.np365kb_topimg {
	background-image: url(../../images/product/np365kb/np365kb_img01.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto
}
.np365kb_topimg_01 {
	display: block
}
.np365kb_topimg_02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%
}
.np365kb_topimg_02>img {
	width: 19.42857%
}
.np365kb_topimg_02 a {
	width: 35.31429%;
	display: block
}
.np365kb_topimg_02 a img {
	position: relative;
	width: 100%
}
.np365kb_topimg_02 a+img {
	width: 45.25714%
}
.np365kb_topimg_02 a:hover img {
	-webkit-animation-name: link_down;
	animation-name: link_down;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.np365kb_layout01 {
	text-align: center
}
.np365kb_layout01_catch {
	line-height: 1.4;
	font-weight: 700;
	font-size: 1.75em;
	text-align: center;
	margin: 1em auto;
	/*color: #FE5631*/
}
@media screen and (max-width: 600px) {
	.np365kb_layout01_catch {
		font-size: 1.42857em
	}
}
.np365kb_layout01_catch span {
	display: inline-block
}
.np365kb_layout01 ul {
	margin: 0 auto;
	padding: 0;
	display: inline-block
}
.np365kb_layout01 ul li {
	text-align: left;
	list-style: none;
	margin: 1em 0 0 3em;
	padding: 0;
	position: relative;
	font-size: 1.25em
}
@media screen and (max-width: 600px) {
	.np365kb_layout01 ul li {
		font-size: 1.07143em
	}
}
.np365kb_layout01 ul li:before {
	content: "";
	width: 2em;
	height: 2em;
	position: absolute;
	left: -2.5em;
	top: 0;
	background-image: url(../../images/product/np365kb/icon_checked.png);
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}
.np365kb_layout01 ul+p {
	margin: 2em 0 1em;
	line-height: 1.4;
	background-color: #F9DF99;
	padding: 1em;
	font-size: 1.75em;
	font-weight: 700
}
@media screen and (max-width: 600px) {
	.np365kb_layout01 ul+p {
		font-size: 1.42857em
	}
}
.np365kb_layout01 ul+p span {
	display: inline-block
}
.np365kb_layout01 ul+p span.red {
	color: #FE5631
}
.np365kb_layout02 .h2_wrap {
	cursor: pointer;
	background-color: #0B88C8;
	padding-right: 1em;
	padding-left: 1em;
	margin-bottom: 1em
}
.np365kb_layout02 h2 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.4;
	max-width: 875px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	padding: .5em 0 .5em 0;
	font-weight: 700;
	font-size: 1.75em
}
.np365kb_layout02 h2>span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	text-align: center
}
.np365kb_layout02 h2>span span {
	display: inline-block
}
@media screen and (max-width: 600px) {
	.np365kb_layout02 h2 {
		font-size: 1.42857em
	}
}
.np365kb_layout02 h2:after {
	-webkit-transition: .3s;
	transition: .3s;
	content: "";
	width: 1em;
	height: 1em;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	display: block;
	margin-top: -.25em
}
.np365kb_layout02 .h2_wrap.active h2:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: relative;
	top: .5em
}
.np365kb_layout02_inner {
	max-width: 875px;
	margin: 0 auto;
	padding: 0 1em 1em
}
@-webkit-keyframes accordion {
	0% {
		opacity: 0;
		height: 0
	}
	1% {
		opacity: 0;
		height: 10px
	}
	100% {
		opacity: 1;
		max-height: auto
	}
}
@keyframes accordion {
	0% {
		opacity: 0;
		height: 0
	}
	1% {
		opacity: 0;
		height: 10px
	}
	100% {
		opacity: 1;
		max-height: auto
	}
}
.np365kb_layout02_inner {
	-webkit-transition: .5s;
	transition: .5s;
	max-height: 0;
	overflow: hidden;
	opacity: 0
}
.np365kb_layout02 .h2_wrap.active+.np365kb_layout02_inner {
	opacity: 1;
	overflow: visible;
	max-height: 99999px
}
.np365kb_layout03 .movie {
	text-align: center;
	border: 1px solid #ccc;
	padding: 1em;
	max-width: 700px;
	margin: 0 auto
}
.np365kb_layout03 .movie p span {
	display: inline-block
}
.np365kb_layout03_catch3 {
	margin-top: 0
}
.np365kb_layout04 h4 {
	margin-top: 3em;
	color: #fff;
	padding-left: 2em;
	padding-right: 2em;
	padding: .5em 2em;
	line-height: 1.4;
	font-size: 1.625em;
	background-color: #85BE46
}
@media screen and (max-width: 820px) {
	.np365kb_layout04 h4 {
		padding-left: 1em;
		padding-right: 1em
	}
}
@media screen and (max-width: 600px) {
	.np365kb_layout04 h4 {
		font-size: 1.28571em
	}
}
.np365kb_layout04 h4 span {
	display: inline-block;
	margin-right: .3em
}
.np365kb_layout04 h4 span.yellow {
	color: #FBEC5B
}
.np365kb_layout04 h3 {
	background-color: #0B88C8;
	margin-top: 3em;
	color: #fff;
	padding: .25em .5em;
	font-size: 1.625em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media screen and (max-width: 600px) {
	.np365kb_layout04 h3 {
		font-size: 1.28571em
	}
}
.np365kb_layout04 h3 span.red {
	display: block;
	padding: 0 2em;
	background-color: #FF3B0A;
	color: #fff;
	font-size: .7em;
	margin-right: 1em;
	border-radius: 1em
}
@media screen and (max-width: 820px) {
	.np365kb_layout04 h3 span.red {
		text-align: center;
		min-width: 4em;
		padding: 0
	}
}
.np365kb_layout04 h3 span.red+span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 1.4
}
.np365kb_layout04 h3 span.red+span span {
	display: inline-block
}
.np365kb_layout04_before dl, .np365kb_layout04_after dl {
	margin: 0;
	padding: 0
}
.np365kb_layout04_before dl dt, .np365kb_layout04_after dl dt {
	margin: 0;
	padding: 0
}
.np365kb_layout04_before dl dt span, .np365kb_layout04_after dl dt span {
	display: inline-block;
	padding: 0 2em;
	line-height: 2em;
	border-radius: 1em;
	color: #fff;
	text-align: center;
	font-size: 1.25em;
	font-weight: 700
}
.np365kb_layout04_before dl dd, .np365kb_layout04_after dl dd {
	margin: .5em 0 1em;
	padding: 1em 2em;
	border: 1px solid #ccc;
	text-align: center
}
.np365kb_layout04_before dl dd ul, .np365kb_layout04_after dl dd ul {
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	padding: 0
}
.np365kb_layout04_before dl dd figure, .np365kb_layout04_after dl dd figure {
	margin: 1em auto
}
.np365kb_layout04_before dl dt span {
	background-color: #0B88C8
}
.np365kb_layout04_after dl dt span {
	background-color: #FF3B0A
}
.np365kb_layout04_after {
	position: relative
}
.np365kb_layout04_after:before {
	display: block;
	width: 100%;
	height: 50px;
	content: "";
	background-image: url("../../images/product/np365kb/icon_yellow_down.png");
	background-repeat: no-repeat;
	background-position: center center
}
.np365kb_layout03_catch, .np365kb_layout03_catch2, .np365kb_layout03_catch3, .np365kb_layout04_catch, .np365kb_layout04_catch2, .np365kb_layout04_catch3 {
	line-height: 1.4;
	font-weight: 700;
	font-size: 1.75em;
	text-align: center;
	margin: 1em auto;
	color: #000000
}
@media screen and (max-width: 600px) {
	.np365kb_layout03_catch, .np365kb_layout03_catch2, .np365kb_layout03_catch3, .np365kb_layout04_catch, .np365kb_layout04_catch2, .np365kb_layout04_catch3 {
		font-size: 1.42857em
	}
}
.np365kb_layout03_catch span, .np365kb_layout03_catch2 span, .np365kb_layout03_catch3 span, .np365kb_layout04_catch span, .np365kb_layout04_catch2 span, .np365kb_layout04_catch3 span {
	display: inline-block
}
.np365kb_layout03_catch2, .np365kb_layout04_catch2 {
	color: #0B88C8
}
.np365kb_layout03_catch3, .np365kb_layout04_catch3 {
	color: #7b0
}
.np365kb_layout05 h4 {
	margin: 3em 0 0;
	color: #0B88C8;
	line-height: 1.4;
	font-weight: 700;
	font-size: 1.75em;
	text-align: center
}
@media screen and (max-width: 600px) {
	.np365kb_layout05 h4 {
		font-size: 1.42857em
	}
}
.np365kb_layout05 h4+p {
	text-align: center
}
.np365kb_layout05 .np365kb_flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}
.np365kb_layout05 .np365kb_flow strong {
	display: inline-block
}
.np365kb_layout05 .np365kb_flow .bf, .np365kb_layout05 .np365kb_flow .af {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	font-size: 1.5em;
	padding: .5em;
	width: calc((100% - 1.5em) / 2)
}
@media screen and (max-width: 600px) {
	.np365kb_layout05 .np365kb_flow .bf, .np365kb_layout05 .np365kb_flow .af {
		font-size: 1.14286em
	}
}
.np365kb_layout05 .np365kb_flow div {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	width: 1.5em
}
.np365kb_layout05 .np365kb_flow div:before {
	border-width: 0.75em 0 .75em 1.5em
}
.np365kb_layout05 .np365kb_cost {
	font-size: 1.75em
}
@media screen and (max-width: 600px) {
	.np365kb_layout05 .np365kb_cost {
		font-size: 1.42857em
	}
}
.np365kb_layout05 .np365kb_cost strong {
	font-size: 2em
}
.np365kb_layout05 .np365kb_flow {
	width: 100%;
	margin: 0 0 10px 0
}
.np365kb_layout05 .np365kb_flow .bf {
	border: 1px solid #66b8e0;
	background: #fff;
	line-height: 1.4;
	text-align: center
}
.np365kb_layout05 .np365kb_flow .bf strong {
	font-weight: bold
}
.np365kb_layout05 .np365kb_flow .af {
	border: 1px solid #f90;
	background: #ffc;
	font-weight: bold;
	line-height: 1.4;
	text-align: center
}
.np365kb_layout05 .np365kb_flow .af span {
	color: #f52
}
.np365kb_layout05 .np365kb_flow .af strong {
	color: #f52
}
.np365kb_layout05 .np365kb_flow div {
	position: relative;
	display: table-cell;
	vertical-align: middle
}
.np365kb_layout05 .np365kb_flow div:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #08c
}
.np365kb_layout05 .np365kb_cost {
	margin: 10px 0 0 0;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #000
}
.np365kb_layout05 .np365kb_cost span {
	color: #f30
}
.np365kb_layout05 .np365kb_sp {
	margin: 5px 0 0 0;
	font-size: 12px;
	line-height: 1.2;
	text-align: center
}
.np365kb_example ul {
	margin: 2em 0;
	padding: 0
}
.np365kb_example ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-transition: .3s;
	transition: .3s
}
.np365kb_example ul li a {
	text-decoration: none
}
.np365kb_example ul li a, .np365kb_example ul li a:visited {
	color: #000
}
.np365kb_example ul li img {
	max-height: 48px;
	max-width: 150px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto
}
.np365kb_example ul li p.logo {
	text-align: center;
	width: 150px;
	margin-right: 1em;
	margin-left: auto;
	margin-right: auto
}
.np365kb_example ul li p.btn {
	margin: 0 0 0 1em;
	text-align: center
}
.np365kb_example ul li p.btn span {
	display: inline-block;
	padding: .5em 2em;
	line-height: 1.4;
	color: #fff;
	background-color: #0B88C8;
	border-radius: 1.4em;
	border: 1px solid #0B88C8;
	-webkit-transition: .3s;
	transition: .3s
}
.np365kb_example ul li:hover p.btn span {
	color: #0B88C8;
	background-color: #fff
}
@media screen and (min-width: 821px) {
	.np365kb_example ul li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.np365kb_example ul li p.logo {
		margin-right: 1em
	}
	.np365kb_example ul li p.tile {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.np365kb_example ul li p.btn {
		margin-left: 1em
	}
}
.np365kb_example ul li+li {
	border-top: 1px solid #0B88C8;
	margin-top: 1em
}
.np365kb_example ul+p {
	text-align: center
}
.np365kb_example ul+p a {
	cursor: pointer;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: nomal;
	display: inline-block;
	min-width: 200px;
	text-align: center
}
@media screen and (max-width: 600px) {
	.np365kb_example ul+p a {
		min-width: 160px
	}
}
.np365kb_example ul+p a {
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: nomal;
	line-height: 2;
	padding: 20px 80px;
	letter-spacing: 0.13em;
	border-radius: 10px;
	background-color: #13A58E;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border: 1px solid #13A58E
}
.np365kb_example ul+p a, .np365kb_example ul+p a a:visited {
	color: #fff
}
@media screen and (max-width: 600px) {
	.np365kb_example ul+p a {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: nomal;
		padding: 20px
	}
}
.np365kb_example ul+p a:hover {
	border: 1px solid #13A58E;
	background-color: #fff;
	color: #13A58E
}
.np365kb_support>p:first-child {
	font-size: 1.625em;
	text-align: center;
	font-weight: 700;
	line-height: 1.4
}
@media screen and (max-width: 600px) {
	.np365kb_support>p:first-child {
		font-size: 1.28571em
	}
}
.np365kb_support>p:first-child span {
	display: inline-block
}
.np365kb_support ul {
	margin: 0;
	padding: 0
}
.np365kb_support ul li {
	margin: 0;
	padding: 0;
	list-style: none
}
.np365kb_support ul dl, .np365kb_support ul dt, .np365kb_support ul dd {
	margin: 0;
	padding: 0
}
.np365kb_support ul dt {
	color: #0B88C8;
	font-weight: 700;
	font-size: 1.125em
}
.np365kb_support ul dd {
	margin-bottom: 2em
}
.np365kb_support ul figure {
	margin-bottom: .5em
}
.np365kb_support ul figure img {
	border: 1px solid #ccc
}
@media screen and (min-width: 821px) {
	.np365kb_support ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.np365kb_support ul li {
		width: calc((100% - 60px) / 3)
	}
}
@media screen and (max-width: 820px) {
	.np365kb_support ul li {
		max-width: 340px;
		margin-right: auto;
		margin-left: auto
	}
}
.np365kb_intro {
	margin-bottom: 2em;
	margin-top: 2em
}
.np365kb_intro .intro_flow {
	border: 1px solid #ccc;
	background: #fff;
	padding: 1em
}
.np365kb_intro .intro_flow dl {
	margin: 0
}
.np365kb_intro .intro_flow dt {
	color: #0B88C8;
	font-weight: 700;
	font-size: 1.25em
}
.np365kb_intro .intro_flow dd {
	margin: 0
}
.np365kb_intro .intro_flow_inner p {
	line-height: 1;
	margin: .5em 0 0
}
.np365kb_intro .intro_flow_inner p:first-child {
	color: #f60
}
.np365kb_intro .intro_flow_inner p:first-child span {
	font-size: .875em;
	color: #888
}
.np365kb_intro .intro_flow_inner p+p a {
	text-decoration: none;
	padding-right: 1em;
	position: relative
}
.np365kb_intro .intro_flow_inner p+p a, .np365kb_intro .intro_flow_inner p+p a:visited {
	color: #f60
}
.np365kb_intro .intro_flow_inner p+p a:after {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	content: '\f101';
	display: block;
	font-size: 1.4em;
	position: absolute;
	right: 0;
	top: .05em
}
.np365kb_intro .intro_flow_inner p+p a:hover:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@media screen and (min-width: 821px) {
	.np365kb_intro .intro_flow_inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}
}
.np365kb_intro .next {
	margin: 0 auto;
	text-align: center
}
.np365kb_intro .next img {
	max-width: 100px;
	height: auto;
	vertical-align: top
}
.np365kb_intro .tel {
	float: left;
	font-weight: bold;
	line-height: 1;
	color: #f60
}
.np365kb_intro .tel span {
	font-size: 10px;
	color: #888
}
.np365kb_intro .form {
	float: right;
	margin: 10px 0 0 0;
	font-weight: bold;
	line-height: 1;
	text-align: right;
	color: #f60
}
.np365kb_intro .form a {
	padding: 0 14px 0 0;
	color: #f60
}
.np365kb_faq h3 {
	line-height: 1.4;
	color: #0B88C8;
	font-size: 1.625em;
	border-left: 8px solid #0B88C8;
	padding-left: 12px;
	font-weight: 700
}
@media screen and (max-width: 600px) {
	.np365kb_faq h3 {
		font-size: 1.28571em
	}
}
.np365kb_faq a, .np365kb_faq a:visited {
	color: #f60;
	text-decoration: underline
}
.np365kb_faq a:hover {
	text-decoration: none
}
.np365kb_faq .faq_list dt {
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	margin-bottom: 1em;
	padding: .5em 10px;
	border: 1px solid #0B88C8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-right: 1em
}
.np365kb_faq .faq_list dt:after {
	position: relative;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	content: '\f103';
	display: block;
	color: #0B88C8;
	font-size: 1.4em
}
.np365kb_faq .faq_list dt span {
	display: block;
	position: relative;
	margin-left: 1.5em
}
.np365kb_faq .faq_list dt span:before {
	content: "Q.";
	color: #0B88C8;
	display: inline-block;
	position: absolute;
	left: -1.5em;
	top: 0
}
.np365kb_faq .faq_list dt:hover:after {
	-webkit-animation-name: link_down;
	animation-name: link_down;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.np365kb_faq .faq_list dt.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.np365kb_faq .faq_list dd {
	padding: 0;
	margin-left: 0;
	margin-bottom: 1em;
	position: relative
}
.np365kb_faq .faq_list_inner {
	margin-left: 2em;
	padding-left: 10px;
	position: relative
}
.np365kb_faq .faq_list_inner:before {
	content: "A.";
	color: #0B88C8;
	display: inline-block;
	position: absolute;
	left: -1em;
	top: 0;
	width: 1em
}
.np365kb_faq .faq_list dd p {
	margin-top: 0;
	margin-bottom: 0
}
.np365kb_faq .faq_list dd {
	display: none
}
.np365kb_faq ul {
	margin-left: 1em;
	padding-left: 0
}
.np365kb_fee h2 {
	margin-top: 0;
	background-color: #0B88C8;
	margin-bottom: 1em;
	padding: .5em 1em;
	text-align: center;
	line-height: 1.4;
	color: #fff;
	font-weight: 700;
	font-size: 1.75em
}
@media screen and (max-width: 600px) {
	.np365kb_fee h2 {
		font-size: 1.42857em
	}
}
.np365kb_fee h2>span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	text-align: center
}
.np365kb_fee h2>span span {
	display: inline-block
}
.np365kb_fee a, .np365kb_fee a:visited {
	color: #f60;
	text-decoration: underline
}
.np365kb_fee a:hover {
	text-decoration: none
}
.np365kb_fee_inner {
	max-width: 875px;
	margin: 0 auto;
	padding: 0 0 1em
}
.np365kb_fee_cost {
	margin-bottom: 0;
	font-weight: 700;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: 0.05em
}
.np365kb_fee_cost span {
	color: #f30
}
.np365kb_fee_cost strong {
	font-size: 2em;
	display: inline-block;
	padding-left: 5px
}
.np365kb_fee_attention {
	line-height: 1.4;
	text-align: center
}
.np365kb_fee_attention p {
	margin-top: 0;
	margin-bottom: 0;
	color: #888;
	display: inline-block;
	font-size: .875em
}
.np365kb_download h2 {
	margin-top: 0;
	background-color: #0B88C8;
	margin-bottom: 1em;
	padding: .5em 1em;
	text-align: center;
	line-height: 1.4;
	color: #fff;
	font-weight: 700;
	font-size: 1.75em
}
@media screen and (max-width: 600px) {
	.np365kb_download h2 {
		font-size: 1.42857em
	}
}
.np365kb_download h2>span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	text-align: center
}
.np365kb_download h2>span span {
	display: inline-block
}
.np365kb_download ul {
	margin: 2em 0;
	padding: 0
}
.np365kb_download ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-transition: .3s;
	transition: .3s
}
.np365kb_download ul li a {
	text-decoration: none
}
.np365kb_download ul li a, .np365kb_download ul li a:visited {
	color: #000
}
.np365kb_download ul li img {
	display: inline-block;
	margin-left: auto;
	margin-right: auto
}
.np365kb_download ul li figure {
	text-align: center;
	width: 150px;
	margin-right: 1em;
	margin-left: auto;
	margin-right: auto
}
.np365kb_download ul li p.btn {
	margin: 0;
	text-align: center
}
.np365kb_download ul li p.btn span {
	display: block;
	padding: .5em 2em;
	line-height: 1.4;
	color: #fff;
	background-color: #0B88C8;
	border-radius: 1.4em;
	border: 1px solid #0B88C8;
	-webkit-transition: .3s;
	transition: .3s
}
.np365kb_download ul li:hover p.btn span {
	color: #0B88C8;
	background-color: #fff
}
.np365kb_download ul li+li {
	border-top: 1px solid #0B88C8;
	margin-top: 1em
}
.np365kb_download a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: auto;
	margin-right: auto;
	margin-left: auto
}
.np365kb_download_inner {
	min-width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.np365kb_download_text {
	display: inline-block;
	margin-left: 1em
}
.np365kb_download_text>p:first-child span {
	display: inline-block
}
@media screen and (max-width: 820px) {
	.np365kb_download_text {
		text-align: center
	}
}
body#np365kb main div.wrap_white2 div.contact_banner.phone div.contact_banner_inner,
body#np365kb main div.wrap_white2 div.contact_banner_02.phone div.contact_banner_inner {
	width: 100%
}
@media screen and (min-width: 821px) {
	body.ps main .anchor {
		/*top: -80px*/
		top: -30px
	}
}
@media screen and (max-width: 820px) {
	body.ps main .anchor {
		top: -50px
	}
}
body.ps main .main_nav_ps {
	background-color: #023C49
}
body#np365kb main .main_nav_ps {
	background-color: #0B88C8
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%
}
body#ict_move .ict_move_contents01, body#ict_move .ict_move_contents02 {
	padding: 1em 1em 0;
	margin: 1em 0;
	border: 1px solid #5F5D54
}
body#ict_move .ict_move_contents01>dl, body#ict_move .ict_move_contents02>dl {
	margin: 0;
	padding: 0
}
body#ict_move .ict_move_contents01>dl>dt, body#ict_move .ict_move_contents02>dl>dt {
	margin: 0 0 1em;
	padding: 0;
	font-weight: bold;
	font-size: 1.375em
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents01>dl>dt, body#ict_move .ict_move_contents02>dl>dt {
		font-size: 1.28571em
	}
}
body#ict_move .ict_move_contents01>dl>dd, body#ict_move .ict_move_contents02>dl>dd {
	margin: 0;
	padding: 0
}
body#ict_move .ict_move_contents01>dl>dd>p, body#ict_move .ict_move_contents02>dl>dd>p {
	margin-top: 0
}
body#ict_move .ict_move_contents01_inner {
	margin-top: 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
body#ict_move .ict_move_contents01_inner>div {
	width: calc((100% - 16px)/2)
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents01_inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	body#ict_move .ict_move_contents01_inner>div {
		width: 100%
	}
}
body#ict_move .ict_move_contents01_left {
	font-size: .875em
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents01_left {
		font-size: .85714em
	}
}
body#ict_move .ict_move_contents01_left ul {
	max-width: 410px;
	margin: 0 auto 2em;
	padding-left: 0
}
body#ict_move .ict_move_contents01_left li {
	list-style: none;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: 1em;
	padding-left: 0
}
body#ict_move .ict_move_contents01_left li:before {
	position: absolute;
	content: "・";
	left: -1em;
	top: 0
}
body#ict_move .ict_move_contents01_left li span {
	display: inline-block
}
body#ict_move .ict_move_contents01_right ol {
	max-width: 410px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body#ict_move .ict_move_contents01_right ol li {
	margin: 0;
	padding: 0;
	width: calc((100% - 16px)/2)
}
body#ict_move .ict_move_contents01_right ol li dl {
	margin: 0;
	padding: 0;
	position: relative
}
body#ict_move .ict_move_contents01_right ol li dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #CE6503;
	font-weight: 700;
	font-size: 1em
}
body#ict_move .ict_move_contents01_right ol li dt span+span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 1.2
}
body#ict_move .ict_move_contents01_right ol li dt span+span span {
	display: inline-block
}
body#ict_move .ict_move_contents01_right ol li dt>span:first-child {
	display: inline-block;
	background-color: #CE6503;
	color: #fff;
	padding: 5px .5em;
	margin-right: 10px;
	border-radius: 5px;
	font-weight: 700;
	font-size: .8125em
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents01_right ol li dt>span:first-child {
		font-size: .85714em
	}
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents01_right ol li dt {
		font-size: 1em
	}
}
body#ict_move .ict_move_contents01_right ol li dd {
	padding-top: 1em;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 2em
}
body#ict_move .ict_move_contents01_right p {
	line-height: 1.4;
	font-size: .875em
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents01_right p {
		font-size: .85714em
	}
}
body#ict_move .ict_move_contents01_right p span {
	display: inline-block
}
body#ict_move .ict_move_contents02 ol {
	margin: 2em auto 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body#ict_move .ict_move_contents02 ol li {
	width: calc((100% - 32px)/2)
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents02 ol li {
		width: 100%;
		max-width: 410px
	}
}
body#ict_move .ict_move_contents02 ol li {
	margin: 0 0 2em;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents02 ol li {
		margin: 0 auto 2em
	}
}
body#ict_move .ict_move_contents02 ol li dl, body#ict_move .ict_move_contents02 ol li figure {
	width: calc((100% - 16px)/2)
}
body#ict_move .ict_move_contents02 ol li dl {
	margin: 0;
	padding: 0
}
body#ict_move .ict_move_contents02 ol li dt {
	margin: 0;
	padding: 0
}
body#ict_move .ict_move_contents02 ol li dt>span {
	display: inline-block;
	background-color: #CE6503;
	color: #fff;
	padding: 5px .5em;
	margin-right: 10px;
	border-radius: 5px;
	font-weight: 700;
	font-size: .8125em
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents02 ol li dt>span {
		font-size: .85714em
	}
}
body#ict_move .ict_move_contents02 ol li dd {
	margin: 1em 0 2em;
	padding: 0;
	line-height: 1.4;
	font-size: .875em
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents02 ol li dd {
		font-size: .85714em
	}
}
body#ict_move .ict_move_contents02 ol li dd span {
	display: inline-block
}
body#ict_move .ict_move_contents02 span.mark {
	text-indent: 0;
	display: inline-block;
	background-color: #CE6503;
	color: #fff;
	padding: 0 .5em;
	border-radius: 5px;
	font-weight: 700;
	font-size: .8125em
}
@media screen and (max-width: 820px) {
	body#ict_move .ict_move_contents02 span.mark {
		font-size: .85714em
	}
}
body#three_d_plan main .three_d_plan_content01_inner h3 {
	margin: 0 0 .5em;
	padding: 0
}
body#three_d_plan main .three_d_plan_content01_inner h3 img {
	max-width: none;
	width: 100%;
	height: auto
}
@media screen and (min-width: 821px) {
	body#three_d_plan main .three_d_plan_content01 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		-ms-grid-rows: (1fr)[5];
		grid-template-rows: repeat(5, 1fr);
		grid-column-gap: 30px;
		grid-row-gap: 30px
	}
	body#three_d_plan main .three_d_plan_content01 .three_d_plan_01 {
		grid-area: 1 / 1 / 3 / 2
	}
	body#three_d_plan main .three_d_plan_content01 .three_d_plan_02 {
		grid-area: 2 / 2 / 4 / 3
	}
	body#three_d_plan main .three_d_plan_content01 .three_d_plan_03 {
		grid-area: 3 / 1 / 5 / 2
	}
	body#three_d_plan main .three_d_plan_content01 .three_d_plan_04 {
		grid-area: 4 / 2 / 6 / 3
	}
}
body#system-integration main .system-integration_content01 {
	width: 700px;
	max-width: 96%;
	margin: 3em auto 0
}
body#system-integration main .system-integration_content01 h2 {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0
}
body#system-integration main .system-integration_content01 h2 img {
	max-width: none;
	width: 100%;
	height: auto
}
body#system-integration main .system-integration_content02 {
	position: relative
}
body#system-integration main .system-integration_content02 h3 {
	font-size: 1.375em;
	font-weight: 400;
	background-color: #69a460;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	margin: 3em 0 0;
	padding: .5em 1em .5em;
	position: relative
}
@media screen and (max-width: 820px) {
	body#system-integration main .system-integration_content02 h3 {
		font-size: 1em
	}
}
body#system-integration main .system-integration_content02 h3 span.large {
	display: inline-block;
	font-size: 1.5em;
	font-weight: 700
}
body#system-integration main .system-integration_content02 h3:after {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	bottom: -16px;
	left: 50%;
	margin-left: -16px;
	border-width: 16px 16px 0 16px;
	border-color: #69a460 transparent transparent transparent
}
body#system-integration main .system-integration_content02_inner {
	position: relative
}
body#system-integration main .system-integration_content02_inner p {
	text-align: center;
	position: relative;
	z-index: 2
}
body#system-integration main .system-integration_content02_inner:after {
	content: "";
	position: absolute;
	display: block;
	z-index: 1;
	-webkit-transition: .3s;
	transition: .3s
}
@media screen and (min-width: 821px) {
	body#system-integration main .system-integration_content02_inner:after {
		width: 80%;
		height: 40%;
		top: 2em;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		border: 16px solid #F8C781;
		border-radius: 100%
	}
}
@media screen and (max-width: 820px) {
	body#system-integration main .system-integration_content02_inner:after {
		width: 100%;
		height: calc(100% - 2em);
		top: 2em;
		left: 0;
		border-radius: 1em;
		border: 10px solid #F8C781
	}
}
body#system-integration main .system-integration_content02_main {
	position: relative;
	z-index: 2
}
body#system-integration main .system-integration_content02_main dl {
	margin: 0 auto;
	padding: 0 0 2em
}
body#system-integration main .system-integration_content02_main dt {
	text-align: center;
	margin: 0;
	padding: 0
}
body#system-integration main .system-integration_content02_main dd {
	margin: 0;
	padding: 0;
	font-size: .875em;
	line-height: 1.4;
	text-align: center
}
body#system-integration main .system-integration_content02_main dd span {
	display: inline-block
}
@media screen and (max-width: 820px) {
	body#system-integration main .system-integration_content02_main dd {
		font-size: .85714em
	}
}
body#system-integration main .system-integration_content02_main dd ul {
	margin: 0 0 0 1em;
	padding: 0
}
body#system-integration main .system-integration_content02_main dd ul li {
	text-align: left;
	margin-left: 1em
}
@media screen and (min-width: 821px) {
	body#system-integration main .system-integration_content02_main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body#system-integration main .system-integration_content02_main dl {
		width: 179px
	}
}
@media screen and (max-width: 820px) {
	body#system-integration main .system-integration_content02_main dl {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body#system-integration main .system-integration_content02_main dl dt {
		width: 40%
	}
	body#system-integration main .system-integration_content02_main dl dd {
		width: 60%
	}
}
@media screen and (min-width: 821px) {
	body#system-integration main .system-integration_content03 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body#system-integration main .system-integration_content03 dl:first-child, body#system-integration main .system-integration_content03 dl:nth-child(2) {
		width: calc((100% - 30px)/2)
	}
	body#system-integration main .system-integration_content03 dl:last-child {
		width: 100%
	}
}
body#system-integration main .system-integration_content03 dl {
	margin: 0;
	padding: 0
}
body#system-integration main .system-integration_content03 dl dt {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.25em;
	color: #365966
}
@media screen and (max-width: 600px) {
	body#system-integration main .system-integration_content03 dl dt {
		font-size: 1.14286em
	}
}
body#system-integration main .system-integration_content03 dl dd {
	margin: 0 0 3em;
	padding: 0
}
body#system-integration main .system-integration_content03 dl dd p {
	margin-top: 0
}
body#system-integration main .base_wrap_contents table {
	margin-bottom: 2em
}
body#system-integration main .base_wrap_contents table th {
	min-width: 10em;
	white-space: nowrap
}
body#simple-security main .wrap_white_inner .catch {
	border-color: #0B1E42
}
body#simple-security main .main_nav_ps {
	background-color: #595d5a;
}
body#simple-security main h2 {
	/*padding: 30px 0;*/
	margin-bottom: 40px;
}

body#simple-security main .bg_green p {
	background-color: #242932;
	position: relative;
	padding: 30px 0;
    margin-bottom: 20px;
	margin-top: 0;
    letter-spacing: 0.01em;
    text-align: center;
    font-weight: 700;
    font-size: 1.75em;
    color: #fff;
}

@media screen and (max-width: 600px) {
	body#simple-security main .bg_green p {
		font-size: 1.14286em
	}
}

body#simple-security main .bg_white p {
	background-color: #fff;
	position: relative;
	color: #333;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	padding: 10px 0 20px;
}

body#simple-security main .bg_green p::after {
	bottom: -8rem;
    border-bottom: solid 4rem transparent;
    border-left: solid 3rem transparent;
    border-right: solid 3rem transparent;
    border-top: solid 4rem #242932;
    content: "";
    height: 8rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 4rem;
}

body#simple-security main .bg_white p::after {
	bottom: -8rem;
    border-bottom: solid 4rem transparent;
    border-left: solid 3rem transparent;
    border-right: solid 3rem transparent;
    border-top: solid 4rem #fff;
    content: "";
    height: 8rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 4rem;
}

body#simple-security main .bg_blue h2 {
	background-color: #036eb6;
	position: relative;
}

body#simple-security main .bg_blue h2::after {
	bottom: -8rem;
    border-bottom: solid 4rem transparent;
    border-left: solid 3rem transparent;
    border-right: solid 3rem transparent;
    border-top: solid 4rem #036eb6;
    content: "";
    height: 8rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 4rem;
}

body#simple-security main p span.head_text {
	font-weight: 500;
    font-size: 0.8em;
	/*margin-bottom: -37px;*/
	display: block;
}

body#simple-security main p span.head_text span {
	color: #ebb619;
}

@media screen and (max-width: 600px) {
	/*body#simple-security main p span.head_text {
		margin-bottom: -20px;
	}*/
}

body#simple-security main p span.head_text span.head_text_ul {
	/*border-bottom: 2px solid #fff;*/
	padding-bottom: 10px;
}

body#simple-security main p span.body_text {
	color: #fff;
	/*line-height: 0.8;*/
	padding-bottom: 4rem;
	display: inline-block;
}

@media screen and (max-width: 600px) {
	body#simple-security main p span.body_text {
		padding-bottom: 2rem;
	}
}

body#simple-security main p span.body_text span {
	color: #ff0000;
}

body#simple-security main p span.body_text span.large {
	font-size: 1.5em;
	color: #fff;
}

body#simple-security main ol.line {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: item
}
body#simple-security main ol.line>li {
	position: relative;
	margin-left: 2.5em
}
body#simple-security main ol.line>li:before {
	counter-increment: item;
	content: counter(item) ".";
	position: absolute;
	left: -2.5em;
	top: 0;
	font-weight: bold;
	font-size: 1.25em;
	color: #F06B2C;
	border-left: 10px solid #F06B2C;
	padding-left: 10px
}
@media screen and (max-width: 600px) {
	body#simple-security main ol.line>li:before {
		font-size: 1.14286em
	}
}
body#simple-security main ol.line>li dl {
	margin: 0;
	padding: 0
}
body#simple-security main ol.line>li dl dt {
	margin: 0 0 .5em;
	font-weight: bold;
	font-size: 1.25em;
	color: #F06B2C
}
@media screen and (max-width: 600px) {
	body#simple-security main ol.line>li dl dt {
		font-size: 1.14286em
	}
}
body#simple-security main ol.line>li dl dd {
	margin: 0 0 2em;
	padding: 0
}
body#simple-security main ol.line>li dl dd figure {
	margin-top: 0em;
	margin-bottom: 2em
}
body#simple-security main ol.line>li dl dd .float_right {
	max-width: 40%
}
@media screen and (min-width: 821px) {
	body#simple-security main ol.line>li dl dd .float_right {
		margin-top: 1em;
		margin-bottom: 0
	}
}
body#simple-security main ol.line>li ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body#simple-security main ol.line>li ul li {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	position: relative
}
body#simple-security main ol.line>li ul li:before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
	display: block
}
body#simple-security main dl.line dt {
	color: #F06B2C;
	border-color: #F06B2C
}
body#simple-security main .youtube {
	margin-right: auto;
	margin-left: auto;
	/*margin-bottom: 3em*/
}
@media screen and (min-width: 821px) {
	body#simple-security main .youtube {
		width: 80%
	}
}
body#simple-security main .eyacho_content01 h2 {
	text-align: center;
	background-color: transparent;
	color: #F06B2C;
	/*color: #3f48e9;*/
	margin-bottom: 0;
	margin-top: 0;
	font-size: 2.1em;
	line-height: 1.4
}
@media screen and (min-width: 821px) {
	body#simple-security main .eyacho_content01 h2 {
		margin-top: 1em
	}
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_content01 h2 {
		font-size: 1.71429em
	}
}
body#simple-security main .eyacho_content01 h2 span {
	display: inline-block
}
body#simple-security main .eyacho_content01 h3 {
	text-align: center;
	background-color: transparent;
	color: #F06B2C;
	margin-bottom: 0.5em;
	margin-top: 2em;
	font-size: 1.75em
}
@media screen and (min-width: 821px) {
	body#simple-security main .eyacho_content01 h3 {
		margin-top: 3em
	}
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_content01 h3 {
		font-size: 1.42857em
	}
}
body#simple-security main .eyacho_content01 p {
	text-align: center
}
body#simple-security main .eyacho_content01 .mb0 {
	margin-bottom: 0
}
body#simple-security main .eyacho_content01 .mt0 {
	margin-top: 0
}
body#simple-security main .eyacho_content02_catch {
	font-size: 1.75em;
	font-weight: 700;
	text-align: center
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_content02_catch {
		font-size: 1.42857em
	}
}
body#simple-security main .eyacho_content02 ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body#simple-security main .eyacho_content02 ul li {
	margin: 0;
	padding: 0
}
body#simple-security main .eyacho_content02 ul li:after {
	-webkit-transition: 0s;
	transition: 0s
}
body#simple-security main .eyacho_content02 ul li figure+p {
	/*background-color: #F9C22A;*/
	background-color: #3f48e9;
	text-align: center;
	font-weight: 700;
	margin-bottom: 0;
	padding: .2em;
	color:#fff;
}
body#simple-security main .eyacho_content02 ul li figure+p+p {
	margin-top: 0
}
@media screen and (min-width: 821px) {
	body#simple-security main .eyacho_content02 ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	body#simple-security main .eyacho_content02 ul li {
		width: calc((100% - 60px)/3);
		position: relative
	}
	/**
	body#simple-security main .eyacho_content02 ul li+li:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 50px;
		background-color: #F9C22A;
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
		clip-path: polygon(0 0, 0 100%, 100% 50%);
		top: calc(50% - 4em);
		left: -25px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}**/
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content02 ul {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
		width: 80%
	}
	body#simple-security main .eyacho_content02 ul li {
		position: relative;
		margin-bottom: 40px
	}
	body#simple-security main .eyacho_content02 ul li+li:after {
		/*content: "";
		position: absolute;
		width: 50px;
		height: 20px;
		background-color: #F9C22A;
		-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
		clip-path: polygon(0 0, 50% 100%, 100% 0);
		top: -30px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)*/
	}
}
body#simple-security main .eyacho_content03_left, body#simple-security main .eyacho_content03_right {
	border-radius: 10px;
	padding: 1em
}
body#simple-security main .eyacho_content03_left {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #707070;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
body#simple-security main .eyacho_content03_left p:first-child {
	padding-right: 1em
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content03_left p:first-child {
		max-width: 30%
	}
}
body#simple-security main .eyacho_content03_left p:last-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
body#simple-security main .eyacho_content03_left:after {
	-webkit-transition: 0s;
	transition: 0s
}
body#simple-security main .eyacho_content03_right {
	background-color: #F9C22A;
	background-image: url(../../images/product/structionsite/icon_lightbulb.png);
	background-repeat: no-repeat;
	background-position: right 10px bottom
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content03_right {
		background-size: contain
	}
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_content03_right {
		background-size: 70px
	}
}
@media screen and (min-width: 821px) {
	body#simple-security main .eyacho_content03_inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body#simple-security main .eyacho_content03_left, body#simple-security main .eyacho_content03_right {
		width: calc((100% - 30px) / 2)
	}
	body#simple-security main .eyacho_content03_left {
		position: relative
	}
	body#simple-security main .eyacho_content03_left:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 50px;
		background-color: #F9C22A;
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
		clip-path: polygon(0 0, 0 100%, 100% 50%);
		top: 50%;
		right: -25px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content03_left {
		margin-bottom: 40px;
		position: relative
	}
	body#simple-security main .eyacho_content03_left:after {
		content: "";
		position: absolute;
		width: 50px;
		height: 20px;
		background-color: #F9C22A;
		-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
		clip-path: polygon(0 0, 50% 100%, 100% 0);
		bottom: -30px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}
body#simple-security main .eyacho_content04 ul {
	margin: 2em 0 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
body#simple-security main .eyacho_content04 ul li {
	text-align: center;
	margin: 0;
	padding: 0
}
body#simple-security main .eyacho_content04 ul li figure {
	width: 100%;
	border: 1px solid #ccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
body#simple-security main .eyacho_content04 ul li p {
	line-height: 1.4
}
body#simple-security main .eyacho_content04 ul li span {
	display: inline-block
}
body#simple-security main .eyacho_content04 ul li span+span {
	padding-right: .5em;
	padding-left: .5em
}
@media screen and (min-width: 821px) {
	body#simple-security main .eyacho_content04 ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	body#simple-security main .eyacho_content04 ul li {
		width: calc((100% - 40px)/3)
	}
	body#simple-security main .eyacho_content04 ul li figure {
		height: 152px
	}
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content04 ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	body#simple-security main .eyacho_content04 ul li {
		width: 150px;
		margin: 0 1em 1em
	}
	body#simple-security main .eyacho_content04 ul li figure {
		height: 100px
	}
	body#simple-security main .eyacho_content04 ul li figure img {
		height: 100%;
		width: auto
	}
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_content04 ul li {
		width: 100%
	}
}
body#simple-security main .eyacho_content05>p:first-child {
	text-align: right;
	margin-bottom: 0;
	margin-top: 0
}
body#simple-security main .eyacho_content05 img {
	max-width: none;
	max-height: 50px;
	width: auto;
	display: inline-block
}
body#simple-security main .eyacho_content05 a {
	text-decoration: none
}
body#simple-security main .eyacho_content05 a, body#simple-security main .eyacho_content05 a:visited {
	color: #5F5D54
}
body#simple-security main .eyacho_content05 dd a {
	position: relative;
	vertical-align: top;
	position: relative;
	display: inline-block;
	text-decoration: none
}
body#simple-security main .eyacho_content05 dd a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #F38200;
	bottom: -2px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform-origin: right top;
	transform-origin: right top
}
body#simple-security main .eyacho_content05 dd a:hover::after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
body#simple-security main .eyacho_content05 dd a:after {
	bottom: 0
}
body#simple-security main .eyacho_content05 ul {
	margin: 0;
	padding: 0;
	list-style: none
}
body#simple-security main .eyacho_content05 ul li {
	margin: 0 0 3em;
	padding: 0
}
body#simple-security main .eyacho_content05 ul dl {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc
}
body#simple-security main .eyacho_content05 ul dl dt {
	margin: 0;
	padding: 10px 0;
	font-size: 1.25em;
	font-weight: 700
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content05 ul dl dt {
		font-size: 1.14286em
	}
}
body#simple-security main .eyacho_content05 ul dl dd {
	padding: 0;
	margin: 0
}
body#simple-security main .eyacho_content05 ul dl dd p {
	margin-top: 0;
	margin-bottom: 0
}
body#simple-security main .eyacho_content05 ul li:nth-child(5)>p:first-child, body#simple-security main .eyacho_content05 ul li:nth-child(6)>p:first-child, body#simple-security main .eyacho_content05 ul li:nth-child(7)>p:first-child, body#simple-security main .eyacho_content05 ul li:nth-child(8)>p:first-child {
	height: 85px
}
body#simple-security main .eyacho_content05 ul li:nth-child(1)>p:first-child, body#simple-security main .eyacho_content05 ul li:nth-child(2)>p:first-child {
	height: 70px
}
body#simple-security main .eyacho_content05 ul li:nth-child(2)>p:first-child img {
	max-height: 40px
}
body#simple-security main .eyacho_content05 ul li:nth-child(6)>p:first-child img, body#simple-security main .eyacho_content05 ul li:nth-child(5)>p:first-child img {
	max-height: 80px
}
body#simple-security main .eyacho_content05 ul li>p:first-child {
	margin: 0 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}
@media screen and (min-width: 821px) {
	body#simple-security main .eyacho_content05 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	body#simple-security main .eyacho_content05 ul li {
		width: calc((100% - 30px)/2)
	}
	body#simple-security main .eyacho_content05 ul dd {
		font-size: .875em
	}
}
@media screen and (min-width: 821px) and (max-width: 820px) {
	body#simple-security main .eyacho_content05 ul dd {
		font-size: .85714em
	}
}
body#simple-security main .eyacho_content06 a:hover {
	opacity: .8
}
body#simple-security main .eyacho_content06 p {
	margin-top: 0;
	margin-bottom: 0;
}
body#simple-security main .eyacho_content06_btn {
	margin-top: 2em
}
body#simple-security main .eyacho_content06_btn a {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: nomal;
	font-weight: 700;
	text-decoration: none;
	padding: 20px;
	background-color: #0B1E42;
	display: block;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media screen and (min-width: 1260px) {
	body#simple-security main .eyacho_content06_btn a {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: nomal
	}
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content06_btn a {
		font-size: 1.28571em
	}
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_content06_btn a {
		font-size: 1.07143em
	}
}
body#simple-security main .eyacho_content06_btn a, body#simple-security main .eyacho_content06_btn a:visited {
	color: #fff
}
body#simple-security main .eyacho_content06_btn a:after {
	content: '\e801';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: block;
	font-size: 1.3em
}
body#simple-security main .eyacho_content06_btn a:before {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	border: 1px solid #fff
}
body#simple-security main .eyacho_content06_btn a span {
	display: inline-block;
	text-align: center
}
body#simple-security main .eyacho_content06_btn a span span {
	padding-left: .3em;
	padding-right: .3em
}
body#simple-security main .eyacho_content06_btn p {
	margin-bottom: 2em
}
body#simple-security main .eyacho_content06_btn>p:first-child {
	margin-bottom: 0
}
body#simple-security main .eyacho_content06_btn2 a {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: nomal;
	font-weight: 700;
	text-decoration: none;
	/*background-color: #0B1E42;*/
	background-color: #fff;
	display: block;
	border: 1px solid #4148e0;
}
@media screen and (min-width: 1260px) {
	body#simple-security main .eyacho_content06_btn2 a {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: nomal
	}
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content06_btn2 a {
		font-size: 1.28571em
	}
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_content06_btn2 a {
		font-size: 1.07143em
	}
}
body#simple-security main .eyacho_content06_btn2 a, body#simple-security main .eyacho_content06_btn2 a:visited {
	/*color: #fff;*/
	color: #3f48e9;
}
body#simple-security main .eyacho_content06_btn2 a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content06_btn2 a {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
	body#simple-security main .eyacho_content06_btn2 a span.right, body#simple-security main .eyacho_content06_btn2 a span.left {
		width: 100%
	}
	body#simple-security main .eyacho_content06_btn2 a span.right {
		min-height: 130px;
		border: 1px solid #0B1E42
	}
}
body#simple-security main .eyacho_content06_btn2 a>span:first-child {
	line-height: 1.4;
	display: block
}
body#simple-security main .eyacho_content06_btn2 a>span:first-child span {
	display: inline-block
}
body#simple-security main .eyacho_content06_btn2 a>span:first-child img+span {
	display: block
}
body#simple-security main .eyacho_content06_btn2 a>span:first-child img {
	width: 44.71545%
}
body#simple-security main .eyacho_content06_btn2 span.left {
	padding: 20px;
	position: relative;
	width: 58.57143%
}
body#simple-security main .eyacho_content06_btn2 span.left:before {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	/*border: 1px solid #fff;*/
}
body#simple-security main .eyacho_content06_btn2 span.left img {
	margin: 10px 0
}
body#simple-security main .eyacho_content06_btn2 span.right {
	width: 41.42857%;
	background-image: url(../../images/product/simple-security/banner_photo.png);
	background-size: cover;
	background-position: center center
}
@media screen and (min-width: 821px) {
	body#simple-security main .eyacho_content06_banner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	body#simple-security main .eyacho_content06_banner>* {
		width: calc((100% - 30px)/3)
	}
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content06_banner {
		width: 80%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto
	}
	body#simple-security main .eyacho_content06_banner p {
		margin-bottom: 2em
	}
}
body#simple-security main .eyacho_content06_banner p.banner_img a {
	border: 1px solid #0B1E42;
	display: block
}
body#simple-security main .eyacho_content06_banner p:not(.banner_img) {
	/*border: 1px solid #0B1E42;*/
	border: 1px solid #3f48e9;
}
body#simple-security main .eyacho_content06_banner p:not(.banner_img) a, body#simple-security main .eyacho_content06_banner p:not(.banner_img) a:visited {
	color: #5F5D54;
	text-decoration: none
}
body#simple-security main .eyacho_content06_banner p:not(.banner_img) span {
	display: block
}
body#simple-security main .eyacho_content06_banner p:not(.banner_img) img+span {
	text-decoration: none;
	text-align: center;
	font-size: 1.25em;
	font-weight: 700;
	/*background-color: #0B1E42;*/
	background-color: #3f48e9;
	color: #fff
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content06_banner p:not(.banner_img) img+span {
		font-size: 1.14286em
	}
}
body#simple-security main .eyacho_content06_banner p:not(.banner_img) span+span {
	padding: 0 1em;
	font-size: .875em
}
@media screen and (max-width: 820px) {
	body#simple-security main .eyacho_content06_banner p:not(.banner_img) span+span {
		font-size: 1em
	}
}
body#simple-security main .eyacho_content07>p {
	margin-bottom: 0
}
body#simple-security main .eyacho_content07 p.attention {
	margin-top: 0
}
body#simple-security main .eyacho_content07 h3 {
	border-left: 10px solid #F06B2C;
	padding-left: 10px;
	margin: 3em 0 .5em;
	font-weight: bold;
	font-size: 1.25em;
	color: #F06B2C
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_content07 h3 {
		font-size: 1.14286em
	}
}
body#simple-security main .eyacho_example_inner {
	max-width: 875px;
	margin: 0 auto;
	padding: 0 1em 1em
}
body#simple-security main .eyacho_example ul {
	margin: 2em 0;
	padding: 0
}
body#simple-security main .eyacho_example ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-transition: .3s;
	transition: .3s
}
body#simple-security main .eyacho_example ul li a {
	text-decoration: none
}
body#simple-security main .eyacho_example ul li a, body#simple-security main .eyacho_example ul li a:visited {
	color: #000
}
body#simple-security main .eyacho_example ul li img {
	max-height: 48px;
	max-width: 150px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto
}
body#simple-security main .eyacho_example ul li p.logo {
	text-align: center;
	width: 150px;
	margin-right: 1em;
	margin-left: auto;
	margin-right: auto
}
body#simple-security main .eyacho_example ul li p.btn {
	margin: 0 0 0 1em;
	text-align: center
}
body#simple-security main .eyacho_example ul li p.btn span {
	display: inline-block;
	padding: .5em 2em;
	line-height: 1.4;
	color: #fff;
	background-color: #0B1E42;
	border-radius: 1.4em;
	border: 1px solid #0B1E42;
	-webkit-transition: .3s;
	transition: .3s
}
body#simple-security main .eyacho_example ul li:hover p.btn span {
	color: #0B1E42;
	background-color: #fff
}
@media screen and (min-width: 821px) {
	body#simple-security main .eyacho_example ul li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	body#simple-security main .eyacho_example ul li p.logo {
		margin-right: 1em
	}
	body#simple-security main .eyacho_example ul li p.tile {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	body#simple-security main .eyacho_example ul li p.btn {
		margin-left: 1em
	}
}
body#simple-security main .eyacho_example ul li+li {
	border-top: 1px solid #0B1E42;
	margin-top: 1em
}
body#simple-security main .eyacho_example ul+p {
	text-align: center
}
body#simple-security main .eyacho_example ul+p a {
	cursor: pointer;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: nomal;
	display: inline-block;
	min-width: 200px;
	text-align: center
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_example ul+p a {
		min-width: 160px
	}
}
body#simple-security main .eyacho_example ul+p a {
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: nomal;
	line-height: 2;
	padding: 20px 80px;
	letter-spacing: 0.13em;
	border-radius: 10px;
	background-color: #F9C22A;
	-webkit-transition: 0.5s;
	transition: 0.5s
}
body#simple-security main .eyacho_example ul+p a, body#simple-security main .eyacho_example ul+p a a:visited {
	color: #fff
}
@media screen and (max-width: 600px) {
	body#simple-security main .eyacho_example ul+p a {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: nomal;
		padding: 20px
	}
}
body#simple-security main .eyacho_example ul+p a:hover {
	background-color: #F06B2C;
	color: #fff
}
body#simple-security main .base_wrap_inner:first-child+.contact_banner,
body#simple-security main .base_wrap_inner:first-child+.contact_banner_02 {
	/*padding-top: 0;
	margin-bottom: 3em*/
}
body#simple-security main #main_nav ul {
	margin-left: auto;
	margin-right: auto
}
@media screen and (min-width: 821px) {
	body#simple-security main #main_nav ul {
		width: 60%
	}
}
@media screen and (max-width: 820px) {
	body#simple-security main #main_nav ul {
		width: 80%
	}
}
@media screen and (max-width: 600px) {
	body#simple-security main #main_nav ul {
		width: 90%
	}
}
body#cybercrypt main .catch p:first-child {
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: .5em
}
body#cybercrypt main .nav_active a:after {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
body#cybercrypt main .nav_active.not_active a:after {
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0)
}
body#cybercrypt main dl.line dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
body#cybercrypt main dl.line dt span+span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
body#cybercrypt main dl.line ul.ml0 {
	margin-left: -1.5em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content01 .float_right, body#cybercrypt main .cybercrypt_content02 .float_right, body#cybercrypt main .cybercrypt_content03 .float_right {
		width: 100%
	}
}

.medal p {
	font-size: 2rem;
}

.medal p .large {
	font-size: 2.4rem;
	font-weight: 600;
}

@media screen and (max-width: 600px) {
	.medal p {
		font-size: 1.8rem;
	}
	
	.medal p .large {
		font-size: 2rem;
	}
}

.medal p .underbar {
	background: linear-gradient(180deg, transparent 50%, #f0b908 50%);
    padding: 0 0.2em 0.2em;
}


body#cybercrypt main .cybercrypt_content02 table {
	width: 100%
}
body#cybercrypt main .cybercrypt_content02 table th[scope="row"] {
	background-color: #e0eaee;
	font-weight: 400;
	color: #365966
}
body#cybercrypt main .cybercrypt_content02 table th[colspan="2"] {
	text-align: center
}
body#cybercrypt main .cybercrypt_content03_red {
	padding: 0 1em;
	margin: 3em 0;
	border: 1px solid #EF3737;
	color: #EF3737;
	font-size: 1.375em;
	font-weight: 700;
	text-align: center
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content03_red {
		font-size: 1.14286em
	}
}
body#cybercrypt main .cybercrypt_content03_red span {
	display: inline-block
}
body#cybercrypt main .cybercrypt_content03_inner {
	background-color: #D9D4C2;
	padding: 20px;
	position: relative
}
body#cybercrypt main .cybercrypt_content03_inner:after {
	content: "";
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	border: 2px solid #575757
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content03_inner figure {
		margin-bottom: 2em
	}
}
@media screen and (min-width: 1260px) {
	body#cybercrypt main .cybercrypt_content03_inner figure {
		margin-top: 2em
	}
}
body#cybercrypt main .cybercrypt_content03_inner p span {
	display: inline-block
}
body#cybercrypt main .cybercrypt_content04 h3 {
	margin-bottom: 0;
	color: #000;
	line-height: 1.4;
	font-weight: 700;
	text-align: center
}
body#cybercrypt main .cybercrypt_content04 h3>span span {
	display: inline-block
}
body#cybercrypt main .cybercrypt_content04 h3>span:first-child {
	display: block;
	font-size: 2.125em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04 h3>span:first-child {
		font-size: 1.71429em
	}
}
body#cybercrypt main .cybercrypt_content04 h3>span:nth-child(2) {
	display: inline-block;
	border-bottom: 2px solid #000;
	font-size: 1.5em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04 h3>span:nth-child(2) {
		font-size: 1.42857em
	}
}
body#cybercrypt main .cybercrypt_content04 h3>span:nth-child(2) span {
	font-size: .66667em
}
body#cybercrypt main .cybercrypt_content04 h3+p {
	margin-top: 0;
	text-align: center;
	font-size: .875em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04 h3+p {
		font-size: .85714em
	}
}
body#cybercrypt main .cybercrypt_content04>h4 {
	font-size: 1.875em;
	text-align: center;
	color: #000
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04>h4 {
		font-size: 1.57143em
	}
}
body#cybercrypt main .cybercrypt_content04>h4 span {
	display: inline-block;
	position: relative
}
body#cybercrypt main .cybercrypt_content04>h4 span:before, body#cybercrypt main .cybercrypt_content04>h4 span:after {
	width: 1em;
	height: 1em;
	content: "";
	display: inline-block;
	background-color: #000;
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
	clip-path: polygon(0 0, 50% 100%, 100% 0)
}
body#cybercrypt main .cybercrypt_content04>h4 span:before {
	margin-right: 1em
}
body#cybercrypt main .cybercrypt_content04>h4 span:after {
	margin-left: 1em
}
body#cybercrypt main .cybercrypt_content04 table {
	margin-top: 3em
}
body#cybercrypt main .cybercrypt_content04 table caption {
	caption-side: top;
	text-align: center
}
body#cybercrypt main .cybercrypt_content04 table caption span {
	display: inline-block;
	padding: .3em 1em;
	min-width: 50%;
	background-color: #F9C22A;
	font-size: 1.25em;
	margin-bottom: .5em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04 table caption span {
		font-size: 1.14286em
	}
}
body#cybercrypt main .cybercrypt_content04 table tr th:first-child {
	min-width: 3.5em
}
body#cybercrypt main .cybercrypt_content04 table tr th:last-child {
	min-width: 5em
}
body#cybercrypt main .cybercrypt_content04 table tr td:last-child {
	text-align: right
}
@media screen and (max-width: 600px) {
	body#cybercrypt main .cybercrypt_content04 table th, body#cybercrypt main .cybercrypt_content04 table td {
		padding-right: .5em;
		padding-left: .5em
	}
}
body#cybercrypt main .cybercrypt_content04_black {
	padding: 0 1em;
	margin: 3em 0;
	border: 1px solid #000;
	color: #000;
	font-size: 1.375em;
	font-weight: 700;
	text-align: center
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04_black {
		font-size: 1.14286em
	}
}
body#cybercrypt main .cybercrypt_content04_black span {
	display: inline-block
}
body#cybercrypt main .cybercrypt_content04_black span.red {
	color: #EF3737
}
body#cybercrypt main .cybercrypt_content04 ul.list_none {
	font-size: .875em;
	line-height: 1.4;
	margin-top: .5em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04 ul.list_none {
		font-size: .85714em
	}
}
body#cybercrypt main .cybercrypt_content04 ul.list_none li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
body#cybercrypt main .cybercrypt_content04 ul.list_none li span {
	display: inline-block
}
body#cybercrypt main .cybercrypt_content04 ul.list_none li span+span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 5px
}
body#cybercrypt main .cybercrypt_content04_sample {
	background-color: #D9D4C2;
	padding: 1em;
	margin-bottom: 2em
}
body#cybercrypt main .cybercrypt_content04_sample h4 {
	margin: 1em auto;
	text-align: center
}
body#cybercrypt main .cybercrypt_content04_sample h4 span {
	display: inline-block;
	background-color: #C4C3C1;
	padding: .3em 2em;
	font-size: 1.25em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04_sample h4 span {
		font-size: 1.14286em
	}
}
body#cybercrypt main .cybercrypt_content04_sample>dl {
	padding: 0 1em 1em;
	margin: 2em 0;
	position: relative;
	border: 1px solid #000
}
body#cybercrypt main .cybercrypt_content04_sample>dl>dt {
	font-size: 1.25em;
	background-color: #D9D4C2;
	display: inline-block;
	padding: 5px;
	position: absolute;
	top: -1.2em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_content04_sample>dl>dt {
		font-size: 1.14286em
	}
}
body#cybercrypt main .cybercrypt_content04_sample>dl>dd {
	margin: 0;
	padding: 0
}
body#cybercrypt main .cybercrypt_content04_sample>dl>dd p {
	margin-top: 1em;
	margin-bottom: 0
}
body#cybercrypt main .cybercrypt_content04_sample>dl>dd dl {
	line-height: 1.4;
	margin: .3em 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body#cybercrypt main .cybercrypt_content04_sample>dl>dd dl dt {
	margin: 0;
	padding: 0;
	min-width: 8em;
	position: relative
}
body#cybercrypt main .cybercrypt_content04_sample>dl>dd dl dt:after {
	content: "：";
	display: inline-block;
	right: .5em;
	top: 0;
	position: absolute
}
body#cybercrypt main .cybercrypt_content04_sample>dl>dd dl dd {
	margin: 0;
	padding: 0;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal
}
body#cybercrypt main .cybercrypt_content04 table.cc_last tr td:last-child {
	text-align: left
}
body#cybercrypt main .cybercrypt_faq .faq_list dt {
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	margin-bottom: 1em;
	padding: .5em 10px;
	border: 1px solid #365966;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-right: 1em
}
body#cybercrypt main .cybercrypt_faq .faq_list dt:after {
	position: relative;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	content: '\f103';
	display: block;
	color: #365966;
	font-size: 1.4em
}
body#cybercrypt main .cybercrypt_faq .faq_list dt span {
	display: block;
	position: relative;
	margin-left: 1.5em
}
body#cybercrypt main .cybercrypt_faq .faq_list dt span:before {
	content: "Q.";
	color: #365966;
	display: inline-block;
	position: absolute;
	left: -1.5em;
	top: 0
}
body#cybercrypt main .cybercrypt_faq .faq_list dt:hover:after {
	-webkit-animation-name: link_down;
	animation-name: link_down;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body#cybercrypt main .cybercrypt_faq .faq_list dt.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
body#cybercrypt main .cybercrypt_faq .faq_list dd {
	padding: 0;
	margin-left: 0;
	margin-bottom: 1em;
	position: relative
}
body#cybercrypt main .cybercrypt_faq .faq_list_inner {
	margin-left: 2em;
	padding-left: 10px;
	position: relative
}
body#cybercrypt main .cybercrypt_faq .faq_list_inner:before {
	content: "A.";
	color: #365966;
	display: inline-block;
	position: absolute;
	left: -1em;
	top: 0;
	width: 1em
}
body#cybercrypt main .cybercrypt_faq .faq_list dd p {
	margin-top: 0;
	margin-bottom: 0
}
body#cybercrypt main .cybercrypt_faq .faq_list dd {
	display: none
}
body#cybercrypt main .cybercrypt_faq ul {
	margin-left: 1em;
	padding-left: 0
}
body#cybercrypt main .cybercrypt_download p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body#cybercrypt main .cybercrypt_download p a+span {
	margin-left: .5em;
	font-size: .875em;
	margin-top: .2em
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_download p a+span {
		font-size: .85714em
	}
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .anchor {
		top: -116px
	}
}
body#cybercrypt main .cybercrypt_banner {
	margin-bottom: 2em;
	position: relative;
	background-color: #156fb0;
	color: #fff;
	padding-left: 8%;
	margin-right: 8%;
	width: 92%
}
body#cybercrypt main .cybercrypt_banner:before, body#cybercrypt main .cybercrypt_banner:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%
}
body#cybercrypt main .cybercrypt_banner:before, body#cybercrypt main .cybercrypt_banner:after {
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
	clip-path: polygon(0 0, 0 100%, 100% 50%)
}
body#cybercrypt main .cybercrypt_banner:before {
	left: -.5px;
	background-color: #fff
}
body#cybercrypt main .cybercrypt_banner:after {
	right: calc(-8% + .5px);
	background-color: #156fb0
}
body#cybercrypt main .cybercrypt_banner_inner {
	padding: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media screen and (min-width: 821px) {
	body#cybercrypt main .cybercrypt_banner_inner {
		padding: 2em 1em
	}
}
@media screen and (min-width: 821px) {
	body#cybercrypt main .cybercrypt_banner_inner {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_banner_inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}
@media screen and (min-width: 821px) {
	body#cybercrypt main .cybercrypt_banner_left {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}
body#cybercrypt main .cybercrypt_banner_left h2 {
	background-color: transparent;
	margin: 0;
	text-align: left;
	line-height: 1
}
body#cybercrypt main .cybercrypt_banner_left h2 img {
	width: 308px
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_banner_left h2 {
		text-align: center
	}
	body#cybercrypt main .cybercrypt_banner_left h2 img {
		padding-top: 10px;
		height: auto;
		max-width: 80%
	}
}
body#cybercrypt main .cybercrypt_banner_left p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_banner_left p {
		font-size: .85714em
	}
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_banner_left p {
		margin-bottom: 1em
	}
}
body#cybercrypt main .cybercrypt_banner_right {
	text-align: center
}
@media screen and (min-width: 821px) {
	body#cybercrypt main .cybercrypt_banner_right {
		min-width: 280px;
		margin-left: 10px;
		width: calc(45% - 10px)
	}
}
body#cybercrypt main .cybercrypt_banner_right p {
	margin-top: 0
}
body#cybercrypt main .cybercrypt_banner_right p+p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	display: inline-block;
	margin-left: auto;
	margin-right: auto
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_banner_right p+p {
		font-size: .85714em
	}
}
body#cybercrypt main .cybercrypt_banner_right p+p span {
	display: inline-block
}
body#cybercrypt main .cybercrypt_banner_right a {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 700;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #feed00;
	padding: .3em;
	-webkit-transition: .3s;
	transition: .3s
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_banner_right a {
		font-size: 1.14286em
	}
}
body#cybercrypt main .cybercrypt_banner_right a, body#cybercrypt main .cybercrypt_banner_right a:visited {
	color: #156fb0
}
@media screen and (max-width: 820px) {
	body#cybercrypt main .cybercrypt_banner_right a {
		padding: .6em .3em
	}
}
body#cybercrypt main .cybercrypt_banner_right a:hover {
	background-color: #fff565
}
body#cybercrypt main .cybercrypt_banner_right a:hover span:after {
	-webkit-animation-name: link_right;
	animation-name: link_right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
body#cybercrypt main .cybercrypt_banner_right a span {
	display: inline-block;
	position: relative
}
body#cybercrypt main .cybercrypt_banner_right a span:after {
	content: "＞";
	display: inline-block;
	position: relative;
	padding-left: .5em
}
body#chex main span.red, body#chex main p.red {
	color: #F38200
}
@media screen and (min-width: 821px) {
	body#chex main .chex_content01 .float_right, body#chex main .chex_content02 .float_right, body#chex main .chex_content03 .float_right {
		min-width: 270px;
		text-align: center
	}
}
@media screen and (max-width: 820px) {
	body#chex main .chex_content01 .float_right, body#chex main .chex_content02 .float_right, body#chex main .chex_content03 .float_right {
		width: 100%;
		margin-bottom: .5em;
		margin-left: 0;
		float: none
	}
}
body#chex main .chex_content01 dd ul, body#chex main .chex_content02 dd ul, body#chex main .chex_content03 dd ul {
	margin-left: 0;
	padding-left: 0
}
body#chex main .chex_content01 dd ul li, body#chex main .chex_content02 dd ul li, body#chex main .chex_content03 dd ul li {
	margin-left: 1em;
	line-height: 1.6;
	margin-bottom: .5em
}
body#chex main .chex_content03 {
	margin-bottom: 2em
}
body#chex main .chex_content03 h3 {
	font-size: 1.25em;
	font-weight: 700
}
@media screen and (max-width: 600px) {
	body#chex main .chex_content03 h3 {
		font-size: 1.14286em
	}
}
body#chex main .chex_content03 p+figure {
	margin: 2em auto 3em
}
@media screen and (min-width: 821px) {
	body#chex main .chex_content04 table {
		width: 90%
	}
}
@media screen and (max-width: 600px) {
	body#chex main .chex_content04 table {
		width: 100%
	}
}
body#chex main .chex_content04 table {
	margin-top: 2em;
	margin-bottom: 2em
}
body#chex main .chex_content04 table caption {
	margin: 1em auto .3em;
	text-align: left;
	font-size: 1.25em
}
@media screen and (max-width: 820px) {
	body#chex main .chex_content04 table caption {
		font-size: 1.14286em
	}
}
body#chex main .chex_content04 table th {
	min-width: 25%;
	text-align: center
}
body#chex main .chex_content04 table th span {
	display: inline-block
}
body#chex main .chex_content04 table ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none
}
body#chex main .chex_content04 table ul li {
	margin-left: 1.3em;
	position: relative
}
body#chex main .chex_content04 table ul li:before {
	position: absolute;
	left: -1.3em;
	content: '\025cf';
	top: 0;
	display: block
}
body#chex main .chex_content04 p.attention {
	margin-bottom: 0
}
body#chex main .chex_content04 p.attention+p {
	margin-top: 0
}
body#erp_package main .wrap_white>figure:first-child {
	margin-bottom: 2em
}
body#erp_package main .erp_package_content01 a, body#erp_package main .erp_package_content02 a {
	text-decoration: none
}
body#erp_package main .erp_package_content01 a, body#erp_package main .erp_package_content01 a:visited, body#erp_package main .erp_package_content02 a, body#erp_package main .erp_package_content02 a:visited {
	color: #5F5D54
}
body#erp_package main .erp_package_content01 a p, body#erp_package main .erp_package_content01 a:visited p, body#erp_package main .erp_package_content02 a p, body#erp_package main .erp_package_content02 a:visited p {
	text-align: right
}
body#erp_package main .erp_package_content01 table th, body#erp_package main .erp_package_content02 table th {
	padding: .3em;
	line-height: 1.2;
	font-size: 1em;
	text-align: center;
	font-weight: 400
}
@media screen and (max-width: 820px) {
	body#erp_package main .erp_package_content01 table th, body#erp_package main .erp_package_content02 table th {
		font-size: .85714em
	}
}
body#erp_package main .erp_package_content01 table th span, body#erp_package main .erp_package_content02 table th span {
	font-size: 1.5em;
	font-weight: 700
}
body#erp_package main .erp_package_content01 table tr+tr th, body#erp_package main .erp_package_content01 table tr+tr th td, body#erp_package main .erp_package_content02 table tr+tr th, body#erp_package main .erp_package_content02 table tr+tr th td {
	text-align: left
}
body#erp_package main .erp_package_content01 table tr+tr th span, body#erp_package main .erp_package_content01 table tr+tr th td span, body#erp_package main .erp_package_content02 table tr+tr th span, body#erp_package main .erp_package_content02 table tr+tr th td span {
	font-size: 1.2em;
	display: inline-block
}
body#erp_package main .erp_package_content01 table td, body#erp_package main .erp_package_content02 table td {
	text-align: center
}
body#erp_package main .erp_package_content01 table tr>td:first-child, body#erp_package main .erp_package_content02 table tr>td:first-child {
	text-align: left;
	background-color: #bed4dd;
	color: #365966
}
body#erp_package main .erp_package_content01 table td[colspan="3"], body#erp_package main .erp_package_content02 table td[colspan="3"] {
	background-color: #365966
}
body#erp_package main .erp_package_content01 table, body#erp_package main .erp_package_content02 table {
	width: 100%;
	min-width: 500px
}
body#erp_package main .erp_package_content01 table tr>td:first-child, body#erp_package main .erp_package_content01 table tr:first-child>th:first-child, body#erp_package main .erp_package_content01 table tr th:first-child, body#erp_package main .erp_package_content02 table tr>td:first-child, body#erp_package main .erp_package_content02 table tr:first-child>th:first-child, body#erp_package main .erp_package_content02 table tr th:first-child {
	position: -webkit-sticky;
	position: sticky;
	left: 0
}
body#erp_package main .erp_package_content01 table tr>td:first-child:before, body#erp_package main .erp_package_content01 table tr:first-child>th:first-child:before, body#erp_package main .erp_package_content01 table tr th:first-child:before, body#erp_package main .erp_package_content02 table tr>td:first-child:before, body#erp_package main .erp_package_content02 table tr:first-child>th:first-child:before, body#erp_package main .erp_package_content02 table tr th:first-child:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid #5a93a8
}
body#erp_package main .erp_package_content03 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
@media screen and (min-width: 821px) {
	body#erp_package main .erp_package_content03 ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}
body#erp_package main .erp_package_content03 ul li {
	line-height: 1.4;
	margin: 0 0 1em;
	padding: .5em;
	border: 2px dotted #707070;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}
@media screen and (min-width: 821px) {
	body#erp_package main .erp_package_content03 ul li {
		width: calc((100% - 1em)/2)
	}
}
body#erp_package main .erp_package_content03 ul li figure {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}
body#erp_package main .erp_package_content03 ul li figure img {
	width: 100%;
	height: auto
}
body#erp_package main .erp_package_content03 ul li dl {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0;
	padding: 0
}
body#erp_package main .erp_package_content03 ul li dt {
	margin: 0 0 .2em;
	padding: 0;
	font-weight: 700;
	font-size: 1.125em
}
@media screen and (max-width: 820px) {
	body#erp_package main .erp_package_content03 ul li dt {
		font-size: 1em
	}
}
body#erp_package main .erp_package_content03 ul li dd {
	margin: 0;
	padding: 0
}
body#erp_package main .erp_package_content03_inner {
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: rgba(168, 212, 216, 0.3);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}
body#erp_package main .erp_package_content03_inner figure {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}
body#erp_package main .erp_package_content03_inner figure img {
	width: 180px;
	height: auto
}
@media screen and (max-width: 600px) {
	body#erp_package main .erp_package_content03_inner figure {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	body#erp_package main .erp_package_content03_inner figure img {
		max-width: 40%;
		margin: 0 5% 10px;
		padding: 0
	}
}
body#erp_package main .erp_package_content03_inner span {
	display: inline-block
}
body#erp_package main .erp_package_content03_inner p.attention {
	line-height: 1.4
}
body#erp_package main .erp_package_content03_inner p.attention span {
	text-indent: 0
}
body#smartphonedesurvey main .main_nav_ps {
	background-color: #15c787
}
@media screen and (min-width: 821px) {
	body#smartphonedesurvey main br.sp_br {
		display: none
	}
}
body#smartphonedesurvey main #service .top_ser_list li {
	width: 354px;
	float: left;
	margin-right: 19px;
	margin-bottom: 55px
}
body#smartphonedesurvey main #service .top_ser_list li:nth-last-child(-n+2) {
	margin-bottom: 55px
}
body#smartphonedesurvey main #service .top_ser_list li:nth-child(3n) {
	margin-right: 0
}
body#smartphonedesurvey main #service #contents {
	padding: 0 0 80px
}
body#smartphonedesurvey main #service .common_contents {
	height: auto;
	margin-bottom: 0
}
body#smartphonedesurvey main #service .ser_mv {
	width: 100%;
	height: 520px
}
body#smartphonedesurvey main #service #raybrid .ser_mv {
	background: url(../../images/product/smartphonedesurvey/ser_ray_mv.jpg) center top/cover no-repeat;
	margin: 28px 0 0 0
}
body#smartphonedesurvey main #service #raybrid .ser_mv_logo {
	position: absolute;
	bottom: 90px;
	left: 50%;
	margin-left: -98px
}
body#smartphonedesurvey main #service #artoolkit .ser_mv {
	background: url(../../images/product/smartphonedesurvey/ser_art_mv.jpg) center top/cover no-repeat
}
body#smartphonedesurvey main #service #artoolkit .ser_mv_logo {
	position: absolute;
	bottom: 500px;
	left: 50%;
	margin-left: -98px
}
body#smartphonedesurvey main #service #becomons .ser_mv {
	background: url(../../images/product/smartphonedesurvey/ser_bec_mv.jpg) center 20px/1100px auto no-repeat #0085A8
}
body#smartphonedesurvey main #service #p_networks .ser_mv {
	background: url(../../images/product/smartphonedesurvey/ser_pn_mv.png) no-repeat center center/cover
}
body#smartphonedesurvey main #service #pinspect .ser_mv {
	background: url(../../images/product/smartphonedesurvey/ser_pin_mv.jpg) no-repeat left top/cover
}
body#smartphonedesurvey main #service #biz-ar .ser_mv {
	background: url(../../images/product/smartphonedesurvey/ser_biz_mv.jpg) center top/cover no-repeat
}
body#smartphonedesurvey main #service #biz-ar .ser_mv_logo {
	position: absolute;
	bottom: 80px;
	left: 50%;
	margin-left: -130px
}
body#smartphonedesurvey main #service #keymaker .ser_mv {
	background: url(../../images/product/smartphonedesurvey/ser_key_mv.jpg) center bottom/cover no-repeat
}
body#smartphonedesurvey main #service #survey .ser_mv {
	position: relative;
	background: url(../../images/product/smartphonedesurvey/ser_sur_mv.jpg) center bottom/cover no-repeat
}
body#smartphonedesurvey main #service #survey .ser_mv .pc_img {
	position: absolute;
	width: 260px;
	bottom: 0;
	left: 10%
}
body#smartphonedesurvey main #service .ser_mv_tit {
	text-align: center;
	padding-top: 300px
}
body#smartphonedesurvey main #service .ser_mv_logo {
	text-align: center;
	padding-top: 20px
}
body#smartphonedesurvey main #service .ser_titlearea {
	position: relative;
	top: -100px;
	margin: 0 auto 0;
	padding-top: 70px;
	background-color: #FFF;
	text-align: center
}
body#smartphonedesurvey main #service #biz-ar .ser_titlearea .logo_img img, body#smartphonedesurvey main #service #becomons .ser_titlearea .logo_img img {
	width: 250px
}
body#smartphonedesurvey main #service #p_networks .ser_titlearea .logo_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 2rem;
	color: #000;
	margin: 0 0 10px
}
body#smartphonedesurvey main #service #p_networks .ser_titlearea .logo_img img {
	margin: 0 20px 0 0
}
body#smartphonedesurvey main #service #p_networks .basic_list {
	text-align: left;
	width: 750px;
	margin: 0 auto
}
body#smartphonedesurvey main #service .ser_titlearea .title {
	font-size: 3rem;
	line-height: 1.4;
	font-weight: 600;
	padding: 20px 0 30px;
	color: #000
}
body#smartphonedesurvey main #service .ser_titlearea .txt {
	line-height: 2;
	text-align: left;
	padding: 0 80px
}
body#smartphonedesurvey main #service .ser_intro {
	width: 100%;
	background-color: #f8f8f8;
	padding: 60px 0;
	display: table
}
body#smartphonedesurvey main #service .ser_intro_tit {
	display: table-cell;
	width: 440px;
	font-size: 2.7rem;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle
}
body#smartphonedesurvey main #service .ser_intro_txt {
	display: table-cell;
	width: 640px;
	line-height: 1.8;
	vertical-align: middle
}
body#smartphonedesurvey main #service .ser_effect_area {
	display: table;
	padding: 30px 0 0 0
}
body#smartphonedesurvey main #service .ser_effect_area .title_area {
	display: table-cell;
	width: 200px;
	font-size: 1.8rem
}
body#smartphonedesurvey main #service .ser_effect_area .title_area img {
	width: 120px
}
body#smartphonedesurvey main #service .ser_effect_area .txt_area {
	display: table-cell;
	line-height: 1.8;
	vertical-align: middle
}
body#smartphonedesurvey main #service .ser_effectbox {
	background-color: #f8f8f8;
	padding: 40px;
	margin-top: 30px
}
body#smartphonedesurvey main #service .effect_icon img {
	float: left;
	margin: 0 80px 0 0;
	width: 120px
}
body#smartphonedesurvey main #service .ser_biz_list {
	padding: 0 0 70px
}
body#smartphonedesurvey main #service .ser_biz_list li {
	float: left;
	width: 257px;
	text-align: center;
	margin-right: 24px
}
body#smartphonedesurvey main #service .ser_biz_list li:nth-child(4n) {
	margin-right: 0
}
body#smartphonedesurvey main #service .ser_biz_list li img {
	width: 100%
}
body#smartphonedesurvey main #service .ser_biz_list li .name {
	font-weight: 2.0rem;
	font-weight: 600;
	line-height: 1.4;
	padding: 20px 0 0 0;
	color: #000
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #service .top_ser_list li {
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 0;
		border-bottom: 1px #DDD solid;
		padding: 30px 0 25px 0
	}
	body#smartphonedesurvey main #service .top_ser_list li:nth-last-child(-n+2) {
		margin-bottom: 0
	}
	body#smartphonedesurvey main #service .top_ser_list li:first-child {
		padding: 0 0 25px 0
	}
	body#smartphonedesurvey main #service .top_ser_list li:last-child {
		border-bottom: none
	}
	body#smartphonedesurvey main #service .top_ser_list li .thumb {
		text-align: center
	}
	body#smartphonedesurvey main #service .top_ser_list li .thumb img {
		box-shadow: 2px 2px 8px #DDD;
		width: 100%;
		max-width: 350px
	}
	body#smartphonedesurvey main #service .top_ser_list li h3 {
		font-size: 2.0rem;
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: center
	}
	body#smartphonedesurvey main #service .top_ser_list li p {
		font-size: 1.5rem;
		font-weight: 300;
		color: #333;
		line-height: 1.4;
		text-align: center
	}
	body#smartphonedesurvey main #service .top_ser .title_box_sub {
		margin-bottom: 25px;
		margin-top: 0;
		text-align: center;
		color: #333;
		font-size: 2.0rem;
		line-height: 1.2
	}
}
body#smartphonedesurvey main .cmn_linebox {
	margin-right: 20px;
	margin-left: 20px;
	background-color: #fff;
	border: 1px solid #333;
	box-shadow: 6px 6px #2E3642;
	padding: 70px 60px;
	margin-bottom: 70px
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main .cmn_linebox {
		width: 100%;
		box-shadow: 4px 4px #2E3642;
		padding: 25px 15px;
		margin-bottom: 30px
	}
}
body#smartphonedesurvey main .cmn_red_title {
	font-size: 2.6rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
	color: #E50012
}
body#smartphonedesurvey main .cmn_redbg_title {
	font-size: 2rem;
	font-weight: 500;
	color: #fff;
	padding: 20px 30px 22px 30px;
	margin: 0 0 30px;
	background: url(../../images/product/smartphonedesurvey/red_polygon_bg.png) repeat-x left top
}
body#smartphonedesurvey main .cmn_redbg_title span {
	font-family: 'Lato', sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0 20px 0 0
}
body#smartphonedesurvey main .cmn_num_title {
	font-family: 'Lato', sans-serif;
	font-size: 1.6rem;
	margin: 0 0 10px;
	color: #E50012
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main .cmn_red_title {
		font-size: 1.8rem;
		margin-bottom: 20px;
		line-height: 1.5
	}
	body#smartphonedesurvey main .cmn_redbg_title {
		font-size: 1.6rem;
		padding: 15px 15px 17px 15px;
		margin: 0 0 15px;
		line-height: 1.4;
		background-size: 560px auto
	}
	body#smartphonedesurvey main .cmn_redbg_title span {
		display: block;
		font-size: 1.4rem;
		font-weight: 700;
		margin: 0 0 0 0
	}
	body#smartphonedesurvey main .cmn_num_title {
		margin: 0 0 3px
	}
}
body#smartphonedesurvey main .cmn_photo {
	text-align: center;
	padding: 40px 0 0 0
}
body#smartphonedesurvey main .cmn_photo img {
	width: 100%;
	vertical-align: bottom
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main .cmn_photo {
		padding: 20px 0 0 0
	}
	body#smartphonedesurvey main .cmn_photo img {
		max-width: 480px
	}
}
body#smartphonedesurvey main .service_point_area {
	background: url(../../images/product/smartphonedesurvey/red_polygon_bg.png) repeat left top;
	padding: 80px 0 60px 0
}
body#smartphonedesurvey main .service_point_area .title_box .title_e, body#smartphonedesurvey main .service_point_area .title_box .title_j, body#smartphonedesurvey main .service_point_area .title_box .title_e .tc_red {
	color: #FFF
}
body#smartphonedesurvey main .service_point_area .title_box .title_j {
	padding-bottom: 20px;
	font-size: 2.0rem
}
body#smartphonedesurvey main .service_point_area .title_box .title_j .tc_red {
	color: #FFF
}
body#smartphonedesurvey main .service_point_area ul {
	margin: 30px 0 0 -40px
}
body#smartphonedesurvey main .service_point_area ul.wide {
	margin: 30px 0 0 -40px
}
body#smartphonedesurvey main .service_point_area ul li {
	float: left;
	width: 340px;
	background-color: #fff;
	border: 1px solid #333;
	padding: 30px 10px 40px 10px;
	margin: 0 0 40px 40px;
	text-align: center;
	height: auto
}
body#smartphonedesurvey main .service_point_area ul.height-fit li {
	float: left;
	width: 340px;
	background-color: #fff;
	border: 1px solid #333;
	padding: 30px 10px 40px 10px;
	margin: 0 0 40px 40px;
	text-align: center;
	height: 540px
}
body#smartphonedesurvey main .service_point_area ul.wide li {
	float: none;
	width: auto;
	padding: 30px 60px 60px 60px
}
body#smartphonedesurvey main .service_point_area ul li .icon img {
	width: 70px
}
body#smartphonedesurvey main .service_point_area ul li .title {
	font-size: 2.6rem;
	font-weight: 600;
	color: #E50012;
	padding: 15px 0 30px;
	text-align: center;
	line-height: 1.3
}
body#smartphonedesurvey main .service_point_area ul li .txt {
	font-size: 1.8rem;
	margin: 20px 0 0 0;
	line-height: 1.6;
	font-weight: 400
}
body#smartphonedesurvey main .service_point_area ul li .txt.s {
	font-size: 1.6rem
}
body#smartphonedesurvey main .service_point_area ul li .txt span {
	font-size: 1.4rem
}
body#smartphonedesurvey main .service_point_area ul li .basic_p {
	text-align: left
}
body#smartphonedesurvey main .service_point_area ul li .basic_list {
	padding: 20px 0 10px;
	margin: 0
}
body#smartphonedesurvey main .service_point_area ul li .basic_list li {
	color: #E60012;
	font-size: 1.5rem;
	margin-left: 0;
	margin-bottom: 0;
	float: none;
	width: auto;
	border: none;
	padding: 0;
	margin: 0 0 8px 1em;
	text-align: left
}
body#smartphonedesurvey main .service_case_area {
	background: #F5F6FA;
	border-top: 6px #E50012 solid;
	padding: 80px 0 50px 0
}
body#smartphonedesurvey main .service_case_area .basic_titbox {
	padding: 0 0 50px
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main .service_case_area {
		border-top: 4px #E50012 solid;
		padding: 30px 0 20px 0
	}
	body#smartphonedesurvey main .service_case_area .basic_titbox {
		padding: 0 0 10px
	}
}
body#smartphonedesurvey main #service .mv_area {
	text-align: center;
	margin: -60px 0 100px 0
}
body#smartphonedesurvey main #service .mv_area .movie-wrap iframe {
	width: 900px;
	height: 500px
}
body#smartphonedesurvey main #service .h4-area {
	font-size: 2.4rem;
	font-weight: 600;
	text-align: center;
	margin: 0 0 40px 0;
	line-height: 1.6
}
body#smartphonedesurvey main #service .h4-area.red {
	color: #FF2327
}
body#smartphonedesurvey main #service .service_detail_area .txt {
	line-height: 2;
	text-align: left;
	padding: 0 80px;
	margin: 0 0 20px 0
}
body#smartphonedesurvey main #service .dl_area .txt {
	line-height: 2;
	text-align: left;
	padding: 0 0 45px 0;
	margin: 15px 0 0 74px
}
body#smartphonedesurvey main #service .service_detail_area .txt.attention {
	text-align: left;
	font-size: 1.4rem;
	margin-top: -9px
}
body#smartphonedesurvey main #service .service_detail_area .txt.attention.red {
	color: #FF2124
}
body#smartphonedesurvey main #service .dlbox_img {
	text-align: center;
	float: left;
	width: 342px;
	position: relative;
	top: 67px;
	margin: 0 0 -70px
}
body#smartphonedesurvey main #service .dlbox_img.de {
	text-align: center;
	float: left;
	width: 342px;
	position: relative;
	top: -70px;
	margin: 0 0 -70px
}
body#smartphonedesurvey main #service .dlbox_con {
	float: right;
	width: 731px;
	padding: 50px 0 0
}
body#smartphonedesurvey main #service #pinspect .trial .dlbox_con {
	float: none;
	text-align: center;
	margin: 0 auto
}
body#smartphonedesurvey main #service .survey_info .inner {
	padding: 30px;
	line-height: 1.8;
	border: 1px solid #333;
	box-shadow: 6px 6px #2e3642;
	margin: 0 auto
}
body#smartphonedesurvey main #service .survey_info.pitacon {
	background-color: #fff
}
body#smartphonedesurvey main #service .service_detail_area img {
	width: 65%;
	margin: 0 auto;
	display: block
}
body#smartphonedesurvey main #service .service_detail_area .use-img img {
	width: 100%
}
body#smartphonedesurvey main #service span.red {
	color: #D90003
}
body#smartphonedesurvey main #service.pitacon .service_detail_area img {
	width: 96%;
	margin: 0 auto;
	display: block
}
body#smartphonedesurvey main #service.pitacon .mv_area {
	text-align: center;
	margin: 0px 0 30px 0
}
body#smartphonedesurvey main #service.pitacon .ser_smartsurvey .ser_use_list .basic_title {
	margin: 0 0 20px
}
body#smartphonedesurvey main #service.pitacon .basic_title {
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
	margin: 50px 0 35px;
	line-height: 1.8
}
body#smartphonedesurvey main #service.pitacon .ser_use_list li {
	float: left;
	margin: 0 120px 60px 0;
	width: calc((100% - 120px)/2)
}
body#smartphonedesurvey main #service.pitacon .ser_use_list li:nth-child(2n) {
	margin: 0 0 60px
}
body#smartphonedesurvey main #service.pitacon .ser_smartsurvey .ser_use_list .img_box img {
	width: 100%
}
body#smartphonedesurvey main #service.pitacon .ser_smartsurvey .ser_use_list .basic_title {
	margin: 0 0 20px
}
body#smartphonedesurvey main #service.pitacon .cmn_linebox {
	width: 1100px;
	background-color: #fff;
	border: 1px solid #333;
	box-shadow: 6px 6px #2e3642;
	padding: 70px 60px;
	margin-bottom: 52px;
	line-height: 1.7
}
body#smartphonedesurvey main #service.pitacon #survey .ser_mv {
	position: relative;
	background: url(../img/ser_pitacon_mv.jpg) center top/cover no-repeat
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #service .mv_area {
		margin: -30px 20px 40px 20px
	}
	body#smartphonedesurvey main #service .movie-wrap {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden
	}
	body#smartphonedesurvey main #service .mv_area .movie-wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #service .h4-area {
		font-size: 2.0rem;
		margin: 0 0 30px 0;
		line-height: 1.6
	}
	body#smartphonedesurvey main #service .service_detail_area .txt {
		padding: 0 0;
		margin: 0 0 15px 0
	}
	body#smartphonedesurvey main #service .service_detail_area .txt.attention {
		font-size: 1.4rem;
		margin-top: -9px
	}
	body#smartphonedesurvey main #service .service_detail_area img {
		width: 100%
	}
	body#smartphonedesurvey main #service .dl_area .txt {
		padding: 0 0 25px 0;
		margin: 15px 0 0 0
	}
	body#smartphonedesurvey main #service .dlbox_img {
		float: none;
		width: 150px;
		top: -30px;
		margin: 0 auto;
		text-align: center
	}
	body#smartphonedesurvey main #service .dlbox_img.de {
		float: none;
		width: 150px;
		top: -30px;
		margin: 0 auto;
		text-align: center
	}
	body#smartphonedesurvey main #service .dlbox_img img, body#smartphonedesurvey main #service .dlbox_img.de img {
		width: 100%
	}
	body#smartphonedesurvey main #service .dlbox_con {
		float: none;
		width: 100%;
		padding: 0
	}
	body#smartphonedesurvey main #service #pinspect .trial .dlbox_con {
		padding: 30px 0;
		text-align: left
	}
}
body#smartphonedesurvey main .service_detail_area {
	padding: 80px 0 0
}
body#smartphonedesurvey main .service_detail_area.use {
	padding: 20px 0 80px 0
}
body#smartphonedesurvey main .service_detail_area.bg {
	background: #F5F6FA
}
body#smartphonedesurvey main .service_detail_area .basic_titbox {
	padding: 0 0 50px
}
body#smartphonedesurvey main .service_detail_area .float_box {
	padding: 40px 0 0 0
}
body#smartphonedesurvey main .service_detail_area .float_box li {
	float: left;
	width: 47%;
	text-align: center
}
body#smartphonedesurvey main .service_detail_area .float_box li:nth-child(2n) {
	float: right
}
body#smartphonedesurvey main .service_detail_area .float_box li img {
	width: 100%;
	vertical-align: bottom
}
body#smartphonedesurvey main .service_detail_area .service_logo {
	padding: 0 0 20px 0
}
body#smartphonedesurvey main .service_detail_area .movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	min-height: 300px
}
body#smartphonedesurvey main .service_detail_area .movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main .service_detail_area {
		padding: 30px 0 20px 0
	}
	body#smartphonedesurvey main .service_detail_area .basic_titbox {
		padding: 0 0 10px
	}
	body#smartphonedesurvey main .service_detail_area .float_box {
		padding: 0
	}
	body#smartphonedesurvey main .service_detail_area .float_box li {
		float: none;
		width: auto;
		padding: 25px 0 0 0
	}
	body#smartphonedesurvey main .service_detail_area .float_box li:nth-child(2n) {
		float: none
	}
	body#smartphonedesurvey main .service_detail_area .service_logo {
		padding: 0 0 10px 0
	}
	body#smartphonedesurvey main .service_detail_area .movie-wrap {
		height: 0;
		min-height: 200px
	}
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #raybrid .service_detail_area .service_logo img {
		height: auto
	}
	body#smartphonedesurvey main #raybrid .service_detail_area .service_logo img.Matte {
		width: 130px
	}
	body#smartphonedesurvey main #raybrid .service_detail_area .service_logo img.douga {
		width: 100%;
		max-width: 280px
	}
	body#smartphonedesurvey main #raybrid .service_detail_area .float_box.Raybrid_KeyMaker li {
		width: auto
	}
	body#smartphonedesurvey main #raybrid .service_detail_area .float_box.Raybrid_KeyMaker li:nth-child(2n) {
		width: auto;
		padding: 20px 0 0 0
	}
	body#smartphonedesurvey main #keymaker .ser_titlearea .logo_img img {
		width: 70%;
		max-width: 280px
	}
	body#smartphonedesurvey main #keymaker .title3 {
		margin: 40px 0 20px
	}
	body#smartphonedesurvey main #keymaker .title3:first-of-type {
		margin: 0 0 20px
	}
	body#smartphonedesurvey main #keymaker .works_box {
		float: none;
		width: 100%;
		border-right: none
	}
	body#smartphonedesurvey main #keymaker .works_title {
		margin: 30px 0
	}
	body#smartphonedesurvey main #keymaker .works_box .basic_list {
		padding: 0 0 20px 15px;
		margin: 0 auto;
		border-bottom: 1px solid #ddd
	}
	body#smartphonedesurvey main #keymaker .works_box:last-child .basic_list {
		border-bottom: none
	}
	body#smartphonedesurvey main #keymaker .service_detail_area.bg {
		margin: 10px 0 0;
		padding: 30px 0 50px
	}
	body#smartphonedesurvey main #keymaker .scroll_box {
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch
	}
	body#smartphonedesurvey main #keymaker .table_cell2, body#smartphonedesurvey main #keymaker .table_cell3, body#smartphonedesurvey main #keymaker .table_cell4 {
		display: table-cell;
		background: #fff;
		border: 1px solid #ddd;
		padding: 10px
	}
}
body#smartphonedesurvey main #survey .service_detail_area .section {
	margin: 70px 0 0
}
body#smartphonedesurvey main #survey .service_detail_area .section:first-of-type {
	margin: 0
}
body#smartphonedesurvey main #survey .service_detail_area .img_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
body#smartphonedesurvey main #survey .service_detail_area .step1.img_container {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
body#smartphonedesurvey main #survey .step1.img_container li {
	width: calc((100% - 50px)/2);
	margin: 0 50px 60px 0;
	text-align: center
}
body#smartphonedesurvey main #survey .step1.img_container li:nth-child(2n) {
	margin: 0 0 60px
}
body#smartphonedesurvey main #survey .step1.img_container li img {
	width: 100%;
	padding: 20px 40px 15px
}
body#smartphonedesurvey main #survey .step1.img_container .title {
	color: #E50012;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin: 20px 0 0
}
body#smartphonedesurvey main #survey .step3.img_container {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
body#smartphonedesurvey main #survey .step3.img_container img {
	width: 48%
}
body#smartphonedesurvey main #survey .survey_link {
	margin: 60px auto 0
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #survey .service_detail_area .section {
		margin: 30px 0 0
	}
	body#smartphonedesurvey main #survey .service_detail_area .img_container {
		display: block
	}
	body#smartphonedesurvey main #survey .step1.img_container li {
		width: 100%;
		margin: 0 0 40px
	}
	body#smartphonedesurvey main #survey .step1.img_container li:nth-child(2n) {
		margin: 0 0 40px
	}
	body#smartphonedesurvey main #survey .step1.img_container li img {
		width: 100%;
		padding: 10px 20px
	}
	body#smartphonedesurvey main #survey .step1.img_container .title {
		margin: 10px 0 0;
		line-height: 1.4;
		font-size: 1.8rem
	}
	body#smartphonedesurvey main #survey .step1.img_container .caption {
		line-height: 1.8;
		text-align: left
	}
	body#smartphonedesurvey main #survey .step3.img_container img {
		width: 100%;
		margin: 0 0 15px
	}
	body#smartphonedesurvey main #survey .survey_link {
		margin: 30px auto 0
	}
}
body#smartphonedesurvey main .dl_area {
	padding: 80px 0
}
body#smartphonedesurvey main .trial .dl_area {
	padding: 0
}
body#smartphonedesurvey main .dlbox {
	width: 100%;
	background: #F5F6FA;
	margin: 50px 0 0
}
body#smartphonedesurvey main .dlbox_img {
	text-align: center;
	float: left;
	width: 400px;
	position: relative;
	top: -100px;
	margin: 0 0 -70px
}
body#smartphonedesurvey main .dlbox_img img {
	width: 200px
}
body#smartphonedesurvey main .dlbox_con {
	float: right;
	width: 700px;
	padding: 50px 0 0
}
body#smartphonedesurvey main .dlbox_txt {
	font-size: 1.8rem;
	line-height: 1.7;
	font-weight: normal
}
body#smartphonedesurvey main .dlbox_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 20px 0 0
}
body#smartphonedesurvey main .dlbox_btn .app_dl {
	width: 200px
}
body#smartphonedesurvey main .dlbox_btn .qr_code {
	width: 120px;
	margin: 0 0 0 50px
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main .dl_area {
		padding: 10px 0 0
	}
	body#smartphonedesurvey main .dlbox {
		margin: 30px 0 0
	}
	body#smartphonedesurvey main #service #pinspect .operating-area .dlbox {
		margin: 0;
		padding: 30px 0
	}
	body#smartphonedesurvey main #pinspect .trial .dlbox {
		margin: 0
	}
	body#smartphonedesurvey main .dlbox_img {
		float: none;
		width: 150px;
		top: -30px;
		margin: 0 auto;
		text-align: center
	}
	body#smartphonedesurvey main .dlbox_img img {
		width: 100%
	}
	body#smartphonedesurvey main .dlbox_con {
		float: none;
		width: 100%;
		padding: 0
	}
	body#smartphonedesurvey main .dlbox_txt {
		font-size: 1.6rem
	}
	body#smartphonedesurvey main .dlbox_btn {
		display: block
	}
	body#smartphonedesurvey main .dlbox_btn .app_dl {
		display: block;
		width: 200px;
		margin: 0 auto
	}
	body#smartphonedesurvey main .dlbox_btn .qr_code {
		display: block;
		width: 200px;
		margin: 20px auto 30px
	}
}
body#smartphonedesurvey main #survey .survey_info .inner {
	padding: 30px;
	line-height: 1.8;
	border: 1px solid #333;
	box-shadow: 6px 6px #2E3642;
	margin: 0 auto
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #survey .survey_info .inner {
		padding: 15px;
		margin: 30px auto 10px
	}
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main .service_point_area {
		background: url(../../images/product/smartphonedesurvey/red_polygon_bg.png) repeat-x left top;
		background-size: 560px auto;
		padding: 10px 0 10px 0
	}
	body#smartphonedesurvey main .service_point_area .title_box .title_j {
		padding-bottom: 0;
		font-size: 1.6rem
	}
	body#smartphonedesurvey main .service_point_area ul {
		margin: 0 0 0 0
	}
	body#smartphonedesurvey main .service_point_area ul.wide {
		margin: 0 0 0 0
	}
	body#smartphonedesurvey main .service_point_area ul li, body#smartphonedesurvey main .service_point_area ul.height-fit li {
		float: none;
		width: auto;
		border: none;
		padding: 20px 0 30px 0;
		margin: 0 0 0 0;
		border-bottom: 1px #DDD solid;
		height: auto
	}
	body#smartphonedesurvey main .service_point_area ul.wide li {
		padding: 20px 0 30px 0
	}
	body#smartphonedesurvey main .service_point_area ul li .icon img {
		width: 60px
	}
	body#smartphonedesurvey main .service_point_area ul li .title {
		font-size: 2rem;
		line-height: 1.5;
		padding: 8px 0 15px
	}
	body#smartphonedesurvey main .service_point_area ul li .txt {
		font-size: 1.6rem;
		margin: 8px 0 0 0;
		text-align: left;
		line-height: 1.6
	}
	body#smartphonedesurvey main .service_point_area ul li .txt.s {
		font-size: 1.5rem
	}
	body#smartphonedesurvey main .service_point_area ul li .basic_list {
		padding: 0
	}
}
body#smartphonedesurvey main #main {
	position: relative;
	top: 0
}
body#smartphonedesurvey main #contents {
	position: relative;
	margin-top: 80px;
	margin-bottom: 0
}
body#smartphonedesurvey main #contents.style2 {
	margin-bottom: 100px
}
body#smartphonedesurvey main .contents_left {
	float: left;
	width: 790px
}
body#smartphonedesurvey main .contents_right {
	float: right;
	width: 260px
}
body#smartphonedesurvey main .side_menu_list {
	margin-top: 85px
}
body#smartphonedesurvey main .side_menu_list li {
	border-top: 1px solid #cccccc;
	padding: 25px 0;
	color: #444444;
	padding-left: 25px;
	background-image: url(../../images/product/smartphonedesurvey/sidemenu_list.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center left
}
body#smartphonedesurvey main .side_menu_list li:nth-last-child(1) {
	border-bottom: 1px solid #cccccc
}
body#smartphonedesurvey main .tc-1D3357 {
	color: #1D3357
}
body#smartphonedesurvey main .tc-71BAEA {
	color: #71BAEA
}
body#smartphonedesurvey main .tc-1458A6 {
	color: #1458A6
}
body#smartphonedesurvey main .tc-3286CA {
	color: #3286CA
}
body#smartphonedesurvey main .tc-1358A5 {
	color: #1358A5
}
body#smartphonedesurvey main .tc-0CB6E4 {
	color: #0CB6E4
}
body#smartphonedesurvey main .bg_gray {
	background-color: #F0F4F7
}
body#smartphonedesurvey main .subpage_bg {
	background-color: #F0F4F7;
	width: 100%;
	padding: 20px 0 120px 0
}
body#smartphonedesurvey main .subpage_bg.bg_white {
	background-color: #ffffff
}
body#smartphonedesurvey main .subpage_bg.pb0 {
	padding: 20px 0 0 0
}
body#smartphonedesurvey main .subpage_bg2 {
	background-color: #ffffff;
	width: 100%;
	padding: 60px 0
}
body#smartphonedesurvey main .lineheight1_5 {
	line-height: 1.5
}
body#smartphonedesurvey main .lineheight1_8 {
	line-height: 1.8
}
body#smartphonedesurvey main .list_disc {
	list-style-type: disc;
	margin-left: 20px
}
body#smartphonedesurvey main .bold {
	font-weight: 700
}
body#smartphonedesurvey main .title_box .title_e {
	font-family: 'Lato', sans-serif;
	color: #000;
	font-size: 4.4rem;
	font-weight: 900;
	letter-spacing: 3px;
	margin-bottom: 0;
	padding: 0 10px;
	line-height: 1.2
}
body#smartphonedesurvey main .title_box .title_j {
	color: #000;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.2
}
body#smartphonedesurvey main .title_box .title_j.large {
	font-size: 2.4rem
}
body#smartphonedesurvey main .title_box_sub {
	color: #000;
	font-size: 2.0rem;
	font-weight: 200
}
body#smartphonedesurvey main .title3 {
	font-size: 2.2rem;
	font-weight: 500;
	border-left: 5px solid #E50012;
	background: url("../img/line.png") left top 50%/1100px 1px no-repeat;
	margin-bottom: 40px;
	line-height: 1.4
}
body#smartphonedesurvey main .title3 span {
	background-color: #fff;
	padding: 0 25px 0 15px;
	display: inline-block
}
body#smartphonedesurvey main .title_box_sub {
	color: #000;
	font-size: 2.0rem;
	font-weight: 200
}
body#smartphonedesurvey main .title_box.style2 {
	text-align: center;
	margin: 50px 0 70px
}
body#smartphonedesurvey main .title_box.style2_2 {
	text-align: center
}
body#smartphonedesurvey main .title_box.style2_2 .title_e {
	font-family: 'Lato', sans-serif;
	color: #000;
	font-size: 4.3rem;
	font-weight: 900;
	letter-spacing: 3px;
	margin-bottom: 8px
}
body#smartphonedesurvey main .basic_mv {
	margin-bottom: 70px;
	text-align: center
}
body#smartphonedesurvey main .title4 {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 30px
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #main {
		position: relative;
		top: 0
	}
	body#smartphonedesurvey main #contents {
		margin-top: 60px
	}
	body#smartphonedesurvey main #contents.style2 {
		margin-bottom: 0;
		margin-bottom: 40px
	}
	body#smartphonedesurvey main .contents_left, body#smartphonedesurvey main .contents_right {
		float: none;
		width: auto;
		padding: 0
	}
	body#smartphonedesurvey main #company .contents_right {
		display: none
	}
	body#smartphonedesurvey main .common_title {
		font-size: 1.6rem;
		margin-bottom: 20px;
		background-position: top 4px left 10px;
		background-size: 12px;
		padding-left: 40px;
		margin-top: 20px
	}
	body#smartphonedesurvey main .subpage_bg {
		padding: 25px 0 35px 0
	}
	body#smartphonedesurvey main .subpage_bg2 {
		padding: 35px 0
	}
	body#smartphonedesurvey main .title_box {
		margin-bottom: 20px
	}
	body#smartphonedesurvey main .title_box .title_e {
		font-size: 2.8rem;
		margin-bottom: 0
	}
	body#smartphonedesurvey main .title_box .title_j {
		font-size: 1.5rem
	}
	body#smartphonedesurvey main .title_box .title_j.large {
		font-size: 1.5rem
	}
	body#smartphonedesurvey main .title3 {
		font-size: 1.8rem;
		margin-bottom: 20px;
		background: none
	}
	body#smartphonedesurvey main .title3 span {
		padding: 0 0 0 10px
	}
	body#smartphonedesurvey main .title_box_sub {
		font-size: 1.8rem;
		line-height: 1.4
	}
	body#smartphonedesurvey main .title_box.style2 {
		margin: 20px 0 30px
	}
	body#smartphonedesurvey main .title_box.style2_2 .title_e {
		font-size: 3.3rem
	}
	body#smartphonedesurvey main .basic_mv {
		margin-bottom: 30px
	}
}
body#smartphonedesurvey main .basic_titbox {
	width: 100%;
	padding: 0 0 0
}
body#smartphonedesurvey main .basic_titbox .title_box {
	text-align: center
}
body#smartphonedesurvey main .basic_list {
	line-height: 1.8
}
body#smartphonedesurvey main .basic_list li {
	color: #E60012;
	font-size: 1.5rem;
	margin-left: 1em;
	margin-bottom: 8px
}
body#smartphonedesurvey main .basic_list span {
	color: #333;
	font-size: 1.7rem
}
body#smartphonedesurvey main .basic_list li span a {
	color: #333;
	border-bottom: solid 1px #333;
	padding: 0 0 0 0
}
body#smartphonedesurvey main .dep-ser_box1 {
	margin-bottom: 100px
}
body#smartphonedesurvey main .dep-ser_box1 .basic_titbox {
	margin-bottom: 60px
}
body#smartphonedesurvey main .dep-ser_box2 {
	margin-bottom: 90px
}
body#smartphonedesurvey main .contents_box {
	margin-bottom: 80px
}
body#smartphonedesurvey main .contents_box .basic_titbox {
	margin-bottom: 40px
}
body#smartphonedesurvey main .movie iframe {
	width: 520px;
	max-width: 520px;
	min-height: 338px
}
body#smartphonedesurvey main .movie_list li {
	width: 320px;
	float: left;
	margin-right: 70px;
	margin-bottom: 40px;
	text-align: center
}
body#smartphonedesurvey main .movie_list li:nth-child(3n) {
	margin-right: 0
}
body#smartphonedesurvey main .movie_list .movie iframe {
	width: 320px;
	max-width: 320px;
	min-height: 200px
}
body#smartphonedesurvey main .basic_imglist {
	margin-top: 20px
}
body#smartphonedesurvey main .basic_imglist li {
	float: left;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 20px
}
body#smartphonedesurvey main .basic_imglist li:nth-child(2n) {
	margin-right: 0
}
body#smartphonedesurvey main .basic_img {
	margin: 40px 0 0 0
}
body#smartphonedesurvey main .tar {
	text-align: right
}
body#smartphonedesurvey main .back_link.detail {
	margin: -10px 0 80px 0
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main .basic_titbox {
		padding: 20px 0 5px
	}
	body#smartphonedesurvey main .basic_titbox .title_box .title_e {
		font-size: 2.6rem;
		margin-bottom: 3px
	}
	body#smartphonedesurvey main .basic_titbox .title_box .title_j {
		font-size: 1.6rem
	}
	body#smartphonedesurvey main .basic_list span {
		font-size: 1.5rem
	}
	body#smartphonedesurvey main .dep-ser_box1 {
		margin-bottom: 20px
	}
	body#smartphonedesurvey main .dep-ser_box1 .basic_titbox {
		margin-bottom: 0
	}
	body#smartphonedesurvey main .dep-ser_box2 {
		margin-bottom: 40px
	}
	body#smartphonedesurvey main .contents_box {
		margin-bottom: 40px
	}
	body#smartphonedesurvey main .contents_box .basic_titbox {
		margin-bottom: 20px
	}
	body#smartphonedesurvey main .movie_list {
		padding: 0 0 20px 0
	}
	body#smartphonedesurvey main .movie iframe {
		width: 100%;
		min-height: 200px
	}
	body#smartphonedesurvey main .movie_list .movie iframe {
		width: 100%;
		min-height: 200px
	}
	body#smartphonedesurvey main .movie_list li {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px
	}
	body#smartphonedesurvey main .movie_list li:nth-last-child(1) {
		margin-bottom: 0
	}
	body#smartphonedesurvey main .basic_imglist li {
		float: none;
		margin-right: 0;
		margin-top: 20px;
		margin-bottom: 20px
	}
	body#smartphonedesurvey main .basic_img {
		margin: 20px 0 0 0
	}
	body#smartphonedesurvey main .back_link.detail {
		margin: 0 0 30px 0;
		padding: 10px 0 0 0
	}
}
body#smartphonedesurvey main .clear {
	height: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	clear: both;
	font-size: 0px
}
body#smartphonedesurvey main .clear_b {
	clear: both
}
body#smartphonedesurvey main .clearfix {
	display: inline-block
}
body#smartphonedesurvey main .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
body#smartphonedesurvey main * html .clearfix {
	zoom: 1
}
body#smartphonedesurvey main .clearfix {
	display: block
}
body#smartphonedesurvey main .over {
	overflow: hidden
}
body#smartphonedesurvey main #service h2, body#smartphonedesurvey main #service h3, body#smartphonedesurvey main #service h4 {
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	margin: 0
}
body#smartphonedesurvey main #service p.icon {
	margin-top: 0;
	margin-bottom: 0
}
body#smartphonedesurvey main #service .tc_red {
	color: #E50012
}
body#smartphonedesurvey main #service .service_point_area ul.wide {
	margin-left: 0;
	padding: 0;
	list-style: none
}
body#smartphonedesurvey main #service .service_point_area ul.wide li {
	margin: 0 40px 40px
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #service .service_point_area ul.wide {
		padding: 0
	}
	body#smartphonedesurvey main #service .service_point_area ul.wide li {
		margin-left: 20px;
		margin-right: 20px
	}
}
body#smartphonedesurvey main #service .ser_titlearea {
	top: 0;
	padding-top: 0
}
body#smartphonedesurvey main #service .ser_titlearea .title {
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #service .ser_titlearea .title {
		font-size: 20px;
		line-height: 1.5;
		padding: 8px 0 15px
	}
	body#smartphonedesurvey main #service .ser_titlearea .txt {
		padding: 0
	}
}
body#smartphonedesurvey main #service .cmn_linebox {
	width: auto;
	padding: 20px
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #service .cmn_linebox {
		padding: 10px
	}
}
body#smartphonedesurvey main #service ul.img_container {
	margin-left: 0;
	padding: 0
}
body#smartphonedesurvey main #service ul.img_container li {
	list-style: none
}
@media screen and (min-width: 821px) {
	body#smartphonedesurvey main #service .step1.img_container li {
		width: calc((100% - 30px)/2);
		margin: 0 30px 60px 0
	}
}
@media screen and (min-width: 821px) {
	body#smartphonedesurvey main #service .dlbox_con {
		width: 60%
	}
}
body#smartphonedesurvey main #service .wrap20 {
	padding: 0 20px
}
body#smartphonedesurvey main #service .mt20 {
	margin-top: 20px !important
}
body#smartphonedesurvey main #service .smart_bottom {
	padding-bottom: 60px
}
body#smartphonedesurvey main #service .smart_bottom .survey_info {
	width: 80%;
	margin-left: auto;
	margin-right: auto
}
body#smartphonedesurvey main #service .smart_bottom .survey_info .inner {
	padding: 0 1em
}
@media screen and (min-width: 821px) {
	body#smartphonedesurvey main #service .smart_bottom .survey_info {
		font-size: .875em
	}
}
@media screen and (max-width: 820px) {
	body#smartphonedesurvey main #service .smart_bottom .survey_info {
		font-size: .85714em
	}
}
body#smartphonedesurvey main #service .basic_list {
	padding-left: 0
}
@media screen and (max-width: 600px) {
	body#smartphonedesurvey main #service .ser_titlearea .title {
		font-size: 5vw
	}
}
body#networking main table th {
	min-width: 8em
}
@media screen and (max-width: 600px) {
	body#networking main table th, body#networking main table td {
		padding-left: 5px;
		padding-right: 5px
	}
	body#networking main table th {
		min-width: calc(12px + 6em)
	}
}
@media screen and (max-width: 600px) {
	body#networking main table th {
		font-size: .85714em
	}
}
header nav p.menu {
	margin: 0
}
@media screen and (min-width: 821px) {
	.mega_menu, .mega_menu>ul, .mega_menu>ul>li {
		height: 100%
	}
	header nav.mega_menu {
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	header nav.mega_menu>ul {
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	header nav.mega_menu>ul>li {
		line-height: 1.4;
		list-style: none;
		margin: 0 10px;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	header nav.mega_menu>ul>li>a, header nav.mega_menu>ul>li .menu {
		display: block
	}
	header nav.mega_menu>ul>li>a>span, header nav.mega_menu>ul>li .menu>span {
		display: block;
		padding: 5px 5px;
		margin: 0;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		text-align: center;
		position: relative;
		font-size: 1em
	}
	header nav.mega_menu>ul>li>a>span span, header nav.mega_menu>ul>li .menu>span span {
		display: block;
		font-size: .66667em;
		font-weight: 400;
		opacity: .6
	}
	header nav.mega_menu>ul>li>a>span, header nav.mega_menu>ul>li .menu>span {
		line-height: 1
	}
	header nav.mega_menu>ul>li>a>span, header nav.mega_menu>ul>li>a>span:visited, header nav.mega_menu>ul>li .menu>span, header nav.mega_menu>ul>li .menu>span:visited {
		color: #000
	}
	header nav.mega_menu>ul>li>a>span:after, header nav.mega_menu>ul>li .menu>span:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		-webkit-transition: -webkit-transform .3s;
		transition: -webkit-transform .3s;
		transition: transform .3s;
		transition: transform .3s, -webkit-transform .3s;
		background-color: #F38200;
		left: 0;
		bottom: 0;
		-webkit-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transform-origin: right top;
		transform-origin: right top
	}
	header nav.mega_menu>ul>li>a>span:hover, header nav.mega_menu>ul>li .menu>span:hover {
		color: #F38200
	}
	header nav.mega_menu>ul>li>a>span:hover:after, header nav.mega_menu>ul>li .menu>span:hover:after {
		width: 100%;
		-webkit-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	header nav.mega_menu>ul>li.active>a>span:after, header nav.mega_menu>ul>li.active .menu>span:after {
		width: 100%;
		-webkit-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	header nav.mega_menu .gm_inner {
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
		position: absolute;
		left: 50%;
		top: 76px;
		width: 980px;
		max-width: 96%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #fff;
		padding: 2em 1em 1em
	}
	header nav.mega_menu .gm_inner ul {
		margin: 0;
		padding: 0 2em;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	header nav.mega_menu .gm_inner ul li {
		width: calc((100% - 20px)/3);
		margin: 0 0 0;
		padding: 0;
		display: block
	}
	header nav.mega_menu .gm_inner ul li a {
		position: relative;
		padding: .5em .5em .5em 1.2em;
		margin-left: .5em;
		display: inline-block
	}
	header nav.mega_menu .gm_inner ul li a, header nav.mega_menu .gm_inner ul li a:visited {
		color: #000
	}
	header nav.mega_menu .gm_inner ul li a span {
		display: inline-block
	}
	header nav.mega_menu .gm_inner ul li a:before {
		content: '\e802';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: never;
		color: #F38200;
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		display: inline-block
	}
	header nav.mega_menu .gm_inner ul li a:hover:before {
		-webkit-animation-name: link_left;
		animation-name: link_left;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}
	header nav.mega_menu .gm_inner ul li.all {
		width: 100%;
		margin-bottom: 1em;
		background-color: rgba(191, 155, 115, 0.2)
	}
	header nav.mega_menu .gm_inner ul li.all a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 1.5em;
		display: block;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: nomal;
		margin-left: 0
	}
	header nav.mega_menu .gm_inner ul li.all a span {
		display: inline-block;
		margin-left: .5em;
		opacity: .5;
		font-size: .75em
	}
	header nav.mega_menu .gm_inner ul li.all a:before {
		margin-left: .5em
	}
	header nav.mega_menu .gm_inner ul li+li.all {
		margin-top: 2em
	}
	header nav.mega_menu .gm_inner_tile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	header nav.mega_menu span.pickup {
		position: relative
	}
	header nav.mega_menu span.pickup:before {
		position: absolute;
		top: -30px;
		left: -5px;
		content: "PICKUP";
		line-height: 1;
		background-color: #F38200;
		color: #fff;
		font-size: 10px;
		border-radius: 1em;
		padding: 2px 5px;
		display: block;
		letter-spacing: 0.1em
	}
	header nav.mega_menu li.mega_menu_dropdown p.menu {
		cursor: pointer
	}
	header nav.mega_menu li.mega_menu_dropdown .gm_inner {
		display: none
	}
	header nav.mega_menu li.mega_menu_dropdown.active .gm_inner {
		display: block;
		-webkit-animation: mega_menu_Anime 0.5s ease-in-out 0s forwards;
		animation: mega_menu_Anime 0.5s ease-in-out 0s forwards
	}
}
@media screen and (min-width: 821px) {
	body.news header div.wrap nav.mega_menu ul li.gm_topics span:after, body.news header div.wrap_white2 nav.mega_menu ul li.gm_topics span:after, body.news header div.wrap_white nav.mega_menu ul li.gm_topics span:after, body.contact header .wrap nav.mega_menu ul li.gm_contact span:after, body.contact header .wrap_white2 nav.mega_menu ul li.gm_contact span:after, body.contact header .wrap_white nav.mega_menu ul li.gm_contact span:after, body.recruit header .wrap nav.mega_menu ul li.gm_recruit span:after, body.recruit header .wrap_white2 nav.mega_menu ul li.gm_recruit span:after, body.recruit header .wrap_white nav.mega_menu ul li.gm_recruit span:after, body.casestudy header .wrap nav.mega_menu ul li.gm_casestudy span:after, body.casestudy header .wrap_white2 nav.mega_menu ul li.gm_casestudy span:after, body.casestudy header .wrap_white nav.mega_menu ul li.gm_casestudy span:after {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}
@media screen and (min-width: 821px) {
	body.company header .wrap nav.mega_menu ul li.gm_company .menu span:after, body.company header .wrap_white2 nav.mega_menu ul li.gm_company .menu span:after, body.company header .wrap_white nav.mega_menu ul li.gm_company .menu span:after, body.ps header .wrap nav.mega_menu ul li.gm_ps .menu span:after, body.ps header .wrap_white2 nav.mega_menu ul li.gm_ps .menu span:after, body.ps header .wrap_white nav.mega_menu ul li.gm_ps .menu span:after {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}
@media screen and (max-width: 820px) {
	header nav.mega_menu {
		max-height: 80vh;
		overflow-y: auto
	}
	header nav.mega_menu p.menu {
		margin: 0;
		padding: 10px 20px;
		display: block;
		color: #fff;
		width: 100%
	}
	header nav.mega_menu>ul>li {
		line-height: 1.2
	}
	header nav.mega_menu>ul>li>a>span, header nav.mega_menu>ul>li .menu>span {
		display: block;
		padding: 8px 5px;
		margin: 0;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		position: relative
	}
	header nav.mega_menu>ul>li>a>span span, header nav.mega_menu>ul>li .menu>span span {
		display: block;
		font-size: .83333em;
		font-weight: 400;
		opacity: .6
	}
	header nav.mega_menu>ul>li>a {
		padding: 8px 20px
	}
	header nav.mega_menu li.mega_menu_dropdown {
		-webkit-transition: .3s;
		transition: .3s
	}
	header nav.mega_menu li.mega_menu_dropdown:hover, header nav.mega_menu li.mega_menu_dropdown:focus, header nav.mega_menu li.mega_menu_dropdown.active {
		background-color: #666
	}
	header nav.mega_menu li.mega_menu_dropdown.active .menu>span:before {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	header nav.mega_menu li.mega_menu_dropdown .menu>span {
		cursor: pointer;
		position: relative
	}
	header nav.mega_menu li.mega_menu_dropdown .menu>span:after, header nav.mega_menu li.mega_menu_dropdown .menu>span:before {
		border: 0 none;
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 1em;
		height: 1px;
		background: #fff;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		z-index: 1
	}
	header nav.mega_menu li.mega_menu_dropdown .menu>span:before {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
	header nav.mega_menu li.mega_menu_dropdown .menu>span:after {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	header nav.mega_menu li.mega_menu_dropdown ul {
		list-style: none
	}
	header nav.mega_menu li.mega_menu_dropdown .gm_inner_tile img {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px
	}
	header nav.mega_menu li.mega_menu_dropdown .gm_inner {
		max-height: 0;
		overflow: hidden;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		-webkit-transition: .5s;
		transition: .5s
	}
	header nav.mega_menu li.mega_menu_dropdown ul {
		margin: 0 auto;
		width: 90%;
		padding: 0;
		background-color: #666
	}
	header nav.mega_menu li.mega_menu_dropdown ul li a {
		padding: 10px 20px;
		display: block;
		color: #fff;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5)
	}
	header nav.mega_menu li.mega_menu_dropdown ul li a:hover, header nav.mega_menu li.mega_menu_dropdown ul li a:focus {
		background-color: #4d4d4d
	}
	header nav.mega_menu li.mega_menu_dropdown ul li.all span {
		display: inline-block;
		margin-left: .5em;
		opacity: .6;
		font-size: 10px
	}
	header nav.mega_menu li.mega_menu_dropdown.active .gm_inner {
		max-height: 999px
	}
	header nav.mega_menu li.mega_menu_dropdown li {
		position: relative
	}
	header nav.mega_menu li.mega_menu_dropdown li a:after {
		content: "";
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 1em;
		width: .6em;
		height: .6em
	}
	header nav.mega_menu li.gm_recruit span:after, header nav.mega_menu li.gm_topics span:after, header nav.mega_menu li.gm_contact span:after {
		content: "";
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
		display: inline-block;
		position: absolute;
		top: 50%;
		right: .2em;
		width: .6em;
		height: .6em
	}
	header nav.mega_menu li.mega_menu_dropdown ul li:last-child a {
		border-bottom: 0 none
	}
	header nav.mega_menu .gm_inner ul li:first-child a {
		border-top: 1px solid rgba(255, 255, 255, 0.5)
	}
	header nav.mega_menu li span {
		display: inline-block
	}
	header nav.mega_menu li.gm_ps .gm_inner li:not(.all) a {
		padding-left: 40px
	}
}
.animate__animated {
	visibility: hidden
}
p.link_set {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
a.links, a.sslink {
	min-width: 280px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: .5em;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 100px;
	padding: 0.5em 2em 0.5em 1.5em;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
	color: #d96e0a;
	position: relative;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out
}
a.links:after, a.sslink:after {
	content: "　＞";
	color: #8EC43E;
	font-weight: bold
}
a.links:hover, a.sslink:hover {
	opacity: 1;
	box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.4);
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}
a.links.green, a.sslink {
	border: 4px solid #8EC43E;
	color: #70a720
}
a.links.orange {
	border: 4px solid #F0831E;
	color: #d96e0a
}
a.links.orange:after {
	color: #F0831E
}
.ul_set h2 {
	font-size: 1.2em
}
.ul_set p {
	margin-top: 0;
	margin-bottom: 0
}
.ul_set ul {
	margin-top: 0;
	margin-bottom: 0
}
.ul_set_center {
	text-align: center
}
.ul_set_center h2 {
	font-size: 1.2em
}
.ul_set_center p {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0
}
.ul_set_center ul {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	list-style: none
}
.ul_set_center ul li {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative
}
.ul_set_center ul li:before {
	content: "・ ";
	font-weight: 700
}