@charset "utf-8";
/*-----------------------------------------------
	header-page
-----------------------------------------------*/
#header-page {
	background-color:#444;
	color:#fff;
	padding:1em 0;
	/* margin-bottom:10px; */
	text-align:left;
}

#header-page.nobgcolor {
	background-color:#fff !important;
	color:#333;
	text-align:left !important;
}

@media (min-width: 769px) {
#header-page {
	padding:3em 0;
	/* margin-bottom:50px; */
	text-align:center;
}
}
.products #header-page {
	background-color:#194375;
}
.library #header-page {
	background-color:#01b3cd;
}
.technology #header-page {
	background-color:#f3980f;
}
.application #header-page {
	background-color:#7cba27;
}
.why #header-page {
	background-color:#4b3a93;
}
.why #header-page.nobgcolor {
	color:#4b3a93;
}
.event_info #header-page {
	background-color:#c4181f;
}
.newsletter  #header-page {
	background-color:#194375;
}

@media (min-width: 769px) {
.event_info #header-page {
	background:#c4181f url(../images/backnumber/event/bg-event_info.jpg) no-repeat top right;
	height:350px;
	text-align:left;
}

.event_info #header-page img {
	max-height:250px;
}
.newsletter  #header-page {
	text-align:left;
}
}

#header-page h1 {
	font-size:3rem;
}

@media (min-width: 769px) {
#header-page h1 {
	font-size:5rem;
}

#header-page.nobgcolor h1 {
	font-size:4rem;
}
}
#header-page p {
	text-align:left;
	display:inline-block;
	max-width:100%;
	margin-bottom:0;
}
#index-category #header-page, #case.application #header-page {
	min-height:300px;
	background-size:cover;
	background-position:center center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:left;
	overflow:hidden;
}

#index-category #header-page h1, #contact #header-page h1, #case.application #header-page h1 {
	font-size:4rem;
}

@media (min-width: 769px) {
#index-category #header-page h1, #contact #header-page h1, #case.application #header-page h1 {
	font-size:5rem;
}
}

#index-category #header-page p, #contact #header-page p, #case.application #header-page p {
	font-size:2rem;
}
#index-category.company #header-page {
	background-image:url(../images/company/pt-office.jpg);
	background-position:top right;
}
#index-category.products #header-page {
	background-image:url(../images/products/pt-embedded.jpg);
}
#index-category.library #header-page {
	background-image:url(../images/library/pt-library.jpg);
}
#index-category.user #header-page {
	background-image:url(../images/user/pt-keyboard.jpg);
}
#index-category.support #header-page {
	background-image:url(../images/support/pt-support.jpg);
}
#index-category.contact #header-page {
	background-image:url(../images/contact/pt-contact.jpg);
}
#index-category.technology #header-page {
	background-image:url(../images/technology/pt-technology.jpg);
	margin-bottom:0;
}
#index-category.application #header-page {
	background-image:url(../images/application/pt-application.jpg);
	margin-bottom:0;
}
#index-category.why #header-page {
	background-image:url(../images/why/pt-why.jpg);
	margin-bottom:0;
}
#index-category.partner #header-page {
	background-image:url(../images/partner/pt-partner.jpg);
}
#index-category.recruit #header-page {
	background-image:url(../images/company/recruit/pt-recruit.jpg);
}
#index-category.newsletter #header-page {
	background-image:url(../images/newsletter/pt-newsletter.jpg);
}
#index-category #header-page .inner {
	background-color:rgba(51, 51, 51, 0.1);
	padding:1.5em 3em;
	border: 1px solid rgba(51, 51, 51, 0.1);
}
#index-category.products #header-page .inner {
	background-color:rgba(25, 67, 117, 0.1);
	padding:1.5em 3em;
	border: 1px solid rgba(25, 67, 117, 0.1);
}
#index-category.library #header-page .inner {
	background-color:rgba(1, 179, 205, 0.1);
	padding:1.5em 3em;
	border: 1px solid rgba(1, 179, 205, 0.1);
}
#index-category.technology #header-page .inner {
	background-color:rgba(243, 152, 15, 0.1);
	padding:1.5em 3em;
	border: 1px solid rgba(243, 152, 15, 0.1);
}
#index-category.application #header-page .inner, #case.application #header-page .inner {
	background-color:rgba(124, 186, 39, 0.1);
	padding:1.5em 3em;
	border: 1px solid rgba(124, 186, 39, 0.1);
}
#index-category.why #header-page .inner {
	background-color:rgba(75, 58, 147, 0.1);
	padding:1.5em 3em;
	border: 1px solid rgba(75, 58, 147, 0.1);
}

#index-category.newsletter #header-page .inner {
	background-color:rgba(25,67,117, 0.8);
	padding:1.5em 3em;
	border: 1px solid rgba(25,67,117, 0.1);
}
/*-----------------------------------------------
	top
-----------------------------------------------*/
/*	main visual
------------------------------------------*/
/*#img-entrance {
	width: 100%;
	height: 100vh;
	overflow:hidden;
	margin-bottom:50px;
	position:relative;
	background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}*/

#img-entrance {
	width: 100%;
	height: 100vh;
	overflow:hidden;
	margin-bottom:0;
	position:relative;
	background:linear-gradient(270deg, rgba(25,67,117,0.5), rgba(196,24,31,0.5), rgba(243,152,15,0.5), rgba(124,186,39,0.5), rgba(75,58,147,0.5), rgba(1,179,205,0.5));
	background-size: 1200% 1200%;
	-webkit-animation: entrancebg 15s ease infinite;
	-moz-animation: entrancebg 15s ease infinite;
	animation: entrancebg 15s ease infinite;
	display: flex;
	justify-content: center;
	align-items: center;
}
 @-webkit-keyframes entrancebg {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@-moz-keyframes entrancebg {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@keyframes entrancebg {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
#img-entrance #logo-video {
	padding:20px;
}
#img-entrance #logo-video img {
	width:500px;
}

#img-entrance #scroll-video {
	position:absolute;
	bottom:50px;
	left:calc(50% - 20px);
	margin:auto;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}

@media (min-width: 769px) {
#img-entrance #scroll-video {
	bottom:20px;
}
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

#img-entrance h2 {
	font-size:4rem;
	margin-top:50px;
	margin-bottom:15px;
	color:#fff;
}
#img-entrance p {
	font-size:2rem;
	color:#fff;
}

#img-entrance video {
	display:block;
	position:fixed;
	z-index: -100;
}

#mainenter {
	display:flex;
	width:100%;
	height:100vh;
	color:#fff;
}
#mainenter01 {
	width:50%;
	background:#f3980f;
}
#mainenter02 {
	width:100%;
	height:50%;
	background:#194375;
}
#mainenter03 {
	width:100%;
	height:50%;
	background:#7cba27;
}
.mainenter-wrap {
	width:50%;
}

.wideslider {
	padding-bottom: 50px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	box-sizing:content-box;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../images/index/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../images/index/next.jpg) no-repeat left center;}

.paginations {
	bottom:0px;
	left: 0;
	width: 100%;
	height: 30px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.paginations a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background:#194375;
	border-radius:50%;
}


.paginations a.active {
	/*
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	*/
	background:#c4181f;
}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/*	tab
------------------------------------------*/
.tab {
	background:#f5f5f5;
	position:relative;
	margin:50px 0px;
	padding-bottom:30px;
}
.tab .btn-card {
	margin:0;
}
.tab .btn-card a {
	padding:0;
}
.tab-btns {
	position:relative;
	top:-1.5em;
	display:flex;
}
.tab-btns li {
	border-right:1px solid #fff;
	position: relative;
	width:calc(100% / 3);
	text-align:center;
	font-size:1.8rem;
	display:flex;
	width:100%;
}
.tab-btns li a {
	display: inline-block;
	background:#444;
	padding: 15px;
	color:#fff;
	width:100%;
	text-decoration:none;
}
#tab-btn-technology a.current, #tab-btn-technology a:hover {
	background:#f3980f;
}
#tab-btn-products a.current, #tab-btn-products a:hover {
	background:#194375;
}
#tab-btn-application a.current, #tab-btn-application a:hover {
	background:#7cba27;
}
.tab-btns a.current:before {
	content:"";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
}
#tab-btn-technology a.current:before {
	border-top: 15px solid #f3980f;
}
#tab-btn-products a.current:before {
	border-top: 15px solid #194375;
}
#tab-btn-application a.current:before {
	border-top: 15px solid #7cba27;
}
/*
#tab-panel-technology li {
	padding:5px;
}

#tab-panel-technology a {
	padding:10px 15px;
	height:auto;
}
*/
#tab-panel-technology .btn-card > li,
#tab-panel-products .btn-card > li,
#tab-panel-application .btn-card > li {
	margin:5px 0px;
}

@media (min-width: 769px) {
#tab-panel-technology .btn-card > li {
	width:calc(100% / 3 - 10.01px);
	margin:5px;
}
#tab-panel-products .btn-card > li {
	width:calc(100% / 3 - 10.01px);
	margin:5px;
}
#tab-panel-application .btn-card > li {
	width:calc(100% / 3 - 10.01px);
	margin:5px;
}
}
#tab-panel-technology a:hover {
	background-color:#fdf0db;
}
#tab-panel-products a:hover {
	background-color:#dde3ea;
}
#tab-panel-application a:hover {
	background-color:#ebf5df;
}
#tab-panel-technology span, #tab-panel-products span, #tab-panel-application span {
	text-align:center;
	display:block;
	padding-top:100px;
	padding-bottom:10px;
	color:#fff;
	background-repeat:no-repeat;
	background-position:top 15px center;
	background-size:70px 70px;
	background-color:#194375;
}
#tab-panel-technology span {
	background-color:#f3980f;
}
#tab-panel-application span {
	background-color:#7cba27;
}
span#link-device_networking {
	background-image:url(../images/products/ico-device_networking.svg#white);
}
span#link-wireless_infra {
	background-image:url(../images/products/ico-wireless_infra.svg#white);
}
span#link-embedded_wireless {
	background-image:url(../images/products/ico-embedded_wireless.svg#white);
}
span#link-management_software {
	background-image:url(../images/products/ico-management_software.svg#white);
}
span#link-others {
	background-image:url(../images/products/ico-others.svg#white);/*background-size:80px 80px;*/
}
span#link-document {
	background-image:url(../images/application/ico-document.svg#white);
}
span#link-networking {
	background-image:url(../images/application/ico-networking.svg#white);/*background-size:90px 90px;*/
	/*background-position:top 5px center;*/
}
span#link-medical {
	background-image:url(../images/application/ico-medical.svg#white);
}
span#link-fa {
	background-image:url(../images/application/ico-fa.svg#white);
}
span#link-display {
	background-image:url(../images/application/ico-display.svg#white);
	background-size:100px 100px;
	background-position:top 5px center;
}
span#link-logistics {
	background-image:url(../images/application/ico-logistics.svg#white);
}
span#link-education {
	background-image:url(../images/application/ico-education.svg#white);
}
span#link-retail {
	background-image:url(../images/application/ico-retail.svg#white);
}
span#link-workplace {
	background-image:url(../images/application/ico-workplace.svg#white);
}

