.inner {
	width: 1000px;
}

.slider-area {
	display: block;
	position: relative;
	overflow: hidden;
	max-height: 650px;
	/*	margin-left: auto;*/
/*	width: 79%;*/
	height: 650px;
	min-height: 650px;
	padding-left: 273px;
}
.slider-area .slider div{
	height: 570px;
}
.slider-area img {
		width: 100%;
/*	width: auto;*/
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: inherit;
}
.slider-area .my-dots {
	position: relative;
	top: unset;
	left: unset;
}

.main-top .txt-area {
	position: absolute;
	top: 422px;
	left: 100px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1;
}
.main-top .main_top_txt {
	width: 441px;
}
#slideshow {
	position: relative;
}
#slideshow img {
	position: absolute;
	height: 100%;
	z-index: 8;
	opacity: 0.0;
}
#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow img.last-active {
	z-index: 9;
}
h2 {
	font-weight : bold;
	font-size : 86px;
	line-height : 92.82px;
	letter-spacing : 4.3px;
	color : #B8C3B8;
}
h3 {
	font-size : 20px;
	line-height : 93.7px;
	letter-spacing : 1px;
	color : #1A1A1A;
}
.main-top {
	/*	headerのheight分空ける*/
	padding-top: 70px;
}

.sec1 {
	font-size : 15px;
	line-height : 32.5px;
	letter-spacing : 2.7px;
	color : #1A1A1A;
	padding-top: 110px;
	padding-bottom: 190px;
}
.sec1article>li:nth-child(1) {
	flex-basis: 380px;
	min-width: 380px;
}
.sec1txt {
	justify-content: flex-start;
}
.sec1txt>li:nth-child(1) {
	flex-basis: 420px;
	min-width: 420px;
}
.sec1txt>li:nth-child(2) {
	padding-left: 10px;
}
.sec2 {
	position: relative;
	background-color: #F4F0EB;
	padding-bottom: 120px;
}
.sec2 .inner {
	position: relative;
}
.sec2bakimg {
	position: absolute;
	top: -88px;
	left: 830px;
/*	width: 100%;*/
}
.sec2title {
	position: relative;
}
.sec2 h2 {
	position: absolute;
	top: -48px;
	left: 0px;
}
.sec2 h3 {
	line-height: 170px;
}
.sec2txt {
	display: block;
	width: 406px;
	height: 286px;
	position: relative;
	font-size : 14px;
	line-height : 32.5px;
	letter-spacing : 2.52px;
	color: #ffffff;
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 30px;
	margin: -72px auto 0px;
}
.sec2txt h5 {
	font-size : 24px;
	line-height : 60px;
	letter-spacing : 1.2px;
	text-align: center;
}
.sec2txt .linkbtn {
	vertical-align: bottom;
	margin: 40px auto 0px;
}
.sec2 ul li:nth-child(1) .sec2txt {
	background-color: #2D5A6E;
}
.sec2 ul li:nth-child(2) .sec2txt {
	background-color: #46643C;
}
.sec2 ul li:nth-child(1) .sec2txt .linkbtn:hover {
	background-color: #ffffff;
}
.sec2 ul li:nth-child(1) .sec2txt .linkbtn:hover a{
	color: #2D5A6E;
}
.sec2 ul li:nth-child(2) .sec2txt .linkbtn:hover {
	background-color: #ffffff;
}
.sec2 ul li:nth-child(2) .sec2txt .linkbtn:hover a{
	color: #46643C;
}
.sec3 {
	height: 876px;/* (仮)*/
	padding-top: 120px;
}
.sec3data .detail {
	display: none;
}
.sec3data .detail.active {
	display: block;
}
.sec3data .detail .thumbnail {
	position: absolute;
	top: -220px;
	right: 0;
	width: 656px;
	height: 457px;
}
.sec3data .detail .txtarea {
	background : #FFFFFF;
	border-style : Solid;
	border-color : #CCCCCC;
	border-width : 1px;
	display: inline-block;
	min-width: 400px;
	width: 400px;
	min-height: 320px;
	position: relative;
	top: -20px;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 50px;
}
.sec3data .detail .txtarea .categoryname {
	min-width: 160px;
	max-width: 250px;
	height: 30px;
	font-size : 12px;
	line-height : 30px;
	letter-spacing : 1.8px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: -15px;
	left: 30px;
	border-radius : 15px;
	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;
}
.sec3data .detail .txtarea .products {
	background : #2D5A6E;
}
.sec3data .detail .txtarea .facilities {
	background : #46643C;
}
.sec3data .detail .txtarea .casestudies {
	background : #C7B299;
}
.sec3data .detail .txtarea .categorytitle h3 {
	font-size : 22px;
	line-height : 45.7px;
	letter-spacing : 1.1px;
	color : #1A1A1A;
}
.sec3data .detail .txtarea .clientname {
	position: absolute;
	bottom: 75px;
	font-size : 16px;
	line-height : 32.5px;
	letter-spacing : 3.24px;
	color : #1A1A1A;
}
.sec3data .detail .txtarea .productname {
	display: table-cell;
	position: absolute;
	bottom: 30px;
	font-size : 12px;
	line-height : 30px;
	letter-spacing : 1.8px;
	color : #46643C;
	padding-left: 20px;
	padding-right: 20px;
	width: auto;
	height: 30px;
	border-style : Solid;
	border-color : #46643C;
	border-color : rgba(70, 100, 60, 1);
	border-width : 1px;
	border-radius : 30px;
	-moz-border-radius : 30px;
	-webkit-border-radius : 30px;
}
.sec3data .detail .txtarea a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sec3data .page {
	color: #B8C3B8;
}
.sec3data .pager {
	position: absolute;
	bottom: 0;
	left: 425px;
}
.sec3data .pager .prev_post {
	position: relative;
	display: inline-block;
}
.sec3data .pager .next_post {
	position: relative;
	display: inline-block;
}
.sec3data .pager .prev_post a, .sec3data .pager .next_post a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.sec3data .pager .prev_post:hover,
.sec3data .pager .next_post:hover {
  opacity: 1;
  -webkit-animation: flash 2s;
  animation: flash 2s;
}
@-webkit-keyframes flash {
  0% { opacity: .6; }
  100% { opacity: 1; }
}
@keyframes flash {
  0% { opacity: .6; }
  100% { opacity: 1; }
}

