@charset "utf-8";

/* mainvisual
-------------------------------------------------- */
.mainvisual .elem-wrap {
	background: #ededed;
}
.mainvisual .mv-ttl	{
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2;
}
.mainvisual .mv-ttl span {
	display: block;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
}
.mainvisual .mv-sub-ttl {
	margin-top: 5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}
.mainvisual .mv-copy {
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.8;
}
.mainvisual .date {
	margin-top: 25px;
	font-size: 14px;
	line-height: 1;
}

@media (min-width: 768px) {
	.mainvisual .inner {
		display: flex;
		-ms-flex-wrap: wrap;flex-wrap: wrap;
		flex-direction: row-reverse;
		max-width: 1300px;
		margin: 0 auto;
	}
	.mainvisual .elem-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 47%;
		padding: 3.5%;
	}
	.mainvisual .mv-photo {
		width: 53%;
		min-height: 370px;
	}
	.support20 .mainvisual .mv-photo {
		background: url(../img/structure/support20/mv-photo.jpg) no-repeat center center;
		background-size: cover;
	}
	.support20 .mainvisual .mv-photo img {
		display: none;
	}
	.mri .mainvisual .mv-photo {
		background: url(../structure/mri/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.mri .mainvisual .mv-photo img {
		display: none;
	}	
	.fpd .mainvisual .mv-photo {
		background: url(../structure/fpd/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.fpd .mainvisual .mv-photo img {
		display: none;
	}	
	.lprinter .mainvisual .mv-photo {
		background: url(../structure/lprinter/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.lprinter .mainvisual .mv-photo img {
		display: none;
	}	
	.semicon .mainvisual .mv-photo {
		background: url(../structure/semicon/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.semicon .mainvisual .mv-photo img {
		display: none;
	}		
	.mcamera .mainvisual .mv-photo {
		background: url(../structure/mcamera/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.mcamera .mainvisual .mv-photo img {
		display: none;
	}		
	.ncamera .mainvisual .mv-photo {
		background: url(../structure/ncamera/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.ncamera .mainvisual .mv-photo img {
		display: none;
	}		
	.ir .mainvisual .mv-photo {
		background: url(../structure/ir/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.ir .mainvisual .mv-photo img {
		display: none;
	}		
	.cprinter .mainvisual .mv-photo {
		background: url(../structure/cprinter/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.cprinter .mainvisual .mv-photo img {
		display: none;
	}	
	.ij .mainvisual .mv-photo {
		background: url(../structure/ij/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.ij .mainvisual .mv-photo img {
		display: none;
	}		
	.rdisplay .mainvisual .mv-photo {
		background: url(../structure/rdisplay/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.rdisplay .mainvisual .mv-photo img {
		display: none;
	}			
	.ct .mainvisual .mv-photo {
		background: url(../structure/ct/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.ct .mainvisual .mv-photo img {
		display: none;
	}	
	
	
	.oct .mainvisual .mv-photo {
		background: url(../structure/oct/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.oct .mainvisual .mv-photo img {
		display: none;
	}	
		
	.mp-camera .mainvisual .mv-photo {
		background: url(../structure/mp-camera/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.mp-camera .mainvisual .mv-photo img {
		display: none;
	}	
		
	.us .mainvisual .mv-photo {
		background: url(../structure/us/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.us .mainvisual .mv-photo img {
		display: none;
	}

        .die .mainvisual .mv-photo {
		background: url(../structure/diebonder/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.die .mainvisual .mv-photo img {
		display: none;
	}

	
	.projector .mainvisual .mv-photo {
		background: url(../structure/projector/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.projector .mainvisual .mv-photo img {
		display: none;
	}		
	.dslr .mainvisual .mv-photo {
		background: url(../structure/dslr/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.dslr .mainvisual .mv-photo img {
		display: none;
	}			
	.laser-printer .mainvisual .mv-photo {
		background: url(../structure/laser-printer/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.laser-printer .mainvisual .mv-photo img {
		display: none;
	}		
    .iclenses .mainvisual .mv-photo {
		background: url(../structure/iclenses/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.iclenses .mainvisual .mv-photo img {
		display: none;
	}	
    .cinema-camera .mainvisual .mv-photo {
		background: url(../structure/cinema-camera/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.cinema-camera .mainvisual .mv-photo img {
		display: none;
	}		
	
    .bclenses .mainvisual .mv-photo {
		background: url(../structure/bclenses/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.bclenses .mainvisual .mv-photo img {
		display: none;
	}	
	.csprinter .mainvisual .mv-photo {
		background: url(../structure/csprinter/img/kv.jpg) no-repeat center center;
		background-size: cover;
	}
	.csprinter .mainvisual .mv-photo img {
		display: none;
	}	
	.oled-display .mainvisual .mv-photo {
		background: url(../structure/oled-display/img/kv.jpg) no-repeat center center;
		background-size: contain;
	}
	.oled-display .mainvisual .mv-photo img {
		display: none;
	}	
	.frontier-web .mainvisual .mv-photo {
		background: url(/ja/technology/img/frontier-web/topkv-frontier.jpg) no-repeat center center;
		background-size: cover;
	}
	.frontier-web .mainvisual .mv-photo img {
		display: none;
	}			
	
	
	
}

@media (max-width: 767px) {
	.mainvisual .inner {
		display: flex;
		flex-direction: column-reverse;
	}
	.mainvisual .elem-wrap {
		padding: 4.6666vw;
		text-align: center;
	}
	.mainvisual .mv-ttl {
		font-size: 6.6666vw;
	}
	.mainvisual .mv-ttl span {
		font-size: 3.2vw;
	}
	.mainvisual .mv-sub-ttl {
		margin-top: 2.6666vw;
		font-size: 3.7333vw;
	}
	.mainvisual .mv-copy {
		margin-top: 2.6666vw;
		font-size: 3.2vw;
	}
	.mainvisual .date {
		margin-top: 5.3333vw;
		font-size: 3.2vw;
	}
}

/* sec-type01
-------------------------------------------------- */
.sec-type01:nth-of-type(n+2) {
	margin-top: 50px;
}
.sec-type01 .sec-ttl {
	width: 100%;
	padding: 15px 0;
	background: #cc0000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1;
}
.sec-type01 .inner {
	max-width: 1050px;
	margin: 0 auto;
	padding: 30px 25px 0;
}
.sec-type01 .sec-sub-ttl {
	padding-bottom: 5px;
	border-bottom: 2px solid #cc0000;
	font-size: 30px;
	font-weight: bold;
	color: #cc0000;
}

.sec-type01 .sec-sub-ttl2 {
	padding-bottom: 5px;
	
	font-size: 25px;
	font-weight: bold;
	color: #cc0000;
}

.sec-type01 .sec-sub-ttl1 {
	padding-bottom: 5px;
	
	font-size: 25px;
	font-weight: bold;
	color: #0D0116;
}



.sec-type01 .body-copy {
	font-size: 18px;
	line-height: 1.8;
	text-align: justify;
}
.sec-type01 .body-copy.hidden {
	display: none;
}
.sec-type01 .body-copy.ajust {
	margin-top: 30px;
}
.sec-type01 .photo {
	margin-top: 30px;
	text-align: center;
        width: 100%;
}

@media screen\0 {
	.sec-type01 .body-copy {
		text-align: left;
	}
}

@media (max-width: 767px) {
	.sec-type01:nth-of-type(n+2) {
		margin-top: 8vw;
	}
	.sec-type01 .sec-ttl {
		padding: 3.2vw;
		font-size: 6vw;
	}
	.sec-type01 .inner {
		padding: 5.3333vw 5.3333vw 0;
	}
	.sec-type01 .sec-sub-ttl {
		font-size: 4.8vw;
	}
	.sec-type01 .sec-sub-ttl2 {
		font-size: 3.8vw;
	}
	
  .sec-type01 .sec-sub-ttl1 {
		font-size: 3.8vw;
	}
  
  
	.sec-type01 .body-copy {
		font-size: 3.6vw;
	}
	.sec-type01 .body-copy.ajust {
		margin-top: 4vw;
	}
	.sec-type01 .photo {
		margin-top: 4vw;
	}
}

@media (max-width: 375px) {
	.sec-type01 .body-copy {
		font-size: 3.5vw;
	}
}


/* other
-------------------------------------------------- */
.breadcrumbs {
	max-width: inherit;
	margin: 0 auto;
}
.btn-radius.btn-more {
	width: 200px;
}

@media (max-width: 767px) {
	.btn-radius.btn-more {
		width: 38.6666vw;
	}
}

span.example1 { 
  vertical-align: super; 
	 font-size: 0.5rem;
	
     
	
}


ul2 {list-style-type:disc;  }



/* When viewed on a PC, an image with a class of "view_pc" is displayed. */
.view_pc { display: block !important; }
.view_sp { display: none !important; }
 
/* When viewed on a smartphone, an image with a class of "view_sp" is displayed. */
@media only screen and (max-width: 600px) {
    .view_pc { display: none !important; }
    .view_sp { display: block !important; }
}