#aerohive{
           word-break: strict;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  }

/* top画像
----------- */
.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url(../img/top.png);
}

/* 見出し style
---------- */
p{ margin-top: 0px;}

#contents .cd-hero-slider h1 {
    padding-top: 40px;
    font-weight: 600;
    color: #ffffff;
    font-size: 24px;
    text-shadow: 0px 1px 9px #3e3a39;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
#contents .cd-hero-slider h1 {
    padding-top: 40px;
    font-weight: 600;
    color: #ffffff;
    font-size: 40px;
    text-shadow: 0px 1px 9px #3e3a39;
    margin-bottom: 10px;
}}

h1{
    color: #ffffff;
    font-size:24px;
    padding:40px 0 0;
    font-weight: 600;
    line-height: 30px;
    text-shadow: 0px 1px 10px #3E3A39;
    }

h3 {
  width: 100%;
  font-size: 2.0rem;
  color: #595757;
  font-weight: bold;
  line-height: 1.2em;
  border-bottom: 1px dotted;
  margin: 20px 0 30px 0;
  padding-bottom: 5px;
  padding-left:0px;
}

h4 {
  width: 100%;
  font-size: 1.4rem;
  color: #0F78B1;
  font-weight: bold;
  line-height: 1.2em;
  border-bottom: 1px dotted;
  margin: 20px 0 10px 0;
  padding-bottom: 5px;
}

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

h1{
    font-size: 2.7em;
    font-weight: 900;
    color:#ffffff;
    line-height: 50px;
    text-shadow: 0px 1px 10px #3E3A39;
    }

  h3 {
    font-size: 2.8rem;
    margin: 50px 0 30px 0;	
    padding-bottom: 10px;
  }

  h4{
    font-size: 1.6rem;
    margin: 50px 0 10px 0;	
    padding-bottom: 10px;
}}

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

#contents .cd-hero-slider h2 {
    font-size: 2.7em;
    font-weight: 900;
    }}

/* Aerohiveとは？
-------------- */

.top-title{
  width: 100%;
  font-size: 2.0rem;
  color: #5957571;
  font-weight: bold;
  line-height: 1.2em;
  border-bottom: 1px dotted;
  margin: 20px 0 30px 0;
  padding-bottom: 5px;
  padding-left:0px;
}

@media only screen and (min-width: 768px) {
 
.top-title{
    font-size: 2.8rem;
    margin: 50px 0 30px 0;	
    padding-bottom: 10px;
  }}
  
/* タイトルの小見出し
------------------*/
.top-sub {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 0px 1px 10px #000000;
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 100px;
}

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

.top-sub {
    font-size: 23px;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 0px 1px 10px #000000;
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 100px;
}}

.bold{
       font-weight: 700;
       }
/* マーカー */
 .highlight {
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}

/* マーカー＋太字 */
.hightlight-text{
            text-align: left;
            font-weight: 600;
            margin-bottom:20px;
            background: linear-gradient(transparent 50%, #ffff66 0%);
            }

@media only screen and (min-width: 768px)  {
.hightlight-text{
            font-weight: 600;
            background: linear-gradient(transparent 50%, #ffff66 0%);
            margin-bottom:30px;
            }}

.hightlight-text-2{
            text-align: left;
            font-weight: 600;
            margin-bottom:20px;
            background: linear-gradient(transparent 50%, #C4EBFA 0%);
            }
.table01 th{
background: linear-gradient(135deg, #007ac5, #1a1e80);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
    line-height: 25px;
    padding: 5px;
    color: #ffffff;
    }
@media only screen and (min-width: 768px)  {
.hightlight-text-2{
            font-weight: 600;
            background: linear-gradient(transparent 50%, #C4EBFA 0%);
            margin-bottom:30px;
            }
.table01 th{
background: linear-gradient(135deg, #007ac5, #1a1e80);
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
    line-height: 25px;
    padding: 15px;
    }
    }
.table01 tr th:nth-of-type(1) {
	width: 20% !important;
}
.table01 tr th:nth-of-type(2) {
	width: 28% !important;
}
.table01 td:nth-of-type(1), 
.table01 td:nth-of-type(2){
	 font-size: 14px;
     padding:10px 5px;
     text-align: center;
     font-weight: 600;
     }
.pilot-title{
       font-size: 16px;
}
 
@media only screen and (min-width: 768px)  {
.table01 td:nth-of-type(1), 
.table01 td:nth-of-type(2){
	 font-size: 16px;
     padding:10px 5px;
     text-align: center;
     font-weight: 600;
     border-bottom: 1px solid #ccc;
     }
.table01 tr td:last-child{
               border-bottom: 1px solid #ccc;
               }
.table01 ul li{
             line-height: 25px;
             }
.table01 img{
               width: 70%;
               text-align: center;
               margin: 0 auto;
               }
.pilot-title{
       font-size: 20px;
}     }

/*テーブル*/
#product{
	margin-bottom: 30px;
}

#product table a{
  color: #595757;
}

#product table a:hover{
  color: #595757;
}

#product .table01 th,
#product .table02 th{
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	background: #FFCC00;
	border:1px solid #ccc;
}

#product .table01 td,
#product .table02 td{
	padding: 10px;
	border:1px solid #ccc;
	vertical-align: middle;
}

#product .table01 tr th:nth-of-type(1),
#product .table01 tr th:nth-of-type(2) {
	width: 28% !important;
}
#product .table01 tr th:nth-of-type(3),
#product .table01 tr th:nth-of-type(4) {
	width: 22% !important;
}

