@charset "UTF-8";


@media (max-width:768px){
	
	
	
	
	
	
		.noimage{height: 59px}
		
	.title_sub{width: 100%;
	margin: 30px auto 0px;
	padding: 30px 0 }
	
	.title_sub img{width: 100% ;
		margin: 0 auto;
	max-width: 220px}
	
	
		.title_sub p{padding: 0 20px ;
		margin: 30px auto 0px;
	max-width: 550px;
	line-height: 1.6em}
	
		.top_entry{width: 100%;
	margin: 0 auto}
	
	
	.top_entry2 ul li{display: inline-block;
	height:180px;
	padding: 0;
	margin: 0}
	
		.entry_photo2{width:60%;float: left;
	background-image: url(../images/entry_pic.jpg);
			background-size:200%;
	background-position: center 50%;
	height:170px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px}
	

	.entry_bt2{width:40%;float: right;
			background-size: 200%;
	background-position: center;
	height:170px}
	
	.entry_bt2 img {width:100px;margin: 70px auto}
	

	
	
	
	.index_bt{width:27.5%;margin: 0;
		padding: 0}
	.interview_bt_img {width: 36.25%;margin: 0;
		padding: 0}
	.nav_bt_interview ul li{
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		font-size: 0
	}
	.nav_bt_interview ul li img{width: 100%;display: inline-block;margin: 0;
		padding: 0}
	
	.nav_bt_interview ul{text-align: center;margin: 0;
		padding: 0
		
	}
	
			.nav_interview h2{width: 260px;
	margin: 50px auto 20px}
	
	.nav_interview h2 img{width: 100%}
	
		.nav_bt_interview_main {width: 100%}
	
	.nav_interview_bt {width: 100%}
	
	
	
	.day_map{width: 100%;}

.day_map img{width: 100%;

}
	
	.box{height:100%;}
	
	.title_interview{width: 100%;}
	
	.title_interview img{width: 70%; margin: 0 auto 20px;max-width: 300px}
	
	.spof{display: none}
	
	.nozoe .top_catch{position: absolute;z-index:5555;width: 70%;top: 200px; right: 0px;
	max-width: 1000px
}
		.nozoe .top_img{
	margin-top: 60px
}
	
	.carousel-inner{top: 50px}
	.spof{display: none}
	
	.top_bt_contents img{width: 80%;
	margin: 20px auto}
	
	
		.top_contents h2{width: 200px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_contents h2 img{width: 100%}
	
	
		.day_sche img{width: 80%;
	margin: 20px auto}
	
		.day_sche h2{width: 250px;
	
	margin: 50px auto 0}
	
	.day_sche h2 img{width: 100%}
	
	
		.top_interview h2{width: 200px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_interview h2 img{width: 100%}
	
			.top_interview h2{width: 200px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_interview h2 img{width: 100%}
	
	.top_interview ul{
	width: 100%;
	margin: 0 auto}
	
	.top_interview ul li img{width: 90%;
	margin: 20px auto}
	
		.top_interview{padding-bottom: 30px}
	
		.top_interview h2{width: 200px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_interview h2 img{width: 100%}
	
	.top_interview ul{max-width: 800px;
	width: 100%;
	margin: 0 auto}
	
	.top_interview ul li img{width: 90%;margin: 20px auto}
	
	.top_bt_manager{padding: 0 10px;
	
	margin: 20px auto}
	
	.top_bt_manager img{width: 100%}
	
	
	
	.top_entry{width: 100%;
	margin: 0 auto}
	
	.bt_corp{background-image: url(../images/collcenter.png);
	background-size: cover;
	background-position: center}
	
	.top_entry ul li{display: inline-block;
	height:160px;
	padding: 0;
	margin: 0}
	
	.bt_entry_top{background-color:#fc5318 }
	
	.bt_corp img{margin-top:60px;width: 200px }
	
			.bt_kenshu{background-image: url(../images/training/kenshu.png);
	background-size: cover;
	background-position: center top
}
	
		.bt_kenshu img{margin-top:60px;width: 200px }
	
	.entry_main{padding: 5px}
	
	.entry_photo{width:60%;float: left;
	background-image: url(../images/entry_pic.jpg);
			background-size: 200%;
	background-position: center;
	height:150px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px}
	

	.entry_bt{width:40%;float: right;
			background-size: 200%;
	background-position: center;
	height:150px}
	
	.entry_bt img {width:130px;margin: 50px auto 0}

	
		/*	コピーライト*/
	
	.address{background-color:#f4f9f9;
	font-size: 85%;
		padding: 8px 0;
	color: #3c6091}
	
	.address .address_main{width: 100%;
	max-width: 1300px;
	margin: 0 auto}
	
	.address ul li {display: inline-block;

	padding: 0;
	margin: 0 0 0 20px}
	
	.address_menu{text-align: center;margin: 10px 0}
	
	.address_menu a{color: #3c6091}
	
		.address_copy{text-align: center;margin: 10px 0}
	
	}

.bk_orange{background-color: #fc5318}

.bk_orange2{background-color: #fdb58a}

@media (min-width:769px) {
.pcof{display: none}}

@media (min-width:992px) {
.nav_spof{display: none}}

@media (min-width:992px) and (max-width:1199px){
	
		.title_interview2{width: 100%;
	padding: 10px 0;
	height: 120px}
	
	.title_interview2 img{width: 100%;
	max-width: 480px}
	
	.txt_interview{background-color: #fff;
		
	height: 465px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */    }
		
	.txt_interview p{padding: 15px;
	font-size: 15px;
	line-height: 1.6em}
	
	.box{height:500px;}
	
		.box_txt{height:500px;
	
			max-width:500px;
}
	
	
	.box_in{padding: 30px; position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);}

		.box_in li p{	font-size: 120%;line-height: 1.2em}
	
		.box_in p{	font-size: 15px;
	line-height: 1.6em
}
	
	.box_in img{ width: 100%;
	}
	
	.box_in h2{font-size: 200%;
	font-weight: normal;
	color:#32599a;
	  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

	



.box_in .point_list td{border: #333 solid 1px;
background-color: #fff;
vertical-align: middle;
color: #333;
padding: 5px;
}
	
	
	.section_main{width: 100%;

margin: 0 auto;}

	
.nozoe01{background-image:url(../images/interview/nozoe/nozoe_01.jpg);	
	background-size: cover;
background-position: center top}
	
	
	.nozoe02{background-image:url(../images/interview/nozoe/nozoe_02.jpg);
	background-size: cover;
background-position: center top}
	
	
		.nozoe03{background-image:url(../images/interview/nozoe/nozoe_03.jpg);
	background-size: cover;
background-position: center top}
	
		.nozoe04{background-image:url(../images/interview/nozoe/nozoe_04.jpg);
	background-size: cover;
background-position: center top}
}

@media (min-width:768px) and (max-width:991px){
	
	.day_map{width: 100%;
	background-image: url(../images/interview/sche_line.png);
	background-repeat: repeat-x;
background-color: #fef8eb}

.day_map img{width: 100%;
	max-width: 1300px
}
	.box{height:100%;}}

@media (max-width:991px){
	
	
	

	
		.title_interview2{width: 100%;
	padding: 10px 0;
}
	
	.title_interview2 img{width: 100%;
	max-width:500px}
	
	.txt_interview{background-color: #fff;
margin-bottom: 15px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */    }
		
	.txt_interview p{padding: 15px;
	font-size: 15px;
	line-height: 1.6em}
	

	
		.box_txt{
}
		.box_in h3{font-size: 20px;margin-bottom: 30px;
	line-height: 1.3em}
	
	.box_in{padding: 25px; 
	
		width: 100%;
		
		    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;
		margin: 15px 0 ;
}

		.box_in li p{	font-size: 120%;line-height: 1.2em}
	
		.box_in p{	font-size: 13px;
	line-height: 1.6em
}
	
	.box_in img{ width: 100%;
		max-width: 450px
	}

	.box_in .youtube-frame {position: relative;width: 100%;max-width: 450px;padding-top: 56.25%;}
	.box_in .youtube-frame iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
	
	.box_in h2{font-size: 200%;
	font-weight: normal;
	color:#32599a;
	  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

	



.box_in .point_list td{border: #333 solid 1px;
background-color: #fff;
vertical-align: middle;
color: #333;
padding: 5px;
}
	
	
	.section_main{width: 100%;

margin: 0 auto;}
	.section_main img{max-width: 100%;}

	
.nozoe01{background-image:url(../images/interview/nozoe/nozoe_01.jpg);	
	background-size: cover;
background-position: center top}
	
	
	.nozoe02{background-image:url(../images/interview/nozoe/nozoe_02.jpg);
	background-size: cover;
background-position: center top}
	
	
		.nozoe03{background-image:url(../images/interview/nozoe/nozoe_03.jpg);
	background-size: cover;
background-position: center top}
	
		.nozoe04{background-image:url(../images/interview/nozoe/nozoe_04.jpg);
	background-size: cover;
background-position: center top}
}



@media (min-width:769px) and (max-width:1199px){
	
		.box_in h3{font-size: 23px;margin-bottom: 30px;
	line-height: 1.3em}
	
	.title_sub{width: 100%;
	margin: 50px auto 20px;
	padding: 30px 0}
	
	.title_sub img{width: 100% ;
		margin: 0 auto;
	max-width: 260px}
	
	
		.title_sub p{width: 100% ;
		margin: 50px auto;
	max-width: 550px;
	line-height: 1.6em}
	
		.top_entry{width: 100%;
	margin: 0 auto}
	
	
	.top_entry2 ul li{display: inline-block;
	height:320px;
	padding: 0;
	margin: 0}
	
		.entry_photo2{width:70%;float: left;
	background-image: url(../images/entry_pic.jpg);
			background-size: 180%;
	background-position: center 40%;
	height:310px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px}
	

	.entry_bt2{width:30%;float: right;
			background-size: 200%;
	background-position: center;
	height:310px}
	
	.entry_bt2 img {width: 160px;margin: 130px auto}
	
	
	
	.index_bt{width:11.40%;margin: 0;
		padding: 0}
	.interview_bt_img {width:30.3%;margin: 0;
		padding: 0}
	.nav_bt_interview ul li{
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		font-size: 0
	}
	.nav_bt_interview ul li img{width: 100%;display: inline-block;margin: 0;
		padding: 0}
	
	.nav_bt_interview ul{text-align: center;margin: 0;
		padding: 0
		
	}
	
			.nav_interview h2{width: 260px;
	margin: 50px auto 20px}
	
	.nav_interview h2 img{width: 100%}
	
		.nav_bt_interview_main {width: 100%}
	
	.nav_interview_bt {width: 100%}
	
	
		.interview_bt h2{width: 300px;
	margin: 50px auto 20px}
	
.interview_bt h2 img{width: 100%}
	
	.interview_bt_main{background-image:url(../images/bk_interview.png)}
	
	.title_interview{width: 100%;}
	
	.title_interview img{width: 300px; margin: 0 auto 20px;}
	
.nozoe .top_catch{position: absolute;z-index:5555;width: 70%;top: 200px; right: 0px;
	max-width: 1000px
}
		.nozoe .top_img{background-image: url(../images/interview/nozoe/nozoe_top.jpg);
	height: 600px;
	background-position:center top;
	background-size:cover;
	margin-top: 60px
}
	
	.top_bt_contents img{width: 100%;
		margin: 20px auto}

	.top_contents h2{width: 175px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_contents h2 img{width: 100%}
	
	
	.day_sche img{width: 100%;
		margin: 20px auto}
	
	.day_sche h2{width: 260px;
	margin: 50px auto 0}
	
	.day_sche h2 img{width: 100%}
	
	
	
		.nav_interview h2{width: 260px;
	margin: 50px auto 20px}
	
	.nav_interview h2 img{width: 100%}
	
	
			.top_interview h2{width: 200px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_interview h2 img{width: 100%}
	
	.top_interview ul{max-width: 800px;
	width: 100%;
	margin: 0 auto}
	
	.top_interview ul li img{width: 90%}
	
		.top_interview{padding-bottom: 30px}
	
		.top_interview h2{width: 200px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_interview h2 img{width: 100%}
	
	.top_interview ul{max-width: 800px;
	width: 100%;
	margin: 0 auto}
	
	.top_interview ul li img{width: 90%}
	
	.top_bt_manager{max-width: 750px;
	width: 100%;
	margin: 30px auto}
	
	.top_bt_manager img{width: 100%}
	
	
			.bt_kenshu{background-image: url(../images/training/kenshu.png);
	background-size: cover;
	background-position: center top
}
	
		.bt_kenshu img{margin-top:90%;width: 250px }
	
	.top_entry{width: 100%;
	margin: 0 auto}
	
	.bt_corp{background-image: url(../images/collcenter.png);
	background-size: cover;
	background-position: center}
	
	.top_entry ul li{display: inline-block;
	height:220px;
	padding: 0;
	margin: 0}
	
	.bt_entry_top{background-color:#fc5318 }
	
	.bt_corp img{margin-top:90px;width: 250px }
	
	.entry_main{padding: 5px}
	
	.entry_photo{width:60%;float: left;
	background-image: url(../images/entry_pic.jpg);
			background-size: 200%;
	background-position: center;
	height:210px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px}
	

	.entry_bt{width:40%;float: right;
			background-size: 200%;
	background-position: center;
	height:210px}
	
	.entry_bt img {width: 150px;margin: 80px auto}
	
	
	/*	コピーライト*/
	
	.address{background-color:#fff;
	font-size: 11px;
		padding: 8px 0;
	color: #3c6091}
	
	.address .address_main{width: 100%;
	max-width: 1300px;
	margin: 0 auto}
	
	.address ul li {display: inline-block;

	padding: 0;
	margin: 0 0 0 20px}
	
	.address_menu{text-align: right}
	
	.address_menu a{color: #3c6091}
	
		.address_copy{text-align: left}

}

		.bk_yellows{background-color: #fdf8eb;
		
	padding:50px 0 80px}

@media (min-width:1200px){
	

	
	.title_sub{width: 100%;
	margin: 30px auto 20px;
	padding: 30px 0}
	
	.title_sub img{width: 100% ;
		margin: 0 auto;
	max-width: 260px}
	
	
		.title_sub p{width: 100% ;
		margin: 50px auto;
	max-width: 550px;
	line-height: 1.6em}

/*	インタビュー*/
	.index_bt{width:9.43%;margin: 0;
		padding: 0}
	.interview_bt_img {width: 25%;margin: 0;
		padding: 0}
	.nav_bt_interview ul li{
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		font-size: 0
	}
	.nav_bt_interview ul li img{width: 100%;display: inline-block;margin: 0;
		padding: 0}
	
	.nav_bt_interview ul{text-align: center;margin: 0;
		padding: 0
		
	}
	
			.nav_interview h2{width: 260px;
	margin: 50px auto 20px}
	
	.nav_interview h2 img{width: 100%}
	
		.nav_bt_interview_main {width: 100%}
	
	.nav_interview_bt {width: 100%}
	
	
		.interview_bt h2{width: 300px;
	margin: 50px auto 20px}
	
.interview_bt h2 img{width: 100%}
	
	.interview_bt_main{background-image:url(../images/bk_interview.png)}
	
	.box_right{float: right;
	}
	
	.title_interview2{width: 100%;
	padding:0 0}
	
	.title_interview2 img{width: 100%;
	max-width: 600px}
	
	.txt_interview{background-color: #fff;
		height: 430px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */    }
		
	.txt_interview p{padding: 15px;
		margin: 15px;
	font-size: 15px;
	line-height: 1.6em
}
	
	.box{height:350px;}
	
		.box_txt{height:350px;padding: 15px;
			max-width: 620px;
			
}
	
	.box_in img{width: 100%;}
	
	.box_in .youtube-frame {position: relative;width: 100%;padding-top: 56.25%;}
	.box_in .youtube-frame iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
	
	.box_in{padding:0 30px; position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
	
	.box_in h3{font-size: 23px;margin-bottom: 30px;
	line-height: 1.3em}

		.box_in li p{	font-size: 120%;line-height: 1.2em}
	.box_in p{	font-size: 16px;
	line-height: 1.6em
}
	
	.box_in h2{font-size: 200%;
	font-weight: normal;
	color:#32599a;
	  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

.box_in h2 img{width: 100%;

}

.box_in .point_list td{border: #333 solid 1px;
background-color: #fff;
vertical-align: middle;
color: #333;
padding: 5px;
}
	
	
	.section_main{width: 100%;
		max-width: 1300px;
margin: 0 auto;padding: 30px;}
	.section_main img{width: 100%; }

	
.nozoe01{background-image:url(../images/interview/nozoe/nozoe_01.jpg);
	
	background-size: cover;
background-position: center top}
	
	
	.nozoe02{background-image:url(../images/interview/nozoe/nozoe_02.jpg);

	background-size: cover;
background-position: center top}
	
	
	
	.nozoe03{background-image:url(../images/interview/nozoe/nozoe_03.jpg);
	background-size: cover;
background-position: center top}
	
		.nozoe04{background-image:url(../images/interview/nozoe/nozoe_04.jpg);
	background-size: cover;
background-position: center top}
	
		
	.title_interview{width: 100%;}
	
	.title_interview img{width: 300px; margin: 0 auto 20px}
	
	.nozoe .top_catch{position: absolute;z-index:5555;width: 60%;top: 200px; right: 50px;
	max-width: 1000px
}
	
	.nozoe .top_img{background-image: url(../images/interview/nozoe/nozoe_top.jpg);
	height: 600px;
	background-position:center top;
	background-size:cover;
	margin-top: 90px
}
	
	.top_contents h2{width: 240px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_contents h2 img{width: 100%}
	
	
		
	.day_sche h2{width: 260px;

	margin: 50px auto 20px}
	
	.day_sche h2 img{width: 100%}
	
	.top_bt_contents img{width: 80%;
	margin: 50px auto}
	
	
	.top_interview{padding-bottom: 30px}
	
		.top_interview h2{width: 200px;
		display: inline-block;
	margin: 50px auto 0}
	
	.top_interview h2 img{width: 100%}
	
	.top_interview ul{max-width: 800px;
	width: 100%;
	margin: 0 auto}
	
	.top_interview ul li img{width: 90%}
	
	.top_bt_manager{max-width: 750px;
	width: 100%;
	margin: 30px auto}
	
	.top_bt_manager img{width: 100%}
	
	.top_entry{width: 100%;
	margin: 0 auto}
	
	.bt_corp{background-image: url(../images/collcenter.png);
	background-size: cover;
	background-position: center
}
	
		.bt_kenshu{background-image: url(../images/training/kenshu.png);
	background-size: cover;
	background-position: center top
}
	
		.bt_kenshu img{margin-top:140px;width: 250px }
	
	.top_entry ul li{display: inline-block;
	height:320px;
	padding: 0;
	margin: 0}
	
	
	.top_entry2 ul li{display: inline-block;
	height:320px;
	padding: 0;
	margin: 0}
	
	.bt_entry_top{background-color:#fc5318 }
	
	.bt_corp img{margin-top:140px;width: 250px }
	

	
	.entry_main{padding: 5px}
	
	.entry_photo{width:60%;float: left;
	background-image: url(../images/entry_pic.jpg);
			background-size: 200%;
	background-position: center;
	height:310px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px}
	

	.entry_bt{width:40%;float: right;
			background-size: 200%;
	background-position: center;
	height:310px}
	
	
		.entry_photo2{width:70%;float: left;
	background-image: url(../images/entry_pic.jpg);
			background-size: 180%;
	background-position: center 40%;
	height:310px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px}
	

	.entry_bt2{width:30%;float: right;
			background-size: 200%;
	background-position: center;
	height:310px}
	
	.entry_bt2 img {width: 160px;margin: 130px auto}
	
	.entry_bt img {width: 160px;margin: 130px auto}
	
/*	コピーライト*/
	
	.address{background-color:#fff;
	font-size: 12px;
		padding: 8px 0;
	color: #3c6091}
	
	.address .address_main{width: 100%;
	max-width: 1300px;
	margin: 0 auto}
	
	.address ul li {display: inline-block;

	padding: 0;
	margin: 0 0 0 20px}
	
	.address_menu{text-align: right}
	
	.address_menu a{color: #3c6091;text-decoration: none; font-family:  "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,sans-serif;}
	
		.address_copy{text-align: left}
	
	}

.top_interview {background-image:url(../images/bk_interview.png)}

@media (min-width:769px) and (max-width:991px) {
	
	
	
	
	
	
	.noimage{height: 59px}
	
.logo_size img{width: 120px;
	margin-top:20px }
	
/*
		.nav .bt_top{width: 30px;
		height: 90px;
	background-image:url(../images/bt_top.png);
	background-position: center;
	background-size: 65px;
	padding: 0}
	

	.nav .bt_interview{width: 90px;
		height: 90px;
	background-image:url(../images/bt_interview.png);
	background-position: center center;
	background-size: 140px;
	padding: 0}
	
		.nav .bt_statistics {width: 130px;
		height: 90px;
	background-image:url(../images/bt_statistics.png);
	background-position: center center;
	background-size: 140px;
	padding: 0}
	
			.nav .bt_environment {width: 80px;
		height: 90px;
	background-image:url(../images/bt_environment.png);
	background-position: center center;
	background-size: 115px;
	padding: 0}
	

	
		.nav .bt_movie {width: 130px;
		height: 90px;
	background-image:url(../images/bt_movie.png);
	background-position: center center;
	background-size: 145px;
	padding: 0}
	
	
		.nav .bt_faq {width: 80px;
		height: 90px;
	background-image:url(../images/bt_faq.png);
	background-position: center center;
background-size: 85px;
	padding: 0}
	
	
		.nav .bt_entry {width: 60px;
		height: 90px;
	background-image:url(../images/bt_entry.png);
	background-position: center center;
	background-size: 150px;
	padding: 0;
	background-color: #fc5318}
*/


}
	
@media (min-width:992px){

	
	}



@media (max-width:650px) {
	
	.top_catch{position: absolute;z-index:5555;top:23px;width: 50%;
	left: 0}
	
.top_catch img{width: 100%}
	
	.top_catch2{position: absolute;z-index:555;bottom:0px;width: 50%;
	right: 0}
	
.top_catch2 img{width: 100%}

	.foot_icon {margin: 0 auto;border: solid 3px #3c6091;text-align: center
}

	.foot_icon ul{display: inline-block;margin: 0 auto;
	height: 60px;

}
	
.foot_icon ul li{height: 60px;float:left;list-style: none;}
	

	
.foot_icon ul li a.bt_genkibuy{width: 130px;display: inline-block;
		height: 60px;	background-image:url(../images/header_logo.png);
	background-position: center center;
	background-size: contain;
		background-repeat: no-repeat;
	margin: 0 10px}
	
.foot_icon ul li a.bt_fb{width:40px;display: inline-block;
		height: 60px;
	background-image:url(../images/bt_fb.jpg);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:25px;
	margin: 0 }



.foot_icon ul li a.bt_tw{width:40px;display: inline-block;
		height: 60px;
	background-image:url(../images/bt_tw.jpg);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:25px;
	margin: 0 }
	
	
	
	  	.logo_size img{width: 140px;
	margin-top: 0px}

	.point_main{max-width: 1300px;position: relative;
	margin: 0 auto;
		width: 100%;
	}
	
	.pitch-intro {
width: 100%;
	margin: 0 auto;
	padding:30px 0 50px 0;
position: relative;
			background-image:url(../images/bk_point.jpg);
	background-size:100% 100%;
	background-position:  center
}
	
	.point_collcenter{float: left;width: 50%
	}
	
	.point_bigginer{float: right;width: 50%
	}
	
	.point_debut{float: left;width: 50%
	}
	
	
	.point_sanyu{float: right;width: 50%
	}
	
	.point_cafe{float: left;width: 50%
	}
	
	.point_event{float: right;width: 50%
	}
	
		
	.point_collcenter img{width:90%}
	.point_bigginer img{width:90%}
	.point_debut img{width:90%}
	.point_sanyu img{width:90%}
	.point_cafe img{width:90%}
	.point_event img{width:90%}
	
	
	
	
	
}





	



@media (min-width:650px) and (max-width:991px) {
	
	
	
	
	
	
.top_catch{position: absolute;z-index:555;top:23px;width: 45%;
	left: 0}
	
.top_catch img{width: 100%}
	
	.top_catch2{position: absolute;z-index:555;bottom:0px;width: 45%;
	right: 0}
	
.top_catch2 img{width: 100%}

	
	.top_bt_link {position: absolute;
	top:;
	right: 80px;}
	
.top_bt_link  ul{
display: block;
	top: 0px;
	right: 80px;
	height: 60px;

}
	
.top_bt_link ul li{height: 60px;float:left;list-style: none;}
	

	
.top_bt_link ul li a.bt_genkibuy{width: 160px;display: inline-block;
		height: 60px;	background-image:url(../images/header_logo.png);
	background-position: center center;
	background-size: contain;
		background-repeat: no-repeat;
	margin: 0 10px}
	
.top_bt_link ul li a.bt_fb{width:50px;display: inline-block;
		height: 60px;
	background-image:url(../images/bt_fb.jpg);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:30px;
	margin: 0 }



.top_bt_link ul li a.bt_tw{width:50px;display: inline-block;
		height: 60px;
	background-image:url(../images/bt_tw.jpg);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:30px;
	margin: 0 }
	
	  	.logo_size img{width: 170px;
	margin-top: 0px}

	.point_main{max-width: 1300px;position: relative;
	margin: 0 auto;
		width: 100%;
	height: 600px;}
	
	.pitch-intro {
width: 100%;
	margin: 0 auto;
	padding: 0 0 100px 0;
			background-image:url(../images/bk_point.jpg);
	background-size:100% 100%;
	background-position:  center;
		position: relative;
}
	
	.point_collcenter{position: absolute;left: 10%;top:20%;width: 20%
	}
	
	.point_bigginer{position: absolute;left: 35%;top:30%;width: 20%
	}
	
	.point_debut{position: absolute;left: 60%;top:25%;width: 20%
	}
	
	
	.point_sanyu{position: absolute;left: 13%;top:55%;width: 20%
	}
	
	.point_cafe{position: absolute;left: 45%;top:65%;width: 20%
	}
	
	.point_event{position: absolute;left: 70%;top:60%;width: 20%
	}
	
	
	.point_collcenter img{width:200px}
	.point_bigginer img{width:200px}
	.point_debut img{width:200px}
	.point_sanyu img{width:200px}
	.point_cafe img{width:200px}
	.point_event img{width:200px}
	
	
}

.city{position: absolute;bottom:0;
width: 100%}

@media (min-width:992px) and (max-width:1299px) {
	
	
	
	
	
	.navbar-nav>li>a{padding-left:6px; padding-right: 6px }
	
	.noimage{height: 59px}
	
	
	

		.point_main{max-width: 1300px;position: relative;
	margin: 0 auto;
		width: 100%;
			padding: 0;
	height: 600px;}
	
	.pitch-intro {
width: 100%;
	margin: 0 auto;
	padding: 0 0 100px 0;
	position: relative;
			background-image:url(../images/bk_point.jpg);
	background-size:100% 100%;
	background-position:  center

}
	
	.point_collcenter{position: absolute;left: 10%;top:	20%;width: 20%
	}
	
	.point_bigginer{position: absolute;left: 35%;top:30%;width: 20%
	}
	
	.point_debut{position: absolute;left: 60%;top:25%;width: 20%
	}
	
	
	.point_sanyu{position: absolute;left: 13%;top:55%;width: 20%
	}
	
	.point_cafe{position: absolute;left: 45%;top:65%;width: 20%
	}
	
	.point_event{position: absolute;left: 70%;top:60%;width: 20%
	}
	
	
	.point_collcenter img{width:200px}
	.point_bigginer img{width:200px}
	.point_debut img{width:200px}
	.point_sanyu img{width:200px}
	.point_cafe img{width:200px}
	.point_event img{width:200px}
	
	
	
	.container-fluid{margin-top:30px}
		

.top_catch{position: absolute;top:90px;width: 45%;z-index:555;
	left: 0}
	
.top_catch img{width: 100%}
	
	.top_catch2{position: absolute;z-index:555;bottom:0px;width: 45%;
	right: 0}
	
.top_catch2 img{width: 100%}

	
	
	.footer{height: 450px; width: 100%;}
	
	#contact .footer_logo{float:none ;
	width:100% }
	
	.footer img {
	margin-bottom: 10px;
	width: 180px
}
	
	#contact .footer_menu{float: none;

	padding: 0 10px}
	
			#contact .footer_menu ul li{list-style: none;
				text-align: left;
	float: left;
	margin-top: 15px;font-size: 12px;
	margin-right: 30px;	line-height: 1.5em}
	
	#contact .footer_menu ul li a{font-size: 12px;
	color: #333;
}
	
	
	#contact .footer_menu ul li a:hover{text-decoration: none;font-size: 12px}
	
	.gnav{display: none}
	.nav .pc_of{display: none}
	.logo_size img{width: 170px;
	margin-top:20px}
	
	
	
		.nav .bt_support {	padding:25px 10px 0;
	text-align: center}
	
	
	.nav .bt_fb{width:45px;
		height: 90px;
	background-image:url(../images/bt_fb.jpg);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:30px;
	margin: 0 }



	.nav .bt_tw{width:45px;
		height: 90px;
	background-image:url(../images/bt_tw.jpg);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:30px;
	margin: 0 }
	
	
		.nav .bt_genkibuy{width: 150px;
		height: 90px;
	background-image:url(../images/header_logo.png);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:contain;
	margin: 0 5px}
	
	
		.point_collcenter img{width:200px}
	.point_bigginer img{width:200px}
	.point_debut img{width:200px}
	.point_sanyu img{width:200px}
	.point_cafe img{width:200px}
	.point_event img{width:200px}

}

.foot_ttl{color: #3c6091;
font-size: 14px;
font-weight: bold}

@media (min-width:1300px){
	
	.navbar-nav>li>a{padding-left:20px; padding-right: 30px }
	
	.noimage{height: 89px}
	
.day_map{width: 100%;
	background-image: url(../images/interview/sche_line.png);
	background-repeat: repeat-x;
background-color: #fef8eb}

.day_map img{width: 100%;
	max-width: 1300px
}

	
	
	

	
.top_catch{position: absolute;z-index:555;top:90px;width: 45%;
	left: 0}
	
.top_catch img{width: 100%}
	
	.top_catch2{position: absolute;z-index:555;bottom:0px;width: 45%;
	right: 0}
	
.top_catch2 img{width: 100%}

	
	.footer{height: 400px;width: 100%}
	
		#contact .footer_logo{float: left;
	width:170px }
	
	.footer img {
	margin-bottom: 20px;
	width: 170px
}
	
		#contact .footer_logo{float: left;
	width:175px }
	
	#contact .footer_menu{
		margin-left:20px;
		margin: 0 auto;
		max-width: 1300px;
		width: 100%}
	
		#contact .footer_menu ul li{list-style: none;
	float: left;
	margin-top: 15px;
	margin-left:50px;	line-height: 1.6em;
	text-align: left;
			font-size: 12px;
			font-weight: bold
}

	#contact .footer_menu ul li:nth-child(1){margin-left: 0}
	
#contact .footer_menu ul li a{font-size: 12px;color: #333;
	font-weight: normal

}
	.footer_logo{float: left;
	width:120px;
margin-top: 0px;
text-decoration: none;
}
	
#contact .footer_menu ul li a:hover{text-decoration: none}

	
	.nav .pc_of{display: none}
	

		
	.logo_size img{width: 170px;
	margin-top: 20px}
		
	
			.nav .bt_support {
	padding:25px 10px 0;
	text-align: center}
	
	.nav .bt_genkibuy{width: 160px;
		height: 90px;
	background-image:url(../images/header_logo.png);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:contain;
	margin: 0 10px}
	
	.nav .bt_fb{width:50px;
		height: 90px;
	background-image:url(../images/bt_fb.jpg);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:30px;
	margin: 0 }



	.nav .bt_tw{width:50px;
		height: 90px;
	background-image:url(../images/bt_tw.jpg);
	background-position: center center;
		background-repeat: no-repeat;
	background-size:30px;
	margin: 0 }
}





  @media (max-width: 991px) {
	  
	  .menuof{display: none}
	  
	  	
.top_catch{position: absolute;z-index:555;bottom:-80px
	 }
	
	  	#contact .footer_logo{float: none;
	width:100%;
	  text-align: center;
	  margin-top: 0}
	
	#contact .footer_menu{display: none
	}
	  
	  		.bt_entry{height: 60px;
		width: 90px;
		position: absolute;
		right: 60px;
			top: 0;
			background-image:url(../images/bt_entry.png);
	background-position: center center;
	background-size: 120px;
	padding: 0;
	background-color: #fc5318 }
	  
	  
	  .nav-wrap .bt_entry a{width: 100%;
	  height: 60px;
	  display: block}
	  
	  

	  

/*nabi開閉部分*/
    .nav-wrap{
        box-sizing: border-box;
        position: fixed;
        top: 0px;
        width: 100%;
	
		z-index: 9999
    
	 }
    .gnav {
      list-style-type: none;
      background: #eee;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 99;
		margin-top: 60px
    }
 
    .gnav li {
      border-bottom: 1px solid #333;
    }
 
    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
		color: #333
    }
    /*ハンバーガーボタン*/
 
    .icon-animation {
      width: 18px;
      height:35px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: .5rem;
      text-align: center;
      top: 0;
    }
 
    .icon-animation span {
      width: 25px;
      height: 2px;
      display: block;
      background: #000;
      position: absolute;
      left: 50%;
      top: 85%;
		margin-top:0px;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
 
    .icon-animation .top {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
    }
 
    .icon-animation .bottom {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }
 
    .is-open .middle {
      background: rgba(51, 51, 51, 0);
    }
 
    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }
 
    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }
 }


.top_contents{width: 100%;
margin: 90px auto;
/*max-width: 1300px;*/
width: 100%;
background-color: #f9f9f9;
padding: 15px;
}


.day_sche{width: 100%;
	margin: 0 auto;
background-color: #fff}


.day_map{width: 100%;
	background-image: url(../images/interview/sche_line.png);
	background-repeat: repeat-x;
background-color: #fef8eb}

.day_map img{width: 100%;
	max-width: 1300px
}


.nav_interview{width: 100%;
	margin: 0 auto;
background-color: #fff}

.nav_bt_interview {background-image:url(../images/bk_interview.png);
margin: 0;

		padding: 0}

.white_sp{width: 100%; background-color: #fff;margin-top: -3px;height: 30px}



.support_img{
text-align: center;margin:30px auto 0px}

.support_img img{width: 95%}

.support_img_sp{
text-align: center;margin:30px auto }
.support_img_sp img{width: 95%}





@media (max-width:991px){

	#panel-btn{
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 0 10px;
		z-index: 9999

}

#panel-btn-icon{
  display: block;
  position: absolute;
  top: 60%;
  left: 45%;
  width: 20px;
  height: 2px;
  margin: 0 0 0 -10px;
  background:#5D5D5D;
  transition: .2s;
z-index: 9999
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 2px;
   background:#5D5D5D;
  transition: .3s;

}
#panel-btn-icon:before{
  margin-top: -8px;
}
#panel-btn-icon:after{
  margin-top: 6px;
}
#panel-btn .close{
  background: transparent;
	
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
		
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
		
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/*閉じる*/
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
	}

	#panel ul li{background-color: #EBEBEB;
	margin: 0;
		padding:5px;
		border-bottom:1px solid #333; 
		text-align: left;
 }
	
	#panel ul li a:hover{text-decoration: none}
	
	#panel ul li a {margin: 0;
	padding:10px }

	#panel ul{border-top:1px solid #333; }
}


.blue{color: #3c6091}

.information2 .Q{background-image:url(../images/support/icon_q.jpg); background-position:20px 15px; background-repeat:no-repeat}


.new{background-color: #FF0004;display: inline-block;color: #fff; padding:3px ;text-decoration: none;vertical-align: middle;font-size: 11px;line-height: 1em;font-weight: bold}

.red{color: #FF0004}




  .dropmenu{
  *zoom: 1;
      list-style-type: none;
	 width: 100%;
	  display: inline-block;
	  text-align: center;
      margin: 5px auto 30px;
      padding: 0;
  }

   .dropmenu:before, .dropmenu:after{
 content: "";
 display: table;

  }

  .dropmenu:after{
 clear: both;
  }

  .dropmenu li{
       position: relative;
       width: 200px;
       float: left;
       margin: 0 auto;
       padding: 0;
       text-align: center;

  }

  .dropmenu li a{
       display: block;
       margin: 0;
       padding: 15px 0 11px;
       background: #3c6091;
       color: #fff;
       font-size: 14px;
       line-height: 1;
       text-decoration: none;
  }

.dropmenu li ul{
          list-style: none;
          position: absolute;
          z-index: 9999;
          top: 100%;
          left: 0;
          margin: 0;
          padding: 0;
  }

  .dropmenu li ul li{
         width: 200px
  }

  .dropmenu li ul li a{
        padding: 13px 15px;
        border-top: 1px solid #fff;
        background-color: #5889C9;
        text-align: left;
  }


  .dropmenu li:hover > a{
        background: #3c6091;
  }

  .dropmenu li a:hover{

        background: #3c6091;
  }

.dropmenu li ul li{
        overflow: hidden;
        height: 0;
        transition: .2s;
  }
 
.dropmenu li:hover ul li{
         overflow: visible;
         height: 38px;
  }

.pull_bt{
	width: 200px;
margin: 0 auto;}


.boshu{
	color:#FC0;
}
.boshu_no{
	color:#ccc;
}

td#spec_list_td_boshu{
	border-top:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	margin:0;
	padding:10px;
	background-color:#FC0;
}

td#spec_list_td_boshu_no{
	border-top:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	margin:0;
	padding:10px;
	background-color:#CCC;
}

.security_txt{text-indent: -1em}


.security_img{
text-align: center;margin:0px auto 20px}



.main .monthly-calendar {
	width: 100%;
	max-width: 640px;
	margin: 40px auto;
}
.main .monthly-calendar caption {
	font-size: 1rem;
}
.main .monthly-calendar th {
	font-size: 1rem;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.main .monthly-calendar td {
	width: calc(100%/7);
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
.main .monthly-calendar td a {
/*	border-bottom: 1px solid #3c6091;*/
}
.main .monthly-calendar .day-number {
	font-size: 1rem;
	padding: 0 0 5px;
}
.main .monthly-calendar .calendar-mark {
	font-size: 1rem;
}
.main .monthly-prev-next {
	padding-top: 5px;
}
.main .day-calendar {
	width: 100%;
	max-width: 480px;
	margin: 40px auto;
}
.main .day-calendar table {
	width: 100%;
}

.main .content-form {
	width: 100%;
	max-width: 1100px;
	margin: 40px auto;
}
.main .content-form fieldset {
	border: 0;
	padding: 0 15px;
	margin: 20px 0;
	width: 100%;
}
.main .content-form legend {
	padding-bottom: 5px;
}
.main .content-form .required{
}
.main .content-form table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width: 100%;
}
.main .content-form table th {
	padding: 10px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	border: 1px solid #ccc;
	font-size: 1rem;
}
.main .content-form table td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	font-size: 1rem;
}
.main .content-form input, .content-form textarea {
	padding: 0 20px;
	margin-bottom: 0;
	font-size: 1rem;
	line-height: 1;
}
.main .showroom table td {
	font-size: 1rem;
}
.main input.right {
	text-align: left;
}
.main .content-text.small {
	width: 4rem;
}
.input-number label,
.input-number br {
	display: none;
}
.input-number:after {
	content: '人';
}
#booking-message-fieldset td:after {
	display: block;
	padding-top: 5px;
	content: '体験希望の製品名・型番をご記入ください。';
}

.main .content-form button[name=reserve_action]{padding: 10px 20px;
	 font-family:  "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,sans-serif;
	color: #fff;
	font-size:14px; 
	background-color:  #3c6091;
	width: 150px;
	border: none;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

@media (max-width:400px){
	.te{
	height: 230px !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
	padding: 20px !important;
	}
}