@charset "utf-8";
/* -------------------------------
common
------------------------------- */
/* section */
.l-content img {
	vertical-align: bottom;
}
.l-content .section {
	margin-bottom: 60px;
	width: 950px;
}
.l-content .section_inner {
	padding: 10px 15px;
}
.l-content .sub{
	vertical-align: sub;
}
/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* mainVisual */
.l-content .mainVisual {
	width: 950px;
	height: 200px;
	margin-bottom: 20px;
	padding: 0;
	border: none;
	background: url('/maker/patlite/products/networkproducts/images/main_191114.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* lead */
.l-content .leadTxt {
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
}
/* message */
.l-content .box_message{
	width: 780px;
	height: 290px;
	margin: 0 auto 20px;
	background: url('/maker/patlite/products/networkproducts/images/bg_message.png') no-repeat 0 0;
}
.l-content .box_message .p_fukidashi{
	margin: 0 0 50px;
	padding: 50px 0 0 90px;
	font-size: 15px;
	line-height: 24px;
}
.l-content .box_message .checkList{
	margin: 0 0 20px 80px;
}
.l-content .box_message .checkList li{
	margin: 0 0 8px;
	padding: 0 0 0 25px;
	background: url('/maker/patlite/products/networkproducts/images/icon_checkbox.png') no-repeat 0 0;
	font-size: 16px;
	font-weight: bold;
}
.l-content .box_message .st_txt{
	padding: 0 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #d00;
}
.l-content .box_message .st_txt img{
	vertical-align: middle;
}


/* anchor */
.l-content .anchor ul {
	width: 950px;
	margin: 40px 60px 0;
}

.l-content .anchor ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.l-content .anchor ul li .m-btn--down {
	width: 270px;
	height: 55px;
	display: table-cell;
	vertical-align: middle;
}

/* btnArea */
.l-content .scrollbtnArea {
	margin: 0 auto;
}
.l-content .scrollbtnArea li {
	float: left;
	margin: 0 10px;
}
.l-content .lineupAirgrid .scrollbtnArea {
	width: 500px;
}
.l-content .lineupAirgrid .scrollbtnArea .scrollbtn01 a {
	width: 180px;
}
.l-content .lineupAirgrid .scrollbtnArea .scrollbtn02 a {
	width: 280px;
}
.l-content .lineupNetwork .scrollbtnArea {
	width: 670px;
}
.l-content .lineupNetwork .scrollbtnArea .scrollbtn01 a {
	width: 280px;
}
.l-content .lineupNetwork .scrollbtnArea .scrollbtn02 a {
	width: 350px;
}
.l-content .linkbtnArea {
	margin: 0 auto;
	width: 840px;
}
.l-content .linkbtnArea li {
	float: left;
	margin: 0 25px;
	width: 370px;
}
.l-content .linkbtnArea li .m-btnLink--strong{
	font-size: 14px;
	height: 40px;
}

/* light_area */
.l-content .light_area {
	width: 920px;
	padding: 0 15px;
}
.l-content .L_movie {
	float: left;
}
.l-content .R_movie {
	float: left;
}
.l-content .L_movie .txt,
.l-content .R_movie .txt {
	margin: 5px 0 20px;
}
.l-content .L_light {
	float: left;
	width: 450px;
	height: 415px;
	margin: 0 20px 20px 0;
	padding: 0;
	border: none;
	background: url('/maker/patlite/products/networkproducts/images/L_light.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .R_light {
	float: right;
	width: 450px;
	height: 415px;
	margin-bottom: 20px;
	padding: 0;
	border: none;
	background: url('/maker/patlite/products/networkproducts/images/R_light.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* azure_area */
.l-content .azure_area .azure_img {
	width: 840px;
	margin: 20px auto auto;
}
.l-content .azure_area .azure_img p {
	margin-top: 10px;
	text-align: right;
}

/* h3 */
.l-content h3.m-h3 {
	width:902px;
	margin-left: 15px;
}

/* h4 */ 
.l-content .h4_lineup {
	font-size: 14px;
	margin-bottom: 10px;
}
.l-content .h4_lineup:before {
	content:"●";
}

.l-content .h4_case_study {
	font-size: 15px;
	margin-bottom: 10px;
	color: #303d9b;
}
.l-content .h4_case_study:before {
	content:"●";
}

.l-content .h4_case_study_item {
	font-size: 15px;
	margin: 15px 0 10px;
}
.l-content .h4_case_study_item:before {
	content:"●";
}


/* itemsBox */
.l-content .itemsBox {
	margin: 0 -10px 10px 0;
	letter-spacing: -0.4em;
}
/* itemsList */
.l-content .itemsBox .itemsList {
letter-spacing: normal;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
 /display: inline; /*for ie5～7*/
 /zoom: 1; /*for ie5～7*/
	vertical-align: top;
	width: 180px;
	height: 350px;
	margin: 0 10px 10px 0;
	border: 1px solid #CCC;
	background: #FFF;
}
.l-content .itemsBox .itemsList:hover {
	cursor: pointer;
}
.l-content .itemsBox .itemsList .item {
	width: 180px;
	height: 263px;
	padding: 45px 0 20px;
}
.l-content .itemsBox .itemsList.pd15 .item {
	width: 180px;
	height: 298px;
	padding: 15px 0;
}
.l-content .itemsBox .itemsList.case_studyList {
	height: 290px;
}
.l-content .itemsBox .itemsList.case_studyList .item {
	width: 180px;
	height: 240px;
	padding: 15px 0;
}

.l-content .itemsBox .itemsList .item .azure {
	display: inline-block;
	margin-left: 8px;
	margin-bottom: 5px;
	padding: 0 3px;
	border: 1px solid #000000;

}

.l-content .itemsBox .itemsList .item .pic {
	width: 160px;
	margin: 0 8px;
	margin-bottom: 10px;
	position: relative;
}
.l-content .itemsBox .itemsList .item .name {
	width: 160px;
	margin: 0 8px 10px 8px;
	font-size: 12px;
	font-weight: bold;
}
.l-content .itemsBox .itemsList .item .type {
	width: 160px;
	margin: 0 8px 10px 8px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.l-content .itemsBox .itemsList .item .caption {
	margin: 0 8px;
}
.l-content .itemsBox .itemsList .stock {
	width: 180px;
	height: 20px;
	padding: 2px 0 0 0;
	color: #fff;
	background: #60636b;
	text-align: center;
}
.l-content .itemsBox .itemsList.box_hover .pic img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
.l-content .itemsBox .itemsList.box_hover .name a {
	color: #ff730a;
}

/* whatAirgrid */
.l-content .whatAirgrid .h4_airgrid {
	width: 720px;
	height: 180px;
	margin: 0 auto;
	background: url('/maker/patlite/products/networkproducts/images/h3_airgrid.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .whatAirgrid .h5_airgrid {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #463595;
}

.l-content .whatAirgrid .box_airgrid {
  width: 480px;
  height: 200px;
  margin: 0 auto 30px;
  padding: 25px 210px 0 30px;
	background: url('/maker/patlite/products/networkproducts/images/bg_box_airgrid.png') no-repeat 0 0;
}

.l-content .whatAirgrid .box_airgrid p {
	line-height: 24px;
	margin-bottom: 20px;
}
.l-content .whatAirgrid .box_airgrid .komenumberList{
	padding-left: 26px;
	text-indent: -26px;
}
.l-content .whatAirgrid .centerTxt{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	text-align: center;
}

.l-content .whatAirgrid .box_airgrid_merit{
	width: 880px;
	margin: 0 auto 30px;
	padding: 460px 0 0 0;
	background: url('/maker/patlite/products/networkproducts/images/pict_merit.png') no-repeat center top;
}
.l-content .whatAirgrid .box_airgrid_merit .meritList{
	width: 802px;
	margin: 0 auto 20px;
}
.l-content .whatAirgrid .box_airgrid_merit .meritList li{
	float: left;
	width: 236px;
	margin-right: 47px;
}
.l-content .whatAirgrid .box_airgrid_merit .meritList dt{
	width: 236px;
	height: 75px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .whatAirgrid .box_airgrid_merit .meritList .point01{
	background: url('/maker/patlite/products/networkproducts/images/icon_bringing.png') no-repeat 0 0;
}
.l-content .whatAirgrid .box_airgrid_merit .meritList .point02{
	background: url('/maker/patlite/products/networkproducts/images/icon_operation.png') no-repeat 0 0;
}
.l-content .whatAirgrid .box_airgrid_merit .meritList .point03{
	background: url('/maker/patlite/products/networkproducts/images/icon_maintaining.png') no-repeat 0 0;
	margin-right: 0;
}
.l-content .whatAirgrid .box_airgrid_merit .meritList dd{
	line-height: 20px;
}

.l-content .whatAirgrid .box_airgrid_voice{
	width: 880px;
	margin: 0 auto 30px;
	background: url('/maker/patlite/products/networkproducts/images/bg_voice.png') no-repeat center top;
}
.l-content .whatAirgrid .box_airgrid_voice .h4_airgrid_voice{
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .whatAirgrid .box_airgrid_voice .voiceList li{
	float: left;
	width: 350px;
  height: 66px;
  margin: 0 145px 15px 0;
  padding: 10px 0 0 15px;
	line-height: 21px;
}
.l-content .whatAirgrid .box_airgrid_voice .voiceList .voice02,.l-content .whatAirgrid .box_airgrid_voice .voiceList .voice04{
	margin-right: 0;
}

.l-content .whatAirgrid .box_airgrid_case{
	width: 880px;
	margin: 0 auto 30px;
	background: url('/maker/patlite/products/networkproducts/images/bg_caseList.png') no-repeat center top;
}

.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid{
	width: 870px;
	height: 480px;
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid dt{
	width: 870px;
	height: 30px;
	padding: 10px 0 0 10px;
	color: #303d9b;
	font-size: 14px;
	font-weight: bold;
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid dd{
	height: 188px;
}

.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList {
	width: 830px;
	margin: 0 auto;
}

.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList li{
	float: left;
	line-height: 22px;
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList .case_subject{
	width: 240px;
	margin-right: 290px;
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList .case_result{
	width: 300px;
	color: #fff;
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList .case_result01{
	margin-top: -28px;
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList .case_result02{
	margin-top: -20px;
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList li .ttl{
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList li .ttl:before{
	content:"【";
}
.l-content .whatAirgrid .box_airgrid_case .caseList_airgrid .case_episodeList li .ttl:after{
	content:"】";
}
.l-content .whatAirgrid .box_airgrid_case .m-btn--pdf {
	width: 290px;
	margin: 0 auto;
}

/* case */
.l-content .case_area {
}
.l-content .caseList_network {
	width: 920px;
	margin: 0 auto;
}

.l-content .case_area_L {
	float: left;
	width: 450px;
	margin: 0 20px 0 0;
}
.l-content .case_area_R {
	float: right;
	width: 450px;
}
.l-content .case_area_L h5, .l-content .case_area_R h5 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}
.l-content .case_area_L .case01 {
	width: 450px;
	height: 250px;
	margin: 0 20px 20px 0;
	background: url('/maker/patlite/products/networkproducts/images/case01_190121.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .case_area_R .case02 {
	width: 450px;
	height: 250px;
	margin: 0 0 20px 0;
	background: url('/maker/patlite/products/networkproducts/images/case02_190121.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .case_area_L .case03 {
	width: 450px;
	height: 250px;
	margin: 0 20px 20px 0;
	background: url('/maker/patlite/products/networkproducts/images/case03_190121.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .case_area_R .case04 {
	width: 450px;
	height: 250px;
	margin: 0 0 20px 0;
	background: url('/maker/patlite/products/networkproducts/images/case04_190121.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .case_area_L .case05 {
	width: 450px;
	height: 250px;
	margin: 0 0 35px 0;
	background: url('/maker/patlite/products/networkproducts/images/case05_190121.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* 20231130 追加 */
/*case_study*/
.l-content .case_studyWrap {
  margin: 0 auto 30px;
}
.l-content .case_studyBox {
  width: 920px;
  border: 2px solid #303d9b;
  box-sizing: border-box;
  background: #fff;
  height: 130px;
  margin: 0 auto 20px;
}
.l-content .case_studyBox ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.l-content .case_studyBox li.problem {
  width: 385px;
  padding: 15px 20px;
  
}
.l-content .case_studyBox li.solution {
  width: 480px;
  color: #ffff;
  padding: 10px 25px 0 60px;
  height: 126px;
  box-sizing: border-box;
  background-image: url(/maker/patlite/products/networkproducts/images/casebox_arr.png);
  background-position: left;
  background-repeat: no-repeat;
  background-color: #303d9b;
}
/* h5 */ 
.l-content .h5_case_study01 {
  width: 845px;
  height: 50px;
  margin: 25px auto 20px;
  color: #fff;
  font-size: 19px;
  line-height: 50px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0 40px 0 30px;
  background: #007cb6;
  position: relative;
}
.l-content .h5_case_study02 {
  width: 845px;
  height: 50px;
  margin: 25px auto 20px;
  color: #fff;
  font-size: 19px;
  line-height: 50px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0 40px 0 30px;
  background: #f58220;
  position: relative;
}
.l-content .h5_case_study03 {
  width: 845px;
  height: 50px;
  margin: 25px auto 20px;
  color: #fff;
  font-size: 19px;
  line-height: 50px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0 40px 0 30px;
  background: #f05972;
  position: relative;
}
.l-content .h5_case_study01 span,
.l-content .h5_case_study02 span,
.l-content .h5_case_study03 span {
  display: block;
}
.l-content .h5_case_study01 .ttl_icon,
.l-content .h5_case_study02 .ttl_icon,
.l-content .h5_case_study03 .ttl_icon {
  font-size: 13px;
  border: 2px solid #fff;
  border-radius: 3px;
  font-weight: normal;
  padding: 4px;
  line-height: 16px;
  vertical-align: middle;
  position: absolute;
  top: 11px;
  right: 40px;
}
.l-content .h5_case_study .case01 {
  background: #007cb6;
}
.l-content dl.case_study01_ttl {
  width: 800px;
  height: 40px;
  margin: 0 auto 20px;
  background: #f1ebd8;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  align-items: center;
}
.l-content dl.case_study01_ttl dt {
  background: #007cb6;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  width: 200px;
  text-align: center;
  height: 40px;
  box-sizing: border-box;
  padding-top: 10px;
}
.l-content dl.case_study01_ttl dd {
  font-size: 15px;
  color: #333;
  width: 200px;
  padding: 8px 0 0 20px;
}
.l-content dl.case_study02_ttl {
  width: 800px;
  height: 40px;
  margin: 0 auto 20px;
  background: #f1ebd8;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  align-items: center;
}
.l-content dl.case_study02_ttl dt {
  background: #f58220;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  width: 200px;
  text-align: center;
  height: 40px;
  box-sizing: border-box;
  padding-top: 10px;
}
.l-content dl.case_study02_ttl dd {
  font-size: 15px;
  color: #333;
  width: 200px;
  padding: 8px 0 0 20px;
}
.l-content dl.case_study03_ttl {
  width: 800px;
  height: 40px;
  margin: 0 auto 20px;
  background: #f1ebd8;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  align-items: center;
}
.l-content dl.case_study03_ttl dt {
  background: #f05972;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  width: 200px;
  text-align: center;
  height: 40px;
  box-sizing: border-box;
  padding-top: 10px;
}
.l-content dl.case_study03_ttl dd {
  font-size: 15px;
  color: #333;
  width: 200px;
  padding: 8px 0 0 20px;
}

/* bnr_area */
.l-content .bnr_area {
	width: 950px;
}
.l-content .bnr_area li{
	float: left;
	width: 470px;
	height: 100px;
}

.l-content .bnr_area .bnr_l{
	margin-right: 10px;
}

/* 190521追記 */
.l-content .movie_drama_area{
    width: 920px;
    margin: 0 auto;
}
.l-content .movie_drama_area .movie_box{
    float: left;
    margin-right: 19px;
}