.sec3 .linkbtn {
	border-color: #123814;
	color: #123814;
	position: absolute;
	right: 0;
	bottom: 0;
}
.sec3 .linkbtn:hover {
	background-color: #123814;
}
.sec3 .linkbtn:hover a{
	color: #ffffff;
}
.sec4 {
	position: relative;
	width: 100%;
	height: 503px;
}
/*
.sec4 img {
	width: 100%;
}
*/
.sec4 .inner {
	position: relative;
}
.sec4txt {
	position: absolute;
	/*	width: 100%;*/
	color: #ffffff;
	padding-top: 108px;
	font-size: 15px;
	line-height: 34px;
	font-weight: 200;
}
.sec4txt h2 {
	font-weight : bold;
	font-size : 80px;
	line-height : 90px;
	letter-spacing : 4px;
	color : #FFFFFF;
	opacity : 0.5;
 filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.sec4 h3 {
	font-size : 20px;
	line-height : 84px;
	letter-spacing : 1px;
	color : #FFFFFF;
}
.sec4txt .linkbtn {
	margin-top: 30px;
}
.sec4txt .linkbtn:hover {
	background-color: #ffffff;
}
.sec4txt .linkbtn:hover a{
	color: #1a1a1a;
}
.sec4::before {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.sec5 ul li {
	position: relative;
	width: 33.333333334%;
}
.sec5panel {
	position: relative;
}
.sec5panel a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sec5 {
	position: relative;
	padding-top: 120px;
	padding-bottom: 55px;
	-webkit-transition: all 1.3s ease;
	-moz-transition: all 1.3s ease;
	-o-transition: all 1.3s ease;
	transition: all 1.3s ease;
}
.sec5img {
	overflow: hidden;
}
/*
.sec5img img {
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
*/
.sec5img::before {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.sec5panel:hover > .sec5img::before {
	opacity: 0.3;
}
/*
.sec5panel:hover > .sec5img>img {
	transform: scale(1.2);
}
*/

.sec5txt {
	position: absolute;
	text-align: center;
	top: 35%;
	left: 0px;
	width: 100%;
	color: #ffffff;
}
.sec5txt h2 {
	font-weight : bold;
	font-size : 42px;
	line-height : 60.69px;
	letter-spacing : 6.3px;
	color: inherit;
}
.sec5txt h3 {
	font-size : 16px;
	line-height : 59.97px;
	letter-spacing : 0.8px;
	color: inherit;
}

/*----------------------------------------------------------------------------------------------------------*/
/*                  ◆◆◆◆◆◆◆◆  レスポンシブ   ◆◆◆◆◆◆◆◆◆                         */
/*----------------------------------------------------------------------------------------------------------*/

@media all and (min-width: 0) and (max-width: 767px) {
.slider-area {
	overflow: unset;
	min-height: unset;
	max-height: unset;
	width: 100%;
	height: 550px;
	padding-left: 0px;
}
.slider-area .slider div{
	height: 400px;
}
.inner {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.innerwide {
	max-width: none;
	min-width: inherit;
	padding-left: 5%;
	padding-right: 5%;
}
.main-top {
	height: auto;
	padding-top: 50px;
}
.main-top .topimg {
	width: 100%;
	height: auto;
	position: static;
	margin-left: 0px;
}
.main-top .txt-area {
	transform: unset;
	padding: 20px 15px;
	position: absolute;
	top: 225px;
	left: 10px;
}
.main-top .main_top_txt {
	width: 320px;
}

.slider-area img {
	width: 100%;
}
.main-top .my-dots {
	position: absolute;
	top: 550px;
	left: 20%;
}
	
h2 {
	font-size : 50px;
	line-height : 46.41px;
	letter-spacing : 2.5px;
}
h3 {
	font-size : 18px;
	line-height : 46px;
	letter-spacing : 1px;
	color : #1A1A1A;
}
.sec1 {
	padding-bottom: 80px;
}
.sec1article {
	flex-direction: column;
}
.sec1article>li:nth-child(1) {
	flex-basis: auto;
	min-width: inherit;
}
.sec1article>li:nth-child(1) h3 {
	flex-wrap: nowrap;
}
.sec1txt>li:nth-child(1) {
	flex-basis: 65%;
	min-width: 65%;
}
.sec2 {
	padding-bottom: 60px;
}
.sec2 h2 {
	top: -21px;
}
.sec2 h3 {
	line-height: 94px;
}
.sec2 .inner .flex {
	flex-direction: column;
}
.sec2 .inner ul li:nth-child(2) {
	margin-top: 60px;
}
.sec2txt {
	width: 90%;
	height: auto;
	padding-bottom: 25px;
	margin: -42px auto 0px;
}
.sec2txt h5 {
	font-size: 18px;
	line-height: 54px;
}
.sec2txt .linkbtn {
	margin: 28px auto 0px;
}
.sec2bakimg {
	display: none;
}
.sec3 {
	height: auto;
	padding-top: 80px;
	padding-bottom: 60px;
	}
	.sec3data .detail .thumbnail{
		position: static;
		width: 100%;
		height: inherit;
		top: inherit;
		right: inherit;
	}
.sec3data .detail .txtarea {
	position: relative;
	width: 90%;
	top: -30px;
	left: 5%;
	min-width: inherit;
	min-height: inherit;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: inherit;
	padding-bottom: 20px;
}
.sec3data .detail .txtarea .date{
	position: relative;
	top: -20px;
	}
.sec3data .detail .txtarea .categorytitle{
	position: relative;
	top: -20px;
	}
.sec3data .detail .txtarea .clientname{
	position: static;
	font-size: 14px;
	}
.sec3data .detail .txtarea .productname{
	position: static;
	}

	
	
	.sec3data .pager{
		position: relative;
		display: table;
		margin: 0 auto;
		bottom: inherit;
		left: inherit;
		margin-bottom: 30px;
		top: -30px;
	}
	.sec3data .pager .next_post{
		margin-left: 10px;
	}
	
.sec3 .linkbtn {
	position: static;
	margin: 0 auto;
	width: 100%;
}
.sec4 h2 {
	font-size: 50px;
	line-height: 64px;
}
.sec4txt {
	padding-top: 70px;
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
}
.sec4 h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
}
	
	.sec4txt .linkbtn{
		width: 100%;
	}
.sec5 {
	padding-top: 50px;
	padding-bottom: 120px;
}
.sec5 .flex {
	flex-direction: column;
}
.sec5 ul li {
	position: static;
	width: 100%;
	margin-bottom: 10px;
}
.sec5txt h2 {
	font-size: 35px;
}
.sec5txt h3 {
	font-size: 15px;
	line-height: 26px;
}
}