#product .table01 tr td:nth-of-type(3),
#product .table01 tr td:nth-of-type(4) {
	text-align: center;
}

#product .table03{
  width: 100%;
  height: auto;
  font-size: 1.4rem;
  margin: 0 auto;
  table-layout: fixed;
  margin-top:30px;
}

#product .table03 th{
	width: 20%;
	padding: 0;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	background: #FFCC00;
	border:1px solid #ccc;
}

#product .table03 td{
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border:1px solid #ccc;
	word-break: break-all;
}

#product .table03 td.pd-name{
	padding: 0;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	background: #eee;
}

#product .table03 td img{
	width: 100%;
}

/*事例*/
.table02 td{
          padding: 8px 5px;
          font-size: 14px;
          }
.table02 th{
	padding: 10px;
	background: linear-gradient(135deg, #007ac5, #1a1e80);
	font-weight: 500;
	color:#ffffff;
	text-align: center;
	vertical-align: middle;
}
.table02 tr:nth-child(odd) td {
    background-color:#e5e5e5 ;
    }
.table02 th:nth-of-type(2){
	width: 30%;
	padding: 10px;
	text-align: center;
}
.table02 td:nth-of-type(2){
	text-align: center;
}
@media only screen and (min-width: 840px)  {
.table02 td{
          padding: 8px 5px;
          font-size: 16px;
          }
.table02 th{
	padding: 10px;
	background: linear-gradient(135deg, #007ac5, #1a1e80);
	font-weight: 500;
	color:#ffffff;
	text-align: center;
}

.table02 tr:nth-child(odd) td {
    background-color:#e5e5e5 ;
    }
.table02 th:nth-of-type(2){
	width: 20%;
	padding: 10px;
}
}
.hospital{
                    box-shadow: inset 6px 0px 0px 0px #02539a;
                    padding-left: 15px!important;
                    }
.store{
                    box-shadow: inset 6px 0px 0px 0px #46c3f1;
                    padding-left: 15px!important;
                    }
.public{
                    
                    box-shadow: inset 6px 0px 0px 0px #95529d; 
                    padding-left: 15px!important;
                    }                                    
.company{
                    box-shadow: inset 6px 0px 0px 0px #66af47;
                    padding-left: 15px!important;
                    }
/*Anomary*/
.table04{
          padding: 10px 10px 10px 10px;
          font-size: 16px;
          }
.table04 th{
background: linear-gradient(135deg, #007ac5, #1a1e80);
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
    line-height: 25px;
    vertical-align: middle;
    }
.table04 tr th:nth-of-type(1) {
	width: 25% !important;
	padding: 5px;
	font-size: 16px;
	line-height: 20px;
}
@media only screen and (min-width: 768px)  {
.table04 tr th:nth-of-type(1) {
	width: 25% !important;
	padding: 15px;
}
}

.table04 td:nth-of-type(1){
	 font-size: 14px;
     padding:10px;
     text-align: left;
     font-weight: 500;
     } 
.table04 td:nth-of-type(2){
	 font-size: 14px;
     padding:10px 5px;
     text-align: left;
     }
@media only screen and (min-width: 768px)  {
.table04 td:nth-of-type(1){
	 font-size: 16px;
     padding:10px;
     text-align: left;
     font-weight: 500;
     } 
.table04 td:nth-of-type(2){
	 font-size: 16px;
     padding:10px 5px;
     text-align: left;
     }
     }
.table04 tr:nth-child(odd) td {
	background: #f0f8ff;
	border-bottom: 1px solid #ccc;
}

#product .table03 th{
	width: 130px;
	padding: 10px;
}
#product .table03 td{
	padding: 5px;
}
#product .product-L{
    width: 68%;
	float: left;
	margin-right: 30px;
	overflow: hidden;
  } 
