@charset "utf-8";

/* CSS Document */

/* ------------------------

	追加

------------------------ */

#naps_clm-container *:not(.breadcrumbs *){

	font-feature-settings: normal;

  font-family: Meiryo, fontFamily\.sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

  font-variation-settings: normal;

	line-height: 1.6;

	letter-spacing: 0;

}

#naps_clm-container img,

#ot_link img{

  border: 0;

  height: auto;

  max-width: 100%;

  vertical-align: top;

}

#naps_clm-container a img {

  transition: all .2s ease-out;

}

table,th,td{

  border: none;

  font-size: 14px;

}

#naps_clm-container table .btn,

#naps_clm-container table .btn a {

  line-height: 3;

}

#naps_clm-container .bl_e_link,

#naps_clm-container .bl_e_link a {

  line-height: 2;

}

/* ------------------------

	コンテナ

------------------------ */

#title {

  background: url("/Contents/ImagesPkg/page/intercom_catalog/title_bg.jpg") center center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 50px 0;

}

#lead {

  background-color: #333;

  color: white;

  padding: 30px 0 80px 0;

}

#lead .lead {

  text-align: center;

  font-size: 18px;

}

h2 {

  margin: 40px 0 0 0;

  text-align: center;

  font-size: 21px;

  font-weight: 700;

  letter-spacing: 1.5;

  border-bottom: 2px solid #333;

}

h2.hikaku {

  border-bottom: 1px dotted #333;

  width: 90%;

  margin: 20px auto 0 auto;

}

#lead h2 {

  border-bottom: 2px solid white;

}

#lead ul {

  overflow: hidden;

  margin: 10px 0 0 0;

}

#cellularline, #sena,#midland  {

  background-color: #f2f2f2;

  padding: 10px 0 80px 0;

}

#sygnhouse, #cardo,#daytona {

  padding: 10px 0 80px 0;

}

#income_mk .mk_lead {

  overflow: hidden;

  margin: 30px 0 0 0;

}

h3 {

  font-size: 21px;

  font-weight: 600;

}

table {

  width: 90%;

  margin: 20px auto 0 auto;

  overflow: auto;

}

table tr th, table tr td {

  border-collapse: collapse;

  padding: 5px 10px;

  background-color: white;

}

table th {

  text-align: left;

}

table td {

  text-align: center;

}

table .non {

  border-right: none;

  border-left: none;

  border-bottom: none;

}

table .btn {

  background: #e5006e;

  border: 2px solid white;

  color: #fff;

  border-radius: 5px;

  text-decoration: none;

  text-align: center;

  padding: 0;

  line-height: 3;

}

table .btn:hover {

  background: #fff;

  border: 2px solid #e5006e;

  color: #e5006e;

  transition: .2s;

}

table .btn a {

  background: url("/Contents/ImagesPkg/page/intercom_catalog/r_arw.gif")right 5px center;

  background-size: 18px;

  background-repeat: no-repeat;

  display: block;

  text-decoration: none;

  color: white;

}

#sena table .btn a {

  background-image: none;

}

table .btn a:hover {

  color: #e5006e;

  transition: .2s;

}

.icon th, .icon td {

  border: none;

  padding: 0 15px 5px 15px;

}

#sena .icon th, #sena .icon td {

  padding: 0 2px 5px 2px;

}

#cellularline .icon th, #cellularline .icon td, #sena .icon th, #sena .icon td, #midland .icon th, #midland .icon td {

  background-color: #f2f2f2;

}

#ot_link {

  background-color: #333;

  padding: 50px 0;

}

#ot_link ul {

  overflow: hidden;

}

.cau_p {

  text-align: right;

  margin-right: 5%;

}

.bl_e_link {

    color: #fff;

    background-color: #0071bc;

    border: 2px solid #2e3192;

    border-radius: 5px;

    text-align: center;

    width: 50%;

    margin: 30px auto 0 !important;

    line-height: 2;

    font-size: 16px;

}

.bl_e_link a {

    color: #fff;

    text-decoration: none;

    display: block;

	background: url(/Contents/ImagesPkg/page/intercom_catalog/r_arwbl.gif) right 15px center;

	background-size: 18px;

	background-repeat: no-repeat;

}

.bl_e_link a:hover {

  background-color: white;

  color: #2e3192;

  transition: 0.7s;

  padding: 0;

  border-radius: 5px;

  box-sizing: border-box;

}

@media screen and (min-width: 768px) {

  .inner {

    width: 1020px;

    margin: 0 auto;

  }

  .pcnon {

    display: none;

  }

  #title h1 {

    width: 666px;

    margin: 0 auto;

  }

  #lead ul li {

    float: left;

    width: calc(97%/3);

    margin: 1.5% 1.5% 0 0;

  }

  #lead ul li:nth-child(3n) {

    margin-right: 0;

  }

  #income_mk .mk_lead dt {

    float: left;

    width: 50%;

    margin: 0 2% 0 0;

  }

  #income_mk .mk_lead dd {

    float: left;

    width: 48%;

  }

  #ot_link ul li {

    float: left;

    width: calc(96%/5);

    margin-right: 1%;

  }

  #ot_link ul li:last-child {

    margin-right: 0;

  }

 #sena .scroll-table {

    display: block;

    overflow-x: scroll;

    -webkit-overflow-scrolling: touch;

    width: 90%;

    margin: 20px auto 0 auto;

	 padding-left: 1px;

  }

  #sena .scroll-table table {

    width: 1500px;

    border-collapse: collapse;

    margin: 0;

    border: none;

  }

	#sena table tr th, #sena table tr td{

		padding: 5px 15px;

	}

	#sena tr.i_img td{

		padding: 0;

	}

}

@media screen and (max-width: 767px) {

  .inner {

    width: 98%;

    margin: 0 1%;

  }

  .spnon {

    display: none;

  }

  .scroll-table {

    display: block;

    overflow-x: scroll;

    -webkit-overflow-scrolling: touch;

    width: 90%;

    margin: 20px auto 0 auto;

	  padding-left: 1%;

  }

  .scroll-table table {

    width: 100%;

    border-collapse: collapse;

    margin: 0;

    border: none;

  }

	#sena .scroll-table table{

		width: 1120px;

	}

  .icon th, .icon td {

    border: none;

    padding: 0 2px 5px 2px;

  }

  #title h1 {

    width: 90%;

    margin: 0 auto;

  }

  #lead .lead {

    text-align: left;

    font-size: 16px;

  }

  #lead nav ul li {

    float: left;

    width: calc(98.5%/2);

    margin: 1.5% 1.5% 0 0;

  }

  #lead nav ul li:nth-child(even) {

    margin-right: 0;

  }

  #income_mk .mk_lead {

    padding: 0 1%;

  }

  table .btn a {

    background-image: none;

  }

  #ot_link li {

    float: left;

    width: calc(98%/2);

    margin: 2% 2% 0 0;

  }

  #ot_link li:nth-child(even) {

    margin-right: 0;

  }

	.bl_e_link {

		width: 90%;

	}

}

@media screen and (max-width: 1020px) and (min-width: 750px) and (orientation: portrait) {

  .inner {

    width: 98%;

    margin: 0 1%;

  }

  table .btn a {

    background-image: none;

  }

}