@charset "utf-8";

/* TOP */

.brand_intro{
	overflow: hidden;
	margin: 0px 0 120px!important;
}

.brand_contents{
	margin: 0 0 120px!important;
	overflow: hidden;
}

.brand_contact{
	margin: 0 0 60px!important;
	overflow: hidden;
	text-align: center;	
}

.brand_intro h3,
.brand_contents h3{
	color: #72c744;
	font-size: 1.8em;
	margin-bottom: 35px;
	text-align: center;
}

.brand_contact h3{
	color: #333333;
	font-size: 1.8em;
	margin-bottom: 35px;
	text-align: center;	
}

.brand_intro > p{
	font-size: 1.4em;
	line-height: 1.8em;
	margin: 0px 0 120px;
	text-align: center;
}

.brand_contents > p{
	font-size: 1.4em;
	line-height: 1.8em;
	margin: 50px 0 50px;
	text-align: center;
}

@media only screen and (max-width: 835px) {
.brand_intro,.brand_contents{margin-bottom: 70px!important;}
.brand_intro > p{font-size: 1.0em;line-height: 1.6em;margin: 0px 0 70px; text-align: left;}
.brand_contents > p{font-size: 1.0em;line-height: 1.6em;margin: 20px 0 30px; text-align: left;}
.brand_intro > .brand_img_center img{width: 40%;}
}

.brand_intro > .brand_img_center{
	text-align: center!important;
}

.brand_movie{
	width:60%;
	margin: 0 auto!important;
	overflow: hidden;
}

@media only screen and (max-width: 1080px) {
.brand_movie{width:100%;}
}

.brand_contact_text{
	width: 1300px;
	font-size: 1.6em;
	line-height: 2.0em;
	margin: 200px auto -30px!important;
	text-align: center!important;
}
.brand_contact_text span{
	display: block;
	margin-top:50px; 
}
@media only screen and (max-width: 1400px) {
.brand_contact_text{padding: 0 40px 0; width: 100%;}
}
@media only screen and (max-width: 835px) {
.brand_contact_text{padding: 0 20px 0;font-size: 1.2em;line-height: 1.6em;margin: 120px auto -20px!important;	text-align: left!important;}
}

.brand_contact_support{
	background-color:#e3991d;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
}

/* ============================================================
kubiのスタイル
============================================================ */
/*図解*/
.kubi_illustrated{padding:25px 0;}
.kubi_illustrated p{text-align:center!important;}
.kubi_illustrated p:nth-of-type(1){width: 28%;}
.kubi_illustrated p:nth-of-type(2){width: 8%;}
.kubi_illustrated p:nth-of-type(3){width: 28%;}
.kubi_illustrated p:nth-of-type(4){width: 8%; transform: rotate(180deg);}
.kubi_illustrated p:nth-of-type(5){width: 28%;}
.kubi_illustrated p:nth-of-type(1) img{width: 52%;}
.kubi_illustrated p:nth-of-type(2) img{width: 98%;}
.kubi_illustrated p:nth-of-type(3) img{width: 95%;}
.kubi_illustrated p:nth-of-type(4) img{width: 98%;}
.kubi_illustrated p:nth-of-type(5) img{width: 85%;}
@media only screen and (max-width: 835px) {
.kubi_illustrated p:nth-of-type(1),.kubi_illustrated p:nth-of-type(2),.kubi_illustrated p:nth-of-type(3),
.kubi_illustrated p:nth-of-type(4),.kubi_illustrated p:nth-of-type(5){width: 100%;}
.kubi_illustrated p:nth-of-type(2){transform: rotate(90deg);padding:25px 0;}
.kubi_illustrated p:nth-of-type(4){transform: rotate(270deg);padding:25px 0;}
.kubi_illustrated p:nth-of-type(1) img{width: 40%;}
.kubi_illustrated p:nth-of-type(2) img{width: 15%;}
.kubi_illustrated p:nth-of-type(3) img{width: 70%;}
.kubi_illustrated p:nth-of-type(4) img{width: 15%;}
.kubi_illustrated p:nth-of-type(5) img{width: 63%;}}

