@charset "UTF-8";

/* ==========================================================
!Mainimg
========================================================== */
#mainimg .btn {
	max-width: 100%;
}
.lineup_title .col_left .shoulder {
	margin-bottom: 15px;
	position: relative;
}
.lineup_label_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.lineup_label_list li {
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 20px;
	border: 1px solid #049fd9;
	color: #049fd9;
	font-size: 1.4rem;
	line-height: 1;
	margin: 0 5px 5px 0;
	padding: 6px 10px 6px 32px;
	text-shadow: none;
}
.lineup_label_list li.item_mr {
	background-image: url(../img/meraki/ico_lineup_label_mr.png);
}
.lineup_label_list li.item_mx {
	background-image: url(../img/meraki/ico_lineup_label_mx.png);
}
.lineup_label_list li.item_ms {
	background-image: url(../img/meraki/ico_lineup_label_ms.png);
}
.lineup_label_list li.current {
	background-color: #049fd9;
	color: #fff;
}
.color_meraki .lineup_label_list li.current {
	background-color: #79c141;
}
.lineup_label_list li.item_mr.current {
	background-image: url(../img/meraki/ico_lineup_label_mr_current.png);
}
.lineup_label_list li.item_mx.current {
	background-image: url(../img/meraki/ico_lineup_label_mx_current.png);
}
.lineup_label_list li.item_ms.current {
	background-image: url(../img/meraki/ico_lineup_label_ms_current.png);
}
/*for PC*/
@media only screen and (min-width: 769px) {
	#mainimg.series {
		height: auto;
	}
	.lineup_title {
		align-items: center;
		height: auto;
	}
	.lineup_label_list {
		position: absolute;
		right: 0;
		top: 0;
	}
}

/* ==========================================================
!Intro
========================================================== */
#intro .h2_basic01 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.lineup_nav li + li {
	margin-top: 20px;
}
.lineup_nav li a {
	align-items: center;
	background: #fff;
	border: 1px solid #2c2c2c;
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	display: flex;
	flex-wrap: wrap;
	padding: 0 4% 20px;
	text-decoration: none;
}
.lineup_nav li a img {
	display: block;
	margin-right: 10px;
	max-width: 103px;
	width: 40%;
}
.lineup_nav li a .name {
	display: block;
	flex: 1;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
}
.lineup_nav li a .bottom {
	background: url(../img/meraki/ico_lineup_nav.png) right center no-repeat;
	background-size: 10px 17px;
	display: block;
	font-size: 1.5rem;
	padding-right: 20px;
	text-align: left;
	width: 100%;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.lineup_nav li {
		float: left;
	}
	.lineup_nav li + li {
		margin-top: 0;
	}
	.lineup_nav.col_3 li {
		margin-right: 2.5%;
		width: 31.6666%;
	}
	.lineup_nav.col_3 li:nth-child(3n) {
		margin-right: 0;
	}
}

/* ==========================================================
!Merit
========================================================== */
.contents_lead {
	margin-bottom: 30px;
	text-align: left;
}

.merit01 figure img {
	border: 1px solid #f1f1f1;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.col.merit01 {
		margin-bottom: 0;
		margin-top: 20px;
	}
	.col_third.merit01 {
		margin-right: 2.5%;
		width: 31.6666%;
	}
	.col_half.merit01:nth-child(-n+2),
	.col_third.merit01:nth-child(-n+3) {
		margin-top: 0;
	}
	.merit01 .title {
		padding-right: 20px;
	}
}

/* ==========================================================
!Howto
========================================================== */
/*Table*/
.spec_table01 {
	table-layout: fixed;
}
.spec_table01 th,
.spec_table01 td {
	word-break: break-all;
}
/*for SP*/
@media only screen and (max-width: 768px) {
	.spec_table01 th,
	.spec_table01 td,
	.spec_table01 thead th:first-child,
	.spec_table01 tbody th {
		font-size: 1.2rem;
		padding: 5px;
	}
}

