body {
   min-width: 1200px;
}

#key .p-indexSlide__item--1 div {
   background: url(../img/index/slide01.jpg) no-repeat center/cover;
}

#key .p-indexSlide__item--2 div {
   background: url(../img/index/slide02.jpg) no-repeat center/cover;
}

#key .p-indexSlide__item--3 div {
   background: url(../img/index/slide03.jpg) no-repeat center/cover;
}

#key:before {
   background: #fff;
   position: absolute;
   top: 467px;
   left: 350px;
   content: '';
   height: 1px;
   width: calc(50% + 55px);
   z-index: 1000;
}

#key:after {
   background: #fff;
   position: absolute;
   top: 566px;
   right: 0;
   content: '';
   height: 3px;
   width: calc(50% + 75px);
   z-index: 1000;
}

.key_ttl {
   text-align: right;
   padding-top: 412px;
}

#sec1 {
   position: relative;
   padding: 85px 0 150px;
}

#sec1 h2 {
   margin-right: -36px;
}

#sec1 .info {
   background: #fff;
   margin: 37px -100px 0 140px;
   position: relative;
}

#sec1 .info:before {
   background: url(../img/index/sec1_deco2.png) no-repeat center top;
   width: 45px;
   height: 356px;
   position: absolute;
   top: 114px;
   left: -35px;
   content: '';
}

#sec1 .txt {
   width: 700px;
   height: 290px;
   padding: 79px 0 80px 105px;
}

#sec1 .txt p {
   padding-left: 35px;
}

#sec1 .wrap {
   z-index: 10;
}

#sec1 .wrap:before {
   background: url(../img/index/sec1_deco1.png) no-repeat center top;
   width: 540px;
   height: 411px;
   position: absolute;
   top: 804px;
   left: -400px;
   content: '';
}

#sec1:before {
   background: url(../img/index/sec1_img.jpg) no-repeat center/cover;
   width: calc(50% + 240px);
   height: 700px;
   position: absolute;
   top: 190px;
   left: 0;
   content: '';
}

#sec2 {
   position: relative;
   background: #fff;
   padding: 71px 0 127px;
}

#sec2 h2 {
   position: absolute;
   top: 0;
   left: 425px;
   z-index: 1000;
}

#sec2 .sec2_sl {
   position: absolute;
   top: 74px;
   right: -200px;
   width: 800px;
   height: 630px;
}

#sec2 .sec2_sl ul,
#sec2 .sec2_sl li {
   width: 800px;
   height: 630px;
}

#sec2 .txt {
   padding: 130px 0 50px;
   width: 365px;
}

#sec2 .photo1 {
   position: absolute;
   top: 674px;
   left: -149px;
}

#sec2 h3 {
   text-align: right;
   padding-top: 159px;
}

#sec2:before {
   background: url(../img/index/bg1.jpg) repeat center top;
   width: calc(50% + 270px);
   height: 980px;
   position: absolute;
   top: 0;
   left: 0;
   content: '';
}

.bx-has-pager {
   text-align: center;
   z-index: 2000;
   position: absolute;
   bottom: 4px;
   left: 165px;
}

#sec2 .sec2_col {
   position: absolute;
   bottom: 200px;
   right: 0px;
   text-align: left;
   width: 380px;
}

#sec2 .sec2_col h4 {
   font-size: 25px;
   line-height: 200%;
   margin-bottom: 60px;

}

#sec2 .sec2_col h4 span {
   background: #fff;
   padding: 5px 0px;
}

#sec3 {
   position: relative;
   background: url(../img/index/bg3.jpg) repeat center top;
   color: #fff;
}

#sec3 .fl {
   background: url(../img/index/sec3_img1.jpg) no-repeat center/cover;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
}

#sec3 .fr .txt {
   width: 507px;
   margin: 0 auto;
   padding: 73px 0 97px;
}

#sec4 {
   position: relative;
   background: url(../img/index/bg_sec4.jpg) no-repeat center/cover;
   padding: 192px 0 150px;
}

#sec4 h2 {
   position: absolute;
   top: -70px;
   left: 432px;
}

#sec4 .info {
   width: 370px;
   cursor: pointer;
   padding: 63px 0 55px;
   transition: all .5s ease;
   opacity: 1;
}

#sec4 .info:hover {
   opacity: 0.8;
}

#sec4 .txt {
   width: 283px;
   height: 225px;
   padding: 47px 0 24px 10px;
   cursor: pointer;
}

#sec4 .info1 {
   background: url(../img/index/sec4_bnr1.jpg) no-repeat center top;
}

#sec4 .info2 {
   background: url(../img/index/sec4_bnr2.jpg) no-repeat center top;
   color: #fff;
}

#sec4 .info2 .txt {
   width: 263px;
}

#sec5 {
   position: relative;
   padding-bottom: 109px;
}

#sec5 h2 {
   padding: 109px 0 43px;
}

#sec5:before {
   background: url(../img/index/bg2.jpg) repeat left top;
   width: calc(50% - 300px);
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   content: '';
}

#sec5 dl {
   width: 300px;
   line-height: 30px;
   float: left;
}

#sec5 dl+dl {
   margin-left: 50px;
}

#sec5 dl .title {
   padding: 18px 0 8px;
}

#sec5 dl .title span {
   font-size: 14px;
}

#sec5 dl .title a {
   text-decoration: underline;
}

#sec5 dl .title a:hover {
   text-decoration: none;
}

#sec5 dl dt:hover {
   opacity: 0.8;
}

.kakomi-box1 {
   margin: 10px auto 0px;
   padding: 20px;
   width: 1000px;
   border: 1px solid #ccc;
   /* 枠線 */
   background-color: #fff;
   /* 背景色 */
   box-shadow: 1px 1px 2px #ccc;
   text-align: center;
}


#takeout {
   position: relative;
   padding: 100px 0 137px;
}

#takeout .wrap {
   width: 1200px;
}

#takeout:before {
   background: url(../img/index/bg1.jpg) repeat center top;
   width: calc(50% + 270px);
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   content: '';
}
#takeout h2 {
	padding-top: 79px;
}
#takeout .photo {
   position: absolute;
   top: 0;
   right: -110px;
}

#takeout .txt {
	width: 430px;
	padding-top: 44px;
}

#takeout .tel {
	padding: 35px 0 0 4px;
}