/*-------------
 	General
-------------*/

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:'Noto Sans JP';
}

body {font-size:16px; color:#000000; background-color:#FFF;}
html.aichi{font-size:16px; color:#000000; background-color:#F08300;}

ul,nav{list-style:none;}

a{
	text-decoration:none;
	color:inherit;
	cursor:pointer;

	opacity:0.9;
}
a:hover{opacity:1;}
a.btn{
	color:#fff;
	border-radius:4px;
	text-transform:uppercase;
	background-color:#2196F3;
	font-weight:800;
	text-align:center;
}

hr.gifu{
	width:100%;

	border-top: 2px dashed #000000;
	margin-bottom:20px;
}
hr.aichi{
	width:100%;
	background-color: #F08300;
	border-top: 2px dashed #000000;
	margin-bottom:20px;
}
/*web font*/


/*font size*/
.fnt230 {font-size:230%;}
.fnt120 {font-size:250%;}

/*font size*/
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

/*改行クリア*/
@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}

section{display:flex; flex-direction:column; align-items:center; padding:10px 100px;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }

}

@media (max-width:1000px){
	section{padding:0 50px;}
}

@media (max-width:600px){
	section{padding:0 10px; font-size:80%;}
}

section h3.title{
	color:#000000;
	text-transform:capitalize;
	/*margin-bottom:35px;*/
	text-align:center;
}

section p{
	max-width:800px;
	text-align:center;
	/*margin-bottom:10px;*/
	padding:0 10px;
	line-height:2;
}

ul.grid{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}


/*-------------
 	Header
-------------*/

header{

	align-items:center;
	text-align:center;
	color:#000;
	background: url(../img/ev_2109/head.jpg);
	background-repeat: repeat-x;
	background-size:auto;
	position: relative;
	height:200px;}

@media (max-width:1000px){
	header{padding:20px 50px; height:150px; background-size:250%;}
}

@media (max-width:700px){
	header{flex-direction:column;}
	header h2{margin-bottom:15px;}
}


.under {
  background: linear-gradient(transparent 40%, #FFF100 40%);
}
/*----------------
 	Hero Section
----------------*/

.hero{
	position:relative;
	justify-content:center;
	min-height:100vh;
	color:#fff;
	text-align:center;
}

.hero .background-image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-color:#2196F3;
	z-index:-1;
}

.hero .background-image:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#414a4f;
	opacity:0;
}

.hero h1{
	font:bold 60px 'Open Sans', sans-serif;
	margin-bottom:15px;
}

.hero h3{
	font:normal 28px 'Open Sans', sans-serif;
	margin-bottom:40px;
}

.hero a.btn{padding:20px 46px;}

@media (max-width:800px){
	.hero{min-height:600px;}
	.hero h1{font-size:48px;}
	.hero h3{font-size:24px;}
	.hero a.btn{padding:15px 40px;}
}



/*--------------------
 	Our Work Section
---------------------*/

.our-work{
	/*background-color:#fff;*/
}

.our-work .grid li{
	padding:5px;
	height:350px;
	border-radius:3px;

	background-clip:content-box;
	background-size:cover;
	background-position:center;
	/*background-color:#333;*/
}

.our-work .grid li.small{
	flex-basis:40%;
}

.our-work .grid li.large{
	flex-basis:60%;
}


@media (max-width:1000px){

	.our-work .grid li.small,
	.our-work .grid li.large{
		flex-basis:100%;
	}

}



/*----------------------
 	Features Section
----------------------*/

.features{background-color:#f7f7f7;}

.features .grid li{
	padding:0 10px;
	flex-basis:25%;
	text-align:center;
}

.features .grid li i{
    font-size:50px;
    color:#2196F3;
    margin-bottom:25px;
}

.features .grid li h4{color:#555; font-size:20px; margin-bottom:25px;}

.features .grid li p{margin:0;}
@media (max-width:1000px){
	.features .grid li{flex-basis:70%; margin-bottom:65px;}
	.features .grid li:last-child{margin-bottom:0;}
}
@media (max-width:600px){
	.features .grid li{flex-basis:100%;}
}



/*-------------
 	Footer
-------------*/

footer {

	align-items:center;
	text-align:center;
	color:#000;
	background: url(../img/ev_2109/footer.jpg);
	background-repeat: repeat-x;
	background-size:auto;
	background-position: left 0 bottom 0;
	/*position: relative;*/
	height:200px;}

}

footer ul {display:flex; margin-bottom:25px; font-size:32px;}

footer ul li {margin:0 8px;}
footer ul li:first-child {margin-left:0;}
footer ul li:last-child {margin-right:0;}
footer p{
	text-transform:uppercase;
	font-size:14px;
	/*margin-bottom:10px;*/
}

footer p a {color:#FFF;}

@media (max-width:1000px){
	footer { padding-top:30px; height:150px; background-size:250%;}
}


/* -- Demo ads -- */

@media (max-width:1200px) {
	#bsaHolder{display:none;}
}