/*Recommend*/
.recommend_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recommend_list li {
	background: #daf5ff;
	margin-top: 10px;
	padding: 20px 10px;
	width: 49%;
}
.recommend_list li:nth-child(-n+2) {
	margin-top: 0;
}
.recommend_list li p {
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 10px;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.recommend_list li {
		padding: 60px 20px 30px;
		width: 24%;
	}
	.recommend_list li:nth-child(-n+2) {
		margin-top: 10px;
	}
	.recommend_list li:nth-child(-n+4) {
		margin-top: 0;
	}
	.recommend_list li p {
		font-size: 2.4rem;
		margin-top: 30px;
	}
}

/*Added Value*/
.adval {
	text-align: left;
}
.adval img {
	margin: 0 0 20px 0;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.adval {
		align-items: flex-start;
		display: flex;
	}
	.adval img {
		margin: 0 40px 0 0;
	}
	.adval p {
		flex: 1;
	}
}

/*Sample*/
#sample {
	padding: 0;
}
.sample_block01 {
	padding: 0;
}
.sample_header {
	border: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 20px;
}
.sample_title01 .label {
	background: #fffd7e;
	border-radius: 9px;
	color: #049fd9;
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 auto 10px;
	padding: 2px 10px;
	width: 100px;
}
.sample_title01 .text {
	font-size: 2rem;
	font-weight: bold;
}
.sample_list01 li.notice {
	font-size: 1.4rem;
	text-align: right;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.sample_header {
		margin-bottom: 40px;
		padding: 40px;
	}
	.sample_title01 .label {
		font-size: 2.5rem;
		margin: 0 20px 0 0;
		padding: 4px 25px;
		width: auto;
	}
	.sample_title01 .text {
		flex: 1;
		font-size: 3rem;
	}
	.sample_network01 .sample_list01 .ph {
		width: 119px;
	}
}

/*Support*/
.support_notice {
	color: #666;
	font-size: 1.2rem;
	margin-top: 10px;
	text-align: left;
}
.support_text {
	margin: 30px 0 0;
	text-align: left;
}
.support_text_index {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 5px;
}
* + .support_text_index {
	margin-top: 20px;
}
.support_text_detail {
	font-size: 1.4rem;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.support {
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
	}
	.support_text {
		margin: 0;
		width: 34%;
	}
	.support_text_index {
		font-size: 2.2rem;
		margin-bottom: 10px;
	}
	* + .support_text_index {
		margin-top: 30px;
	}
	.support_text_detail {
		font-size: 1.6rem;
	}
}

/*License*/
.license .col {
	text-align: left;
}
.license .col + .col {
	margin-top: 30px;
}
.license .col p {
	margin-top: 10px;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.license .col + .col {
		margin-top: 0;
	}
}

/*Case*/
.case .col + .col {
	margin-top: 30px;
}
.case_text {
	margin-top: 10px;
	text-align: left;
}
.case_text_index {
	font-weight: bold;
	margin-bottom: 5px;
}
.case .col a {
	display: block;
}
.case .col a[target="_blank"]:after {
	display: none;
}
.case_text_detail {
	font-size: 1.4rem;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.case .col {
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
		width: 100%;
	}
	.case .col_half {
		width: 48.3333%;
	}
	.case .col:first-child,
	.case .col_half:nth-child(-n+2) {
		margin-top: 0;
	}
	.case .col > a,
	.case .col > img {
		border: 1px solid #f1f1f1;
		margin-right: 5%;
		max-width: 400px;
		width: 50%;
	}
	.case .col a:hover {
		opacity: .7;
	}
	.case .col >a > img {
		height: auto;
		width: 100%;
	}
	.case_text {
		flex: 1;
		margin-top: 0;
	}
}

/*Spec*/
.spec_block + .spec_block {
	margin-top: 30px;
}
.spec_index {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.spec_index {
		font-size: 2.4rem;
	}
}

