/* 　shift_jis */

.mincho{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.sp{
	display:none !important;
}
.pc{
	display:block !important;
}
.sp2{
	display:none !important;
}
.pc2{
	display:block !important;
}
.sp3{
	display:none !important;
}
.pc3{
	display:block !important;
}

.none{
	display:none;
}

.display_sp{
	display: none;
}

.fixed {
      position: fixed;
      top:0;	/*一番上なら0pxに指定してください*/
		left:0;
      z-index: 1000;
      background: white;	/*不要であればいらないです*/
      width: 100%;
    }

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.1s ease-in-out infinite alternate;
	-moz-animation:blink 1.1s ease-in-out infinite alternate;
	animation:blink 1.1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0.5;}
	100% {opacity:1;}
}

/* 早い点滅 */
.blinking2{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
	-moz-animation:blink 0.5s ease-in-out infinite alternate;
	animation:blink 0.5s ease-in-out infinite alternate;
}


#onshitsu{
	max-width:1126px;
	margin:0 auto;
	position:relative;
}

#onshitsu h2{
	margin-bottom: 30px;
}


#onshitsu h3{
	/*font-size: 40px;
	line-height: 1.2;
	margin: 70px 0 20px 0;
	text-align: center;
	font-weight: 100;*/
}


#onshitsu_head{
	max-width:1000px;
	margin:0 auto;
}

#onshitsu_head .shoulder {
	font-size: 40px !important;
	font-weight: 100;
	line-height: 1;
	margin: 30px 0 10px;
	text-align: center;
}

#onshitsu_head h3 {
    font-size: 24px;
    line-height: 1.5;
    margin: 0 0 4px;
	font-weight: 100;
	color: #666666;
}

#onshitsu_head p.lead{
    color: #666666;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.7;
    text-align: center;
}

#onshitsu_head .titlecopy,
#onshitsu .titlecopy{
	font-size: 18px;
	margin: 30px 0;
	text-align: center;
	font-weight: 100;
}

#onshitsu_head .main{
	margin:0 auto 40px;
	text-align:center;
	max-width:1000px;
	
}
#onshitsu_head .main img{
	width:100%;
	max-width:768px;
}


#onshitsu_head .main p{
	text-align:right;
	margin:0;
}

#onshitsu_head p.pagetitle{
    color: #555555;
    font-size: 36px;
    font-weight: bold;
}

#onshitsu_head .context{
	color:#666666;
}




#onshitsu h4{
	text-align: center;
	width: 1000px;
	margin: 0 auto 40px auto;
}

#onshitsu h4 img{
	width: 100%;
}

#onshitsu h4 span{
	display: none;
}


/*
#onshitsu div#nyuryoku,
#onshitsu div#shori,
#onshitsu div#speaker{
	height:131px;
	width:100% !important;
	text-align:center;
}
*/

div.fixlabel{
	display:none;
	background-color: #fff;
	height: 120px;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

div.fixlabel img{
	position:absolute;
}




/*
#onshitsu div#nyuryoku   div.h4inner.fixed,
#onshitsu div#shori div.h4inner.fixed,
#onshitsu div#speaker div.h4inner.fixed{
	position: fixed;
	top:0;
	left:0;
	z-index:100;
	background-color:#fff;
	width:100% !important;
}
*/


#onshitsu .content{
	color:#666666;
}




#onshitsu .content .onshitsu_logo{
	display:block;
	max-width:100%;
	position:absolute;
	top:-10px;
	/*right:-20px;*/
	right:0;
}



#onshitsu .content{
	max-width: 1000px;
	margin: 0 auto 80px;
	padding: 0;
	text-align: center;
	position:relative;
	
}



#onshitsu_head .onshitsu{
	max-width:960px;
	margin:0 auto;
}


#onshitsu_head .onshitsu1{
	width:51.4%;	/* 494px/960 */
	max-width:448px;
	float:right;
	padding-bottom:80px;
}