/*見出し*/
.kubi_hl_bgred{
	width: 100%; 
	background-color: #e83637!important; 
	color: #ffffff!important; 
	font-weight: bold; 
	text-align: center; 
	padding:6px 0;
	margin: 0 0 20px;
}
.kubi_hl_bgred span{
	display: inline-block;
}
.kubi_hl_bgred span::before,
.kubi_hl_bgred span::after{
	display: inline-block;
	content: "-";
}
.kubi_hl_bgred span::before{margin: 0 5px 0 10px;}
.kubi_hl_bgred span::after{margin: 0 0 0 5px;}

/*ロゴ集合*/
.kubi_logo{padding:25px 0; background: none!important;}
.kubi_logo p{text-align: center!important;}
.kubi_logo p:nth-of-type(1){width: 35%;}
.kubi_logo p:nth-of-type(2){width: 26%;}
.kubi_logo p:nth-of-type(3){width: 39%;}
.kubi_logo p:nth-of-type(1) img{width: 76%;}
.kubi_logo p:nth-of-type(2) img{width: 76%;}
.kubi_logo p:nth-of-type(3) img{width: 76%;}
@media only screen and (max-width: 835px) {
.kubi_logo p:nth-of-type(1),.kubi_logo p:nth-of-type(2),.kubi_logo p:nth-of-type(3){width: 100%;}
.kubi_logo p:nth-of-type(1) img{width: 50%; margin-bottom: 25px;}
.kubi_logo p:nth-of-type(2) img{width: 36%; margin-bottom: 25px;}
.kubi_logo p:nth-of-type(3) img{width: 52%;}}

/*ラインナップ*/
.kubi_lineup{display: table;box-sizing: border-box; width: 100%;}
.kubi_lineup > section{display: table-cell;box-sizing: border-box; width: 50%;}
.kubi_lineup > section:first-child{padding-right: 1%;}
.kubi_lineup > section:last-child{padding-left: 1%;}
.kubi_lineup > section h4{
	text-align: center;
	font-size: 1.3em;
	margin: 25px 0 15px;
	background-color: #e83637!important; 
	color: #ffffff!important; 
	padding: 5px 0;
}
.kubi_lineup > section p{
	font-size: 1.1em;
	color: #333333;
	line-height: 2em;
	margin: 0px 0 18px;
	text-align: center;
}
.kubi_lineup > section p img{
	width: 50%;
	vertical-align: top;
}
.kubi_lineup > section table{
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 40px!important;
}
.kubi_lineup > section table caption{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 8px;
	width: 100%;
	background-color: #eeeeee;
}
@media only screen and (max-width: 1100px) {
.kubi_lineup > section h4{font-size: 1.1em; margin: 15px 0 10px!important;}
.kubi_lineup > section p{font-size: 1.0em; line-height: 1.8em;}}
@media only screen and (max-width: 835px) {
.kubi_lineup{display: block;}
.kubi_lineup > section{display: block;width: 100%;}
.kubi_lineup > section:first-child{padding-right: 0;}
.kubi_lineup > section:last-child{padding-left: 0;}
.kubi_lineup > section p{font-size: 0.9em; line-height: 1.6em; margin-bottom: 10px;}}


/* ============================================================
Yealinkのスタイル
============================================================ */

/*製品ポートフォリオのテーブル表*/
.yealink_portfolio{
	width: 100%;
	border-collapse: collapse;
}
.yealink_portfolio th, .yealink_portfolio td{
	border: solid 2px #ffffff;
	padding: 3px 12px;
}
.yealink_portfolio tr:first-child th{
	background-color: #1ca980!important;
	color: #ffffff!important;
	font-weight: bold;
	text-align: center;
}
.yealink_portfolio tr:nth-of-type(n+2) th{
	color: #444444;
	font-weight: bold;
	text-align: left;
}
.yealink_portfolio tr:nth-of-type(2n+1){
	background-color: #eeeeee;
}

.yealink_portfolio tr:nth-of-type(2n){
	background-color: #dddddd;
}