/*MX Lineup*/
.mx_lineup {
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px;
}
.mx_lineup + .mx_lineup {
	margin-top: 20px;
}
.mx_lineup img {
	display: block;
	margin: 0 auto 10px;
}
.mx_lineup_txt {
	flex: 1;
	text-align: left;
}
.mx_lineup_name {
	color: #049fd9;
	font-weight: bold;
	margin-bottom: 5px;
}
/*for PC*/
@media only screen and (min-width: 769px) {
	.mx_lineup {
		align-items: center;
		display: flex;
	}
	.mx_lineup + .mx_lineup {
			margin-top: 0;
	}
	.mx_lineup img {
		margin: 0 15px 0 0;
	}
	.mx_lineup_name {
		font-size: 2.6rem;
	}
}

/* ==========================================================
!Webex
========================================================== */
.lineup_nav.col_4 li a {
	background: url(../img/meraki/ico_lineup_nav.png) 96% center no-repeat;
	background-size: 10px 17px;
	min-height: 110px;
	padding-top: 20px;
}
.lineup_nav.col_4 li a .bottom {
		background: none;
}
.lineup_label_list.non_ab li {
	padding: 6px 10px 6px 10px;
}

/*for PC*/
@media only screen and (min-width: 769px) {
	.lineup_nav.col_4 li {
		margin-right: 1.8%;
    	width: 49.1%;
	}
	.lineup_nav.col_4 li:nth-child(even) {
		margin-right: 0;
	}
	.lineup_nav.col_4 li:nth-child(1),.lineup_nav.col_4 li:nth-child(2) {
		margin-bottom: 1.8%;
	}
	#merit.webex .merit01 .title {
		font-size: 2.1rem;
	}
	.non_ab {
		position: static;
	}
	.h2_basic01.mt_s {
		margin-top: 10px;
	}
}

/*for SP*/
@media only screen and (max-width: 768px) {
	.lineup_nav.col_4 li a {
		min-height: 118px;
	}
}

/*Reform*/
.reform_outer {
	border: 1px solid #ccc;
	text-align: left;
}
.reform_outer .row {
	padding: 2.6666%;
}
.reform_outer .reform_class {
	background-color: #049fd9;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: .03rem;
	padding: 1.25555% 0;
	text-align: center;
}
.reform_outer .reform_class.before_c {
	background: #9da5a9;
}
.reform_outer .reform_flow {
	font-size: 2.2rem;
	font-weight: bold;
	margin: 3% 0 1%;
}
.reform_outer ul li:before {
	content: '・';
}
.reform_outer ul li {
	text-indent: -1.6rem;
	padding-left: 1.6rem;
}
.improvements {
	background-color: #daf5ff;
	margin-top: 20px;
}
.improvements p {
	padding: 4.5555%;
}
.improvements span {
	background-color: #049fd9;
	color: #fff;
	font-size: 1.9rem;
	font-weight: bold;
	letter-spacing: .03rem;
	padding: 0.5% 6.5555%;
}