span#link-AMC_vision {
	background-image:url(../images/technology/ico-AMC_vision.svg#white);
	background-size:contain;
	background-position:center center;
}
span#link-low_latency {
	background-image:url(../images/technology/ico-low_latency.svg#white);
}
span#link-power_saving {
	background-image:url(../images/technology/ico-power_saving.svg#white);
}
span#link-Qualcomm_technology {
	background-image:url(../images/technology/ico-Qualcomm_technology.svg#white);
	background-position:top 5px center;
	background-size:90px 90px;
}

span#link-mesh_network {
	background-image:url(../images/technology/ico-mesh_network.svg#white);
}
span#link-CAN_wifi {
	background-image:url(../images/technology/ico-CAN_wifi.svg#white);
}
span#link-cyber_security {
	background-image:url(../images/technology/ico-cyber_security.svg#white);
}
span#link-channel_monitoring {
	background-image:url(../images/technology/ico-channel_monitoring.svg#white);
	background-position:top 5px center;
	background-size:90px 90px;
}
span#link-virtualization {
	background-image:url(../images/technology/ico-virtualization.svg#white);
}
span#link-5g {
	background-image:url(../images/technology/ico-5g.svg#white);
}
span#link-video_distribution {
	background-image:url(../images/technology/ico-video_distribution.svg#white);
}
span#link-wi-fi6 {
	background-image:url(../images/technology/ico-wi-fi6.svg#white);
}


#tab-panel-technology p, #tab-panel-products ul ul, #tab-panel-application ul ul {
	font-size:1.2rem;
	margin:15px;
	text-align:left;
}

/*	pickup
------------------------------------------*/
@media (min-width: 769px) {


.list-pickup li {
	width:50%;
	text-align:center;
	margin:5px;
}
}
/*-----------------------------------------------
	search
-----------------------------------------------*/
.hit {
	color:#F00;
}
#list-search_result a {
	text-decoration:underline;
	font-size:1.8rem;
}
#list-search_result .url a {
	font-size:1.2rem;
}
#list-search_result li {
	margin-bottom:2em;
}
.pagination {
	width:100%;
	display:flex;
	justify-content: center;
}
.pagination li {
	border: 1px solid #ddd;
	margin:5px;
}
.pagination li a {
	text-decoration: none;
	display:block;
	padding:10px 20px;
}
.pagination li a:hover {
	background:#ddd;
}
.pagination li.current {
	background:#c4181f;
	color:#fff;
	border: 1px solid #c4181f;
	padding:10px 20px;
}
/*-----------------------------------------------
	news / backnumber
-----------------------------------------------*/

.list-news {
	margin-bottom:30px;
}

.list-news li {
	border-top:1px dotted #ccc;
}

.list-news li:first-child {
	border:none;
}

.list-news .news-time {
	display:block;
	padding-top:15px;
}

.list-news .news-headline {
	display:block;
	margin-bottom:15px;
}	

@media (min-width: 769px) {
.list-news li {
	display:flex;
}
.list-news .news-time, .list-news .news-headline {
	display:inline-block;
	margin-bottom:15px;
	padding-top:15px;
}
.list-news .news-time {
	width:8em;
}
.list-news .news-headline {
	width:calc(100% - 8em);
}
}

.list-news a {
	background-image:url(../images/ico-arrow_line.svg);
	background-size:10px 10px;
	background-position:left center;
	padding-left:15px;
}


.icon-news-movie, .icon-news-document, .icon-news-products, .icon-news-support, .icon-news-press, .icon-news-blog, .icon-news-info, .icon-news-event {
	display:inline-block;
	font-size:1.2rem;
	border-radius:3px;
	color:#fff;
	padding:5px 0 5px 0;
	line-height:1;
	margin-right:10px;
	width:6em;
	text-align:center;
}
.icon-news-movie {
	background:#194375;
}
.icon-news-document {
	background:#194375;
}
.icon-news-products {
	background:#194375;
}
.icon-news-support {
	background:#f3980f;
}
.icon-news-press {
	background:#7cba27;
}
.icon-news-blog {
	background:#4b3a93;
}
.icon-news-info {
	background:#c4181f;
}
.icon-news-event {
	background:#01b3cd;
}
#list-year {
	text-align:center;
	background:#f5f5f5;
	padding:10px;
	border-radius:5px;
	margin:15px 0;
}
#list-year li {
	display:inline-block;
	border-right:1px solid #ccc;
	padding-right:0.5em;
	margin-right:0.5em;
}
#list-year li:last-child {
	border:none;
	padding:0;
	margin:0;
}
#backnumber-detail time {
	display:inline-block;
	background:#f6ddde;
	padding:3px 10px;
	font-size:1.4rem;
	margin-bottom:1em;
}

#backnumber-detail h3 {
	margin-top:80px;
	border-bottom:3px solid #ccc;
	margin-bottom:0.8em;
}

.event_info table {
	width:100%;
}

.event_info th {
	width:20%;
}

.event_info .event-open th {
	background:#f6ddde;
	border-color:#c4181f;
}

.event_info .event-open td {
	border-color:#c4181f;
}

/*-----------------------------------------------
	company
-----------------------------------------------*/
#index-category.company .btn-card li {
	margin:10px 0px;
}

@media (min-width: 769px) {
#index-category.company .btn-card li {
	margin:20px;
	width:calc(100% / 3 - 40.01px);
}
}
#index-category.company .btn-card h2 {
	font-size:2.5rem;
}
/*
#index-category.company .btn-card li {
	margin:10px;
	width:calc(100% / 3 - 20px);
	text-align:center;
}

#link-business .btn-card-bg:after {
		background-image: url(../images/company/pt-business.jpg);
}

#link-focus .btn-card-bg:after {
		background-image: url(../images/company/pt-focus.jpg);
}

#link-philosophy .btn-card-bg:after {
		background-image: url(../images/company/pt-philosophy.jpg);
}

#link-message .btn-card-bg:after {
		background-image: url(../images/company/pt-message.jpg);
		background-position:left top;
}

#link-history .btn-card-bg:after {
		background-image: url(../images/company/pt-history.jpg);
}

#link-global .btn-card-bg:after {
		background-image: url(../images/company/pt-global.jpg);
}
#link-environment .btn-card-bg:after {
		background-image: url(../images/company/pt-environment.jpg);
}
#link-outline .btn-card-bg:after {
		background-image: url(../images/company/pt-outline.jpg);
		background-position:top center;
}

#link-partner .btn-card-bg:after {
		background-image: url(../images/company/pt-partner.jpg);
}
*/

/*	global
------------------------------------------*/
.list-global {
	display: flex;
	flex-wrap: wrap;
	margin:50px auto;
}
.list-global a {
	border:1px solid #ccc;
	text-decoration:none;
	background:#fff url(../images/ico-arrow_card.svg#gray) right 5px bottom 5px / 10px 10px no-repeat;
	position:relative;
	overflow:hidden;
	display:inline-block;
	width:100%;
}
.list-global a:hover {
	background-color:#f5f5f5;
	color:inherit;
}

.list-global li {
	margin:10px 0px;
	text-align:center;
}

@media (min-width: 769px) {
.list-global li {
	margin:10px;
	width:calc(100% / 3 - 20.01px);
	display:flex;
}
}
.list-global h3 {
	font-size:2rem;
	text-align:center;
	background:#f5f5f5;
	padding:10px;
}
.list-global img {
	vertical-align:bottom;
}
.list-global h3 img {
	width:30px;
	display:inline;
	margin-right:5px;
	vertical-align:middle;
}
.list-global p {
	display:inline-block;
	text-align:left;
}
/*	history
------------------------------------------*/

.list-history dl {
	margin-bottom:10px;
}
.list-history dt {
	color:#c8161d;
	padding:5px 5px 0px 5px;
}
.list-history dd {
	padding:5px;
	border-bottom:1px dotted #ccc;
}
.list-history dt:last-of-type, .list-history dd:last-of-type {
	border:none;
}

.list-history img {
	display:block;
}

@media (min-width: 769px) {
.list-history dl {
	display:flex;
	flex-wrap:wrap;
}
.list-history dt {
	width:6em;
	border-bottom:1px dotted #ccc;
	padding:0.5em;
}
.list-history dd {
	width:calc(100% - 6em);
	padding:0.5em;
	border-bottom:1px dotted #ccc;
}
}
/*-----------------------------------------------
	products
-----------------------------------------------*/
#index-category.products .full {
	padding:30px;
}

@media (min-width: 769px) {
#index-category.products .full {
	padding:100px 30px;
	min-height:600px;
}
}

#index-category.products .full:nth-child(even) {
	background:#f3f5f8;
}
/*#index-category.products article h2 {
	background:#194375;
	color:#fff;
	text-align:center;
	margin-bottom:50px;
	padding:0.5em;
	border-bottom:10px solid #dde3ea;
}*/

#index-category.products article h2 {
	color:#194375;
	font-size:4rem;
	text-align:center;
}
#index-category.products .flex {
	justify-content:space-between;
}
#index-category.products .flex h3 {
	font-size:3rem;
	color:#194375;
	line-height:1;
}

@media (min-width: 769px) {
#index-category.products .flex h3 {
	font-size:6rem;
	margin-right:30px;
}	
}
#index-category.products h4 {
	font-size:2.5rem;
	margin-bottom:20px;
}

@media (min-width: 769px) {
#index-category.products #embedded_wireless {
	background-image:url(../images/products/embeddedwireless.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:500px 330px;
}
#index-category.products #device_networking {
	background-image:url(../images/products/deviceconnectivity.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:500px 330px;
}
#index-category.products #wireless_infra {
	background-image:url(../images/products/wirelessinfra.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:500px 330px;
}
}

@media screen and (min-width: 769px) and (resolution: 2dppx) {
#index-category.products #embedded_wireless {
	background-image:url(../images/products/embeddedwireless@2x.jpg);
}
#index-category.products #device_networking {
	background-image:url(../images/products/deviceconnectivity@2x.jpg);
}
#index-category.products #wireless_infra {
	background-image:url(../images/products/wirelessinfra@2x.jpg);
}
}

#index-category.products .btn-card li {
	margin:10px 0px;
}

