@charset "utf-8";

/* technology 技術情報カバー写真 */
.kv-technology .kv_img {
	background-image: url(../images/technology_top_cover.webp);
	background-position: center center;
	background-size: cover;
}
/* technology01 特許出願・登録 カバー写真 */
.kv-technology .kv_img01 {
	background:  linear-gradient(to right, #0f3dd7 0%, #06cad1 100%);
}
/* technology02 観測業務 カバー写真 */
.kv-technology .kv_img02 {
	background-image: url(../images/technology02_top_cover.webp);
	background-position: center center;
	background-size: cover;
}
/* technology03 受託試験 カバー写真 */
.kv-technology .kv_img03 {
	background-image: url(../images/technology03_top_cover.webp);
	background-position: center center;
	background-size: cover;
}
/* technology04 研究協力 カバー写真 */
.kv-technology .kv_img04 {
	background-image: url(../images/technology04_top_cover.webp);
	background-position: center center;
	background-size: cover;
}

/* Products1~4 共通コンテンツ start*/
.services-index_inner h1{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 2.0rem;
}
.inner-01_pb{
	margin: 0 auto 16.0rem;
}
.inner-01_pb_2{
	margin: 0 auto 6.0rem;
}
.inner-01_pb_3 {
    margin: 0 auto 0;
	padding-top: 10rem;
}
.factory_sec2 .inner-01_pb{
    max-width: 1200px;
}
/* .factory_sec2 .layout-02 {
    margin-bottom: 0;
} */
.jastify{
	justify-content: left;
}
.inner_mb{
	margin: 0 auto 0;
}
.layout-02_mt{
	margin-top: 4.0rem;
}
.title-number{
	text-align: center;
	border: 1px solid rgb(15, 58, 150);
	border-radius: 5px;
	padding: 0 1.0rem;
	margin-right: 8px;
}
.title_color{
	color: rgb(15, 58, 150);
}
.inner-01 .title-number{
	color: rgb(15, 58, 150);
}
.product_item{
	width: 100%;
	height: auto;
	margin-top: 0.6rem;
}
.product_item_inner{
	max-width: 1200px;
	margin: 0 auto;
}
.product_item_box{
	width: 100%;
	height: 600px;
	background-color: #EEF4F8;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.product_item_box_bg{
	width: 600px;
	margin: 0 auto;
	justify-content: center;
	padding: 1.2rem;
}
.product_item_box img{
	margin: 0 auto;
}
.text-01_padding{
	padding: 1.2rem;
}
.product_text{
	font-size: 2.0rem;
	color: #fff;
	padding: 0.6rem 1.4rem;
	background: linear-gradient(-225deg, #1885eb 0%, #8b78fc 56%, #ff6767 100%);
	border-radius: 5px;
}
.product_item_box_mb{
	margin-bottom: 10.0rem;
}
.product02_container{
	display: flex;
	width: 100%;
}
.product02_item{
	width: 50%;
	margin: 0 auto;
	justify-content: center;
	padding: 1.2rem;
}
.product02_item img{
	width: 100%;
}
.sec_pt{
	padding-top: 0;
}
.accordion_item {
    background: #fff;
}
/* Products01~04 共通 end*/

/* Technology01 start */
.title-04_mt{
	margin-top: 10.0rem;
}
.sec2_mb{
	margin-bottom: 10.0rem;
}
.fa_pl{
	padding-left: 5px;
}
.text-01_color span{
	color: #000;
}
.text-01_color span:hover{
	color: #64CCBF;
}
/* Technology01 end */

/* Technology02 start */
.factory_sec2 .layout02_mb{
	margin-bottom: 4rem;
}
.text-01 h5{
	padding-left: 10px;
}
.tec02_font h3,
.tec02_font h4,
.tec02_font h5,
h4.h_title_font{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	color: #222;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: 0.075em;
	font-feature-settings: "palt";
	text-align: justify;
}
h4.h_title_font{
	font-weight: bold;
}
.contact_btn{
	display: flex;
	width: 100%;
	justify-content: center;
}
.contact_btn a{
	margin: 0 auto;
	text-align: center;
	color: #000;
	border: 1px solid #000;
	padding: 1.0rem 2.6rem;
}
.contact_btn a:hover{
	color: #fff;
	background-color: #000;
}
.tech02_item{
	width: 100%;
	height: auto;
	margin-bottom: 3.0rem;
}
.tech02_item img{
	width: 100%;
}

/* Technology02 end */

/* Technology03 start*/
.katan_item_inner{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.katan_item_box{
	width: 48.999%;
	height: auto;
}
.katan_item_box img{
	width: 100%;
}
.inner_pt{
	padding-top: 10rem;
}
.text-01_pt{
	padding-top: 5rem;
}
.tech_item_inner{
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 8rem;
}
.tech_item_box{
	height: auto;
}
.tech_item_box img{
	width: 100%;
	margin: 3.0rem 0 4.0rem;
}
video {
	filter: drop-shadow(0px 0px rgba(0,0,0,0));
	outline: none;
	border: none;
}
.katan_item_box video{
	width: 100%;
}
.btn_item{
	display: flex;
	justify-content: center;
	height: auto;
	padding: 5rem 0;
}
.btn_item_box{
	cursor: pointer;
	padding: 2rem 6rem;
	color: #fff;
	background: #000;
	border: 2px solid #000;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
}
.btn_item_box:hover{
	color: #000;
	background: #fff;
}
#facilities{/* 設備一覧 */
	display:block;
	justify-content: center;
	max-width: 700px;
	margin: 0 auto;
}
.facilities_item{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}
.facilities_item_inner{
	display: flex;
	height: auto;
}
.facilities_item_box{
	display: block;
	width: 100%;
	height: auto;
}
.facilities_item_box h4{
	font-size: 1.4rem;
	padding: 2px;
	font-weight: bold;
	padding-bottom: 50px;
}
.facilities_item_box img{
	width: 100%;
}
.inner03{
	margin-bottom: 12rem;
}
.sec3set {
    padding-top: 0;
}
.text-01_pt{
	padding-top: 3.0rem;
}
.table_design08 {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	text-align: center;
}
.table_design08 th, .table_design08 td {
	border: 2px solid #d2e8f1;
	padding: 1em;
}
.table_design08 thead th {
	background-color: #4d9bc1;
	color: #fff;
	border: 2px solid #4d9bc1;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.table_design08 thead th:last-of-type {
	border-right: 2px solid #4d9bc1;
}
.table_design08 tbody th {
	color: #4d9bc1;
	font-weight: bold;
	text-align: left;
}
.td_left{
	text-align: left;
}

@media screen and (max-width: 787px) {
	.table_design08 {
	  text-align: left;
	}
	.table_design08 thead {
	  display:none;
	}
	.table_design08 th, .table_design08 td {
	  display: block;
	  border: 0;
	  border-bottom: 2px solid #e6f1f6;
	}
	.table_design08 tbody th{
	  background: #4d9bc1;
	  color:#fff;
	}
	.table_design08 td::before{
	  content: attr(data-label);
	  color: #4d9bc1;
	  font-weight: bold;
	  display: inline-block;
	  width: 20%;
	  min-width: 4em;
	}
}
.table_mb{
	margin-bottom: 16.0rem;
}
.company_anker {/* Fixed anker */
	top: 16rem;
	position: sticky;
}
.company_anker_title {
	padding-bottom: 1.6rem;
	margin-right: 10%;
	margin-bottom: 4.0rem;
	font-size: 21px;
	font-weight: bold;
	border-bottom: #E1EBF3 1px solid;
}
#sec1, #sec2, #sec3, #sec4, #sec5, #sec6 {
	padding-top: 160px;
	margin-top: -160px;
}
.company_anker ul {
	position: relative;
	padding-left: 1.6rem;
}
.company_anker ul::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: calc(100% - 1.95rem);
	background-color: #E1EBF3;
	content: "";
	margin: auto;
	bottom: 0;
}
.company_anker ul li {
	margin-bottom: 0.8rem;
}
.company_anker ul li a {
	position: relative;
	display: inline-block;
	padding-bottom: 0.4rem;
	position: relative;
	color: #333;
	font-size: 1.4rem;
	transition: 0.2s cubic-bezier(0.260, 0.005, 0.000, 1.035);
}
.company_anker ul li a.active::before {
	position: absolute;
	top: -0.4rem;
	bottom: 0;
	left: -1.6rem;
	margin: auto;
	width: 1px;
	height: 1.4rem;
	background-color: #0068CF;
	transition: 0.2s cubic-bezier(0.260, 0.005, 0.000, 1.035);
	content: "";
}
.company_anker ul li a:hover, .company_anker ul li a.active {
	color: #0068CF;
}
.company_anker ul li a::after {
	position: absolute;
	width: 0;
	right: 0;
	left: auto;
	bottom: 0;
	height: 1px;
	background-color: #0068CF;
	transition: 0.2s cubic-bezier(0.260, 0.005, 0.000, 1.035);
	content: "";
	z-index: 1;
}
.company_anker ul li a:hover::after, .company_anker ul li a.active::after {
	right: auto;
	left: 0;
	width: 100%;
}
/* Technology03 end*/