/*for SP*/
@media only screen and (max-width: 768px) {
	.reform .col.col_third {
		margin-bottom: 2.6666%;
	}
	.reform .col.col_third:nth-child(3) {
		margin-bottom: 0;
	}
	.reform_after .col.col_third {
		border-bottom: 1px solid #ccc;
		padding-bottom: 4%;
	}
	.reform_after .col.col_third:nth-child(3) {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.reform_after .col.col_third:nth-child( n + 2 ) {
		padding-top: 2.6666%;
	}
	.reform_after .reform_flow {
		margin-top: 0;
	}
	.reform_outer .row {
		padding: 15px;
	}
}

/*Movie*/
.movie .col_half .movie_outer {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie .col_half .movie_outer iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*for PC*/
@media only screen and (min-width: 769px) {
	.movie .col_half {
		width: 48.333333%;
		min-height: 309px;
	}
}

/*for SP*/
@media only screen and (max-width: 768px) {
	.movie .col_half {
		width: 100%;
		min-height: auto;
	}
	.movie .col_half:first-child {
		margin-bottom: 20px;
	}
}


/* ==========================================================
!Teams
========================================================== */
/*Free*/
.free {
	border: 1px solid #cccccc;
	padding: 2.6666%;
}
.free .col img {
	border: 0;
	height: auto;
	margin-right: 2%;
	max-width: 190px;
}
.free .col {
	align-items: center;
}
.free ul {
	display: flex;
}
.free ul li {
	background-color: #f1f1f1;
	border: 1px solid #cccccc;
	box-sizing: content-box;
	margin-right: 1.1111%;
	text-align: center;
	width: 17.7777%;
	padding: 1.3333%;
}
.free ul li:last-child {
	margin-right: 0;
}
.ie_flex {
	display: flex;
}

/*for SP*/
@media only screen and (max-width: 768px) {
	.free ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.free ul li:nth-child( n + 3 ) {
		margin-top: 2%;
	}
	.free ul li {
		font-size: 1.4rem;
		margin-right: 0;
		width: 46%;
	}
	.free {
		padding: 15px;
	}
}

/*Difference*/
.difference .col {
	border: 1px solid #cccccc;
	display: table;
	width: 100%;
	height: 100%;
}
.difference .col img {
	border: 0;
	margin-right: 0;
	max-width: 90px;
}
.difference_contents {
	width: 100%;
}
.difference ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	width: 100%;
}
.difference .m3_right::after{
  content:"";
  display: block;
  width: 24.2555%;
}
.difference ul li {
	margin-top: 1%;
	width: 21%;
}
.difference ul li span {
	display: block;
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin-top: 3%;
}
.difference_ttl {
	background-color: #049fd9;
	display: table-cell;
	vertical-align: middle;
	width: 17.8888%;
}
.difference_ttl.free {
	background-color: #f1f1f1;
}
.difference .difference_ttl p {
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: .03rem;
}
.difference .difference_ttl.free p {
	color: #049fd9;
}
.difference .difference_ttl p span {
	display: block;
	font-size: 1.5rem;
}
.difference .col.dif02 .difference_contents {
	padding: 4% 4% 4% 4%;
}
.m3 {
	color: #049fd9;
	font-size: 4.1rem;
	font-weight: bold;
	width: 32%;
}
.m3 span {
	display: block;
	font-size: 1.7rem;
	line-height: 2.3rem;
	letter-spacing: .02rem;
}
.m3_right {
  width: 100%;
  max-width: 100%;
}
.m3_right {
	padding: 0;
}

.m3_right li {
	background-color: #f1f1f1;
    border: 1px solid #cccccc;
    box-sizing: content-box;
    text-align: center;
    padding: 2.1111% 1.3333%;
	width: 21.3%;
	position: relative;
	min-height: 12px;
}
.m3_right li:nth-child(4) {
	margin-right: 0;
}
.m3_right li span {
    font-size: 1.6rem;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin-top: 0 !important;
    width: 100%;
}
.m3_right li small {
	display: block;
	font-size: 1.2rem;
}
.m3_right li.support_notice {
    background-color: transparent;
    border: 0;
    padding: 0;
    width: 24.2555%;
}
.m3_right li.support_notice span {
	font-size: 1.2rem;
	color: #888888;
	text-align: left;
}


/*for SP*/
@media only screen and (max-width: 768px) {
	.difference .col {
		display: flex;
		flex-direction: column;
	}
	.difference_ttl {
		width: 100%;
	}
	.difference ul li {
		width: 46%;
	}
	.difference ul {
		justify-content: center;
		padding: 2% 3% 3% 3%;
	}
	.difference .col.dif02 .difference_contents {
		flex-direction: column;
		padding: 3%;
	}
	.m3 {
		line-height: 4rem;
		width: 100%;
	}
	.m3_right li {
		font-size: 1.4rem;
		width: 100%;
		min-height: 35.6px;
		margin-right: 0;
		margin-top: 20px;
	}
	.difference ul li span {
		margin-top: 1%;
	}
	.m3_right li span {
		margin-top: 0;
	}
	.m3_right li.support_notice span {
		text-align: left;
	}
	.m3_right li.support_notice {
		margin-top: 10px;
		width: 100%;
	}
}

/*case ex_case*/
.txt_link {
	color: #049fd9;
	text-decoration: none;
}

/*for PC*/
@media only screen and (min-width: 769px){
	.case.ex_case .col img{
		margin-left: 5%;
		margin-right: 0;
	}
	.m_w30per {
		max-width: 30% !important;
	}
}

/*for SP*/
@media only screen and (max-width: 768px) {
	.ex_case .case_text {
		margin-bottom: 10px;
		margin-top: 0;
	}
}

/*IE*/
@media all and (-ms-high-contrast: none){
	.col_t {
		width: 100%;
  }
	.difference_ttl.free {
		padding: 2px;
  }
	.difference .col.dif02 .difference_contents {
		box-sizing: border-box;
		padding: 30px;
  }
	.difference_ttl {
		width: 100px;
	}
}


/* ==========================================================
!Meetings
========================================================== */
/*meetings_scene*/
.meetings_scene {
	border: 1px solid #cccccc;
	padding: 1.7777%;
	text-align: left;
}
.meetings_scene h3 {
	color: #049fd9;
	margin-top: 1.7777%;
}
.ptitle_sup {
	font-size: 30%;
}
.ptitle_s {
	display: inline-block;
	font-size: 25%;
}

/*for PC*/
@media only screen and (min-width: 769px){
	.meetings_scene {
		margin: 0 1.78% 10px 0;
		width: 32.14%;
		min-height: 360px;
	}
	.meetings_scene:last-child {
		margin: 0;
	}
	.meetings_scene:nth-child(odd), .meetings_scene:nth-child(even) {
		float: left;
	}
}

/*for SP*/
@media only screen and (max-width: 768px) {
	.meetings_scene {
		margin-bottom: 10px;
		padding: 15px;
	}
}

/* ==========================================================
!Room
========================================================== */
/*for SP*/
@media only screen and (max-width: 768px) {
	.free.room_free .col img {
		max-width: 100%;
	}
}

/* ==========================================================
!Amp
========================================================== */
.table_indent {
	text-indent: 1.6rem;
}

/*license*/
.license, #talos.amp_talos {
	border: 1px solid #cccccc;
	padding: 40px;
}