#onshitsu_head .onshitsu1 h4.title{
    font-size: 24px;
    margin: 0 0 20px;
}

#onshitsu_head .onshitsu2{
	width:46.5%; /*446px/960*/
	max-width:446px;
	padding-bottom:80px;
	float:left;
}
#onshitsu_head .onshitsu2 img{
	width:100%;
	max-width:446px;
}





#onshitsu .speakerimg{
	max-width:840px;
	margin:0 auto;
}
#onshitsu .speakerimg .img1{
	width:48.8%;	/* 410px/840 */
	float:left;
}
#onshitsu .speakerimg .img1 img{
	width:100%;
	max-width:410px;
}
#onshitsu .speakerimg .img2{
	width:48.8%;	/* 410px/840 */
	float:right;
}
#onshitsu .speakerimg .img2 img{
	width:100%;
	max-width:410px;
}



#onshitsu .acousticimg{
	max-width:1000px;
	margin:0 auto;
}
#onshitsu .acousticimg .img1{
	width:40.0%;	/* 400px/1000 */
	float:left;
}
#onshitsu .acousticimg .img1 img{
	width:100%;
	max-width:400px;
}
#onshitsu .acousticimg .img2{
	width:55.0%;	/* 550px/1000 */
	float:right;
}
#onshitsu .acousticimg .img2 img{
	width:100%;
	max-width:550px;
}





#onshitsu #content01 .shoriimg .img1 img{
	width:100%;
	max-width:786px;
	padding-bottom:30px;
}


#onshitsu #content02 .shoriimg .img1 img{
	width:100%;
	max-width:630px;
}



#onshitsu #onshitsu_slide04 #onshitsu_slide04_open,
#onshitsu #onshitsu_slide03 #onshitsu_slide03_open,
#onshitsu #onshitsu_slide02 #onshitsu_slide02_open,
#onshitsu #onshitsu_slide01 #onshitsu_slide01_open{
	cursor:pointer;
}
#onshitsu #onshitsu_slide04 .slidedown_close,
#onshitsu #onshitsu_slide03 .slidedown_close,
#onshitsu #onshitsu_slide02 .slidedown_close,
#onshitsu #onshitsu_slide01 .slidedown_close{
	cursor:pointer;
}


#onshitsu .slide{
	max-width: 100%;
	margin: 30px auto 0;
}

#onshitsu .slide_open{
	max-width: 996px;
	height: 52px;
	border: 2px #525252 solid;
	margin: 0 auto;
}

#onshitsu .slide_open .slide_arrow{
	float: left;
	background-color: #525252;
	width: 52px;
	height: 52px;
	overflow: hidden;
}

#onshitsu .slide_open .slide_arrow.transform img{
	transform: rotate(90deg);
}

#onshitsu .slide_open .slide_title{
	background-color: #fff;
	height: 52px;
	text-align: center;
}

#onshitsu .slide .slidedown_inner{
	border: #ccc solid 1px;
	padding: 2%;
	background-color: #fff;
}

#onshitsu .slide .slidedown_inner img{
	width:100%;
}

#onshitsu #onshitsu_slide03.slide .slidedown_inner img{
	max-width:870px;
}
#onshitsu #onshitsu_slide04.slide .slidedown_inner img{
	max-width:600px;
}
#onshitsu #onshitsu_slide02.slide .slidedown_inner img{
	max-width:950px;
}
#onshitsu #onshitsu_slide01.slide .slidedown_inner img{
	max-width:914px;
}


#onshitsu .slide .slidedown_inner .slidedown_text{
	background-color: #f1f1f1;
	font-size: 14px;
	text-align: left;
	padding: 10px;
	margin-bottom: 12px;
}


#onshitsu .slide .slidedown_inner .slidedown_model{
	float: left;
	border-left:#525252 5px solid;
	padding-left: 12px;
}

#onshitsu .slide .slidedown_inner .slidedown_close{
	float: right;
}