@media (min-width: 769px) {
#index-category.products .btn-card li {
	width:calc(100% / 3 - 40.01px);
	margin:20px;
}
}
#index-category.products .btn-card h3 {
	font-size:1.8rem;
	color:#194375;
}
#index-category.products .btn-card p {
	font-size:1.4rem;
}

.list-products li {
	margin:10px 0px;
}

@media (min-width: 769px) {
.list-products li {
	width:calc(100% / 2 - 20.01px);
	margin:10px;
}
}
@media (min-width: 1300px) {
.list-products li {
	width:calc(100% / 3 - 20.01px);
	margin:10px;
}
}
.list-products li a {
	padding:10px;
}

.list-products li .flex {
	display:flex;
	align-items: flex-start;
}

.list-products img {
	margin-right:15px;
	width:100px;
	height:100px;
}
.list-products h3,
.list-products h4 {
	margin-bottom:10px;
	padding:0 5px 5px 5px;
	font-size:2rem;
	background:none;
	color:#194375;
	border-left:none;
	border-bottom:1px solid #ccc;
	text-align:left;
}
.list-products p {
	font-size:1.4rem;
	text-align:left;
}
/*
#embedded_wireless .btn-tag a {
	width:14em;
}

#device_networking .btn-tag a {
	width:17em;
}
#wireless_infra .btn-tag a {
	width:26em;
}
*/

/*	products-item
------------------------------------------*/
#products-item #header-page {
	text-align:left;
	margin-bottom:0;
	min-height:280px;
	background:#dde3ea;
	border-bottom:1px solid #194375;
}
#products-item h1 {
	font-size:5rem;
	color:#194375;
	line-height:1.2;
	margin-bottom:0.5em;
}
#products-item #header-page #ttl-subcategory {
	background:#194375;
	border-radius:3px;
	display:inline-block;
	padding:0.3em 2em;
	font-size:1.4rem;
	color:#fff;
}
#products-item #header-page p {
	font-size:2rem;
	color:#194375;
	margin-bottom:1.5em;
}

#products-item #header-page a {
	text-decoration:underline;
}

#products-item #header-page .inner {
	position:relative;
}

@media (min-width: 769px) {
#img-products_item {
	position:absolute;
	top:0;
	right:0;
}
}
#products-item #header-page h1, #products-item #header-page p {
	position:relative;
	z-index:1;
}
#link-support {
	border-bottom:1px solid #194375;
	font-size:1.4rem;
	padding:0.5em 0;
	margin-bottom:3em;
}
@media (min-width: 769px) {
#products-item h1, #products-item #header-page p, #link-support ul {
	padding-right:330px;
}
}
#link-support li {
	display:inline-block;
	margin:5px;
}
#link-support li a {
	background-image:url(../images/ico-arrow_triangle.svg#blue);
	background-repeat:no-repeat;
	background-size:10px 10px;
	background-position:left center;
	padding-left:1em;
	margin-right:2em;
	text-decoration:none;
}
#link-support li:last-child a {
	margin-right:0;
}
#products-item h3 {
	color:#194375;
}
.link-relation {
	background:#dde3ea;
	margin-top:5em;
	padding:5em 0 3em 0;
	position:relative;
}
.link-relation h2 {
	position:absolute;
	top:-1em;
	left:auto;
	display:inline-block;
	background:#194375;
	padding:0.5em 3em;
	color:#fff;
	font-weight:normal;
	font-size:2.5rem;
}
.list-library li {
	margin-bottom:0.5em;
}
.list-library a {
	background-image:url(../images/ico-arrow_line.svg);
	background-size:10px 10px;
	background-position:left center;
	padding-left:1em;
}
.list-library a:hover {
	text-decoration:underline;
}
.link-relation .list-products {
	margin:0;
}
.products .list-article h3 {
	color:#194375;
}
/*	comparison
------------------------------------------*/
#comparison .steps li {
	width:20em;
}
.list-comparison, .list-comparison02 {
	margin:50px auto;
}
.list-comparison li, .list-comparison02 li {
	display:inline-block;
	margin:5px 0px;
	border:1px solid #ccc;
	width:100%;
}
.list-comparison02_select {
	display:block;
	margin:0 auto 50px auto;
}

@media (min-width: 769px) {
.list-comparison, .list-comparison02 {
	display: flex;
	flex-wrap: wrap;
}
.list-comparison li, .list-comparison02 li {
	width:calc(100% / 3 - 10.01px);
	margin:5px;
	display:flex;
	flex-direction:column;
}
.list-comparison02_select {
	width:calc(100% / 3 - 10.01px);
}
}
.list-comparison li, .list-comparison02_select {
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
}
#comparison form .flex {
	flex-wrap: nowrap;
	justify-content:normal;
}
.list-comparison p, .list-comparison02 p, .list-comparison02_select p {
	display:inline-block;
	text-align:left;
}

.list-comparison h3 a, .list-comparison02 h3 a, .list-comparison02_select h3 a {
	padding-left:0;
	padding-right:0;
}

.list-comparison02 label {
	display:inline-block;
	background:#fff;
	width:100%;
	height:100%;
	cursor: pointer;
	padding:10px;
	margin:0 !important;
}
#comparison main input[type="button"], #comparison main input[type="submit"] {
	padding:10px;
	display:block;
	width:calc(100% - 20.01px);
	margin:10px auto;
	margin-top: auto;
}
#comparison #btn-send {
	text-align:center;
}
#comparison #btn-send input[type="button"], #comparison #btn-send input[type="submit"] {
	padding:10px 50px;
	margin-top:50px;
	width:auto;
}
#comparison main input[type="button"]:focus {
	outline:none;
}
#comparison main input[type="button"]:hover {
	background:#c4181f;
}
.and {
	text-align:center;
	font-size:5rem;
	color:#c4181f;
	margin:0;
}
#comparison main input[type="checkbox"] {
	display:none;
}
.list-comparison02 input[type="checkbox"]:checked + label {
	background:#f6ddde;
}
#comparison-result table th {
	white-space:normal;
}
#comparison-result table {
	width:auto;
	margin:0 auto;
	font-size:1.2rem;
}
#comparison-result {
	padding:0 10px;
}
/*	service
------------------------------------------*/
.list-engineering li {
	margin-bottom:2em;
	padding-left:100px;
	min-height:80px;
	background-repeat:no-repeat;
}
.list-engineering li.no1 {
	background-image:url(../images/products/service/img-engineering-no1.svg);
}
.list-engineering li.no2 {
	background-image:url(../images/products/service/img-engineering-no2.svg);
}
.list-engineering li.no3 {
	background-image:url(../images/products/service/img-engineering-no3.svg);
}
.list-engineering li.no4 {
	background-image:url(../images/products/service/img-engineering-no4.svg);
}
.list-engineering li h2 {
	margin-bottom:0em;
}
.service-customize-section {
	align-items: stretch;
}
.service-customize-section h3 {
	color:#fff;
	font-size:2rem;
	text-align:center;
	padding:20px 20px 110px 20px;
	position:relative;
}
.service-customize-section ul {
	padding:10px 20px;
}
.service-customize-section h3:before {
	background:#fff;
	color:#333;
	width:3em;
	height:3em;
	border-radius: 50%;
	text-align:center;
	line-height:3em;
	vertical-align: middle;
	position:absolute;
	left:-1em;
	top:-1em;
}
.service-customize-section_01 {
	background:#dde3ea;
}
.service-customize-section_01 h3 {
	background:#194375 url(../images/products/service/ico-gear.svg) no-repeat bottom 20px center;
}
.service-customize-section_01 h3:before {
	content:"01";
	border:2px solid #194375;
}
.service-customize-section_02 {
	background:#ebf5df;
}
.service-customize-section_02 h3 {
	background:#7cba27 url(../images/products/service/ico-change.svg) no-repeat bottom 20px center;
}
.service-customize-section_02 h3:before {
	content:"02";
	border:2px solid #7cba27;
}
.service-customize-section_03 {
	background:#d9f4f8;
}
.service-customize-section_03 h3 {
	background:#01b3cd url(../images/products/service/ico-platform.svg) no-repeat bottom 20px center;
}
.service-customize-section_03 h3:before {
	content:"03";
	border:2px solid #01b3cd;
}
.service-customize-section_04 {
	background:#e4e2ef;
}
.service-customize-section_04 h3 {
	background:#4b3a93 url(../images/products/service/ico-embedded.svg) no-repeat bottom 20px center;
}
.service-customize-section_04 h3:before {
	content:"04";
	border:2px solid #4b3a93;
}
.service-license-list_logo img {
	margin:0 auto 20px auto;
	display:block;
}
.service-license-list_logo h2 {
	font-size:2.5rem;
	text-align:center;
}
/*-----------------------------------------------
	contact
-----------------------------------------------*/
#contact form {
	max-width:1000px;
	margin:0 auto;
}
/*-----------------------------------------------
	library
-----------------------------------------------*/
#index-category.library .btn-card li {
	margin:10px 0;
}

@media (min-width: 769px) {
#index-category.library .btn-card li {
	margin:20px;
	width:calc(100% / 2 - 40.01px);
}
}
#index-category.library .btn-card h2 {
	font-size:2.5rem;
}
.fb-page {
	margin-bottom:50px;
}


/*
.library .part h3 {
	display:inline-block;
	background:#01b3cd;
	color:#fff;
	padding:5px 15px;
	margin-top:0;
	margin-bottom:30px;
}

.library main h2 {
	color:#01b3cd;
	text-align:center;
}

.library .part h4 {
	font-size:2rem;
	margin-bottom:1em;
}

.list-library_dl {
	margin-bottom:100px;
}

.list-library_dl img {
	border:1px solid #ccc;
}

.list-library_dl li {
	padding:20px 30px;
}

.list-library_dl li:nth-child(odd) {
	background:#f2fbfc;
}

.list-library_dl .left {
	margin-bottom:0;
}

.list-library_dl .btn-txt {
	width:200px;
}

.list-library_dl .flex p {
	width:100%;
}
*/

.list-library_dl {
	margin-bottom:50px;
}

.list-library_dl li {
	margin:10px 0px;
	border:1px solid #d9f4f8;
	padding:20px;
}


#cs .list-library_dl li a img {
	width:100%;
}

@media (min-width: 769px) {
.list-library_dl {
	display:flex;
	flex-wrap: wrap;
	margin-bottom:50px;
}
.list-library_dl li {
	width:calc(100% / 3 - 20.01px);
	margin:10px;
}
#cs .list-library_dl li {
	width:100%;
	margin:10px;
}

#cs .list-library_dl li a {
	flex:none;
}
#cs .list-library_dl li a img {
	width:auto;
}
}

.list-library_dl h3,
.list-library_dl h4 {
	font-size:1.6rem;
	margin-bottom:1em;
	margin-top:10px;
	font-weight:bold;
	padding-top:10px;
	border-top:1px solid #d9f4f8;

}	