#product .product-R{
    width: 28%;
	overflow: hidden;
  }}

.table-gray{ background-color: #e5e5e5;}

.qt{
text-align: center;
}
.circle_blue{color: #02539a;}
.circle_blue2{color: #46c3f1;}
.circle_puple{color: #95529d;}
.circle_green{color:#66af47;}

/* インフォメーション*/
.page-cover {
  margin-top: 20px;
}
.infotitle {
  min-height: 50px;
  background: linear-gradient(135deg, #007ac5, #1a1e80);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
  line-height: 22px;
  padding:5px;
}
@media only screen and (min-width: 630px)  {
.infotitle {
  min-height: 50px;
  background: linear-gradient(135deg, #007ac5, #1a1e80);
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
  line-height: 25px;
  padding-top:10px;
  padding-bottom: 10px;
}
}

p.infotxt {
  font-size: 16px;
  margin: 10px 15px;
  color: #595757;
  text-align: center;
}

.page-cover img {
  margin-top: 0px;
  width: 100%;
}

.page-cover img:hover {
  opacity: 0.7 ;
}

.middle-column{
    border-top:1px dotted #fff;
    border-bottom: 1px dotted #fff;
    }
    

@media only screen and (min-width: 768px)  {
  .page-cover {
    display: table;
    width: 100%;
    margin: -20px 0 10px -10px;	
	}

  .merit-inbox {
    padding: 10px;
    margin-top:20px;
	}
  p.infotxt {
    text-align: left;
	}

  .left-column,
  .middle-column,
  .right-column {
    display: table-cell;
    width: 250px;
    border-radius: 3px;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
	}

  .left-column img,
  .middle-column img,
  .right-column img {
    margin: 0 auto;
    text-align: center;
    width: 250px;
	}}

/*4つのアイコン*/
.grid4{
border:0px dotted #ccc;
margin:20px 0;
}

.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
    margin-left: 0;
    clear: left;
    padding: 5px;
}

/* col */
.col {
	float: left;
	/*margin-left: 3.2%;*/
	padding: 5px;
	}
	
.inner-box{
       vertical-align: middle;
       }
	
.icon{
     margin:0 auto;
     text-align:center;
     margin-bottom:30px;
     }
     
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}

/* grid3 col */
.grid3 .col {
	width: 31.2%;
}

#line-up .grid3 .col {
	border-right: 1px dotted #ffffff;
}

#line-up .grid3 .col:last-child {
	border-right: 0px dotted #ffffff;
}

/* grid2 col */
.grid2 .col {
	width: 48.4%;
}

@media screen and (max-width: 740px) {
	/* change grid4 to 2-column */

.grid4{
border:0px solid #ccc;
margin:0 0;
}
	
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* change grid3 to 2-column */
	.grid3 .col {
		width: 48.4%;
		border:0px;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
		border:0px;
	}
#line-up .grid3 .col,
#products .grid3 .col {
	border-right: 0px dotted #ffffff;
}

#line-up .grid3 .col:last-child,
#products .grid3 .col:last-child {
	border-right: 0px dotted #ffffff;
}

@media screen and (max-width: 376px) {
#products .col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}
	
#case .grid2 .col,
#cloud .grid2 .col {
	width: 48.4%;
}
@media screen and (max-width: 405px) {
#case .col,
#cloud .grid2 .col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}


	
.icon-title{
     text-align:center;
     margin:0 auto;
     font-weight:300;
     font-size:14px;
     margin-bottom:10px;
     height:auto
     line-height:30px;
     padding:3px;
     background-color: #5e89ab;
	color:#ffffff;
     }
     
.icon-title3{
     color:#5e89ab;
     text-align:center;
     margin:0 auto;
     font-weight:300;
     font-size:16px;
     height:auto
     line-height:30px;
     padding:3px;
     font-weight: 700;
          }}
          
/* 事例2カラム */
.container {
  display: flex;
  flex-wrap: wrap;
}
.column {
  width: 100%;
  border-right:1px solid #ffffff;
}

@media (min-width: 1026px) {
  .column {
    width: 50%;
  }}

/* 2カラム特長テキスト
-------------------- */
.features-text{
      font-size: 1.4rem;
     line-height: 1.5em;
     margin: 1.5em 0;
      margin-bottom: 50px;
      }

@media only screen and (min-width: 768px) {
.features-text{
      font-size:16px;
      color: #595757;
      line-height: 1.8em;
      margin: 20px 0;
      }
      }
      
/*横幅いっぱいのCSS
../../../../assets/index/slide03_aerohive.png
-------------------------------- */

.cd-bg-2 {
  background-image: url("../img/cloud.jpg");
  background-size: cover;
  background-position: center;
  margin-top:0px;
  }

.cd-bg-5 {
  background-image: url("../img/5-s.jpg");
  background-size: cover;
  background-position: center;
  height: 100px;
  margin-top: 0px;
  margin-bottom: 50px;
  border: 1px solid #ccc;
}

.cd-bg-6 {
  background-image: url("../img/6-s.jpg");
  background-size: cover;
  background-position: center;
  height: 100px;
  margin-top: 0px;
  margin-bottom: 50px;
}

.cd-bg-7 {
  background-image: url("../img/7-s.jpg");
  background-size: cover;
  background-position: center;
  height: 100px;
  margin-bottom: 30px;
}

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

.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height:350px;
  margin:0 -200%;
  padding:0 200%;
  background-size:30% auto;
}
  .cd-fixed-bg h1, .cd-fixed-bg h2 {
    font-size: 36px;
    font-weight:700;
  }
  .cd-fixed-bg.cd-bg-4 {
    background-position: center center;
}

.cd-bg-5 {
  background-image: url("../img/5.jpg");
  background-size: cover;
  background-position: center;
  height: 200px;
  margin:50px 0;
  border:1px solid #ccc;
}

.cd-bg-6 {
  background-image: url("../img/6.jpg");
  background-size: cover;
  background-position: center;
  height: 200px;
  margin:50px 0;
}

.cd-bg-6:hover {
  opacity: .8;
  }
.cd-bg-5:hover {
  opacity: .8;
  }

.cd-bg-7 {
  background-image: url("../img/7.jpg");
  background-size: cover;
  background-position: center;
  height: 200px;
  margin:50px 0;
}

.cd-bg-7:hover {
  opacity: .8;
  }
  }

  .cd-fixed-bg p{
	top: 53%; 
    font-size: 22px;
  }

}
@media only screen and (min-width: 1170px) {
  .cd-fixed-bg {
  }
  .cd-fixed-bg h1, .cd-fixed-bg h2 {
    font-size: 30px;
    font-weight: 900;
  }}

