@charset "UTF-8";

/*========= レイアウトのためのCSS ===============*/
body {
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;
}

h2{
    text-align: center;
    margin: 30px 0 20 0;
    font-size:1rem;
}

h3{
    text-align: left;
    margin: 10px 0;
    font-size:1rem;
}

/*工事別測定機器タイトル*/
.cata-title{
	position: relative;
	padding: 0.75em 1.5em;
	background: linear-gradient(to top, rgba(30,131,166,1.00), #3770B3);
	color: #fff;
	margin: 1em 0 0.5em 0;
	letter-spacing:0.2em;
}

/*各種計器タイトル*/
.cata-title-2{
	position: relative;
	padding: 0.75em 1.5em;
	background: linear-gradient(to top, rgba(56,125,148,1.00), #193453);
	color: #fff;
	margin: 1em 0 0.5em 0;
	letter-spacing:0.2em;
}

.cata-wrap{
	width:auto;
	max-width:900px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: row;            /*横並び・左から右（デフォルト）*/
	flex-wrap: wrap;         /*折り返し有り・複数行*/
	flex-flow: row no-wrap; /*flex-direction + flex-wrapの記述が可能*/
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
	align-items: center;     /*中央揃え*/
	align-items: stretch;    /*全ての要素の高さを揃える*/
 	align-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/

}

.cata-element {
	width:49%;
	/*text-align: center;
	border: 1px solid #ccc;*/
	margin: 0px;
   /*  background-color: #eee;     背景色指定 */
    /* padding:  5px;             余白指定 */
}



/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 85%;
    max-width: 900px;
    margin:0 auto;
}

.accordion-area li{
    margin: 3px 0;
	padding:0 0;
	background-color:#fff;
}

.accordion-area li:hover{
 background-color:#eee;
	  letter-spacing: 0.05em; /* 字間の設定 */
 
}
.accordion-area li:active{background-color:#eee;}

.accordion-area section {
	border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.accordion-title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

/*アイコン×*/
.accordion-title::before,
.accordion-title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.accordion-title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
}
.accordion-title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);
}
/*　closeというクラスがついたら形状変化　*/
.accordion-title.close::before{
	transform: rotate(45deg);
}

.accordion-title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-box {
    display: none;/*はじめは非表示*/
    /*background: #f3f3f3;*/
	margin:0 3% 3% 3%;
    padding: 3%;
	background-color:#D9E4E4;
	border-top: solid 2px #010536;
}
/*アコーディオンで現れるエリアのテキスト*/
.accordion-box.text {
	font-size:0.9em;
	line-height: 1.2em;
	borderbottom: solid 1px #959595;
}
.accordion-box ul li{
	list-style: none;
	text-decoration: none; 
	line-height: 1.2em;
	padding: 0.5em
}

.accordion-box ul li a{
  color: #000;
  text-decoration: none;
}
.accordion-box ul li :hover{
	letter-spacing: 0.05em; /* 字間の設定 */
 }





/* スマートフォン */
@media screen and (max-width: 767px) {
	

.cata-element {
	width:100%;
	/*text-align: center;
	border: 1px solid #ccc;*/
	margin: 5px;
    /* background-color: #eee;     背景色指定 */
    /*padding:  10px;              余白指定 */
}
	
}