#ds .list-library_dl h3,
#ds .list-library_dl h4,
#cs .list-library_dl h3,
#cs .list-library_dl h4 {
	font-size:2rem;
	margin-bottom:1em;
	padding-bottom:10px;
	border-bottom:1px solid #d9f4f8;
	border-top:none;
	padding-top:0;
	margin-top:0;
}

#ds .part h3 img {
	vertical-align:middle;
}

.list-library_dl img {
	margin:0 auto;
	display:block;
	border:1px solid #ddd;
}

/*
#wp .list-library_dl h3,
#wp .list-library_dl h4 {
	background:url(../images/library/ico-wp.svg) no-repeat left top;
	padding-left:60px;
	min-height:64px;
}
#an .list-library_dl h3,
#an .list-library_dl h4 {
	background:url(../images/library/ico-app.svg) no-repeat left top;
	padding-left:60px;
	min-height:64px;
}
*/
#ds .list-library_dl h3,
#ds .list-library_dl h4 {
	background:url(../images/library/ico-ds.svg) no-repeat left top;
	padding-left:60px;
	min-height:64px;
}
/*
#ppt .list-library_dl h3,
#ppt .list-library_dl h4 {
	background:url(../images/library/ico-ppt.svg) no-repeat left top;
	padding-left:60px;
	min-height:64px;
}
#cs .list-library_dl h3,
#cs .list-library_dl h4 {
	background:url(../images/library/ico-cs.svg) no-repeat left top;
	padding-left:60px;
	min-height:64px;
}
*/


#cs .list-library_dl h4 {
	border:none;
	margin-bottom:0;
	padding-bottom:0;

}
#cs .list-library_dl h4 {
	font-size:3rem;
}

#cs .list-library_dl div {
	width:100%;
	}

@media (min-width: 769px) {
#cs .list-library_dl div {
	margin-left:50px;
}	
}

/*
#cs .list-library_dl .cs-logistics,
#cs .list-library_dl .cs-fa,
#cs .list-library_dl .cs-medical,
#cs .list-library_dl .cs-education,
#cs .list-library_dl .cs-retail,
#cs .list-library_dl .cs-workplace {
	width:auto;
	margin-left:0;
	padding-left:75px;
	margin-bottom:1em;
	padding-bottom:10px;
	border-bottom:1px solid #d9f4f8;
	background:no-repeat left top;
	background-size:60px 60px;
	min-height:70px;
	display:flex;
	align-items: center;
}

#cs .list-library_dl .cs-logistics {
	background-image:url(../images/application/ico-logistics.svg#turquoise);
}
#cs .list-library_dl .cs-fa {
	background-image:url(../images/application/ico-fa.svg#turquoise);
}
#cs .list-library_dl .cs-medical {
	background-image:url(../images/application/ico-medical.svg#turquoise);
}
#cs .list-library_dl .cs-education {
	background-image:url(../images/application/ico-education.svg#turquoise);
}
#cs .list-library_dl .cs-retail {
	background-image:url(../images/application/ico-retail.svg#turquoise);
}
#cs .list-library_dl .cs-workplace {
	background-image:url(../images/application/ico-workplace.svg#turquoise);
}
*/

.cs-tags {
	margin:0;
	flex:none;
	font-size:1.4rem;
	margin-top:10px;
	text-align:right;
}

.cs-tags li {
	border:none;
	padding:5px 10px;
	margin:0px !important;
	display:inline;
}

.cs-category {
	background:#01b3cd;
	color:#fff;
}
.cs-purpose {
	background:#d9f4f8;
}

.list-library_dl p {
	font-size:1.4rem;
}
.library .video_wrap-w375 {
	margin-top:30px;
}

.download-list li {
	border-bottom:1px dotted #ccc;
	margin-bottom:1em;
	padding-bottom:1em;
}
.download-list h4 {
	color:#01b3cd;
}

/* 2022-07-29 */
.listL-download-videolist a,
.listS-download-videolist a {
	width:100%;
	display:inline-block;
	border:2px solid #4b3a93;
	padding:0.2em 0.5em;
	text-align:center;
	font-size:2rem;
	text-decoration:none;
	margin-bottom:0.5em;
	font-weight:bold;
}

.listL-download-videolist .inner a,
.listS-download-videolist a {
	display:block;
	font-size:1.5rem;
	border:2px solid #01b3cd;
}

.listL-download-videolist a:hover,
.listS-download-videolist a:hover {
	background:#eee;
}

@media (min-width: 769px) {

.listL-download-videolist a {
	width:400px;
	margin-bottom:0.8em;
}

.listL-download-videolist .inner a {
	margin-right:0.8em;
}

.listL-download-videolist .flex {
	flex-wrap:wrap;
}

.listS-download-videolist {
	flex-wrap:wrap;
	margin-bottom:50px;
}

.listS-download-videolist a {
	width:200px;
	display:block;
	margin-right:0.8em;
}
}

@media (min-width: 769px) {
#ds .listS-download-videolist a {
	font-size:1.4rem;
}

.listL-download-list a,
.listS-download-list a {
	width:100%;
	display:inline-block;
	border:2px solid #4b3a93;
	padding:0.2em 0.5em;
	text-align:center;
	font-size:2.5rem;
	text-decoration:none;
	margin-bottom:0.5em;
	font-weight:bold;
}

.listL-download-list .inner a,
.listS-download-list a {
	display:block;
	font-size:2rem;
	border:2px solid #01b3cd;
}

.listL-download-list a:hover,
.listS-download-list a:hover {
	background:#eee;
}

@media (min-width: 769px) {

.listL-download-list a {
	width:400px;
	margin-bottom:0.8em;
}

.listL-download-list .inner a {
	margin-right:0.8em;
}

.listL-download-list .flex {
	flex-wrap:wrap;
}

.listS-download-list {
	flex-wrap:wrap;
	margin-bottom:50px;
}

.listS-download-list a {
	width:200px;
	display:block;
	margin-right:0.8em;
}
}

#ds ul.link-txt {
	flex-wrap:wrap;
	margin-bottom:50px;
}

@media (min-width: 769px) {
#ds .listS-download-list a {
	font-size:1.6rem;
}
}


/*-----------------------------------------------
	user
-----------------------------------------------*/
.user .btn-card li {
	margin:10px 0px;
}

@media (min-width: 769px) {
.user .btn-card li {
	width:calc(100% / 2 - 20.01px);
	margin:10px;
}
}
/*-----------------------------------------------
	support
-----------------------------------------------*/
.support .btn-card > li {
	margin:10px 0px;
}

@media (min-width: 769px) {
.support .btn-card > li {
	margin:20px;
	width:calc(100% / 3 - 40.01px);
}
}
.support .btn-card h2 {
	font-size:2.5rem;
}
/*
#index-category.support .btn-card li {
	margin:10px;
	width:calc(100% / 3 - 20px);
	text-align:center;
}

#link-download .btn-card-bg:after {
		background-image: url(../images/dummy.jpg);
}

#link-supportmodel .btn-card-bg:after {
		background-image: url(../images/dummy.jpg);
}

#link-trouble .btn-card-bg:after {
		background-image: url(../images/dummy.jpg);
}

#link-repair .btn-card-bg:after {
		background-image: url(../images/dummy.jpg);
}

#link-old .btn-card-bg:after {
		background-image: url(../images/dummy.jpg);
}

#link-user .btn-card-bg:after {
		background-image: url(../images/dummy.jpg);
}
*/

/*	dictionary
------------------------------------------*/

ul.dictionary_wordlist {
	margin-bottom:0.5em;
}
ul.dictionary_wordlist li {
	display:inline;
	border-right:1px solid #666;
	padding-right:0.5em;
	margin-right:0.5em;
}
ul.dictionary_wordlist li a {
	text-decoration:underline;
}
ul.dictionary_wordlist li.dictionary_wordlist_end {
	border:none;
}
.dictionary_part {
	margin:50px;
}
.dictionary_part dt {
	font-weight:bold;
}
.dictionary_part dd {
	margin-left:3em;
	margin-bottom:1em;
}
/*	select-product
------------------------------------------*/
.select-product {
	text-align:left;
	margin:0 auto 50px auto;
	border:4px double #ccc;
	padding:10px;
}
@media (min-width: 769px) {
.select-product {
	padding:30px;
	display:table;
	width:auto;
}
.select-product label {
	border-radius:10px 0 0 10px;
	background: #444;
	height: 50px;
	line-height:50px;
	display:inline-block;
	color:#fff;
	padding:0 1em;
	width:150px;
	text-align:center;
}
}
.select-product input[type="text"] {
	height:50px;
	line-height:50px;
	vertical-align:top;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0 10px;
	width:20em;
}
.select-product #btn-send input[type="submit"] {
	font-size:2rem;
	padding:10px 50px;
}
.select-product #btn-send {
	margin-bottom:0;
}
@media (min-width: 769px) {
.select-product p.notes {
	margin-left:150px;
}
}
.select-product div {
	margin-bottom:15px;
}
/*	download
------------------------------------------*/
.list-download table {
	margin:0 0 30px 0;
	width:100%;
}
.list-download th {
	width:10em;
}
.list-download li:not(:last-child) {
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	padding-bottom:30px;
}
/*	supportmodel
------------------------------------------*/
.select-supportmodel {
	margin:0 auto;
	border:4px double #ccc;
	padding:30px;
	display:table;
}
.inputarea-select-supportmodel {
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:30px;
}
.inputarea-select-supportmodel p.notes {
	margin-bottom:10px;
}
.ttl-select-supportmodel {
	text-align:center;
	background:#444;
	color:#fff;
	padding:5px 30px;
	display:inline-block;
}
.initials li {
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
.initials li a {
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:50%;
	text-align:center;
	line-height: 30px;
	vertical-align: middle;
	border:1px solid #ccc;
	text-decoration:none;
}
.initials li.all_model a {
	width:auto;
	height:30px;
	border-radius:5px;
	padding:0 15px;
}
.initials li a:hover {
	text-decoration:none;
	background:#f5f5f5;
}
.initials li a.current {
	background:#c4181f;
	color:#fff;
}
.names {
	background:#f5f5f5;
	padding:10px;
	margin:10px 0;
}
.names label {
	margin-right:15px;
}
.select-supportmodel #btn-send {
	margin-bottom:0;
}
.list-select-supportmodel, .table_mark {
	font-size:1.4rem;
}
.list-select-supportmodel li, .table_mark li {
	display:inline-block;
	margin-right:15px;
}
.list-select-supportmodel a {
	text-decoration:underline;
}
.list-select-supportmodel a.current {
	background:#f6ddde;
	text-decoration:none;
}
#supportmodel_result table {
	font-size:1.2rem;
	margin:30px 0;
}
#supportmodel_result td {
	text-align:center;
	vertical-align:middle;
}
#supportmodel_result th {
	text-align:right;
	vertical-align:middle;
}
#supportmodel_result table tr.txtC th {
	text-align:center;
}
#supportmodel_result h2 {
	background:#444;
	color:#fff;
	padding:5px 20px;
}
#supportmodel_result h3 {
	border-bottom:5px solid #ccc;
	padding:0 10px;
}
#supportmodel_result .scroll {
	max-height:500px;
	margin:30px 0;
	padding:0;
}
#supportmodel_result table {
	width:auto;
	margin:0;
	border-collapse:separate;
	border-spacing:0;
}