.yealink_portfolio tr td{
	text-align: center;
}

.yealink_portfolio tr th:nth-of-type(1){
	width: 40%;
}
.yealink_portfolio tr th:nth-of-type(n+2),
.yealink_portfolio tr td:nth-of-type(n+2){
	width: 10%;
}
.yealink_portfolio tr td:nth-of-type(1){
	background-color: #d0ecbd!important;
}
.yealink_portfolio + p{
	font-size: 0.8em;
	padding: 0 2px;
}

/*ラインナップのテーブル表*/
.yealink_lineup{
	width: 100%;
	border-collapse: collapse;	
}
.yealink_lineup th, .yealink_lineup td{
	border: solid 8px #ffffff;
	padding: 8px 12px;
	text-align: center;
}
.yealink_lineup tr:first-child th{
	background-color: #555555!important;
	color: #ffffff!important;
	font-weight: bold;
	text-align: center;
}
.yealink_lineup tr:nth-of-type(2) th{
	background-color: #1ca980!important;
	color: #ffffff!important;
	font-weight: bold;
	text-align: center;
}
.yealink_lineup tr:nth-of-type(2) th span{
	font-weight: normal;
	font-size: 0.7em;
}
.yealink_lineup_video tr:nth-of-type(2) th,
.yealink_lineup_video tr:nth-of-type(3) td{
	width: 33%;
}
.yealink_lineup_peripheral tr:nth-of-type(2) th,
.yealink_lineup_peripheral tr:nth-of-type(3) td{
	width: 20%;	
}
/*ロゴ集合*/
.yealink_logo{padding:25px 0; background: none!important;}
.yealink_logo p{text-align: center!important;}
.yealink_logo p:nth-of-type(1){width: 20%;}
.yealink_logo p:nth-of-type(2){width: 30%;}
.yealink_logo p:nth-of-type(1) img{width: 65%; margin-left: 35%;}
.yealink_logo p:nth-of-type(2) img{width: 65%; margin-right: 10%;}
@media only screen and (max-width: 835px) {
.yealink_logo p:nth-of-type(1),.yealink_logo p:nth-of-type(2){width: 100%;}
.yealink_logo p:nth-of-type(1) img{width: 36%; margin-bottom: 25px; margin-left: 0%;}
.yealink_logo p:nth-of-type(2) img{width: 50%; margin-bottom: 25px; margin-right: 0%;}}

/*Yealink連絡先*/
.yealink_wrap{
	border: 1px dotted #999999;
    padding: 20px 30px;
    margin-top: 70px;
	display: table;
	width: 100%;
}
.yealink_wrap section{
	display: table-cell;
}

.yealink_wrap section:first-child{
	width: 50%;
	border-right:1px dotted #999999;
}
.yealink_wrap section:last-child{
    padding: 0px 0 0 30px;
}

/*Yealinkお問い合わせ*/
.yealink_contact{
	overflow: hidden;
	clear: both;
}
.yealink_contact h3{
	background-color: #1ca980;
	color: #ffffff;
	text-align: center;
	padding: 10px 0;
}
.yealink_contact > div > div{
	border: 1px solid #1ca980!important;
}
/*Yealink不具合機検証について*/
/*ol 途中から*/
ol.maru4{list-style-type: none; width: 100%; padding: 0; margin-top: 15px;}
ol.maru4 li{ line-height: 1.4em; margin: 8px 0; display: table;}
ol.maru4 li::before{	display: table-cell;white-space: nowrap!important;}
ol.maru4 li::before{	padding-right: 5px;	width: 1.1em!important;}
ol.maru4 li:nth-of-type(1)::before{content: "④";}
ol.maru4 li:nth-of-type(2)::before{content: "⑤";}
ol.maru4 li:nth-of-type(3)::before{content: "⑥";}
ol.maru4 li:nth-of-type(4)::before{content: "⑦";}
ol.maru4 li:nth-of-type(5)::before{content: "⑧";}
ol.maru4 li:nth-of-type(6)::before{content: "⑨";}