/* Technology04 start */
.technology04_inner{
	padding: 0;
	margin-bottom: 4rem;
}
.technology04_item {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.technology04_item:not(:last-child) {
	margin-bottom: 80px;
} 
.technology04_item:nth-child(even) {
	flex-direction: row-reverse;
}
.technology04_item img {
	display: block;
	width: 48%;
	height: auto;
}
.layout-02_margin{
	margin-bottom: 0;
}
.title_mt{
	padding-top: 6rem;
}
h4.h_title-01_ja {
    margin-bottom: 0;
}
h4.h_title-01_ja span{
    font-size: 1.8rem;
	padding-left: 0.5rem;
	letter-spacing: normal;
}
.item_width{
	width: 100%;
}
.technology04_wrap{
	width: 100%;
}
.technology04_bg{
	width: 100%;
	height: auto;
	background-color: #F8F8FF;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.technology04_bg h3{
	font-size: 2.2rem;
	font-weight: bold;
	padding: 1.0rem;
}

.technology04_bg .text_item{
	font-size: 1.8rem;
	padding: 1.0rem;
}
.technology04_bg span{
	color: #0068CF;
}
.technology04_bg .eng{
	font-family: serif;
	text-align: left;
}

/* Technology04 end */

/* Technology レスポンシブ start */
@media screen and (max-width:530px) {

	.services-index_inner h1{
		font-size: 1.6rem;
	}

	/* Technology02 start */
	.product_item_box_bg{
		width: 100%;
	}
	.product_item_box img{
		width: 100%;
	}
	/* Technology02 end */

	/* Technology03 start */
	#facilities{
		display: block;
	}
	.facilities_item{
		width: 100%;
		margin: 0 auto;
	}
	.facilities_item:nth-child(1){
		padding-bottom: 5px;
	}
	.facilities_item:last-child{
		padding-left: 5px;
		padding-top: 0px;
	}
	.facilities_item_inner{
		display: block;
	}
	.facilities_item_box{
		width: 100%;
	}
	.td_fz{
		font-size: 1.4rem;
	}
	.th_fz{
		font-size: 1.4rem;
	}
	.katan_item_inner{
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.katan_item_box{
		width: 100%;
	}
	.contents_left {
		width: 100%;
	}
	.text_pt{
		padding: 0 3.0rem;
	}
	.inner_pt{
		margin-top: 6.0rem;
	}
	.tech_item_inner {
		margin-bottom: 10.0rem;
	}
	/* Technology03 end */

	/* Technology04 start */
	.factory_sec2 .inner-01 {
        margin-bottom: 0;
    }
	.accordion_title {
		font-size: 1.6rem;
	}
	.technology04_item {
		display: block;
	}
	.technology04_item img {
		width: 100%;
		padding-bottom: 2rem;
	}
	.factory_sec2 .layout-02:nth-child(2) {
        flex-flow: column;
    }
	.technology04_bg .eng{
		text-align: left;
		font-size: 1.6rem;
		padding: 1.0rem 0;
	}
	/* Technology04 end */
}

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

	/* Technology03 start */
	.facilities_item img {
		width: 100%;
	}
	/* Technology03 end */
}

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

	/* Technology03 start */
	.tech_item_box{
		padding: 0 3.0rem;
	}
	/* Technology03 end */
}

/* Technology レスポンシブ end */