#supportmodel_result .notes a {
	text-decoration:none;
}

/*	faq
------------------------------------------*/
.list-faq li {
	margin-bottom:1.5em;
	background:url(../images/ico-question.svg#red) no-repeat left top / 1.5em 1.5em;
	padding-left:2em;
}
.faq_answer dt {
	margin-bottom:1.5em;
	background:url(../images/ico-Q.svg#red) no-repeat left top / 50px 50px;
	padding-left:65px;
	padding-bottom:15px;
	font-size:3rem;
	min-height:50px;
}
.faq_answer dd {
	margin-bottom:1.5em;
	background:url(../images/ico-A.svg#blue) no-repeat left top / 50px 50px;
	padding-left:65px;
	min-height:50px;
}
.faq_answer dd a {
	text-decoration:underline;
}
#faq .date {
	text-align:right;
}
/*	old
------------------------------------------*/
#old .btn-card > li {
	margin:10px 0px;
}

@media (min-width: 769px) {
#old .btn-card > li {
	width:calc(100% / 2 - 20.01px);
	margin:10px;
}
}

#old .btn-card ul {
	font-size:1.4rem;
	text-align:left;
	margin:10px;
}
.list-old {
	margin:50px auto;
}

@media (min-width: 769px) {
.list-old {
	display: flex;
	flex-wrap: wrap;
}	
}

.list-old > li {
	margin:10px 0px;
	border:1px solid #ccc;
}

@media (min-width: 769px) {
.list-old > li {
	width:calc(100% / 3 - 20.01px);
	margin:10px;
}
}

.list-old img {
	margin:10px 15px;
	border:1px solid #eee;
}

.list-old h3 {
	margin:0 10px;
	padding:5px;
	font-size:2rem;
	background:none;
	color:#194375;
	border-bottom:1px solid #ccc;
	text-align:left;
}

.list-old p {
	font-size:1.4rem;
	margin:0px 15px 10px 15px;
}

@media (min-width: 769px) {
.list-old p {
	margin:10px 15px 10px 0;
}
}
.link-old-support {
	margin:0 10px 10px 10px;
	background:#f5f5f5;
	padding:3px 10px;
}
.link-old-support li {
	font-size:1.2rem;
	display:inline-block;
}
.link-old-support a {
	text-decoration:underline;
	background-image:url(../images/ico-arrow_line.svg#red);
	background-size:0.7em 0.7em;
	background-position:left center;
	padding-left:1em;
}
/*-----------------------------------------------
	technology
-----------------------------------------------*/

#index-category.technology .full {
	background:#f3980f;
	color:#fff;
	padding:30px 0;
}

#index-category.technology .full p {
	margin-bottom:0;
}
#index-category.technology .list-article h3 {
	color:#f3980f;
}
.technology-cyber_security-01 {
	
}
.technology-cyber_security-01 li a,
.technology-cyber_security-ttlimg_section {
	display:block;
	background-color:#f3980f;
	color:#fff;
	text-decoration:none;
	font-size:2rem;
	text-align:center;
	background-repeat:no-repeat;
	background-position:top 15px center;
	background-size:80px 80px;
	padding-top:100px;
	padding-bottom:10px;
	margin-bottom:30px;
	border-radius:10px;
}

.technology-cyber_security-ttlimg_section {
	border-radius:0px;
}
	

@media (min-width: 769px) {
.technology-cyber_security-01 li a,
.technology-cyber_security-ttlimg_section {
	background-position:top 40px center;
	background-size:120px 120px;
	padding-top:180px;
	padding-bottom:30px;
}

.technology-cyber_security-ttlimg_section {
	min-width:250px;
	margin-right:50px;
}

}
.technology-cyber_security-02 a,
div.technology-cyber_security-02 {
	background-image:url(../images/technology/cyber_security/ico-earth.svg);
}
.technology-cyber_security-03 a,
div.technology-cyber_security-03 {
	background-image:url(../images/technology/cyber_security/ico-gear.svg);
}
.technology-cyber_security-04 a,
div.technology-cyber_security-04 {
	background-image:url(../images/technology/cyber_security/ico-key.svg);
}
.technology-cyber_security-05 a,
div.technology-cyber_security-05 {
	background-image:url(../images/technology/cyber_security/ico-embedded.svg);
}
.technology .link-relation {
	background:#fdf0db;
}
.technology .link-relation h2 {
	background:#f3980f;
}
.technology .list-article h3 {
	color:#f3980f;
}
/*-----------------------------------------------
	application
-----------------------------------------------*/
#index-category.application .full {
	padding:50px 0 50px 0;
}
/*
#index-category.application .full:first-of-type {
	background:#7cba27;
	color:#fff;
	padding:30px 0;
}


#index-category.application .full:first-of-type p {
	margin-bottom:0;
}
*/

#index-category.application .full h3 {
	font-size:3rem;
	color:#7cba27;
}
#index-category.application .full:nth-child(even) {
	background:#f8fbf4;
}
#index-category.application .full:nth-child(even) .flex > div {
	padding:0 10% 0 50px;
}
#index-category.application .full:nth-child(odd) .flex {
	flex-direction:row-reverse;
}
#index-category.application .full:nth-child(odd) .flex > div {
	padding:0 50px 0 10%;
}
.application .list-article h2 {
	color:#7cba27;
}
.application .list-article h3 {
	color:#7cba27;
}
/*
#case #header-page::before {
	content:" ";
	height:400px;
	display:block;
	margin-bottom:3em;
}

.ttl-application-factory::before {
	background:url(../images/application/networking/factory/pt-ttl-factory.jpg) center center / cover;
}

.ttl-application-shipping::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-transport::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-educational::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-construction::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-vr::before {
	background:url(../images/application/networking/vr/pt-ttl-vr.jpg) center center / cover;
}

.ttl-application-printer::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-pos::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-scanner::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-measuring::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-imaging::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-telemedicine::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-wireless::before {
	background:url(../images/dummy.jpg) center center / cover;
}

.ttl-application-nursing::before {
	background:url(../images/dummy.jpg) center center / cover;
}
*/

.ttl-application-factory {
	background-image:url(../images/application/networking/factory/pt-ttl-factory.jpg);
}
.ttl-application-shipping {
	background-image:url(../images/dummy.jpg);
}
.ttl-application-transport {
	background-image:url(../images/application/fa/transport/pt-ttl-transport.jpg);
}
.ttl-application-educational {
	background-image:url(../images/dummy.jpg);
}
.ttl-application-construction {
	background-image:url(../images/application/networking/construction/pt-ttl-construction.jpg);
}
.ttl-application-sensor {
	background-image:url(../images/application/networking/sensor/pt-ttl-sensor.jpg);
}
.ttl-application-nursing {
	background-image:url(../images/application/networking/nursing/pt-ttl-nursing.jpg);
}
.ttl-application-wireless_docking {
	background-image:url(../images/application/display/wireless_docking/pt-ttl-wireless_docking.jpg);
}
.ttl-application-digitalsignage {
	background-image:url(../images/application/display/digitalsignage/pt-ttl-digitalsignage.jpg);
}
.ttl-application-school {
	background-image:url(../images/application/display/school/pt-ttl-school.jpg);
	background-position:bottom center !important;
}
.ttl-application-printer {
	background-image:url(../images/application/document/printer/pt-ttl-printer.jpg);
}
.ttl-application-pos {
	background-image:url(../images/application/document/pos/pt-ttl-pos.jpg);
}
.ttl-application-scanner {
	background-image:url(../images/application/document/scanner/pt-ttl-scanner.jpg);
}
.ttl-application-measuring {
	background-image:url(../images/application/medical/measuring/pt-ttl-measuring.jpg);
}
.ttl-application-imaging {
	background-image:url(../images/application/medical/imaging/pt-ttl-imaging.jpg);
}
.ttl-application-telemedicine {
	background-image:url(../images/dummy.jpg);
}
.ttl-application-wireless {
	background-image:url(../images/application/medical/wireless/pt-ttl-wireless.jpg);
}
.ttl-application-monitor {
	background-image:url(../images/application/fa/monitor/pt-ttl-monitor.jpg);
}
.ttl-application-textile {
	background-image:url(../images/application/fa/textile/pt-ttl-textile.jpg);
}
.ttl-application-warehouse {
	background-image:url(../images/application/fa/warehouse/pt-ttl-warehouse.jpg);
}
.ttl-application-servicevehicle {
	background-image:url(../images/application/fa/servicevehicle/pt-ttl-servicevehicle.jpg);
}
.ttl-application-wafer_transfer {
	background-image:url(../images/application/logistics/wafer_transfer/pt-ttl-wafer_transfer.jpg);
}
.ttl-application-construction-agri {
	background-image:url(../images/application/logistics/construction-agri/pt-ttl-construction-agri.jpg);
}
.ttl-application-asrs-agv {
	background-image:url(../images/application/logistics/asrs-agv/pt-ttl-asrs-agv.jpg);
}
.ttl-application-fleet_management {
	background-image:url(../images/application/logistics/fleet_management/pt-ttl-fleet_management.jpg);
}
.ttl-application-vehicle-vessel {
	background-image:url(../images/application/logistics/vehicle-vessel/pt-ttl-vehicle-vessel.jpg);
}
.ttl-application-textile_mill {
	background-image:url(../images/application/fa/textile_mill/pt-ttl-textile_mill.jpg);
}
.ttl-application-automotive_component_complex {
	background-image:url(../images/application/fa/automotive_component_complex/pt-ttl-automotive_component_complex.jpg);
}
.ttl-application-factory-iot {
	background-image:url(../images/application/fa/factory-iot/pt-ttl-factory-iot.jpg);
}
.ttl-application-retail {
	background-image:url(../images/application/retail/retail/pt-ttl-retail.jpg);
}
.ttl-application-workplace {
	background-image:url(../images/application/workplace/workplace/pt-ttl-workplace.jpg);
}
.ttl-application-medical_equipment {
	background-image:url(../images/application/medical/medical_equipment/pt-ttl-medical_equipment.jpg);
}
.ttl-application-wireless_infra {
	background-image:url(../images/application/medical/wireless_infra/pt-ttl-wireless_infra.jpg);
}
.ttl-application-education {
	background-image:url(../images/application/education/education/pt-ttl-education.jpg);
}




