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

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

#header {
	width:480px;
	margin:0 auto;
	position:relative;
	padding:30px 0px 20px 0px;
}
#wrapper_2{
	width:50px;
	float:right;
}
.header_icon{
	position:absolute;
	right:100px;
	bottom:15px;
}

.wrapper_2_respon_menu{
	margin-top:-15px;
	width:50px;
	z-index:1;
}
#global_navi ul{
	width:100px;
	height:100px;
}
#global_navi ul li{
	float:none;
	margin-right:45px;
	font-size:16px;
	text-align:left;
}
.wrapper_2_header_ul{
	margin-left:0;
	padding-left:0;
	width:60px;
}

#slide{
	width:480px;
	float:none;
	margin:0 auto;
	z-index:0;
}
#slide img{
	max-width:100%;
	margin:0 auto;
}

#wrapper_3_big {
	width:480px;
	clear:both;
	height:auto;
}
#twitter{
	width:480px;
	height:300px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:30px;
	float:none;
}

#wrapper_3_right{
	width:480px;
	height:auto;
	float:none;
	margin:0 auto;
}
#wrapper_3_right img{
	width:210px;
}
#wrapper_3_right01{
	width:480px;
	height:auto;
	float:none;
	margin-bottom:0px;
}
.right_bnr01{
	width:210px;
	float:none;
	display:inline-block;
}
#wrapper_3_right02{
	width:480px;
	height:auto;
	float:none;
}
.right_bnr02{
	width:210px;
	float:none;
	display:inline-block;	
}
.bnr_box_margin{
	margin-right:20px;
}

#wrapper_4_big{
	width:480px;
	height:100px;
}
#wrapper_4{
	width:480px;
	margin:0 auto;
}

#wrapper_5 {
	width:480px;
}
#wrapper_5 p{
	font-size:12px;
	line-height:18px;
}
.res_br{
	display:block;
}


/***************material*/
#material_wrap{
	width:480px;
	margin:80px auto 0px;
}
.m_box{
	float:left;
	width:230px;
	height:235px;
	margin-right:20px;
	margin-left:0px;
}
.m_img_box{
	width:230px;
	height:auto;
}
.m_img_box img{
	width:100%;
}
#material_wrap :nth-child(3n) {
	margin-right:20px;
}
#material_wrap :nth-child(2n) {
	margin-right:0px;
}


/******************office*/

#office_wrap{
	width:480px;
	margin:80px auto 0px;
}
#office_wrap_2{
	width:100%;
}
.office_img_box{
	display:none;
}
.company_text{
	margin-top:60px;
}
.o_center_box{
	width:380px;
	float:none;
	display:inline-block;
}
.access{
	margin-top:30px;
	display:inline-block;
	float:none;
}
.company_text p{
	font-size:14px;
}
.office_img_box_2{
	width:480px;
	display:block;
	float:left;
	margin-left:0px;
	margin-bottom:30px;
}
.office_img_box_2 img{
	width:185px;
	margin:0px;
}
.map{
	width:480px;
	float:left;
	margin-left:0px;
	height:450px;
}



/*wp */

.pankuzu {
	width:480px;
}

.wp_big {
	width:480px;
}

.wp_left {
	display:block;
	width:auto;
	margin:0 auto;
	padding:0 0 20px;
	float:none;
}

.wp_left_ul_top {
	width:auto;
	margin:0 auto;
	padding:0 30px 0 10px;
}

.wp_left_ul_top_li {
	width:100px;
	height:100px;
	margin-left:10px;
	margin-bottom:10px;
}

.wp_left_ul_top a:nth-child(4n+1) .wp_left_ul_top_li {
	margin-left:10px;
}

.wp_left_ul_cat_li {
	width:235px;
	margin-left:5px;
}

.wp_left_ul_cat_li_imgbox {
	height:235px;
}

.wp_right {
	display:block;
	max-width:280px;
	width:auto;
	margin:0 auto 30px;
	float:none;
}

.wp_single_show_display_ul {
	width:auto;
}

.wp_single_text_left {
	display:block;
	width:auto;
	margin-right:0px;
	margin-bottom:10px;
}

.wp_single_text_right {
	display:block;
	margin:0 auto;
	padding:10px 0;
}

/*wpここまで */

/*wp_riyou */

/*wp_riyouここまで */

/*wp_gift */

.wp_gift_ul01_li {
	width:235px;
	margin-left:10px;
}

.wp_gift_ul01_li:nth-child(3n+1) {
	margin-left:10px;
}

.wp_gift_ul01_li:nth-child(2n+1) {
	margin-left:0px;
}

.wp_gift_ul01_li_text {
	font-size:13px;
}

/*wp_giftここまで */

/*wp_henpin */

.wp_henpin_left {
	display:block;
	width:auto;
	margin:0 auto 20px;
}

.wp_henpin_right {
	display:block;
	width:240px;
	margin:0 auto;
}

/*wp_henpinここまで */

/*wp_reinquiry */

.wp_reinquiry_textbox {
	width:auto;
	font-size:0;
	font-size:16px;
}

/*wp_reinquiryここまで */

/*wp_toku */

/*wp_tokuここまで */

}