@charset "UTF-8";
/* CSS Document */

#tmpl_content{ 
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 86px,#000000 86px,#000000 100%);
}

.FCB-9500{ margin: 0; width: 100%; background:#000; color:#fff; }
.FCB-9500 img{width: 100%; height: auto;} 

.FCB-9500Box,.FCB-9520Box{ position: relative; margin: 0 auto; width: 1190px; height: 100%; display: flex; align-items: flex-start; }
/*.FCB-9500Box{ background:url("../img/fcb9_500series/backPC.png")no-repeat top right; }
.FCB-9520Box{ background:url("../FCB-EV9520L_tech/img/backPC.png")no-repeat top right; }*/
.FCB-9500Box .mv,
.FCB-9520Box .mv{
    width: 100%;
}
.FCB-9500Box img,
.FCB-9520Box img{
    width: 100%;
}
#tmpl_main .FCB-9500Box .mv img{
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
}
/*================================================
 *  固定メニュー
 ================================================*/
.FCB-9500menu{ position: sticky; top:50px; width: 250px; }
.FCB-9500menu ul{ margin: 0; padding: 0; list-style: none; border-top: 1px solid #fff;}
.FCB-9500menu li{ 
	position: relative; height: 70px; font-size: 1.6em; border: 1px solid #fff; border-top:none;
}
.FCB-9500menu li:hover{ background:#4d4d4d; } 
.FCB-9500menu li a.FCB-9500link{ position: absolute; top:0; left:0; bottom:0; right:0; padding-left: 35px; width: 100%; height: 100%; color:#fff; display: flex; align-items: center;}
.FCB-9500link.is-active { background:#4d4d4d; }

@media screen and (max-width: 640px) {
	.FCB-9500Box,.FCB-9520Box{ margin: 0 auto; width: 100vw; flex-direction: column;}
	/*.FCB-9500Box{ background:url("../img/fcb9_500series/backSP.png")no-repeat top right;}
	.FCB-9520Box{ background:url("../FCB-EV9520L_tech/img/backSP.png")no-repeat top right;} */

	.FCB-9500menu{ position: static; margin: 0 auto ; width: 90vw; }
	.FCB-9500menu ul{border-left: 1px solid #fff; display: flex; flex-wrap: wrap;}
	.FCB-9500menu li{ width: 50%; height: 18vw; font-size: 3.5vw;border-left:none;}
	.FCB-9500menu li a.FCB-9500link{ padding-left: 0; justify-content: center; text-align: center;}

}
/*================================================
 *  コンテンツ
 ================================================*/
.FCB-9500contents{ width:940px; }

/*----- 詳細　枠 -----*/
.FCB-9500detail{ margin: 0 0 60px 50px; padding-top: 30px; width: 890px;}

/*----- 見出し -----*/
h1.FCB-9500head{ margin: 20px auto 15px; padding-bottom: 5px; width: 100%; font-size: 3.5em; font-weight: 700; color:#fff; border-bottom: 1px solid #fff; }

.FCB-9500sub1{ margin: 50px 0 5px ; width: 100%; font-size: 1.8em; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center;}
.FCB-9500sub2{ display: inline-block; margin: 30px 0 30px 25px; padding: 5px 15px; font-size: 1.8em; border: 1px solid #fff;}
.FCB-9500sub3{ margin: 5px 0 ; width: 100%; font-size: 1.4em; font-weight: 700;}
.FCB-9500sub4{ margin: 5px 0 ; width: 100%; font-size: 2em; font-weight: 700;}
.FCB-9500sub5{ position: relative; margin: 5px 0 ; padding-left: 20px; width: 100%; font-size: 1.8em; font-weight: 700;}
.FCB-9500sub5:after {
	content: ''; position: absolute; left: 0; top:8px; width:0;height:0;border-style:solid;
	border-width: 6px 0 6px 10.4px; border-color: transparent transparent transparent #0F328C;
}
.subBox{ margin-right: 15px; padding: 5px 10px; font-size: 0.9em; border: 1px solid #fff; }
/*----- テキスト -----*/
.FCB-9500detail p{ margin: 5px 0; font-size: 1.4em; color:#fff; }
.FCB-9500detail p.anno{ margin: 10px 0; font-size: 1.3em; }

/*----- 画像 -----*/
.FCB-9500detail img{ margin: 10px auto 20px; }

/*----- 動画 -----*/
.FCB-9500movie,.FCB-9500movie2{ padding: 0; width: 100%; border:1px solid #fff;}
.FCB-9500movie{ margin: 30px 0 ; }
.FCB-9500movie2{ position: relative; margin: 40px 0 30px ; }
video{ width: 100%; height: auto;}
.FCB-9500movieSub{ position: absolute; top:-25px; left:0; font-size: 1.4em; }
/*----- 2column -----*/
.FCB-9500col2{ margin: 20px auto; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.FCB-9500col{ width: 440px;}
.FCB-9500col p{ margin: 5px 0; padding: 0; width: 100%; text-align: center; font-size: 1.4em; }

/*----- 画像比較 -----*/

.comparisonHead{ position: relative; margin: 50px auto 0 ; width: 774px; display: flex; justify-content: space-between; }
.comparisonHead p{ font-size: 1.4em; font-weight: 700;}
.comparisonHead:after{ position: absolute; left: 0; top:0; width:100%; text-align: center; font-size: 1.2em;  content: '左右にスクロールできます';}

#comparison1,#comparison2,#comparison3{ margin: 5px auto 10px; width: 890px; height: auto; }
#comparison1 img,#comparison2 img,#comparison3 img{ margin: 0;}

.FCB-cols{ margin: 30px 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.col2{ width: 48%;}
.col3{ width: 31%;}
.colSub{ margin-bottom: 5px; width: 100%; text-align: center; font-size: 1.6em !important; font-weight: 700; }
.colCaption{ width: 100%; text-align: center; font-size: 1.4em; font-weight: 700; }
.colNote{ margin-top: 5px; width: 100%; text-align: right; font-size: 1.4em; }
.colImg{}

.annotation{ margin: 5px 0 0; width: 100%; font-size: 1.4em;}

.FCB-9500tableBox{ margin: 30px 0; padding-bottom: 15px; width: 100%; }
table.FCB{ border-spacing: 0; border-collapse: collapse; }
table.FCB th { padding: 5px; width: 33.33%; font-size: 1.4em; color:#0F328C; background: #fff; border:1px solid #000;}
table.FCB th.second{ color:#000;}
table.FCB td { padding: 0 20px 10px; font-size: 1.2em; border:1px solid #fff;}
.cateBlue{ margin-bottom: 5px; padding: 2px 5px; width: 140px; font-size: 1.4em;  background:#0F328C; }
table.FCB td.imgTd{ padding: 10px 20px 5px; text-align: right; font-size: 1.2em; }

.FCB-9500logo{ margin-left: 24px; width: 49px; height: 19px; overflow: hidden; }
.FCB-9500logo img{ width: 100%; height: auto; }

.FCB-9500detail .ISPtitle{ 
	margin: 60px auto 10px ; padding: 0 50px 0 0; width: 100%; min-height: 36px; height: auto;
	display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #fff;
}
.FCB-9500detail .ISPtitle p.third{ font-size: 2em; font-weight: 700; }
.FCB-9500detail .interviewConnectDetail a{ margin-right: 10px; margin-bottom: 10px; padding: 5px 17px; width: auto; height: 24px; text-align: center; font-size: 1.2em; line-height: 1.1; color:#fff; background:#0F325B; border:1px solid #0F325B;}
.FCB-9500detail .interviewConnectDetail a:hover{ background:#000; border: 1px solid #fff; }

@media screen and (max-width: 640px) {
	.FCB-9500contents{ margin: 0 auto; width:90vw;}
	.FCB-9500detail{ margin: 0 0 5vw 0; padding-top: 8vw; width: 90vw;}
	h1.FCB-9500head{ margin: 6vw auto 3vw; padding-bottom: 2vw; font-size: 4.5vw;}
	.FCB-9500head{ margin: 5vw auto 2vw; padding-bottom: 1vw; font-size: 5.85vw; }
	.FCB-9500sub1{ margin: 6vw 0 2vw ; font-size: 4vw;}
	.FCB-9500sub2{ margin: 4vw 0; padding: 1vw 5vw; font-size: 3.5vw;}
	.FCB-9500sub3{ margin: 2vw 0 ; font-size: 3.5vw; }
	.FCB-9500sub4{ margin: 3vw 0 ; font-size: 3.7vw; }
	.FCB-9500sub5{ margin: 3vw 0 ; padding-left: 5vw; font-size: 3.7vw; }
	.FCB-9500sub5:after { top:0.7vw; border-width: 2vw 0 2vw 3.2vw; }
	.subBox{ margin-right: 0; padding: 1vw 3vw; font-size: 0.9em; line-height: 2.5; }
	
	.FCB-9500movie2{ position: relative; margin: 10vw 0 8vw ; }
	.FCB-9500movieSub{ top:-5.5vw; left:0; font-size: 3.7vw; }

	
	.FCB-9500detail p{ padding-right: 0; font-size: 3.2vw; }
	.FCB-9500detail p.anno{ font-size: 3.2vw; }

	.FCB-9500detail img{ margin: 3vw auto 5vw; }
	.FCB-9500movie{ margin: 30px 0 ; padding: 0; width: 100%; border:1px solid #fff;}
	.FCB-9500col2{ margin: 5vw auto; }
	.FCB-9500col{ width: 44vw;}
	.FCB-9500col p{ font-size: 2.9vw; }
	.comparisonHead{ position: relative; margin: 12vw auto 0 ; width: 100%;}
	.comparisonHead p{ font-size: 3.2vw;}
	.comparisonHead:after{ font-size: 3.2vw;}

	#comparison1,#comparison2,#comparison3{ margin: 5px auto 10px; width: 90vw; }
	
	.FCB-cols{ margin: 8vw 0; width: 90vw; flex-direction: column;}
	.col2,.col3{ margin-bottom: 8vw; width: 90vw; }
	.colSub{ font-size: 3.5vw !important; }
	.colCaption{ margin-top: -5vw; font-size: 3.2vw; }
	.colNote{ margin-top: -5vw; font-size: 3.5vw; }

	.annotation{ margin: 0; font-size: 3.2vw;}

	.FCB-9500tableBox{ overflow-x: scroll; margin: 8vw 0; padding-bottom: 15px; width: 95vw; }
	table.FCB{ width: 200vw; }
	table.FCB th { padding: 1vw; font-size: 3.5vw;}
	table.FCB td { padding: 0 5vw 2vw; font-size: 3.2vw; }
	.cateBlue{ margin-bottom: 3vw; padding: 1vw 3vw; width: 30vw; font-size: 3.7vw; }
	table.FCB td.imgTd{ padding: 5vw 8vw 3vw; font-size: 3.2vw; }
	table.FCB td.imgTd p{ margin-top: -20px; }
	
	.FCB-9500detail .ISPtitle p.third{ font-size: 4.5vw; }
	.FCB-9500detail .interviewConnectDetail a{ margin-right: 0; padding: 1.5vw 0.5vw; margin-bottom: 3vw; min-width: 44vw; max-width: 44vw; font-size: 3.5vw; }
	.FCB-9500logo{ margin-left: 3.5vw; width: 9.6vw; height: 5vw; }
}

#myModal {
			display: none;
			position: fixed;
			z-index: 1;
			padding-top: 100px;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgba(0, 0, 0, 0.9);
            z-index: 99999999;
		}

		#img01 {
			margin: auto;
			display: block;
			width: 90%;
			max-width: 100%;
            
		}

		.close {
			position: absolute;
			top: 15px;
			right: 35px;
			color: #f1f1f1;
			font-size: 40px;
			font-weight: bold;
			transition: 0.3s;
		}

		.close:hover,
		.close:focus {
			color: #bbb;
			text-decoration: none;
			cursor: pointer;
		}

.myImg{
    cursor: pointer;

}