#onshitsu #content01 h6{
    color: #333;
    font-size: 24px;
    font-weight: 100;
    line-height: 1;
    margin: 0 auto 25px;
}









#onshitsu .model_list table{
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}

#onshitsu .model_list table th{
	border: 1px #ccc solid;
	padding: 5px 0;
	width:14%;
}
#onshitsu .model_list table th.emp{
	width:15%;
}

#onshitsu .model_list table th img{
	width: 100%;
	max-width: 146px;
}

#onshitsu .model_list table td{
	height: 40px;
	border: 1px #ccc solid;
	padding: 12px 5px 5px;
}

#onshitsu .model_list table td span{
	font-size:12px;
}

#onshitsu .model_list table td.koumoku{
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}

#onshitsu .model_list table td.dsee img{
	width:100%;
	max-width:100px;
}
#onshitsu .model_list table td.spk img{
	width:100%;
	max-width:140px;
}

#onshitsu #footer_menu{
	border: 6px solid #cacaca;
	padding: 2% 3% 3%;
	margin-bottom: 30px;
}

#onshitsu #footer_menu h2{
	font-size: 28px;
	color:#666;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}



#onshitsu .bnr_area{
	text-align: center;
	margin-bottom: 60px;
}

#onshitsu .bnr_area img{
	max-width:100%;
}

#onshitsu .btn_area div{
	float: left;
	width:24%;
}

#onshitsu .btn_area .btn_center{
	margin: 0 0.5% 0 1%;
}

#onshitsu .btn_area .btn_center2{
	margin: 0 1% 0 0.5%;
}


#onshitsu .bnr_area a:hover{
	opacity: 0.7;
}

#onshitsu .btn_area div img{
	width:100%;
}

#onshitsu .btn_area div a:hover{
	opacity: 0.7;
}

#navi_outer{
	background-color: #fff;
	width: 100%;

}

#navi{
	max-width: 1200px;
	margin: 0 auto;
}


#navi #tab {
	display: inline-block;
	margin: 20px auto 30px;
	padding: 2px;
}

#navi #tab li {
	float:left;
	display: inline;
	list-style:none;
	border:none;
	padding:10px 15px;
	border-left:1px solid #000;
	font-size: 20px;
}

#navi #tab li:last-child{
	/*border-right:1px solid #000;*/
}

#onshitsu .content span.notice{
	font-size:12px !important;
	/*color:#83838f;*/
}

#onshitsu .content #onshitsu_slide03 p{
	text-align:left;
}


div.notice{
	text-align:right;
	font-size:12px;
}
.notice{
	font-size:12px;
}
.note2{
	color:#c93434;
	font-size:12px;
	padding-left:1em;
}


.hireso{
	padding-top:30px;
}

.hireso .hireso1{
	float:left;
	max-width:37.6%;	/* 376/1000 */

}
.hireso .hireso1 p{
	text-align:left;
}
.hireso .hireso2{
	float:right;
	max-width:59.1%;	/*591/1000 */
}
.hireso .hireso2 img{
	max-width:591px;
	width:100%;
}


@media(max-width:1059px) and (min-width:768px){
/* 1059px〜768px */

	.note2{
		display:block;
		padding-left:0;
	}


	#onshitsu{
		width:700px;
		margin:0 auto;
	}

	#onshitsu h4{
		width:700px;
	}


	#onshitsu .slide_open .slide_title img{
		width:520px;
		padding-top: 3px;
	}

	#onshitsu #onshitsu_slide04 .slide_open .slide_title img{
		width:500px;
		padding-top: 3px;
	}

	#onshitsu #onshitsu_slide01 .slide_open .slide_title img{
		width:460px;
		padding-top: 3px;
	}



	#onshitsu div#nyuryoku   div.h4inner.fixed,
	#onshitsu div#shori div.h4inner.fixed,
	#onshitsu div#speaker div.h4inner.fixed{
		position: fixed;
		top:0;
		left:0;
		z-index:100;
		background-color:#fff;
		width:100% !important;
	}


	#onshitsu .content{
		width: 700px;

	}



	#onshitsu .content .onshitsu_logo{
		position:static;
	}







}