/* gigaスクール */
.giga-title{
    font-weight:600;
    font-size:20px;
    font-family: 'Sawarabi Gothic', sans-serif;
  font-family: 'Noto Sans JP', sans-serif;
  color:#ffffff;
  line-height: 30px;
  padding-left:30px;
  margin-top:-80px;
  text-shadow: 3px 0px 10px #18316c;
  }

@media only screen and (min-width: 768px) {
.giga-title{
    font-weight:600;
    font-size:30px;
    font-family: 'Sawarabi Gothic', sans-serif;
  font-family: 'Noto Sans JP', sans-serif;
  color:#ffffff;
  line-height: 40px;
  padding-left:30px;
  margin-top:-60px;
  }}
  
/* 改行*/
@media screen and (min-width: 768px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 768px){   
  .pc { display:none; }
  .sp { display:block; }
}

/*ブルーバック */
.blue{
         width:100%;
         height:auto;
         background-color:#295098;
         clear:both;
         padding-bottom: 30px;
         }
         
@media only screen and (min-width: 768px) {

.blue{
         width:100%;
         height:auto;
         margin: 0 auto;
         overflow: hidden;
         background-color:#295098;
         clear:both;
}}

/*濃いブルーバック */
.blue2{
         width:100%;
         height:auto;
         background-color:#03337f;
         padding-bottom:10px;
         clear:both;
         }
         
@media only screen and (min-width: 768px) {

.blue2{
         width:100%;
         height:auto;
         margin: 0 auto;
         overflow: hidden;
         background-color:#03337f;
         clear:both;         
}}

/* 黄色バック*/
.yellow-bg{
         width:100%;
         height:auto;
         background-color:#fffacd;
         padding-bottom:10px;
         padding-top:5px;
         clear:both;
         }
.yellow-bg p{
              margin-top: 20px;
              }
         
@media only screen and (min-width: 768px) {

.yellow-bg{
         width:100%;
         height:auto;
         margin: 0 auto;
         margin-top:50px;
         overflow: hidden;
         background-color:#fffacd;
         padding-bottom: 20px;
         clear:both;         
}
.yellow-bg p{
              margin-top: 20px;
              }
              }

