@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/
.header-logo {
  width: 25%;
}


.project-grid .box {
  text-decoration: none;
}

.nav-item a {
  font-size: 18px;
  margin-right:20px;
}

.sec1-text,.sec1-title {
  padding-bottom:20px !important;
} 

section div#contents article div.flex {
	flex-wrap: wrap;
	flex-direction: row !important;
}
.flex_images {
	width:100% !important;
}
.slider{
		padding-top:46px;/*戻るボタンの高さ分あけてます*/
		width:100%;/* スライダーの幅を指定*/
		list-style:none;
	}
.slick-arrow:before{
	content:""!important;
}
.flex2 {
	display:flex;
	justify-content:space-between;
	align-aitem:center;
}
.flex2 .box:nth-child(1) {
	width:58%;
}
.flex2 .box:nth-child(2) {
	width:40%;
}
.flex2.rpp {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-aitem:center;
}
.flex2.rpp .box {
	width:48% !important;
}
.flex3 {
	display:flex;
	align-aitem:center;
}
.flex3 .box {
	width:33%;
}

@media screen and (max-width: 1250px){
	.header {
		padding: 80px 40px 30px 40px;
	}
	.header-logo {
		width: 40%;
	}
	.header-inner {
		display:block;
	}
	.nav-list {
    		display: block;
	}
}


/* ###################################################### */

@media screen and (max-width: 1062px){

.nav-item a {
  font-size:16px;
}
}

/* ###################################################### */

@media screen and (max-width: 942px){

.nav-item a {
  font-size:13px;
}
}


@media screen and (max-width: 834px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

.header {
  display: flex;
}
.header-logo {
  width: 72%;
  margin: 10px auto 0;
}
.header-inner {
  margin: 10px auto 0;
}
.flex2 {
	display:block;
}
.flex2 .box:nth-child(1) {
	width:100%;
	margin-bottom:5%;
}
.flex2 .box:nth-child(2) {
	width:100%;
}
.flex2 .box {
	text-align:center;
} 
.flex2.rpp .box {
	width:100% !important;
	padding-top:3%;
} 


/* tablet END ###################################################### */
}
@media screen and (max-width: 640px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

/* smartphone END ################################################## */
}