/*talos*/
#talos.amp_talos {
	color: #2c2c2c;
}
#talos.amp_talos .talos_left01 {
	padding: 0 3.3333% 0 0;
}

/*for SP*/
@media only screen and (max-width: 768px) {
	.table_indent {
		text-indent: 1rem;
	}
	.license, #talos.amp_talos {
		padding: 15px;
	}
	.license img {
		padding: 1% 0 0;
	}
	.license, #talos.amp_talos {
		margin-top: 0;
	}
	#talos.amp_talos .text_area01 {
		font-size: 1.4rem;
	}
	#talos.amp_talos .text_area01:before {
		height: 120px;
	}
	.btn_outer {
		text-align: right;
	}
	.amp_talos .btn_outer .btn_basic02 {
		min-width: 100%;
	}
}

/* ==========================================================
!Meraki Color
========================================================== */
.color_meraki #main a:hover,
.color_meraki .h2_basic01,
.color_meraki .merit01 .num,
.color_meraki .sample_title01 .text b,
.color_meraki .sample_point01 .title,
.color_meraki .mx_lineup_name {
	color: #79c141;
}
.color_meraki .merit01 .title,
.color_meraki .spec_table01 thead th,
.color_meraki .sample_title01 .mark {
	background-color: #79c141;
}
.color_meraki .spec_table01 tbody th {
	background-color: #d4ebc1;
}
.color_meraki .ul_checklist01 li:before {
	border-color: #79c141;
}
.color_meraki .sample_point01:before {
	background-image: url(../img/meraki/ico_point01_color_meraki.png);
}
.color_meraki #main .page_nav01 a:hover,
.color_meraki #main .page_nav02 a:hover {
	background-color: #79c141;
	border-color: #79c141;
	color: #fff;
}
.color_meraki #main .case .col a:hover {
	color: inherit;
}
.color_meraki .lineup_label_list li {
	border-color: #79c141;
	color: #79c141;
}
.color_meraki .lineup_label_list li.current {
	color: #fff;
}