@media screen and (max-width: 999px) {
body, #wrapper{
	width: 1000px;
	min-width: 1000px;	
}
} /* End Media 999px */


@media screen and (max-width:768px) {
h1, h2, h3, h4, h5, h6, body, html, p, li, dt, dd, pre, form, td, textarea, fieldset, em, input, select {	
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
html, body{
	font-size: 14px;
}
/* css common 
---------------------------------------------------------- */
.sp{ display: block; }
.pc{ display:none; }

body, #wrapper, .box_full{
	width: 100%;
	min-width: 100%;
}

#main, .box{
	width: 92%;
	min-width: 92%;
}

#h_box{
	padding: 0;
}
#h_left {
	width: 180px;
	padding: 18px 0 0 4%;
}
#h_right {
	width: 60px;
}

.warp{
	padding: 0;
}

/* header 
---------------------------------------------------------- */

/* hamburger */
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 36px;
	height: 30px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #FFF;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 14px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu_sp.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(14px) rotate(-45deg);
	transform: translateY(14px) rotate(-45deg);
}
.menu_sp.active span:nth-of-type(2) {
	opacity: 0;
}
.menu_sp.active span:nth-of-type(3) {
	-webkit-transform: translateY(-14px) rotate(45deg);
	transform: translateY(-14px) rotate(45deg);
}

/* top_menu */

.menu_sp {
    background: #000;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top:  15px;
    box-sizing: border-box;
}
.menu_list { margin-bottom: 25px;}
.menu_list li{
	position: relative;
	overflow: hidden;
	background: #000;
}
.menu_list a{
	display: block;
	box-sizing: border-box;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	padding: 10px 0;
	font-weight: 500;
}
.menu_list a:hover{
	color: #FFF;
}
.menu_list .acordion{ display: none;}

.menu_list ul a{ 
	font-size: 100%; 
}


.menusp_wrap{ position: relative; }
.menusp_wrap .acordion_tree_top{
	width: 100%; 
	position: absolute !important;
	max-height: 10000px !important;
	padding-bottom: 10000px;
	left: 0;
	top: 0;
	background: #000;
}
#wrapper{ overflow: hidden;}
.menusp_wrap nav{
	padding: 20px 50px 0 50px;
}

.btn_msp{
	display: block;
	border: 1px solid #FFF;
	font-size: 110%;
	padding: 15px 10px;
	margin-bottom: 10px;
	text-align: center;
}
.btn_msp img{
	width: 20px;
	margin-left: 10px;
	vertical-align: middle;
}
.btn_msp span{
	font-weight: 500;
	color: #FFF;
}
.btn_fb img{
	width: 40px;
}
/* tab_con 
---------------------------------------------------------- */
.tab_con .msg {
	width: 100%;
	margin-bottom: 4%;
}
.tab_con .img {
	width: 100%;
	text-align: center;
	
}
.tab_con.pic_l .img, .tab_con.pic_r .msg,
.tab_con.pic_l .msg, .tab_con.pic_r .img,
.tab_con.flow_picl .img,
.tab_con.flow_picr .img {
	float: none;
	margin-left: 0;
	margin-right: 0;
}


/* margin style 
---------------------------------------------------------- */
.section {
	margin-bottom:10%;
}
.container {
	margin-bottom:8%;
}
.case {
	margin-bottom:6%;
}
.pack {
	margin-bottom:4%;
}
.item {
	margin-bottom:2%;
}

/* title style 
---------------------------------------------------------- */
.title_main {
	font-size: 200%;
	margin-bottom: 20px;
}
.title_sec {
	text-align: center;
}

.title_page{
	font-size: 140%;
	margin-bottom:20px;
}

.title_black {
	margin-bottom: 20px;
}
.title_black span{
	font-size: 130%;
	padding: 15px 25px;
}

.title_line{
	font-size: 130%;
}

.title_dot{
	font-size: 140%;
	margin-bottom: 5%;
}
.title_img {
 margin-bottom: 25px;
}


/* footer 
---------------------------------------------------------- */
#scrollUp {
	width: 30px;
	height: 30px;
}
#footer {
	margin-top: 15%;
}

/*-------------------------------------------------
---- media screen for content
------------------------------------------------- */


