/* Scss Document */

#key .kv {
	height: 900px;
}
#key .kv01 {
	background: url(../img/index/key01.jpg) no-repeat center;
	background-size: cover;
}
#key .kv02 {
	background: url(../img/index/key02.jpg) no-repeat center;
	background-size: cover;
}
#key .kv03 {
	background: url(../img/index/key03.jpg) no-repeat center;
	background-size: cover;
}
#key .kv04 {
	background: url(../img/index/key04.jpg) no-repeat center;
	background-size: cover;
}

#news {
	position: relative;
	padding: 58px 0 93px;
	box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.13);
}
#news h2 {
	position: absolute;
	top: 6px;
	left: -100px;
}
#news .inside {
	display: flex;
	justify-content: space-between;
}
#news .inside .col {
	width: 446px;
	padding: 0 18px;
}
#news .inside .col h3 {
	margin: 0 auto 25px;
	text-align: center;
}
#news .inside .col .item {
	display: flex;
	justify-content: space-between;
}
#news .inside .col .item .photo {
	width: 168px;
	height: 168px;
}
#news .inside .col .item .photo span {
	width: 100%!important;
	height: 168px!important
}
#news .inside .col .item .right {
	width: 242px;
}
#news .inside .col .item dl {
	margin-bottom: 20px;
	min-height: 106px;
}
#news .inside .col .item dl dt {
	color: #636035;
	margin-bottom: 10px;
}
#news .inside .col .item .more {
	text-align: center;
	margin-right: 1px;
}
#news .inside .col .item .more a {
	display: block;
	line-height: 1;
	color: #fff;
	font-size: 14px;
	padding: 12px 0;
	background: #696e3c;
	transition: all .4s ease;
}
#news .inside .col .item .more a:hover {
	opacity: .6;
	text-decoration: none;
}
#lead {
	position: relative;
	padding-bottom: 188px;
}
#lead::before {
	content: "";
	background: url(../img/index/lead_deco01.png) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	height: 267px;
	position: absolute;
	top: 0;
	width: 667px;
	left: 0;
	right: calc(50% + 200px);
}
#lead::after {
	content: "";
	background: url(../img/index/lead_img01.png) no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	height: 579px;
	position: absolute;
	top: 0;
	right: 0;
	width: calc(50% + 100px);
}
#lead .set1 {
	position: relative;
	z-index: 2;
	margin-bottom: -193px;
	padding-top: 222px;
}
#lead .set1 dl {
	margin-left: -58px;
}
#lead .set1 dl dt {
	margin-bottom: 49px;
}
#lead .set1 dl dd {
	width: 508px;
	padding-left: 17px;
	line-height: 36px;
}
#lead .set2 {
	position: relative;
	z-index: 2;
}
#lead .set2 .box {
	width: 522px;
	margin-left: auto;
	margin-right: -126px;
}
#lead .set2 .box .txt {
	padding: 61px 31px 53px 49px;
	line-height: 36px;
	letter-spacing: 0;
}
#lead .set2 .box .btn-shared {
	margin-left: 49px;
	margin-right: 34px;
}
#lead .set2 .photo02 {
	position: absolute;
	top: 300px;
	width: 102%;
	height: 731px;
	right: calc(50% - 66px);
}
.set-c .set1 {
	position: relative;
	color: #fff;
	height: 797px;
}

#suwa .set1 {
	background: url(../img/index/suwa_img01.jpg) no-repeat center;
	background-size: cover;
}

#matsumoto .set1 {
	background: url(../img/index/matsumoto_img01.jpg) no-repeat center;
	background-size: cover;
}

.set-c .set1 dl {
	position: absolute;
	top: 253px;
	left: 0;
}
.set-c .set1 dl dt, .set-c .set1 dl dd {
	padding-left: 88px;
}
.set-c .set1 dl dt {
	font-size: 46px;
	line-height: 70px;
	padding-bottom: 27px;
	margin-bottom: 48px;
	position: relative;
}
.set-c .set1 dl dt::after {
	content: "";
	background: #959595;
	height: 1px;
	right: 46px;
	left: 0;
	bottom: 0;
	position: absolute;
}
.set-c .set1 dl dd {
	font-size: 30px;
	letter-spacing: 3px;
}
.set-c .set2 {
	padding: 115px 0 76px;
}
.set-c .set2 .wrap {
	width: 1200px;
}
.set-c .set2 .left {
	width: 700px;
	margin-left: -105px;
}
.set-c .set2 .left .col-left {
	width: 700px;
}
.set-c .set2 .left .col-left ul {
	position: relative;
}
.set-c .set2 .left .col-left ul li {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.set-c .set2 .left .col-left ul .img-left {
	opacity: 0;
	transition: 0.5s;
	width: 100%;
	height: 900px;
}
.set-c .set2 .left .col-left ul .show-img {
	opacity: 1;
	transition: 0.5s;
}
.set-c .set2 .left .left-fixed {
	position: fixed;
	top: 0;
	right: 50%;
}
.set-c .set2 .right {
	width: 494px;
	margin-left: auto;
}
.set-c .set2 .right .logo-s {
	
width: 450px;
	
margin: 0 auto 25px;
}
.set-c .set2 .right .ttl {
	border: 1px solid #000;
	padding: 6px 0;
	font-size: 28px;
	text-align: center;
	margin: 0px 58px 25px 35px;
}
.set-c .set2 .right .txt {
	margin-bottom: 51px;
	padding-top: 35px;
	line-height: 36px;
	letter-spacing: 0;
}
.set-c .set2 .right .btn-shared {
	margin: 0 10px 15px;
}
.set-c .set2 .right .photo {
	margin-bottom: 18px;
}
#matsumoto {
	background: url(../img/shared/bd_bg.jpg);
	position: relative;
	z-index: 3;
}