@media(max-width:1024px){
	.sp2{
		display:block !important;
	}
	.pc2{
		display:none !important;
	}
}


@media(max-width:768px){
	.sp3{
		display:block !important;
	}
	.pc3{
		display:none !important;
	}
}




@media(max-width:767px) and (min-width:640px){
/* 767px〜640px */


	#onshitsu_head p.pagetitle{
		font-size:24px;
	}

	.note2{
		display:block;
		padding-left:0;
	}
	#onshitsu{
		width:600px;
		margin:0 auto;
	}


	#onshitsu .content{
		width: 600px;
		margin: 0 auto 90px;
		padding: 0 0 90px;
	}

	
	#onshitsu_head .titlecopy br{
		display: none;
	}
	

	#onshitsu h4{
		width:600px;
		margin-bottom: 30px;
	}
	
	#onshitsu .slide_open .slide_title img{
		width:480px;
		padding-top: 5px;
	}

	#onshitsu div#nyuryoku   div.h4inner.fixed,
	#onshitsu div#shori div.h4inner.fixed,
	#onshitsu div#speaker div.h4inner.fixed{
		position: fixed;
		top:0;
		left:0;
		z-index:100;
		background-color:#fff;
		width:100% !important;
	}


	

	#gashitsu #footer_menu h2{
		font-size: 18px;
	}

	#onshitsu .content .onshitsu_logo{
		position:static;
	}

	#onshitsu .bnr_area img{
		width:100%;
	}


}


@media(max-width:640px){
	.sp{
		display:block !important;
	}
	.pc{
		display:none !important;
	}
}



