@charset "UTF-8";


@media screen and (max-width: 768px) {
	
	
/* ==== head ==== */
.head_main{
	font-size: 130%;
}

.content_head{
	padding: 20px 0px 70px 0px;
}

.head_main span{
	font-size: 75%;
}

.head_def_b{
	font-size: 112.5%;
}

.head_def_b_l{
	font-size: 112.5%;
}

.head_def_b_l_double{
	font-size: 112.5%;
}

.head_def_b_l span{
	font-size: 12px;
}

.head_def_g{
	font-size: 112.5%;
}

.head_def_g_l{
	font-size: 112.5%;
}

.head_def_g_l span{
	font-size: 12px;
}

.top_head h1{
	font-size: 80%;
}

/* ==== design ==== */
.grp{
	margin-bottom: 2em;
}

.sec{
	clear: both;
	margin-bottom: 4em;
}

.sec_line{
	padding-bottom: 1em;
	margin-bottom: 2em;
}

.video_area{
	margin: 0 0 20px 0;
	width: 100%;
}

.video_area_inner{
	width: 100%;
}

.flower{
	padding-top: 60px;
	background: url(../img/bg_flower.png) no-repeat center top;
	-moz-background-size: auto 30px;
	-webkit-background-size: auto 30px;
	-o-background-size: auto 30px;
	background-size: auto 30px;
}

.flower_bottom{
	padding-bottom: 60px;
	background: url(../img/bg_flower.png) no-repeat center bottom; 
	-moz-background-size: auto 30px;
	-webkit-background-size: auto 30px;
	-o-background-size: auto 30px;
	background-size: auto 30px;
}

.side_r{ float: none; margin-left: 0; text-align: center; display: block; margin-left: auto;margin-right: auto;}
.side_l{ float: none; margin-right: 0; text-align: center; display: block; margin-left: auto;margin-right: auto;}

/* ==== link ==== */

.btn_more_grn:hover,
.btn_more_grn{ display: block; margin-bottom: 5px;}

.btn_more:hover,
.btn_more{ display: block; margin-bottom: 5px;}

.btn_link_grn:hover,
 .btn_link_grn{
	 display: block;
}
.btn_link_pin:hover,
 .btn_link_pin{
	 display: block;
}

.btn_b_link:hover,
.btn_b_link{
	width: 100%;
	display: block;
	padding: 5px  20px 5px 5px;
	margin-bottom: 5px;
}

.btn_b_link:hover{
	border: 1px solid #999;
	
}

/* ==== layout ==== */

.pic_area{
	margin-left: 0;
	float: none;
	width: 100%;
	text-align: center;
}

.pic_area img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bs_main_menu .pic .no_shadow,
.pic_area .no_shadow{
	width: auto;
}

.text_area{
	margin-left: 0;
}

#brand_container img{
	max-width: 100%;
}

#brand_container #sub_area h2{
	background: #dcedf8;
	padding: 10px;
	overflow: hidden;
	border-bottom: 2px solid #4daade;
	position: relative;
}

#brand_container #sub_area h2 .btn_sub_menu{
	background: #4daade;
	color: #fff;
	padding: 5px;
	font-size: 68%;
	position: absolute;
	top: 4px;
	right: 4px;
}

#brand_container #sub_area .sub_area_nav{
	display: none;
}

#brand_container #sub_area.on .sub_area_nav{
	display: block;
}

#brand_container *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#brand_container{
	width: 100%;
	margin: auto;
	padding-top: 0; /*20181109 ヘッダーリニューアル適応につきSTEK修正対応*/
}

#brand_container #main_area{
	width: auto;
	float: none;
	padding: 5px;

}

#brand_container #main_area.popup{
	width: auto;
	float: none;
	padding: 5px;
}

.pop_head{
	background: #6aaad8;
	padding: 10px 0;
	text-align: center;
}

.pop_head img{
	max-width: 80%;
}

.pop_foot{
	background: #6aaad8;
	padding: 10px 0;
}

#brand_container #sub_area{
	width: 100%;
	float: none;
	background: #fff;
}