/* アーキテクチャー*/

.archtecture{
        border-top:1px dotted #fcc800;
        padding:20px;
}

.archtecture li {
        font-size:18px;
        font-weight: 600;
        margin-left:20px;
        list-style:  none;  
          }
          
/* Aerohiveアーキテクチャタイトル */
.features-title1{
      font-size:18px;
      text-align: center;
      font-weight: 600;
      line-height: 25px;
      background-color: #fcc800;
      padding:5px 15px;
      border-radius:40px;
      margin:30px 5px 0 5px;
      max-width: 500px;
      }

@media only screen and (min-width: 768px) {
.features-title1{
      font-size:20px;
      text-align: center;
      font-weight: 600;
      line-height: 25px;
      background-color: #fcc800;
      padding:10px 30px;
      border-radius:30px;
      margin:30px 0 0 30px;
      max-width: 480px;
      }}

/* 他社アーキテクチャタイトル */
.features-title2{
      font-size:16px;
      color: #595757;
      text-align: left;
      font-weight: 600;
      line-height: 25px;
      margin-top:20px;
      }

@media only screen and (min-width: 768px) {
.features-title2{
      font-size:20px;
      color: #595757;
      text-align: left;
      padding:0 20px 0px 20px;
      font-weight: 600;
      line-height: 25px;
      margin-top:50px;
      }}
      
/*サッカー */
.column-s {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-right: 40px;
  margin-bottom: 40px;
  margin-left: 40px;
  border:1px solid #fcc800;
}

.column-c {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 40px;
  border:1px solid #fcc800;
}
.column-img {
  width: 40%;
  background-color: #578f35;
}

.column-img2 {
  width: 40%;
  padding-top:10px;
  background-color: #fffacd;
}

.column-img img {
  width: 100%;
  padding:10px 0;
}
.column-texts {
  box-sizing: border-box;
  padding-right: 30px;
  padding: 20px;
  padding-left: 30px;
  line-height: 27px;
  background-color: #ffffff;
}

.column-texts2 {
  box-sizing: border-box;
  padding-right: 30px;
  padding: 20px;
  padding-left: 30px;
  line-height: 27px;
  background-color: #fffacd;
}

@media screen and (max-width: 767px) {
  .column-s {
    flex-direction: column;
    margin:20px;
  }
  
  .column-c {
    margin:20px 0;
  }
  .column--reserve {
    flex-direction: column-reverse;
  }
  .column-img, column-img2{
    width: 100%;
  }
  .column-texts {
    width: 100%;
    padding:10px;
    margin:0 auto;
    font-size: 14px;
    line-height: 20px;
  }
  .column-texts2 {
    width: 100%;
    padding:10px;
    margin:0 auto;
    font-size: 14px;
    line-height: 20px;
    background-color: #fffacd;
  }
}
/* 製品群 */
.w-title{
        text-align: center;
    font-weight: bold;
    font-size: 25px;
    padding: 50px 10px 50px 10px;
    line-height: 33px;
    color:#ffffff;
        }

.product-name{
    height: auto;
    margin: 15px 0px 10px 0px;
    margin-top: 20px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    color: #ffffff;
    background-color: #03337f;
    padding: 20px 0px 0 0px;
    font-weight: 700;
}

.product-text{
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    line-height: 27px;
    margin: 0 10px 10px 10px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    
.w-title{
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    margin: 50px 20px 0px 20px;
    line-height: 40px;
    color:#ffffff;
        }

.product-name{
    height: auto;
    margin: 15px 15px 0 15px;
    margin-top: 20px;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    color: #ffffff;
    background-color: #03337f;
    padding: 30px 0px;
    font-weight: 700;
}

.product-text{
    font-size: 23px;
    color: #ffffff;
    font-weight: 600;
    line-height: 35px;
    margin: 0 20px 20px 20px;
    text-align: center;
    
}
}
/* 白 ul
-------------------------------- */
#products ul{
    font-size: 1.6rem;
    color: #ffffff;
    margin-left: 20px;
    line-height: 1.5em;
    list-style-type: circle;
    margin-bottom:30px;
    margin-top:20px;
    border-bottom:1px dotted #ffffff;
    padding-bottom: 50px;
}

#products li {
    font-size: 1.4rem;
    color: #ffffff;
    margin-left: 20px;
    line-height: 25px;
    list-style-type: circle;
}

@media only screen and (min-width: 768px){
#products ul{
    font-size: 1.6rem;
    line-height: 30px;
    color:#ffffff;
    margin-top:20px;
    border-bottom:0px dotted #ffffff;
    margin-left:0px;
}

