section {
  font-size: 10px; }
  section .responsive-row {
    display: flex; }
  section.banner {
    margin-top: 105px;
    background-image: linear-gradient(to bottom, #FDE3AA, #FFF); }
    section.banner .container {
      padding: 3.2em 0; }
      section.banner .container ul {
        display: flex; }
        section.banner .container ul li {
          flex: 1; }
          section.banner .container ul li a.banner-link {
            cursor: pointer;
            font-size: 1.8em;
            font-weight: 500;
            border: 1px solid #E95504;
            color: #2F2F2F;
            border-radius: 10px;
            background-image: linear-gradient(to top, #FDE3AA, #FFF);
            height: 60px;
            display: flex;
            align-items: center;
            padding: 0 10px;
            justify-content: center;
            text-align: center;
            margin: 0.5rem; }
            section.banner .container ul li a.banner-link:hover {
				color: #fac631 !important;
              text-decoration: none; }

section.banner .container ul li a.banner-link.active {
				color: #fac631 !important;
              text-decoration: none; }

      section.banner .container .header {
        font-size: 7em;
        text-align: center;
        font-weight: 700; }

section.banner .container .headermin {
        font-size: 4em;
	margin: 0px;
	padding: 0px;
        text-align: center;
        font-weight: 700; }

.banner .description {
    font-size: 1.9em;
    text-align: center; }

section.banner .container .header br{
        display: none; }

  section.measure .container .subject {
    font-size: 3.5em;
    display: flex;
    font-weight: 700;
    justify-content: center; }
    section.measure .container .subject span {
      color: #E95504; }
  section.measure .container .description {
    font-size: 2.2em;
    text-align: center; }
  section.measure .container .image {
    position: relative;
    background: no-repeat center/cover url(../images/measuring-s/oscillo.png?r=20210323);
    padding-top: 34.66%;
    margin: 1rem 0 10% 0; }
    section.measure .container .image .mark {
      position: absolute;
      background: no-repeat center/contain url(../images/measuring-s/mark.png);
      width: 20%;
      padding-top: 20%;
      bottom: -15%;
      left: 40%; }
  section.repair-service .container > .subject {
    font-size: 3.5em;
    text-align: center;
    font-weight: 700; }
  section.repair-service .container > .content {
    border: 1px solid #E95504;
    border-radius: 10px;
    margin: 10em 0 10em 0; }
    section.repair-service .container > .content .header {
      display: flex;
      margin: -6em 8em 0 8em;
      background-color: #FFF; }
      section.repair-service .container > .content .header .list-card {
        flex: 1;
        border: 1px solid #E95504;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2.6em;
        text-align: center;
        font-weight: 700;
        color: #E95504; }
      section.repair-service .container > .content .header .list-plus {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 4.0em;
        font-weight: 700;
        margin: 0.5em;
        color: #E95504; }
    section.repair-service .container > .content .list {
      display: flex; }
      section.repair-service .container > .content .list > .list-card {
        flex: 1;
        padding: 10px;
        margin: 50px;
        background-color: #F7F7F7;
        border: 1px solid #DCC2A2; }
        section.repair-service .container > .content .list > .list-card > .subject {
          font-size: 2.6em;
          text-align: center;
          font-weight: 500; }
        section.repair-service .container > .content .list > .list-card > .content {
          font-size: 18px; }
    section.repair-service .container > .content .description {
      font-size: 2.5em;
      font-weight: 500;
      text-align: center; }
    section.repair-service .container > .content .triangle {
      height: 70px;
      background: no-repeat center/contain url(../images/measuring-s/triangle.png); }
    section.repair-service .container > .content .customer-benefits {
      width: 80%;
      height: 132px;
      background: no-repeat center/contain url(../images/measuring-s/customer-benefits.png);
      margin: 0 auto -65px auto; }
  section.calibration, section.bpo, section.kles, section.calibration-center {
    margin: 3.5em 0; }
    section.calibration .header, section.bpo .header, section.kles .header, section.calibration-center .header {
      display: flex;
      align-items: center; }
      section.calibration .header .mark, section.bpo .header .mark, section.kles .header .mark, section.calibration-center .header .mark {
        width: 6.6em;
        height: 6.6em;
        background: no-repeat center/contain url(../images/measuring-s/mark.png);
        transform: rotateZ(10deg); }
      section.calibration .header .title, section.bpo .header .title, section.kles .header .title, section.calibration-center .header .title {
        font-size: 2.6em;
        font-weight: 700;
        color: #E95504;
        margin-left: 1rem; }
    section.calibration .subject, section.bpo .subject, section.kles .subject, section.calibration-center .subject {
      margin: 1rem 0 1.5em 0px;
      border-top: 1px solid;
      border-left: 13px solid;
      border-color: #5797DC;
      padding: 10px 0 0 10px;
      font-size: 3.3em;
      font-weight: 700; }
  section.calibration {
    background-color: #F7F7F7;
    padding: 35px 0; }
    section.calibration .content .small-subject {
      font-size: 2.8em;
      font-weight: 500; }
    section.calibration .content .list-text {
      font-size: 18px; }
    section.calibration .content .images {
      display: flex; }
      section.calibration .content .images .image {
        flex: 1;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        padding-top: 15%; }
  section.bpo .container .content {
    display: flex; }
    section.bpo .container .content .manage-bpo {
      flex: 2;
      padding-right: 3.5em;
      border-right: 1px solid #606061; }
      section.bpo .container .content .manage-bpo .small-subject {
        font-size: 2.8em;
        font-weight: 500; }
      section.bpo .container .content .manage-bpo .list-text {
        font-size: 18px; }
      section.bpo .container .content .manage-bpo .image {
        background: no-repeat url(../images/measuring-s/jcss.png);
        margin-top: -100px !important;
        background-position: right center;
        background-size: contain;
        width: 50%;
        padding-top: 20%;
        float: right; }
    section.bpo .container .content .graph-bpo {
      margin: 0 3.5em;
      flex: 1;
      background: no-repeat center/contain url(../images/measuring-s/graph-bpo.png); }
  section.kles {
    background-color: #F7F7F7;
    padding: 3.5em 0; }
    section.kles .container .content {
      display: flex; }
      section.kles .container .content .mark {
        width: 177px;
        background: no-repeat center/contain url(../images/measuring-s/kles-01.png); }
      section.kles .container .content .description {
        position: relative;
        flex: 1; }
        section.kles .container .content .description .small-subject {
          font-size: 2.8em;
          font-weight: 500;
          display: flex;
          align-items: flex-end;
          text-align: center; }
          section.kles .container .content .description .small-subject span {
            font-size: 0.8em; }
        section.kles .container .content .description .list-text {
          font-size: 18px; }
        section.kles .container .content .description .image {
          position: absolute;
          width: 50%;
          padding-top: 10%;
          right: 0;
          top: 45%;
          right: 0;
          background: no-repeat center/contain url(../images/measuring-s/kles-02.png); }
  section.calibration-center .container .text {
    font-size: 18px;
    font-weight: 500; }


  section.calibration-center .container .text.small {
    font-size:140% !important;
    font-weight: 300; }

  section.calibration-center .container .content {
    background: no-repeat top/contain url(../images/measuring-s/map2026.png?r=20260126);
	  width: 100%;
	  height: 650px;
	  margin-top: 5%;
    }

section.calibration-center .container .content .description {
		 float: right;
width: 52%;}
      section.calibration-center .container .content .description .text-container {
		  margin-top: 10%;
        border-left: 6px solid #606061;
        padding-left: 1rem; }
        section.calibration-center .container .content .description .text-container .small-subject {
          font-size: 1.6em;
          font-weight: 500; }
        section.calibration-center .container .content .description .text-container .list-text {
          font-size: 1.5em; }
        section.calibration-center .container .content .description .text-container .list-small {
          font-size: 1.3em; }

  section.question {
    padding: 50px 0; }
    section.question .container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      section.question .container .description {
        font-size: 16px; }
      section.question .container .image {
        width: 100px;
        height: 100px;
        background: no-repeat center/contain url(../images/email.svg); }
  
#mainarea ul{
	margin: 0px;
	padding: 0px;
	list-style: disc;
	font-size: 100%;
}

#mainarea ul li{
	margin-bottom: 1%;
}

.articlehead p{
	font-size: 250% !important;
	font-weight: 500 !important;
}


.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
	color:  #222;
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 100%; /* 線の長さ */
}
.catch:before {
  margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
  margin-left: 1em; /* 文字の左隣 */
}

.catch h3{
 width: 900px !important;
	text-align: center;
}

.catch h3.entry{
 width: 1200px !important;
}

.forms p{
	color: #222;
}

.forms a{
	padding: 30px;
	font-size: 160%;
	font-weight: 500;
	width: 90% !important;
	display: block;
	margin: auto;
}

.forms a:hover{
	text-decoration: none;
}


.forms a.entry{
	color: #b40613 !important;
	border: 1px solid #b40613;
	border-right: 2px solid #b40613;
	border-bottom: 2px solid #b40613;
}

.forms a.entry:hover{
	color: #fff!important;
	background-color: #b40613;
	border: 2px solid #740009;
	border-right: 1px solid #740009;
	border-bottom: 1px solid #740009;
	animation: fadeIn 0.5s ease;
}

.forms a.inquiry{
	color: #222 !important;
	border: 1px solid #222;
	border-right: 2px solid #222;
	border-bottom: 2px solid #222;
}

.forms a.inquiry:hover{
	color: #fff!important;
	background-color: #222;
	border: 2px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	animation: fadeIn 0.5s ease;
}

.catch h4{
	font-size: 120%;
	width: 140%;
}


.forms p br{
		display: none;
}

.forms .info{
		margin-bottom: 5px;
	}

.flow .subject{
	border-bottom: 10px solid #999;
	font-size: 3em;
	font-weight: 500;
	text-align: center;
}

.flow .content .text strong{
	font-size: 2.5em;
	font-weight: 500;
	
}

.flow .content .text p{
	font-size: 1.7em;
	min-height: 60px;
	border-bottom: 1px dashed #666;
}

.flow .row .col-12 p{
	font-size: 1.8em;
	font-weight: 400;
}

.flow .row .borderb{
	border-bottom: 1px dashed #666;
}


.minititle span{
	color:#222;
	font-size: 60%;
	font-weight: 300;
}

.subtitle{
	font-size: 2em;
}


.detaildata .data-box{
	width: 100%;
	margin: auto;
}

.detaildata .data-box details{
	border: 1px solid #999;
	padding: 20px;
	color: #222;
	margin-bottom: 20px;
	
}
.detaildata .data-box details summary{
font-size: 130%;
	background-image: url(../images/education/plus.jpg);
background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	color: #5797DC;
	font-weight: 500;
}

.detaildata .data-box details[open] summary{
	background-image: url(../images/education/negative.jpg);
}

.detaildata .data-box details summary span{
color: #666;
}

.detaildata .data-box details summary{
display: block !important;
}

.detaildata .data-box details summary::-webkit-details-marker {
display: none !important;
}

.detaildata .data-box  details[open] .details-content{
animation: fadeIn 0.5s ease;
padding:10px 0px 0px !important;
margin: 20px 0px 0px !important;
font-size: 100%;
	border-top: 1px solid #222;
}


.range .details-content table{
	width: 100%;
	border-top: 2px solid #aaa !important;
	border-bottom: 1px solid #aaa !important;
}

.range .details-content table th ,.range .details-content table td{
	padding: 1% 3%;
	font-size: 95%;
}

.range .details-content table thead th{
	background-color: #eee;
}
.range .details-content table tbody th{
	font-weight: 300;
	color: #fff;
	background-color: #5797DC;
}

.range .details-content table tbody td{
	border-bttom: 1px solid #aaa !important;
	vertical-align: middle !important;
	line-height: 1.6;
}

.range .details-content table tbody .border-right{
	border-right: 2px solid #aaa !important;
}

.range .details-content table tbody .gmaount td{
	background-color: #ecf4f0;
}

.norm .h4{
	background-color: #efbf36 !important;
}

.norm .details-content table{
	width: 100%;
	border-top: 2px solid #aaa !important;
	border-bottom: 1px solid #aaa !important;
}

.norm .details-content table th ,.norm .details-content table td{
	padding: 1% 1%;
	border-right: 2px solid #aaa !important;
	font-size: 95%;
}

.norm .details-content table thead th{
	background-color: #efbf36;
}

.norm .details-content table tbody td{
	border-bttom: 1px solid #aaa !important;
	vertical-align: middle !important;
	line-height: 1.6;
}

.norm .details-content table tbody .ymaount td{
	background-color: #fef5e0;
}

.norm .details-content table ul{
	margin: 0px;
	padding: 0px;
}

.norm .details-content table .p-0 ul li{
	padding: 2px 10px !important;
	border-bottom: 1px dashed #aaa;
}

.norm .details-content table ul li.btm{
	border-bottom: 0px dashed #aaa;
}

.norm .details-content table .tend{
	border-right: 0px !important;
}

.norm .point3{
	border-top: 30px solid #f7deab;
}

.norm .point3 .col-lg-4 div.inbox{
	background-color: #fff;
	border: 1px solid #a92229;
	border-radius: 20px;
	padding: 10px;
	text-align: center;
	height: 170px;
}

.norm .point3 .col-lg-4 div.inbox strong{
	font-size: 160%;
	color: #a92229;
	line-height: 1.4 !important;
}

.norm .barea{
	border: 1px solid #aaa;
	border-radius: 20px;
	padding: 10px 20px;
}

.norm .barea p{
	line-height: 1.7;
}

.norm p strong{
	font-weight: 500;
}

.inkles-data{
			background-image: url("/images/measuring-s/kles-02.png");
			background-position: bottom right;
			background-repeat: no-repeat;
			background-size: 40%;
		}
				@media only screen and (min-width: 1000px) {
					.bpo-data{
						border-right: 1px solid #ccc;
					}
					.bpo-data .bpo-mark img{
						margin-top: 100px;
					}
					.inkles-data .h4 br{
				display: none !important;
			}
					
					.bpo-data p a{
						text-align: right;
						width: 310px;
						color: #000;
						display: block;
						background-color: #ffcb01;
						border: 1px solid #FFB600;
					}
					
				}
				@media only screen and (max-width: 999px) {
					.bpo-data{
						border-bottom: 1px solid #ccc;
						margin-bottom: 30px;
						padding-bottom: 30px;
					}
					
					.bpo-img img{
						width: 350px;
						margin: auto;
					}
					
					.inkles-mark{
				text-align: center;
			}
			
			.inkles-mark img{
				width: 50%;
				margin: auto;
				margin-bottom: 30px;
			}
			
					
					
			.inkles-data{
			background-image: url("/images/measuring-s/kles-02.png");
			background-position:center bottom;
			background-repeat: no-repeat;
			background-size: 90%;
				padding-bottom: 100px;
		}
					
					.container .row div P{
						font-size: 90% !important;
					}
					
					
					.bpo-data p a{
						text-align: center;
						width: 100%;
						color: #000;
						display: block;
						background-color: #ffcb01;
						border: 1px solid #FFB600;
						margin: 10px 0px !important;
					}
					
				}

@media only screen and (max-width: 992px) {
	  
	  #mainarea h3.minititle{
		  font-size: 120% !important;
	  }
    section {
      font-size: 7px; } }
  @media only screen and (max-width: 1140px) {
    section {
      font-size: 6px; }
	  
	  section.banner {
    margin-top: 65px; }
	  
	   section.banner .header{
		   font-size: 36px !important;
	  }
	  
	  section.banner .container .header br{
        display:block; }
	  
	  section.banner .container ul {
        display: block;
		  padding: 0px;
		  margin: 0px;
		  height: 160px !important;
	  }
        section.banner .container ul li {
	  width: 33.3333333% !important; float: left;}
         
	  section.banner .container ul li a.banner-link {
            padding: 0 5px !important;
 }
	  
      section .responsive-row {
        flex-direction: column; }
      section.repair-service .container > .content {
        margin: 25em 0 10em 0; }
        section.repair-service .container > .content .header {
          flex-direction: column;
          margin: -20em 8em 0 8em; 
	  }
	  
	  section.measure .container .subject {
    font-size: 2.2em;
		  margin-bottom: 5px;
    }
	  
          section.repair-service .container > .content .header .list-plus {
            margin: 0; }
        section.repair-service .container > .content .list {
          flex-direction: column; }
	  
	  section.repair-service .container > .content .list > .list-card {
        flex: 1;
        padding: 10px;
        margin: 20px 50px 0px;
        background-color: #F7F7F7;
        border: 1px solid #DCC2A2; }
	  
	  section.repair-service .container > .content .description {
        margin: 30px !important; }
	  
	   section.repair-service .container > .content .list > .list-card .content {
        font-size: 2em !important;}
	  
	  
	  .content .images{
		  margin: 20px 0px 0px;
		  width: 100% !important;
		  text-align: center;
	  }
	  
	  .content .images .image{
		  margin: 0px 0px 20px;
		  width: 100% !important;
		   text-align: center;
	  }
	  
	   section.repair-service .container > .content .customer-benefits {
      width: 80%;
      height: 202px;
      background: no-repeat center/contain url(../images/measuring-s/customer-benefits-sp.png);
      margin: 0 auto -85px auto; }
	  
	  section.bpo .container .content .manage-bpo .image {
        background: no-repeat url(../images/measuring-s/jcss.png);
        margin: 20px;
		  margin-top: 40px !important;
		  position: static !important;
        background-position: center;
        background-size: contain;
        width: 100% !important;
        padding-top: 100px !important;
		  height: 130px !important;
        float:none; }
	  
	  
	  .content .list-text{
		  font-size: 220% !important;
		  margin-top: 5px !important;
	  }
	  
	  .content .list-text a.text-right{
		  text-align: center !important;
	  }
	  
      section.calibration .content .images .image {
        padding-top: 30%; }
      section.bpo .container .content .manage-bpo {
        border: unset; }
      section.bpo .container .content .graph-bpo {
        padding-top: 60%; }
      section.kles .container .content .mark {
        padding-top: 60%;
        margin: 0 auto; }
      section.kles .container .content .description .small-subject {
        flex-direction: column;
        justify-content: center;
        align-items: center;
	  font-size: 400% !important;
	  }
	  
      section.kles .container .content .description .list-text {
        font-size: 18px; 
	  margin: 5px 30px;}
	  
      section.kles .container .content .description .image {
        width: 100%;
        position: unset;
		  margin-top: 20px;
        padding-top: 20%; }
	  
	  
	  section.calibration-center{
        height: 770px;}
	  
      section.calibration-center .container .content {
        margin-bottom: 50em; }
	  
	  .calibration-center .text{
		  font-size:  230% !important;
	  }
	  
	  section.calibration-center .container .content {
    background-image: none !important;
    padding-top: 0% !important;
    position:relative; }
	  
section.calibration-center .container .content .description {
		 float: none;
width: 100%;}
	  
        section.calibration-center .container .content .description {
          top: 3em;
          right: 0; }
          section.calibration-center .container .content .description .small-subject {
            font-size: 16px; }
          section.calibration-center .container .content .description .list-text {
            font-size: 14px; }
          section.calibration-center .container .content .description .list-small {
            font-size: 14px; } 

	  #mainarea h3.minititle{
		  font-size: 120% !important;
	  }
	  
	  #mainarea ul{
	margin: 0px;
	padding: 0px;
	list-style: disc;
	font-size: 90%;
}
	  
	  .forms a{
	padding: 20px;
	font-size: 140%;
	width: 300px;
}
	  
	  .articlehead p{
	font-size: 180% !important;
	font-weight: 500 !important;
}

.catch h3{
	font-size: 100%;
 width: 95%;
}

.catch h3.entry{
 width: 100% !important;
}
	  
	  .flow .content .text p{
	font-size: 2em;
}
	  
	  .subtitle{
	font-size: 1.1em;
}
	  
	  .flow .row .col-lg-4 p{
	font-size: 3em;
}
	  
	   .flow .row .col-lg-6 p{
	font-size: 2em;
}
	  
	  h5.text-center{
		  font-size:140% !important;
	  }
	  
	  .details-content .h4{
		  font-size:110% !important;
	  }
	  
	  .details-content .h5{
		  font-size:100% !important;
	  }
	  
	   .details-content p{
		  font-size:80% !important;
	  }
	  
	  .detaildata .data-box{
	width: 90%;
	margin: auto;
}
	  
	  .details-content table th , .details-content table td{
	font-size: 80% !important;
		  padding: 1% 1%;
}
	  
	  .range .details-content table tbody td{
	width: 45% !important;
}
	  
	  .norm .details-content table{
	width: 230%;
}
	  
	    .norm .details-content .bigtable {
	overflow: auto;
			width: 100%;
}
	  
	  
.data-box .pickupi img{
	width: 70%;
	margin: auto;
}
	  
	  .data-box p.small{
	font-size: 60% !important;
}
	   .norm .point3 .col-lg-4 div.inbox  {
	margin-bottom: 5%;
		   height: 70px;
		   font-size:90% !important;
}
	   .norm .point3 .col-lg-4 div.inbox strong {
	font-size:120% !important;
}
	  
	  .norm .point3 .col-lg-4 div.inbox strong br{
	display: none;
}
	  .norm .point3 .col-lg-4 div.inbox.py-5{
	padding: 3% 0px 0px !important;
}
	  
	  
}