@charset "UTF-8";
/*
Theme Name: geeklife
Theme URI:
Author: KU
Author URI: http://localhost/
Description: http://geeklife.jp/
Version: 1.0
License: GNU General Public License v2 or later
License URI:
*/
@media screen and (min-width: 768px){
/* about_area
---------------------------------------------*/	
#about_area01{
	margin:0 auto;
	width: 1000px;
	height:50vh;
	padding-top: 3%;
}
#about_area01 .about_text{
	font-size:1.2em;
}
#about_area01 .about_fontM{
	text-align:left;
	font-size:1.2em;
}

/* item_button_cust
---------------------------------------------*/	
input.item_button_cust{
	width:250px;
	height:35px;
}
/* license
---------------------------------------------*/	
#brand_area{
	width: 1000px;
	margin: 0 auto;
	height:50vh;
	padding-top:3%;
	}
.brand_logo{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
.bl_logo{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; 
	-ms-flex-wrap    : wrap;
	width:150px;
	margin:2px;
	}
.bl_logo img{
	width:auto;
    height:auto;
	max-width: 150px;
	max-height: 150px;
	}
}
@media screen and (max-width: 767px){
#brand_area{
	width: 90%;
	margin: 0 auto;
	padding-top:3%;
	padding-bottom:10%;
	}
.brand_logo{
	}
.bl_logo{
	display:inline-block;
	width:45%;
	margin:2px;
	}
.bl_logo img{
	width:auto;
    height:auto;
	max-width: 140px;
	max-height: 140px;
	}
	
/* item_button_cust
---------------------------------------------*/	
input.item_button_cust{
	width:250px;
	height:35px;
}
/* about_area
---------------------------------------------*/	
#about_area01{
	margin:0 auto;
	height:70vh;
	padding-top: 3%;
}
#about_area01 .about_text{
	font-size:1.2em;
	color:#fff;
}
#about_area01 .about_fontM{
	text-align:left;
	font-size:1.2em;
	color:#fff;
}
}