#products li {
    font-size: 1.6rem;
    margin-left: 30px;
    line-height: 35px;
    color:#ffffff;
}}

/* 305C ul
-------------------------------- */
#line-up ul{
     color: #ffffff;
     line-height: 30px;
     padding:20px 10px 50px 0px;
     margin-left: 0px;
     }

#line-up li{
     color: #ffffff;
     list-style: none;
     }

.spec a{
     color: #ffffff;
     padding:10px 20px;
     line-height: 80px;
     background-color: #0F78B1;
     border-radius:3px;
     } 

@media only screen and (min-width: 768px)  {
#line-up ul{
     color: #ffffff;
     line-height: 30px;
     padding:20px;
     border-bottom: 0px dotted #ffffff;
     }
     
#line-up li{
     color: #ffffff;
     border-bottom: 0px dotted #ffffff;
     list-style: none;
     }}

/* 囲み*/
.spec-frame-w{
             border:1px solid #ffffff;
             padding:5px;
             text-align: center;
             color:#ffffff;
             margin:20px;
             padding:10px;
             font-size: 14px;
             }
@media only screen and (min-width: 768px)  {
.spec-frame-w{
             border:1px solid #ffffff;
             padding:5px;
             text-align: center;
             color:#ffffff;
             margin:20px;
             padding:20px;
             font-size: 16px;
             }
             }
             
/* スイッチタイトル*/
.w-title-35{
   font-size:30px;
   text-align: left;
   font-weight: 600;
   color: #ffffff;
   padding-bottom: 10px;
   }

@media only screen and (min-width: 768px)  {
.w-title-35{
   font-size:35px;
   text-align: left;
   font-weight: 600;
   color: #ffffff;
   }}

/* Aerohiveの主な特長と優位性 */
.features-title{
      font-size:16px;
      color: #595757;
      text-align: center;
      font-weight: 600;
      line-height: 25px;
      margin:0 0 10px 0;
      
      }

@media only screen and (min-width: 768px) {
.features-title{
      font-size:20px;
      color: #595757;
      text-align: center;
      padding:0px;
      font-weight: 600;
      line-height: 20px;
      min-height: 40px;
      }}

.w-title-35-c{
   font-size:22px;
   text-align: center;
   font-weight: 600;
   color: #ffffff;
   padding-bottom: 10px;
   line-height: 27px;
   padding-top:0px;
   margin-top:30px;
   line-height: 30px;
   }

@media only screen and (min-width: 768px)  {
.w-title-35-c{
   font-size:35px;
   text-align: center;
   font-weight: 600;
   color: #ffffff;
   line-height: 45px;
   margin-top:20px;
   }}

/* 導入事例タイトル */

.w-title-23 a{
font-size: 20px;
    color: #bfd72f;
    font-weight: 600;
    line-height: 30px;
    margin: 20px 40px 20px 0px;
    text-align: center;
}

.w-title-23 a:hover{
    color: #fffff;
}

@media only screen and (min-width: 768px)  {
.w-title-23 a{
    font-size: 23px;
    color: #bfd72f;
    font-weight: 600;
    line-height: 35px;
    margin: 0 20px 20px 20px;
    text-align: center;
    }  

.w-title-23 a:hover{
    color: #ffffff;
}}

/*導入事例テキスト */
.case-text{
   color:#ffffff;
   }

/*XIQタイトル */
#xiq img{
      width: 100%;
      } 
      
/* お客様の声 */
.voice{
         font-size:18px;
         text-align:center;
         font-weight:700;
         line-height:27px;
         }
         
.mark{ color:#dddbdb;
       font-size: 35px;
       }
.mark-2{ color:#dddbdb;
       font-size: 35px;
       margin:-10px;
       vertical-align: middle;
       }

@media only screen and (min-width: 768px)  {
.voice{
         font-size:30px;
         text-align:center;
         font-weight:700;
         line-height:40px;
         }

.mark{ color:#dddbdb;
       font-size: 50px;
       }
.mark-2{ color:#dddbdb;
       font-size: 50px;
       margin:-20px;
       vertical-align: middle;
       }}

/* XIQタイトル */

.b-title-28{
   font-size:22px;
   text-align: left;
   font-weight: 600;
   color: #595757;
   padding-bottom: 10px;
   line-height: 27px;
   padding-top:0px;
   margin-top:10px;
   }