#brand_container #sub_area.fix{
	position: fixed;
}


	
	.pc_i{ display: none;}
	.pc_b{ display: none;}
	.sp_i{ display: inline;}
	.sp_b{ display: block;}
	
	#brand_container #main_area .pic{
		text-align: center;
		float: none;
		margin: 0 0 1em 0;
	}


	/* ==== top ==== */
	#brand_container #main_area.index_page{
		-moz-background-size: 80% auto;
		-webkit-background-size: 80% auto;
		-o-background-size: 80% auto;
		background-size: 80% auto;
		background-position: center top;
	}
	
	#brand_container .index_page_2{
		background: url(../img/bg_index_2.jpg) 100% 50% no-repeat;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
	#brand_container #main_area .index_read{
		margin-bottom: 5em;
		}
	#brand_container #main_area .index_menu h3{
		padding-top: 0;
		margin-bottom: 0.5em;
	}
	#brand_container #main_area .index_menu .pic{
		float: none;
		width: 100%;
	}

	#brand_container #main_area .mes_read{
		font-size:112.5%;
		padding: 2em 0;
	}
	/* ==== bs_main_menu ==== */
	
		
	#brand_container #main_area .bs_main_menu{
	}
	
	#brand_container #main_area .bs_main_menu li{
		float: none;
		margin-bottom: 1em;
		width: 100%;
	}
	
	#brand_container #main_area .bs_main_menu .two{
		float: none;
	}
	
	#brand_container #main_area .bs_main_menu .thr{
		clear: both;
	}
	
	#brand_container #main_area .bs_main_menu h3{
		color: #6b9ed2;
		position: relative;
		border-bottom: 1px dotted #ddd;
		padding:5px 0;
	}
	
	#brand_container #main_area .bs_main_menu h3 .btn_more{
		position: static;
		display: block;
		font-size: 10px;
		margin-top: 5px;
	}
	
	#brand_container #main_area{
		-moz-background-size: 80% auto !important;
		-webkit-background-size: 80% auto !important;
		-o-background-size: 80% auto !important;
		background-size: 80% auto !important;
		background-position: center top;
	}

	.lc_omoi_menu li{
		width: 100%;
		float: none;
	}
	
	.lc_omoi_menu .two{
		float: none;
	}
	
	.lc_omoi_menu .thr{
		clear: both;
	}

	.kodawari_menu{
		width: 100%;
		overflow: hidden;
	}
	
	#brand_container #main_area .kodawari_menu ul{
		width: 100%;
	}
	
	.kodawari_menu li{
		width: 100%;
		margin-right: 0;
		float: none;
		text-align: center;
	}
	.kodawari_menu li:nth-child(4n){
	}
	.nule_make{
	width: auto;
	padding: 10px;
}
	
#brand_container #main_area .nule_make .bs_main_menu li{
	width: 100%;
}

	.life_episode{
		width: auto;
		padding: 10px;
		border: 1px solid #6b9ed2;
		margin-bottom: 2em;
	}
	
	.life_episode .pic{
		float: none;
		margin-left: 0;
	}
	
	.movie_index{
		background: none;
		-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	}

	.imp_menu li{
		width: 100%;
		margin-right: 0;
		float: none;
	}
	
	.imp_menu li.thr{
		margin-right: 0;
	}
	
	.service_menu li{
		width: 49.5% !important;
		float: left;
		margin: 0 0 7px 0;
		text-align: center;
	}
	
	.service_menu li:nth-child(2n){
		margin: 0 0 7px 0;
		float: right;
	}
	
	.service_menu li:nth-child(2n+1){
		clear: both;
	}

	.service_menu li:nth-child(3n+1){
		clear: none;
	}
	
	/* ==== サービス概要の時はフロート解除しない ==== */
		.lc_introduction ul p,.lc_introduction ul h3{
			margin-left: 90px;
		}
	 .lc_introduction .side_l,
	 .lc_service .side_l{
		 float: left;
		 margin-right: 10px;
		 width: 80px;
		 margin-left: 0;
		}
		
		#brand_container #main_area .bs_main_menu .btn_more{ min-width: 0}

		.staff_group{
			overflow: visible;
		}
		
		.staff_group ul{
			width: 100%;
		}
		#brand_container #main_area .staff_group li{
			width: 100%;
			float: none;
			min-height: 0;
			margin: 0 0 40px 0;
		 	-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.staff_group li:nth-child(3n){
		}
		.staff_group li:nth-child(3n+1){
			clear: both;
		}
		#brand_container #main_area .staff_group p{
			padding: 0;
			margin: 0;
		}
		#brand_container #main_area .staff_group .pic{
			width: 90px;
			float: left;
			text-align: center;
			margin-right: 10px;
		}

	#brand_container #main_area .sec_concept{
		width: auto;
		margin-bottom: 1em;
		border: 1px solid #d5e4f2;
		padding: 5px;
	}
	
	#brand_container #main_area .sec_concept h3,
	#brand_container #main_area .sec_concept p{
		margin-left: 0;
	}
	
	#brand_container #main_area .sec_concept .pic{
		width: 100%;
		margin-left: 0;
		float: none;
		text-align: center;
	}


	#brand_container #main_area .company_data_area{
		background: none;
	
	}
	
	.staff_group{
		width: 100%;
	}
	
	.service_link_group ul{
		width: 100%;
	}
	#brand_container #main_area .service_link_group li{
		width: 100%;
		float: none;
		margin: 0 0 40px 5px;
	}
	.service_link_group li:nth-child(3n){
	}
	.service_link_group li:nth-child(3n+1){
		clear: both;
	}

	#brand_container #main_area .history_list{
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
	

	#brand_container #main_area .history_foot img,
	#brand_container #main_area .history_list_tit img,
	#brand_container #main_area .history_list img{
		width: 100%;
	}


	#brand_container #main_area .history_top_btn{
		margin: 0 0 1em 0;
		text-align: center;
	}
  
  
  /*20150910追加*/
  #brand_container #sub_area.menuFix {
    top: 81px !important;
  }
  
  /*20181109 ヘッダーリニューアル適応につきSTEK修正対応*/
  #brand_container #main_area .btn_b_link {
    box-sizing: border-box;
  }
  /*20181109 ヘッダーリニューアル適応につきSTEK修正対応*/
  #wrapper {
	margin-top: 0;
  }
  
}


/*20150910追加*/
@media screen and (max-width: 665px) {
  #brand_container #sub_area.menuFix {
	/*top: 59px !important;*/
	top: 90px !important;/*20181109 ヘッダーリニューアル適応につきSTEK修正対応*/
	z-index: 1;/*20181109 ヘッダーリニューアル適応につきSTEK修正対応*/
  }
}