.client {
	font-size:1.4rem;
	color:#fff;
	background:#7cba27;
	display:inline-block;
	padding:5px 10px;
}
.application .link-relation {
	background:#ebf5df;
}
.application .link-relation h2 {
	background:#7cba27;
}
/*-----------------------------------------------
	why
-----------------------------------------------*/
#index-category.why .full {
	padding:50px 0 50px 0;
	background:#f6f5f9;
	margin-bottom:50px;
}
#index-category.why .full img {
	margin-right:50px;
}
.link-why {
	flex-wrap:wrap;
	align-items: stretch;
	border-top:1px solid #4b3a93;
}
.link-why li {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:50px;
	border-bottom:1px solid #4b3a93;
}

@media (min-width: 769px) {
.link-why li {
	width:50%;
}
}
.link-why-flow {
	background-image:url(../images/why/pt-ttl-flow.jpg);
}
.link-why-warranty {
	background-image:url(../images/why/pt-ttl-warranty.jpg);
}
.link-why-Qualcomm_ADC {
	background-image:url(../images/why/pt-ttl-Qualcomm_ADC.jpg);
}
.link-why-lot {
	background-image:url(../images/why/pt-ttl-lot.jpg);
}
.link-why-support {
	background-image:url(../images/why/pt-ttl-support.jpg);
}
.link-why-partner {
	background-image:url(../images/why/pt-ttl-partner.jpg);
}
@media (min-width: 769px) {
.link-why li:nth-child(odd) {
	border-right:1px solid #4b3a93;
}
}
.link-why h3 {
	font-size:3rem;
	text-align:left;
}
.link-why p {
	display:inline-block;
	margin:0 auto 20px auto;
	text-align:left;
}
.why-flow-section_01 {
	background:#e4e2ef url(../images/why/flow/bg-flow-section_01.png) no-repeat bottom left;
	padding:100px 0 100px 0;
	margin-bottom:100px;
	border-top:10px solid #f6f5f9;
	border-bottom:10px solid #f6f5f9;
}
.why-flow-section_02 {
	background:#4b3a93 url(../images/why/flow/bg-flow-section_02.jpg) no-repeat top center / cover;
	padding:100px 0 50px 0;
	color:#fff;
	margin-bottom:100px;
}
.why-flow-section_03 {
	background:#4b3a93 url(../images/why/flow/bg-flow-section_03.jpg) no-repeat top center / cover;
	padding:100px 0 100px 0;
	margin-bottom:100px;
	color:#fff;
}
@media (min-width: 769px) {
.why-flow-section_01 h2, .why-flow-section_02 h2, .why-flow-section_03 h2, .why-warranty-section_01 h2, .why-Qualcomm_ADC-section_04 h2, .why-Qualcomm_ADC-section_05 h2, .why-lot-section_01 h2, .why-lot-section_02 h2, .why-lot-section_03 h2 {
	font-size:4rem;
}
}
.why-flow-section_04, .why-flow-section_05 {
	color:#fff;
	align-self: stretch;
	text-align:center;
	padding:140px 20px 20px 20px;
}
.why-flow-section_04 {
	background:rgba(75,58,147,0.5) url(../images/why/flow/ico-module.svg) no-repeat top 30px center;
}
.why-flow-section_05 {
	background:rgba(75,58,147,0.5) url(../images/why/flow/ico-customize.svg) no-repeat top 30px center;
}
.why-flow-section_04 p, .why-flow-section_05 p {
	text-align:left;
}
@media (min-width: 769px) {
.why-warranty-section_01 {
	background:url(../images/why/warranty/ico-warranty.svg) no-repeat top left;
	min-height:365px;
	padding-left:150px;
	margin-bottom:50px;
}
}
.why-warranty-section_02 {
	background:#7cba27;
	color:#fff;
}
@media (min-width: 769px) {
.why-warranty-section_02 {
	background:#7cba27 url(../images/why/warranty/bg-warranty-section_02.jpg) no-repeat top center / cover;
	padding:100px 0 100px 0;
}
.why-warranty-section_02 .inner {
	padding-left:30%;
}
}
.why-Qualcomm_ADC-section_01 {
	text-align:center;
	background:#e4e2ef url(../images/why/Qualcomm_ADC/ico-handshake.svg) no-repeat top 50px center;
	padding:150px 0 100px 0;
	margin-bottom:100px;
}

.why-Qualcomm_ADC-section_01 h2 img {
	vertical-align:middle;
}

.why-Qualcomm_ADC-section_01 p {
	text-align:left;
}
ul.list-check {
	background:url(../images/bg-lineV.svg) repeat-y top left 12px;
}
ul.list-check li {
	font-size:1.8rem;
	font-weight:bold;
	color:#194375;
	background:url(../images/ico-check.svg) no-repeat left top;
	background-size:30px 30px;
	padding:0 0 20px 40px;
}
ul.list-check li:last-child {
	padding-bottom:0;
	min-height:30px;
}
.why-Qualcomm_ADC-section_01 h2 {
	font-size:4rem;
	color:#325998;
}

@media (min-width: 769px) {
ul.list-check {
	background:url(../images/bg-lineV.svg) repeat-y top left 22px;
}
ul.list-check li {
	font-size:3rem;
	background-size:auto auto;
	padding:0 0 20px 80px;
}
ul.list-check li:last-child {
	min-height:50px;
}
.why-Qualcomm_ADC-section_01 h2 {
	font-size:4rem;
	white-space:nowrap;
}
}
.why-Qualcomm_ADC-section_03 {
	margin-top:50px;
}
.why-Qualcomm_ADC-section_03 h3 {
	padding:110px 10px 10px 10px;
	text-align:center;
	color:#fff;
	font-size:2rem;
	margin-bottom:0;
}

.why-Qualcomm_ADC-section_03 p {
	padding:15px;

}

.why-Qualcomm_ADC-section_03 {
	align-items: stretch;
}

.why-Qualcomm_ADC-section_03 div {
	border:1px solid #4b3a93;
	background:#fff;
}

.why-Qualcomm_ADC-wireless h3 {
	background:#4b3a93 url(../images/why/Qualcomm_ADC/ico-wireless.svg) no-repeat top 20px center;
}
.why-Qualcomm_ADC-norm h3 {
	background:#4b3a93 url(../images/why/Qualcomm_ADC/ico-norm.svg) no-repeat top 20px center;
}
.why-Qualcomm_ADC-service h3 {
	background:#4b3a93 url(../images/why/Qualcomm_ADC/ico-service.svg) no-repeat top 20px center;
}
.why-Qualcomm_ADC-support h3 {
	background:#4b3a93 url(../images/why/Qualcomm_ADC/ico-support.svg) no-repeat top 20px center;
}
.why-Qualcomm_ADC-section_04 {
	margin-bottom:50px;
}
.why-Qualcomm_ADC-section_04 li {
	padding:10px;
}

@media (min-width: 769px) {
.why-Qualcomm_ADC-section_04 li {
	width:calc(100% / 6);
	font-size:1.4rem;
}
}
.why-Qualcomm_ADC-2005 {
	border-top:10px solid #194375;
}
.why-Qualcomm_ADC-2009 {
	border-top:10px solid #c4181f;
}
.why-Qualcomm_ADC-2014 {
	border-top:10px solid #f3980f;
}
.why-Qualcomm_ADC-2016 {
	border-top:10px solid #7cba27;
}
.why-Qualcomm_ADC-2018 {
	border-top:10px solid #4b3a93;
}
.why-Qualcomm_ADC-2019 {
	border-top:10px solid #01b3cd;
}
.why-Qualcomm_ADC-achievement ul {
	margin-bottom:10px;
}
.why-Qualcomm_ADC-achievement li {
	margin-right:10px;
	font-size:1.4rem;
}

.why-Qualcomm_ADC-achievement.flex {
	align-items: stretch;
}
	

.why-Qualcomm_ADC-achievement div {
	background:#f6f5f9;
	padding:20px;
	border-radius:10px;
}

.why-Qualcomm_ADC-achievement h3 {
	border-bottom:1px solid #4b3a93;
}

.why-Qualcomm_ADC-section_05 h2 {
	background:#4b3a93;
	padding:50px 0 30px 0;
	text-align:center;
	color:#fff;
	margin-bottom:0;
}

.why-Qualcomm_ADC-section_05-01{
	background:#fff url(../images/bg-curve.svg) no-repeat top left / contain;
	padding-top:100px;
}

.why-lot-section_01 {
	background:#f6f5f9;
	border-bottom:10px solid #e4e2ef;
	border-top:10px solid #e4e2ef;
}


@media (min-width: 769px) {
.why-lot-section_01 {
	background:#fff url(../images/why/lot/bg-lot-section_01.jpg) no-repeat top center / cover;
	padding:200px 0 200px 0;
	margin-bottom:30px;
	border-bottom:10px solid #e4e2ef;
	border-top:10px solid #e4e2ef;
}

.why-lot-section_01 h2 {
	background:#4b3a93;
	color:#fff;
	display:inline-block;
	padding:0 1em;
}

.why-lot-section_01 p,
.why-lot-section_01 ol {
	width:50%;
}

}


.why-lot-section_02 {
	background:#fff url(../images/why/lot/bg-tree.svg) no-repeat bottom center / contain;
	padding-top:80px;
	min-height:500px;
}
.why-lot-section_03 {
	margin-top:50px;
	margin-bottom:50px;
}
.why-lot-section_03 .list-check li {
	font-size:3rem;
}
.why-lot-section_04 {
	margin-top:50px;
}

.why-lot-section_04-part {
	background:#f6f5f9;
	padding:10px;
	border:5px solid #e4e2ef;
	margin-bottom:10px;
	
}

@media (min-width: 769px) {
.why-lot-section_04-part {
	padding:50px 50px 10px 50px;
	margin-bottom:50px;
	border:10px solid #e4e2ef;
}
}

.why-lot-section_04 ul {
	margin-top:0;
}
.why-support-section_01 {
	padding:50px 0 50px 0;
	margin-bottom:30px;
}

.why-support-section_01-02 {
	background:url(../images/why/support/bg-support-section_01-02.png);
}

@media (min-width: 769px) {

.why-support-section_01-01 {
	background:url(../images/why/support/img-iceberg-top.png) no-repeat left bottom;
	padding:0 0 0 400px;
}

.why-support-section_01-01 p {
	margin:0;
	padding-bottom:1.5rem;
}

.why-support-section_01-02 .inner {
	padding:50px 0 50px 400px;
	background:url(../images/why/support/img-iceberg-bottom.png) no-repeat left top;
	min-height:345px;
}
}