@media only screen and (min-width: 768px)  {
.b-title-28{
   font-size:28px;
   text-align: left;
   font-weight: 600;
   color: #595757;
   line-height: 40px;
   margin-top:20px;
   }}
   
/*li 白色 */
#switch ul li{
         color: #ffffff;
         }            
/*左寄せ黒字タイトル */
.l-b-title{
   font-size:18px;
   text-align: left;
   font-weight: 600;
   color: #595757;
   line-height: 25px;
   }
   
/* 左寄せ白字タイトル */
.l-w-title{
   font-size:20px;
   text-align: left;
   font-weight: 600;
   color: #ffffff;
   margin:0px;
   }

@media only screen and (min-width: 768px)  {
.l-w-title{
   font-size:25px;
   text-align: left;
   font-weight: 600;
   color: #ffffff;
   line-height: 27px;
   }
   /*左寄せ黒字タイトル */
.l-b-title{
   font-size:20px;
   text-align: left;
   font-weight: 600;
   color: #595757;
   line-height: 30px;
   }
   }

/* グレーバック */
.gray-bg-2{
         width:100%;
         height:auto;
         overflow: hidden;
         background-color:#F5F5F5;
         padding:60px 0px;
}

@media only screen and (min-width: 768px) {
.gray-bg-2{
         width:100%;
         height:auto;
         overflow: hidden;
         background-color:#F5F5F5;
        }}

/*とにかくシンプル*/
.xiq-txt{
          padding:0 30px;
          font-weight:700;
          }

/*カタログダウンロード(青→緑）*/
.button {
  width: 220px;
  height:30px;
  margin:0 auto;
  padding: 20px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  border: 0;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  color: #ffffff;
  border-radius: 3px;
  background-color: #0F78B1;
  transition: background-color 0.5s;
}

@media only screen and (min-width: 768px) {
.button {
  width: 220px;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  border: 0;
  text-align: center;
  margin: 0 auto;  
  color: #ffffff;
  border-radius: 3px;
  background-color: #0F78B1;
  transition: background-color 0.5s;
}

.button:hover {
  background-color: #bfd72f;
}

.button a{
    color: #ffffff;
    text-decoration: none;
    }
    }
    
/* 関連情報 */

.merit-inbox-3 {
 padding: 0;
 height:auto;
 border:1px solid #ccc;
 margin:0 auto;
 margin-bottom: 20px;
 max-width: 470px;
 background-color: #ffffff;
}

@media only screen and (min-width: 480px)  {
.merit-inbox-3 {
 padding: 0;
 height:auto;
 background-color: #ffffff;
 margin-bottom: 40px;
}}

@media only screen and (min-width: 768px)  {
.merit-inbox-3 {
   padding: 0px;
   border: 1px solid #ccc;
   margin:0 10px 40px 10px;
   height: 370px;
   background-color: #ffffff;
  }
  
  .left-column3,
  .middle-column3,
  .right-column3 {
    display: table-cell;
    width: 250px;
    border-radius: 3px;
	}
	
.left-column3 img,
.middle-column3 img,
.right-column3 img {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    vertical-align: middle;
}}

/* 関連情報 */
.infotitle1 {
  height: auto;
  color: #4b4b4c;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  line-height: 25px!important;
  margin-top:0px;
  padding:0 10px;
}
.infotitle3 {
  height: auto;
  color: #4b4b4c;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  line-height: 23px!important;
  margin-top:0px;
  padding:0 10px;
}
.infotitle2 {
text-align: center;
    font-weight: bold;
    font-size: 23px;
    margin: 20px 10px 50px 10px;
    line-height: 33px;
    color: #595757;
    }

@media only screen and (min-width: 768px)  {
  .infotitle1 {
    height: 100px;
    margin: 11px;
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    padding: 0px;
    vertical-align: middle;
    line-height: 25px!important;
    }
  .infotitle2 {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin: 30px 20px 50px 20px;
    line-height: 40px;
    color: #595757;
    }
	
  .infotitle3 {
    height: 100px;
    margin:15px;
    margin-top:15px;
    text-align: center;
    font-size:18px;
    padding:0px;
    vertical-align: middle;
    line-height: 23px!important;
	}}

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

関連情報

-------------------------------- */
.column-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-right: 10px;
  margin-bottom: 40px;
  margin-left: 10px;
}
.column-2-img {
  width: 40%;
}
.column-2-img img {
  width: 100%;
}
.column-2-texts {
  box-sizing: border-box;
  padding-left: 10px;
  width: 100%;
}