@media(max-width:639px){
/* 639px〜320px */

	#onshitsu_head p.pagetitle{
		font-size:20px;
	}


	
	#onshitsu_head .onshitsu1{
		width:100%;
		max-width:640px;
		float:none;
		padding-bottom:20px;
		margin:0 auto;
	}
	
	
	#onshitsu_head .onshitsu2{
		width:100%;
		max-width:640px;
		float:none;
		padding-bottom:20px;
		margin:0 auto;
		text-align:center;
	}



	.note2{
		display:block;
		padding-left:0;
	}

	.display_pc{
		display: none;
	}
	
	.display_sp{
		display: block;
	}

	#onshitsu{
		padding-left:10px;
		padding-right:10px;
		width: calc(100% - 20px);
		min-width:300px;
		margin:0 auto;
	}

	#onshitsu .content{
		/*width: 280px;*/
		width:100%;
	}
	
	#onshitsu .titlecopy br{
		display: none;
	}


	
	#onshitsu h3{
		/*font-size: 26px;*/
	}
	
	#onshitsu .titlecopy{
		font-size: 14px;
		text-align: left;
	}




	#onshitsu .speakerimg{
		max-width:1000px;
	}
	#onshitsu .speakerimg .img1{
		width:100%;
		float:none;
	}
	#onshitsu .speakerimg .img2{
		width:100%;
		float:none;
	}
	
	
	
	#onshitsu .acousticimg .img1{
		width:100%;
		float:none;
	}
	#onshitsu .acousticimg .img2{
		width:100%;
		float:none;
	}










	
	#onshitsu .slide_open .slide_arrow{
		width: 28px;
	}
	
	#onshitsu .slide_open .slide_title img{
		width:248px;
		height:auto;
		margin:0 auto;
	}

	#onshitsu #onshitsu_slide01 .slide_open .slide_title img{
		width:240px;
		height:auto;
		margin:0 auto;
	}

	#onshitsu #onshitsu_slide04 .slide_open .slide_title img{
		width:176px;
		height:auto;
		margin:0 auto;
	}
		
	
	div.fixlabel {
		height: 60px;
	}
	
	div.fixlabel img{
		width: 170px;
		height: auto;
	}

	#onshitsu h4{
		width:280px;
		font-size: 28px;
		margin: 0 auto 20px;
	}
	
	
	#onshitsu h4 img{
		display: none;
	}
	
	#gashitsu h4 span{
		display: block;
		font-size: 30px;
		font-weight: 100;
	}

	#onshitsu div#nyuryoku   div.h4inner.fixed,
	#onshitsu div#shori div.h4inner.fixed,
	#onshitsu div#speaker div.h4inner.fixed{
		position: fixed;
		top:0;
		left:0;
		z-index:100;
		background-color:#fff;
		width:100% !important;
	}

	#onshitsu div#nyuryoku   div.h4inner.fixed h4,
	#onshitsu div#shori div.h4inner.fixed h4,
	#onshitsu div#speaker div.h4inner.fixed h4{
		visibility:hidden;
		border-bottom:none;
	}
	
	#tokucho_top .line{
		margin-bottom:20px;
	}
		
	#onshitsu .shoulder{
		text-align: left;
		font-size: 16px !important;
		line-height: 1.2;
	}

	#onshitsu h5{
		/*text-align: left;
		font-size: 22px;
		line-height: 1.2;*/
	}
	
	#onshitsu .text{
		text-align: left;
	}
	
	#onshitsu .text br{
		display: none;
	}

	
	#onshitsu .gaiyou{
		margin: 0 auto 20px;
	}
	
	#onshitsu .slidedown .slidedown_inner .slidedown_model{
		text-align: left;
	}
	
	#onshitsu .content{
		margin: 0 auto 30px;
		padding: 0 0 30px;
	}
	




	#onshitsu .model_list table{
		margin-bottom: 30px;
	}

	#onshitsu .model_list table th.emp{
		display:none;
	}
	
	#onshitsu .model_list table th{
		display:inline;
		border:none;
		padding:3px;
	}
	
	#onshitsu .model_list table th img{
		width: 140px;
		height: auto;
		margin-bottom: 20px;
	}
	
	#onshitsu .model_list table td{
		display:none;
	}
	
	#onshitsu #footer_menu{
		border: 2px solid #cacaca;
		margin-bottom: 20px;
	}
	
	#onshitsu #footer_menu h2{
		font-size: 18px;
	}
	
	#onshitsu .btn_area div{
		float: none;
		width: auto;
	}
	
	#onshitsu .btn_area .btn_center2,
	#onshitsu .btn_area .btn_center{
		margin: 0;
	}
	
	#onshitsu .content .onshitsu_logo{
		position:static;
		text-align:center;
		padding:20px 0;
	}

	 #navi #tab{
		display:block;
		padding:0;
	}

	#navi #tab li {
		float:none;
		display:block;
		padding:5px;
		border-top:1px solid #c0c0c0;
		border-right:1px solid #c0c0c0;
		border-left:1px solid #c0c0c0;
		font-size:16px;
		background-image:url("../images/menu_arrow.jpg");
		background-repeat:no-repeat;
		background-position: right 10px center;
	}

	#navi #tab li:last-child{
		border-right:1px solid #c0c0c0;
		border-left:1px solid #c0c0c0;
		border-bottom:1px solid #c0c0c0;
	}

	#onshitsu_head .shoulder {
		font-size: 24px !important;
	}

	#onshitsu_head h3, #gashitsu h3 {
		/*font-size: 18px;*/
	}


	.hireso{
		padding-top:30px;
	}
	
	.hireso .hireso1{
		float:none;
		max-width:100%;
	
	}
	.hireso .hireso1 p{
		text-align:left;
	}
	.hireso .hireso2{
		float:none;
		max-width:100%;
		text-align:center;
	}
	.hireso .hireso2 img{
		max-width:591px;
		width:100%;
	}



}