@media screen and (min-width: 769px) and (resolution: 2dppx) {
.why-support-section_01-01 {
	background:url(../images/why/support/img-iceberg-top@2x.png) no-repeat left bottom;
}
.why-support-section_01-02 .inner {
	background:url(../images/why/support/img-iceberg-bottom@2x.png) no-repeat left top;
}
}

.why-support-section_01-02 li {
	min-height:60px;
	margin-bottom:15px;
	padding-left:70px;
	vertical-align:middle;
	font-size:2rem;
	padding-top:10px;
}
.why-support-evaluation {
	background:url(../images/why/support/ico-evaluation.svg) no-repeat left center / 60px 60px;
}
.why-support-driver {
	background:url(../images/why/support/ico-driver.svg) no-repeat left center / 60px 60px;
}
.why-support-wirelessAP {
	background:url(../images/why/support/ico-wirelessAP.svg) no-repeat left center / 60px 60px;
}
.why-support-security {
	background:url(../images/why/support/ico-security.svg) no-repeat left center / 60px 60px;
}
.why-support-malfunction {
	background:url(../images/why/support/ico-malfunction.svg) no-repeat left center / 60px 60px;
}
.why-support-certification {
	background:url(../images/why/support/ico-certification.svg) no-repeat left center / 60px 60px;
}
.why .link-relation {
	background:#e4e2ef;
}
.why .link-relation h2 {
	background:#4b3a93;
}
.why .list-article h3 {
	color:#4b3a93;
}

.why-support-section_03-01 {
	color:#fff;
	background:#4b3a93 url(../images/why/support/ico-team.svg) no-repeat top 30px center;
	text-align:center;
	padding:140px 0px 30px 0;
}
.why-support-section_03-01 p{
	text-align:left;
}

.why-support-section_03-02 {
	background:#e4e2ef url(../images/bg-curve.svg) no-repeat top left / contain;
	padding-top:100px;
}

.why-partner-section_01 {
	background:#e4e2ef;
	padding:100px 0;
}

/*-----------------------------------------------
	partner
-----------------------------------------------*/
@media (min-width: 769px) {
.list-partner_bn {
	display:flex;
	flex-wrap: wrap;
}
}
.list-partner_bn li {
	margin:5px;
}
.partner .btn-card > li {
	margin:10px 0px;
}
@media (min-width: 769px) {
.partner .btn-card > li {
	margin:10px;
	width:calc(100% / 3 - 20.01px);
}
}
.partner .btn-card li h2 {
	font-size:2.5rem;
}
.partner .btn-card li li {
	font-size:1.4rem;
	text-align:left;
}
.partner .btn-card ul {
	margin:20px;
}

.list-bookmark_add li {
	margin:10px 0;
	overflow:hidden
}

.list-bookmark_add {
	margin:50px auto;
}

.list-bookmark_add li {
	display:inline-block;
	margin:10px 0px;
	border:1px solid #ccc;
}

@media (min-width: 769px) {
.list-bookmark_add {
	display: flex;
	flex-wrap: wrap;
}
.list-bookmark_add li {
	width:calc(100% / 3 - 20.01px);
	margin:10px;
}
}
.list-bookmark_add .flex {
	flex-wrap: nowrap;
	justify-content:normal;
}

.list-bookmark_add h3 a {
	padding-left:0;
	padding-right:0;
}

.list-bookmark_add p {
	display:inline-block;
	text-align:left;
}

.list-bookmark_add label {
	display:block;
	background:#fff;
	height:100%;
	cursor: pointer;
	padding:10px;
	width:100%;
	margin:0 !important;
}
.list-bookmark_add input[type="checkbox"] {
	display:none;
}
.list-bookmark_add input[type="checkbox"]:checked + label {
	background:#fcf3f4;
}
/*-----------------------------------------------
	recruit
-----------------------------------------------*/

.recruit .btn-card > li {
	margin:10px 0px;
}

@media (min-width: 769px) {
.recruit .btn-card > li {
	margin:10px;
	width:calc(100% / 2 - 20.01px);
}
}

/*-----------------------------------------------
	lp-recruit
-----------------------------------------------*/

.index-lp-recruit #header-page {
	position:relative;
	margin:0;
	width:100%;
	height:600px;
	overflow: hidden;
}

@media (min-width: 769px) {
.index-lp-recruit #header-page {
	height:800px;
}
}

.interview-lp-recruit #header-page {
	margin:0;
	padding:0;
}

@media (min-width: 769px) {
.interview-lp-recruit #header-page {
	width:100%;
	height:500px;
	background-image:url(../images/company/recruit/lp/pt-recruit_lp-interview.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
}

.index-lp-recruit #header-page .mainimg {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 18s 0s infinite;
    animation: anime 18s 0s infinite;
	margin-top:100px;
}

@media (min-width: 769px) {
.index-lp-recruit #header-page .mainimg {
    height: 800px;
	margin-top:0;
}
}
.index-lp-recruit #header-page .bg01 {
	background-image:url(../images/company/recruit/lp/pt-recruit_lp-01-sp.jpg);
}
	
.index-lp-recruit #header-page .bg02 {
	background-image:url(../images/company/recruit/lp/pt-recruit_lp-02-sp.jpg);
      -webkit-animation-delay: 6s;
      animation-delay: 6s;
}

.index-lp-recruit #header-page .bg03 {
	background-image:url(../images/company/recruit/lp/pt-recruit_lp-03-sp.jpg);
      -webkit-animation-delay: 12s;
      animation-delay: 12s;
}

@media (min-width: 769px) {
.index-lp-recruit #header-page .bg01 {
	background-image:url(../images/company/recruit/lp/pt-recruit_lp-01.jpg);
}
	
.index-lp-recruit #header-page .bg02 {
	background-image:url(../images/company/recruit/lp/pt-recruit_lp-02.jpg);
}

.index-lp-recruit #header-page .bg03 {
	background-image:url(../images/company/recruit/lp/pt-recruit_lp-03.jpg);
}
}

@keyframes anime {
  0% {
        opacity: 0;
    }
    16% {
        opacity: 1;
    }

    33% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale(1.2) ;
         z-index:9;
    }
    100% { opacity: 0 }
}

.index-lp-recruit #header-page h1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:#fff;
	z-index:100;
	padding:20px;
	text-align:center;
}

@media (min-width: 769px) {
.index-lp-recruit #header-page h1 {
	left:25%;
	width:50%;
	height:auto;
}
}

.index-lp-recruit #header-page h1 img {
	vertical-align:bottom;
}

.interview-lp-recruit #header-page h1 {
	background:#fff;
	padding:20px;
	text-align:center;
}

@media (min-width: 769px) {
.interview-lp-recruit #header-page h1 {
	text-align:left;
	background-color:transparent;
	margin:0 10%;
	padding:0;
	padding-top:80px;
}
}

#menu-lp-recruit {
	display:flex;
	flex-wrap: wrap;
	width:100%;
	margin-top:0;
}

#menu-lp-recruit li {
	width:50%;
}

@media (min-width: 769px) {
#menu-lp-recruit li {
	width:25%;
}
}

#menu-lp-recruit-01 {
	background-color:#7cba27;
}

#menu-lp-recruit-02 {
	background-color:#f3980f;
}

#menu-lp-recruit-03 {
	background:#4b3a93;
}

#menu-lp-recruit-04 {
	background:#01b3cd;
}

#menu-lp-recruit a {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:1.8rem;
	padding:30px 10px;
	background:url(../images/ico-arrow_down.svg#white) no-repeat bottom center;
	background-size:15px 15px;
	height:100%;
}


@media (min-width: 769px) {
#menu-lp-recruit a {
	font-size:2.4rem;
}
}

#lp-recruit-PRODUCT {
	margin-top:100px;
}

#lp-recruit-PRODUCT h2 {
	text-align:center;
}

#lp-recruit-PRODUCT h3 {
	font-size:1.8rem;
}

#lp-recruit-PRODUCT h3 strong {
	font-size:2.8rem;
	color:#c4181f;
}

#lp-recruit-INTERVIEW {
	margin-top:100px;
}

#lp-recruit-INTERVIEW h2 {
	text-align:center;
	margin-left:20px;
	margin-right:20px;
}

.interview-main h3 {
	background-size:cover;
	background-position:center center;
	min-height:200px;
	color:#fff;
	text-shadow:0px 0px 3px #000;
}

.interview-main h3 span {
	text-shadow:none;
	font-size:1.4rem;
	font-weight:normal;
	padding:5px 10px;
	border-radius:5px;
	display:table;
	margin-bottom:10px;
}

.interview-main p {
	margin-left:30px;
	margin-right:30px;
}

#lp-recruit-interview01 .interview-main h3 {
	background-image:url(../images/company/recruit/lp/pt-interview-main01-sp.jpg);
	padding:30px 40% 30px 30px;
}

#lp-recruit-interview01 .interview-main h3 span {
	background-color:#f3980f;
}

#lp-recruit-interview02 .interview-main h3 {
	background-image:url(../images/company/recruit/lp/pt-interview-main02-sp.jpg);
	padding:30px 40% 30px 30px;
}

#lp-recruit-interview02 .interview-main h3 span {
	background-color:#4b3a93;
}

#lp-recruit-interview03 .interview-main h3 {
	background-image:url(../images/company/recruit/lp/pt-interview-main03-sp.jpg);
	padding:30px 40% 30px 30px;
}

#lp-recruit-interview03 .interview-main h3 span {
	background-color:#01b3cd;
}

#lp-recruit-interview04 .interview-main h3 {
	background-image:url(../images/company/recruit/lp/pt-interview-main04-sp.jpg);
	padding:30px 30px 30px 40%;
}

#lp-recruit-interview04 .interview-main h3 span {
	background-color:#7cba27;
}


@media (min-width: 769px) {
.interview-main {
	position:relative;
}

.interview-main h3 {
	background:none !important;
	padding:0 !important;
	min-height:auto !important;
	color:#333 !important;
	text-shadow:none !important;	
}

.interview-main h3 span {
	width:190px;
	height:191px;
	position:absolute;
	bottom:50px;
	right:10%;
	background-color:transparent !important;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:0 !important;
	padding:0;
}

#lp-recruit-interview01 h3 span {
	background-image:url(../images/company/recruit/lp/img-lp-recruit-interview01.png);
}
#lp-recruit-interview02 h3 span {
	background-image:url(../images/company/recruit/lp/img-lp-recruit-interview02.png);
}

#lp-recruit-interview03 h3 span {
	background-image:url(../images/company/recruit/lp/img-lp-recruit-interview03.png);
}
#lp-recruit-interview04 h3 span {
	background-image:url(../images/company/recruit/lp/img-lp-recruit-interview04.png);
	left:10%;
}