@media screen and (max-width: 500px) {
  .column-2 {
    flex-direction: column;
  }
  .column-2--reserve {
    flex-direction: column-reverse;
  }
  .column-2-img {
    width: 100%;
  }
  .column-2-texts {
    width: 100%;
    padding:10px 0;
    margin:0 auto;
  }
}
.line{border:1px solid #ccc;padding:0px 10px; background-color: #ffffff; margin: 20px 0;}
.line-text{ padding:10px 20px 0 20px; text-align: left;}

.text-bold-c{
            font-weight: 600;
            text-align: center;
            font-size: 18px;
            line-height: 27px;
            }
            
.line .kanren{
          background-color: #8EC926;
          color: #ffffff;
          text-align: center;
          padding: 10px;
          width: 18%;
          font-size: 14px;
          font-weight: 600;
          border-radius:0 0 10px 0;
          margin-left: -10px;
          }
@media screen and (max-width: 607px) {
.line .kanren{
          background-color: #8EC926;
          color: #ffffff;
          text-align: center;
          padding: 10px;
          width: 30%;
          font-size: 14px;
          font-weight: 600;
          border-radius:0 0 10px 0;
          margin-left: -10px;
          }
          }
/*5カラム*/
*, *:before, *:after {
    box-sizing: border-box;
}

.col_5{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col_5 > *{
    width: calc( 20% - 20px );
    margin-right: 25px;
    margin-bottom: 25px;
}
.col_5 > *:nth-child(5n){
    margin-right: auto;
}
@media screen and (max-width: 960px) {
    .col_5 > *{
        width: calc( 25% - 9px );
        margin-right: 12px;
        margin-bottom: 12px;
    }
    .col_5 > *:nth-child(5n){
        margin-right: 12px;
    }
    .col_5 > *:nth-child(4n){
        margin-right: auto;
    }
}
@media screen and (max-width: 580px) {
    .col_5 > *{
        width: calc( 33.33333% - 8px ) ;
    }
    .col_5 > *:nth-child(5n){
        margin-right: 12px;
    }
    .col_5 > *:nth-child(4n){
        margin-right: 12px;
    }
    .col_5 > *:nth-child(3n){
        margin-right: auto;
    }
}

/* 4カラム */
*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
color: #FFF; /* 文字の色 */
text-align: center; /* 内容は中央配置 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
	border-right: 1px dotted #fff;
}
.col_4 > div:last-child{
      border-right:0px;
      }

@media screen and (max-width: 1090px) {
	.col_4 > div{
		width: 50%;
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 100%;
		border-right:0px;
	}
}
/* -------------------------------- 
305C ul
-------------------------------- */

.spec{
     color: #ffffff;
     line-height: 30px;
     padding: 20px 0 50px 0;
     font-size: 14px;
     text-align: left;
     }

.spec a{
     color: #ffffff;
     padding:10px 20px;
     line-height: 80px;
     background-color: #0F78B1;
     border-radius:3px;
     
} 

     
@media only screen and (min-width: 768px)  {
.spec{
     color: #ffffff;
     line-height: 30px;
     padding:20px;
     border-bottom: 0px dotted #ffffff;
     text-align: left;
     font-size: 16px;
     }
#line-up ul li{
     color: #ffffff;
     }
     
.spec a{
     min-width: 160px;
     font-weight: 600;
     color: #ffffff;
     padding:10px 20px;
     line-height: 80px;
     background-color: #0F78B1;
     border-radius:3px;
     transition: background-color 0.5s;
}

.spec a:hover{
       background-color: #bfd72f;
     }
     }
/* -------------------------------- 
410C ul
-------------------------------- */

.spec-b{
     color: #595757;
     line-height: 30px;
     }
.mgt30{
       margin-top: 30px;
       }
.mgb30{
       margin-bottom: 30px;
       }
    .cd-main-content ul li {
        font-size: 1.4rem;
        margin-left: 30px;
        line-height: 23px;
    }
    @media only screen and (min-width: 768px)  { 
    .cd-main-content ul li {
        font-size: 1.6rem;
        margin-left: 30px;
        line-height: 30px;
    }
    }
.line-text{
             font-weight: 600;
             border-top:2px solid #ccc;
             border-bottom: 2px solid #ccc;
             padding:10px;
             line-height: 27px;
             margin: 20px 0;
             font-size: 90%;
             }
@media only screen and (min-width: 768px)  {
.line-text{
             font-weight: 600;
             border-top:2px solid #ccc;
             border-bottom: 2px solid #ccc;
             padding:20px;
             line-height: 27px;
             margin: 20px 0;
             font-size: 110%;
             }
             }