/* page_index 
---------------------------------------------------------- */
#main_img_wrap{ margin-top: 5%;}
.page_index #news_top h3{
	position: static;
}
.page_index #news_top .more{
	position: static;
	text-align: right;
	margin-top: 15px;
	transform: none;
}
.page_index #news_top ul{
	padding-right: 0;
	padding-left: 0;
}
.page_index #news_top li em{
	padding-right: 10px;
	padding-left: 10px;
}
.page_index #news_top li span{
	width: auto;
	margin-left: 0px;
	display: block;
}

/* project */
.page_index #project li{
	width: 48%;
	margin-left: 4%;
	margin-bottom: 4%;
}
.page_index #project li:nth-child(3n+1){
	margin-left: 4%;
}
.page_index #project li:nth-child(2n+1){
	margin-left: 0;
}
/*.page_index #project .cover{
	height: 350px;
}
.page_index #project a span{
	font-size: 50px;
}
*/


/* page_about 
---------------------------------------------------------- */
.txt_intro{
	font-size: 120%;
	line-height: 1.6;
	letter-spacing:0;
}

.page_about #access p{
	float: none;
}
.page_about #access a{ 
	float: none;
	margin-top: 4%;
}



/* news detail */
.page_news .newsde{
	padding: 20px 0;
}
.page_news .newsde h4{
	margin-bottom: 20px;
}
.page_news .newsde .tb_style th{ width: 90px;}
.page_news .newsde .btn_f{
	text-align: center;
}

/* page_project 
---------------------------------------------------------- */
.page_project .txt_pj{
	font-size: 100%;
}
.page_project #xdetail li:nth-child(2){
	font-size: 80%;
}
/*.page_project #xdetail li span{
	font-size: 40px;
}*/
.page_project .writer{
	padding: 6%;
}
.page_project .writer p{
	font-size: 100%;
	line-height: 2;
	padding-top: 2%;
}
.page_project .writer .img{
	margin: 0 auto 4% auto;
}
.page_project .writer .msg{
	width: 100%;
}
.page_project #xdetail .logox span{
	font-size: 80%;
	width: 46%;
}

/* page_school 
---------------------------------------------------------- */
.needtop{
	margin-top: -15%;
}
.txt_big{
	font-size: 120%;
}
#slide li{ 
	padding: 0 30px;
}
#slide li span{
	width: auto;
	font-size: 70%;
	padding: 10px 0;
}


.page_school #fschool{
	background: url(common/images/school/bg_fl.jpg) no-repeat left bottom, url(common/images/school/bg_fr.jpg) no-repeat right bottom, url(common/images/school/bg_fc.jpg) repeat-x bottom;
	padding: 0 10px 50px 10px;
	background-size: auto 30px;
	height: auto;	
}
.page_school #fschool p{
	font-size: 120%;
	padding: 20px;
}
.page_school #fschool .fc{
	border: 6px double #000;
}
.page_school #fschool li{
	display: block;
}
.page_school #fschool li:first-child{ margin-bottom: 20px; }

.page_school #fschool li span{
	width: 80%;
}


/* page_cafe 
---------------------------------------------------------- */
.page_cafe .title_sec img{ width: 50px;}
.page_cafe .title_sec span{
	font-size: 130%;
}
.page_cafe .address{
	padding-right: 0;
}
.page_cafe .address li{
	border-bottom: 1px solid #666;
	padding: 6% 0;
}
.page_cafe .address li:first-child{
	border-top: 1px solid #666;
}
.page_cafe .address em{
	position: static;
	display: block;
	text-align: center;
	padding-top: 6%;
}


.page_cafe .col{ 
	position: relative; 
	border-bottom: 1px solid #666;
	padding: 6% 0;
}
.page_cafe .col:first-child{ 
	border-top: 1px solid #666; 
} 
.page_cafe .col .title_sec{
	position: absolute; 
	top: 50%;
	left: 4%; 
	transform: translate(0%,-50%);	
}
.page_cafe .col p{
	padding-left: 120px;
}
.page_cafe #slide_shop{ margin-top: 6%; }


.page_cafe #rental{ position: relative; }
.page_cafe #ig{	position: static; }
.page_cafe #ig .btn_ig{
	top: 17px;
	right: 10px;
}

/* page_product 
---------------------------------------------------------- */
.page_product .title_line{
	margin-bottom: 20px;
}
.page_product .container{
	padding-bottom: 8%;
	margin-bottom: 8%;
}