.interview-main {
	background-size:cover;
}

.interview-main div {
	background-color: rgba(255,255,255,0.8);
	padding:50px;
	margin-left:10%;
}

.interview-main p {
	margin-left:0;
	margin-right:0;

}

#lp-recruit-interview01 .interview-main {
	background-image:url(../images/company/recruit/lp/pt-interview-main01.jpg);
	background-position:center center;
}

#lp-recruit-interview02 .interview-main {
	background-image:url(../images/company/recruit/lp/pt-interview-main02.jpg);
	background-position:center center;
}

#lp-recruit-interview03 .interview-main {
	background-image:url(../images/company/recruit/lp/pt-interview-main03.jpg);
	background-position:center center;
}

#lp-recruit-interview04 .interview-main {
	background-image:url(../images/company/recruit/lp/pt-interview-main04.jpg);
	background-position:center center;
}

#lp-recruit-interview01 .interview-main div {
	width:48%;
}

#lp-recruit-interview02 .interview-main div {
	width:48%;
}

#lp-recruit-interview03 .interview-main div {
	width:48%;
}

#lp-recruit-interview04 .interview-main div {
	margin-left:38%;
	margin-right:10%;
}
}

.interview-message {
	color:#fff;
}

#lp-recruit-interview01 .interview-message {
	background:#f3980f;
}

#lp-recruit-interview02 .interview-message {
	background:#4b3a93;
}

#lp-recruit-interview03 .interview-message {
	background:#01b3cd;
}

#lp-recruit-interview04 .interview-message {
	background:#7cba27;
}


.interview-message .flex div {
	margin-top:30px;
}

.index-lp-recruit .lp-recruit-message {
	margin-top:100px;
}

.index-lp-recruit .lp-recruit-message h2 {
	margin-top:100px;
	margin-left:20px;
	margin-right:20px;
}

.lp-recruit-message ul {
	text-align:center;
}

.interview-lp-recruit .lp-recruit-message h2 {
	text-align:center;
}

@media (min-width: 769px) {
.interview-lp-recruit .lp-recruit-message h2 {
	margin-right:30px;
	flex:none;
}
}

.index-lp-recruit .lp-recruit-message h2 {
	text-align:center;

}

.lp-recruit-message .full {
	background:#f3f5f8;
}

@media (min-width: 769px) {
.lp-recruit-message .full {
	padding:100px 0;
}	
}

.lp-recruit-message h3 {
	font-size:2rem;
	border-bottom:3px solid #dde3ea;
}

.lp-recruit-message p {
	font-size:1.4rem;
}

#lp-recruit-SCHEDULE {
	margin-top:100px;
	margin-bottom:100px;
}

#lp-recruit-SCHEDULE h2 {
	text-align:center;
}

#lp-recruit-SCHEDULE h3 {
	text-align:center;
	background:#4b3a93;
	color:#fff;
	margin:0;
	font-size:2.4rem;
	padding:15px;
border-radius: 10px 10px 0 0;
}

#lp-recruit-SCHEDULE h4 {
	font-size:2rem;
	background:url(../images/company/recruit/lp/ico-schedule.svg) no-repeat 0px 0.4em;
	padding-left:30px;
	clear:both;
}

#lp-recruit-SCHEDULE p {
	margin-left:50px;
}

#lp-recruit-SCHEDULE div {
	background:#f6f5f9 url(../images/company/recruit/lp/bg-schedule.svg) repeat-y;
	padding:50px 30px 50px 45px;
}

/*
#lp-recruit-entry {
	position:fixed;
	bottom:0px;
	display:flex;
	width:80%;
	left:calc((100% - 80%) / 2);
	z-index:200;
}

@media (min-width: 769px) {
#lp-recruit-entry {
	width:40%;
	left:calc((100% - 40%) / 2);
}
}

#lp-recruit-entry #sns {
	background:rgba(25,67,117,0.9);
	width:30%;
	text-align:center;
	border-radius: 15px 0 0 0;
}

#lp-recruit-entry #sns img {
	margin:10px;
	width:25%;
	max-width:50px;
}

@media (min-width: 769px) {
#lp-recruit-entry #sns img {
	margin:20px;
	width:15%;
	max-width:50px;
}
}

#lp-recruit-entry #entry {
	background:rgba(196,24,31,0.9);
	padding:10px;
	text-align:center;
	width:70%;
	font-size:2rem;
	border-radius: 0 15px 0 0;
}

@media (min-width: 769px) {
#lp-recruit-entry #entry {
	font-size:3rem;
	padding:20px;
}
}

#lp-recruit-entry #entry a {
	color:#fff;
	text-decoration:none;
	display:block;
}
*/

#lp-recruit-entry {
	position:fixed;
	bottom:0px;
	display:flex;
	width:80%;
	left:calc((100% - 80%) / 2);
	z-index:200;
}

@media (min-width: 769px) {
#lp-recruit-entry {
	width:40%;
	left:calc((100% - 40%) / 2);
}
}


#lp-recruit-entry #entry {
	background:rgba(196,24,31,0.9);
	padding:10px;
	text-align:center;
	width:100%;
	font-size:2rem;
	border-radius: 15px 15px 0 0;
}

@media (min-width: 769px) {
#lp-recruit-entry #entry {
	font-size:3rem;
	padding:20px;
}
}

#lp-recruit-entry #entry a {
	color:#fff;
	text-decoration:none;
	display:block;
}

@media (min-width: 769px) {
#lp-recruit-sns {
	margin-bottom:100px;
	text-align:center;
}
}

/*-----------------------------------------------
	sitemap
-----------------------------------------------*/
#sitemap .flex div {
	margin-bottom:50px;
}

#sitemap article h2 {
	font-size:2.4rem;
}
#sitemap article ul {
	margin-bottom:30px;
}
#sitemap article li a   {
	text-decoration:underline;
	background-image:url(../images/ico-arrow_line.svg#red);
	background-size:0.7em 0.7em;
	background-position:left center;
	padding-left:1em;
	margin:0 0.5em 0 0.5em;
	display:inline-block;
}
#sitemap article li:not( :last-child ) {
	margin-bottom:0.5em;
}

/*-----------------------------------------------
	LP
-----------------------------------------------*/
#LP #header-page {
	background:#194375;
	text-align:left;
	color:#fff;
}

#LP.the_base #header-page {
	background:#194 url(../images/the_base/bg-the_base.jpg) no-repeat center/cover;
}

@media (min-width: 769px) {
#LP #header-page {
	background:#194375 url(../images/products/embedded_wireless/introduction_guide/bg-introduction_guide.png)  no-repeat right/contain;
}
}

#LP #header-page p.lead {
	font-size:2.5rem;
	font-weight:bold;
	border-bottom:2px solid #fff;
	margin-bottom:0.8em;
	line-height:1.2em;
}

#LP #header-page p {
	font-size:2rem;
	margin-bottom:0.8em;
}

#LP #header-page h1 {
	line-height:1.2em;
	margin-bottom:0.8em;
}

#LP #header-page a {
	display:inline-block;
	background:#c4181f;
	color:#fff;
	padding:15px;
	text-decoration:none;
}

#LP #header-page a:hover {
	background:#a2141a;
}

#LP #header-page a span {
	font-size:2.8rem;
}

.nav-LP-menu {
	margin-bottom:50px;
}

.nav-LP-menu ul {
	justify-content:center; 
	flex-wrap:wrap;
}


.nav-LP-menu a {
	display:inline-block;
	border:3px solid #ccc;
	padding:10px 15px;
	margin:5px;
	background:#fff url(../images/ico-arrow_card.svg#gray) right 5px bottom 5px / 10px 10px no-repeat;
	text-decoration:none;
	text-align:center;
}

.embedded_wireless-guide .nav-LP-menu a {
	width:11em;
}

.the_base .nav-LP-menu a {
	width:11em;
}

.nav-LP-menu a:hover {
	background-color:#f5f5f5;
	color:inherit;
}

section.LP-gray,
section.LP-white,
section.LP-blue {
	padding:50px 0px;
}

section.LP-gray {
	background:#f8f8f8;
}

section.LP-blue {
	background:#dde3ea;
}

section.LP-gray h2,
section.LP-white h2,
section.LP-blue h2 {
	color:#194375;
}

a.btn-LP-download,
a.btn-LP-contact {
	background:#c4181f;
	color:#fff;
	padding:15px;
	/*border-bottom:2px solid #999;*/
	text-align:center;
	text-decoration:none;
	margin:50px auto 0px auto;
	width:500px;
	max-width:100%;
	display:block;
	font-size:2.8rem;
	line-height:1.2;
}

a.btn-LP-contact {
	background:#194375;
}

a.btn-LP-download span {
	font-size:1.6rem;
	}

.nav-LP-footer {
	background:#194375;
	color:#fff;
	padding-top:50px;
}

.nav-LP-footer ul {
	padding-bottom:50px;
}

.nav-LP-footer ul li {
	margin:10px;
}

#LP-embedded_wireless-guide01 h3 {
	width:80%;
	background:#194375;
	color:#fff;
	margin:0 auto;
	text-align:center;
	padding:10px 0;
	border:2px solid #fff;
	margin-top:50px;
}

#LP-embedded_wireless-guide01 ul {
	width:80%;
	margin:0 auto;
	justify-content:space-between;
	align-items: stretch;
}

#LP-embedded_wireless-guide01 li {
	background:#dde3ea;
	text-align:center;
	width:100%;
	border:2px solid #fff;
	padding:20px 0;
}

#LP-embedded_wireless-guide02 .flex,
#LP-the_base02 .flex {
	align-items: stretch;
}

#LP-embedded_wireless-guide02 .flex div,
#LP-the_base02 .flex div {
	background:#f0f0f0;
	padding:15px;
	border:1px solid #ccc;	
}

#LP-embedded_wireless-guide02 h3,
#LP-the_base02 h3 {
	border-bottom:2px solid #194375;
}

#LP-the_base02 h3 {
	font-size:2rem;
	text-align:center;
}

@media (min-width: 769px) {
#LP-the_base02 h3 {
	min-height:3.5em;
}
}

#LP-the_base02 img {
	width:100%;
}

#LP-the_base05 h3 {
	font-size:2rem;
	margin-top:30px;
}

#LP article {
	margin:0;
}

#LP #footer-site {
	margin:0;
}

#LP #link-info {
	text-align:left;
}

/*-----------------------------------------------
	newsletter
-----------------------------------------------*/
.newsletter iframe {
	width:500px;
	max-width:100%;
	height:350px;
	border:none;
}

/*-----------------------------------------------
	exhibition_iot5g_2022
-----------------------------------------------*/
.exhibition_iot5g_2022 iframe {
	width:500px;
	max-width:100%;
	height:350px;
	border:none;
}