#sec1 {
   background: url(../img/index/s1bg.png) repeat center top, url(../img/shared/pattern1.jpg) repeat center top;
   padding: 100px 0 88px;
   position: relative;
}
#sec1:before {
   content: "";
   position: absolute;
   background: url(../img/index/s1cover.png) no-repeat left bottom / cover;
   width: calc(50% + 92px);
   height: 619px;
   top: 0;
   right: 0;
}
#sec1 h2 {
   margin-bottom: 73px;
}
#sec1 .t {
   line-height: 40px;
   margin-left: 40px;
   margin-bottom: 23px;
   width: 405px;
}
#sec1 .item {
   position: absolute;
   top: 302px;
   right: 45px;
}
#sec1 .items {
   margin: 0 -300px -95px;
}
#sec1 .btr {
   text-align: center;
}
#sec2 {
   background: url(../img/index/s2para.jpg) no-repeat center top / cover;
   min-height: 800px;
   background-attachment: fixed;
   text-align: center;
}
#sec2 h2 {
   margin-bottom: -81px;
}
#sec2 .t {
   line-height: 40px;
   margin-bottom: 38px;
}
#sec3 {
   padding: 0 0 243px;
   color: #000;
}
#sec3 .item {
   opacity: 0;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}
#sec3 .info {
   opacity: 0;
   -webkit-transition: all 1s ease 1s;
   -o-transition: all 1s ease 1s;
   transition: all 1s ease 1s;
}
#sec3 .g.animated .item,
#sec3 .g.animated .info {
   opacity: 1;
}
#sec3 .g1 {
   margin-bottom: 195px;
}
#sec3 .g1 .item {
   float: left;
   margin: 90px 0 0 -240px;
}
#sec3 .g1 .info {
   width: 390px;
   float: right;
   text-align: center;
}
#sec3 .g1 h2 {
   margin-bottom: 24px;
}
#sec3 .g1 .t {
   margin-bottom: 49px;
}
#sec3 .g2 .item {
   float: right;
   margin: 115px -240px 0 0;
}
#sec3 .g2 .info {
   width: 390px;
   float: left;
   margin-left: 25px;
   text-align: center;
}
#sec3 .g2 h2 {
   margin-bottom: 33px;
}
#sec3 .g2 .t {
   margin-bottom: 58px;
}
#sec4 {
   padding: 40px 0 250px;
   background: url(../img/shared/pattern2.jpg) repeat center top;

}
#sec4 h2 {
   position: absolute;
   top: 0;
   left: 46%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}
#sec4 .face {
   padding-top: 100px;
   width: 350px;
   float: left;
}
#sec4 .face .g+.g {
   margin-top: 35px;
}
#sec4 .face .fan {
   height: 305px;
   overflow: hidden;
}
#sec4 .ins {
   float: right;
   margin-top: 80px;
}
#sec4 .ins h2 {
   margin-bottom: 57px;
   text-align: center;
}
#sec4 .ins h3 {
   margin-top: 30px;
   text-align: center;
}
#sec4 .ins li {
   margin-left: 15px;
   width: 100px;
   height: 100px;
   margin-bottom: 15px;
   float: left;
}
#sec4 .ins li:nth-child(3n+1) {
   margin-left: 0;
}

#oshirase {
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   text-align: center;
   border: 4px double #000;
   color: #000;
   font-size: 14px;
   padding: 10px 0;
   display: block;
   width: 900px;
   margin: 0 auto 50px;
   font-weight: normal;
   line-height: 1.8;
}
#oshirase p {
   margin-bottom: 1em;
}
#oshirase p:last-child {
   margin-bottom: 0em;
}
#oshirase .ttl {
   font-size: 110%;
   font-weight: bold;
}


#oshirase2 {
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   text-align: center;
   border: 4px double #000;
   color: #000;
   font-size: 14px;
   padding: 10px 0;
   display: block;
   width: 700px;
   margin: 0 auto 50px;
   font-weight: normal;
   line-height: 1.8;
}
#oshirase2 p {
   margin-bottom: 1em;
}
#oshirase2 p:last-child {
   margin-bottom: 0em;
}
#oshirase2 .ttl {
   font-size: 110%;
   font-weight: bold;
}
.takeout {
   text-align: center;
}

/* -- -- */

#key .bnr {
   position: absolute;
   bottom: -2px;
   right: 0px;
}

#sec3 {
   padding-bottom: 137px;
}
#sec3 .g1 {
   margin-bottom: 0;
}
#sec5 {
   margin-bottom: 100px;
   padding-top: 64px;
   padding-bottom: 64px;
   position: relative;
}
#sec5:before {
   content: '';
   width: 1100px;
   height: 100%;
   background: #eaeaea;
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
}
#sec5 h2 {
   text-align: right;
   padding-right: 40px;
}
#sec5 .photo1 {
   position: absolute;
   top: 0;
   left: 40px;
}
#sec5 .photo2 {
   position: absolute;
   top: 470px;
   right: 20px;
}
#sec5 h3 {
   padding: 36px 0 0 40px;
}
#sec5 .txt {
   width: 622px;
   color: #000;
   line-height: 40px;
   letter-spacing: 0.1em;
   padding: 15px 0 0 70px;
}
#sec5 .sec5-btn {
   text-align: center;
   padding: 40px 0 46px;
}
#sec5 .box-tel {
   background-color: #fff;
   color: #000;
   text-align: center;
   margin: 0 70px;
   padding: 48px 0 34px;
}
#sec5 .box-tel h4 {
   color: #ca0000;
   font-weight: normal;
   font-size: 20px;
   line-height: 40px;
   letter-spacing: 0;
   padding-top: 5px;
}
#sec5 .box-tel .time {
   font-size: 16px;
}
#sec5 .box-tel ul {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   padding: 25px 0 0 50px;
}
#sec5 .box-tel ul li {
   width: 360px;
}
#sec5 .box-tel ul li+li {
   padding-left: 40px;
}
#sec5 .box-tel ul li p+p {
   color: #ca0000;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0;
    padding: 10px 0 0 0px;
    text-align: left;
}
/* -- -- */