/* page_knowledge 
---------------------------------------------------------- */
.warp_box{
	padding: 0 2% 50px 2%;
	background-size: auto 25px;
}
.title_square span{
	min-width: 80%;
	font-size: 120%;
}
.line_double{
	padding-top: 45px;
}
.page_knowledge .txt_intro{
	font-size: 100%;
}
.page_knowledge .trigger{
	cursor: pointer;
	background: url(common/images/common/bg_ac02.png) no-repeat 97% center;
	background-size: 15px;
}
.page_knowledge .trigger.active{
	background-image: url(common/images/common/bg_ac01.png);
}
.page_knowledge .title_trigger{
	margin-top: 10px;
}
.page_knowledge .acordion{
	display: none;
}
.page_knowledge .colum{
	margin-top: 40px;
}
.page_knowledge .colum span{
	margin-top: -25px;
}
.page_knowledge .case{ margin-bottom: 8%;}

.page_knowledge #wave .col{ margin-bottom: 0;}
.page_knowledge #wave .title_trigger{
	width: 100%;
	float: none;
	text-align: center;
}
.page_knowledge #wave .acordion{
	width: 100%;
	float: none;
	padding-top: 10px;
}

.page_knowledge #wave .use .title_trigger,
.page_knowledge #wave .use .acordion { 
	width: 100%;
}
.page_knowledge #wave .troble .title_trigger{ font-size: 100%; }

.page_contact .form_rad .wpcf7-list-item{ display: block; }















} /* End Media 768px */


@media screen and (max-width:420px) {
/* tb_cell 
---------------------------------------------------------- */
.tb_cell{
	border-top: 1px solid #333;
}
.tb_cell th,
.tb_cell td{
	width: 100% !important;
	display:block;
}
.tb_cell th{
	padding-bottom: 0;
	border: none;
}
.tb_cell td{
	padding-top: 0;
}
	
/* container 
---------------------------------------------------------- */
.container .msg {
	width: 100%;
	margin-bottom: 4%;
}
.container .img {
	width: 100%;
	text-align: center;
	
}
.pic_l .img, .pic_r .msg,
.pic_l .msg, .pic_r .img,
.flow_picl .img,
.flow_picr .img {
	float: none;
	margin-left: 0;
	margin-right:0;
}


/* menu_list 
---------------------------------------------------------- */
.menu_list ul a{
	width: 82%;	
}
.menu_list .trigger{
	width: 15%;	
}

.title_img {
	padding: 0 4%;	
}
.title_img img{
	height: auto;
}
/*-------------------------------------------------
---- media screen for content
------------------------------------------------- */

/* page_index 
---------------------------------------------------------- */
/* project */
/*.page_index #project li{
	width: 100%;
	margin-left: 0%;
	margin-bottom: 6%;
}*/
.page_index #project em{
	width: 65%;
}
.page_news .newstop .img{ 
	padding-top: 60%;
}

/* page_news 
---------------------------------------------------------- */
.page_news .newstop .img,
.page_news .newstop .msg{ width: 100%; }

.page_news .newsde .msg{
	margin-bottom: 0;
	margin-top: 4%;
}
.iw-so-button-base{ text-align: center !important;}

/* page_news 
---------------------------------------------------------- */
.page_project #xdetail .logox span{
	display: none;
}
.page_project #xdetail li:nth-child(2){
	width: 70%;
	float: right;
}
.page_project #xdetail .logox img{
	width: auto;
}
.page_project #xdetail .logox{
	width: 50%;
}


/* page_project 
---------------------------------------------------------- */
.page_project .writer .img{
	width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: 4%;
}
.page_project .writer p{
	clear: both;
}


/* page_product 
---------------------------------------------------------- */
.page_product .img{ width: 100%; margin-bottom: 4%; }
.page_product .msg{ width: 100%; margin-bottom: 0;}
.page_product .line_box .img{ width: 100%; }
.page_product .line_box .msg{ width: 100%; }
.page_product .btn_shop span{
	font-size: 110%;
}

.page_school .title_img { padding: 0 8%;}



} /* End Media 420px */

@media screen and (max-width:480px) {
	#sb_instagram.sbi_col_4 #sbi_images .sbi_item{ width: 50% !important;}
} /* End Media 480px */