@charset "UTF-8";
@media screen and (min-width: 768px),print {
	body{overflow-x: hidden;}

/* 背景アニメーション */
@keyframes bgSlide {
    from { background-position: 0 bottom; }
    to { background-position: -3528px bottom; } /* 画像の幅分だけ左に動かす */
  }
#contentsmain {margin: 0 auto 159px;position: relative;background: url('../images/promise/contentsmain-back01.png')repeat-x bottom center;animation: bgSlide 80s linear infinite;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;padding: 35px 0 749px;}
#contentsmain .inner-Box h2 {margin-bottom: 74px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 {margin: 0 auto 170px;position: relative;}
#contents01 h2 {text-align: center;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 auto;position: relative;min-height: 1154px;width: 1100px;padding: 165px 0 0 550px;}
#contents01 .inner-Box h3.f-min {font-size: 28px;line-height: 1.89;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 29px;position: relative;}
#contents01 .inner-Box h3.f-min span { color: #AE7A46; font-size: 16px; letter-spacing: 1.6px; font-weight: 400; display: block; }
#contents01 .inner-Box figure.photo01 {position: absolute;top: 147px;left: -410px;}
#contents01 .inner-Box figure.photo01 img{  }
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 41px;position: relative;}
#contents01 .inner-Box figure.photo02 {position: absolute;bottom: 0;left: 225px;}
#contents01 .inner-Box figure.photo02 img{  }

#contents02 {margin: 0 auto;position: relative;background: #F6F4F2;}
#contents02 .inner-Box {margin: 0 auto;position: relative;min-height: 1424px;width: 1100px;padding: 187px 550px 0 0;}
#contents02 .inner-Box h3.f-min {font-size: 28px;line-height: 1.89;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 29px;position: relative;}
#contents02 .inner-Box h3.f-min span { color: #AE7A46; font-size: 16px; letter-spacing: 1.6px; font-weight: 400; display: block; }
#contents02 .inner-Box figure.photo01 {position: absolute;top: 170px;right: -410px;}
#contents02 .inner-Box figure.photo01 img{  }
#contents02 .inner-Box p.text {font-size: 16px;line-height: 2.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 297px;position: relative;}
#contents02 .inner-Box p.text2 {font-size: 16px;line-height: 2.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 41px;position: relative;margin-left: 550px;width: 550px;}
#contents02 .inner-Box figure.photo02 {position: absolute;bottom: 170px;left: -90px;}
#contents02 .inner-Box figure.photo02 img{  }

#contents03 {margin: 0 auto 220px;position: relative;}
#contents03 .inner-Box {margin: 0 auto;position: relative;min-height: 1254px;width: 1100px;padding: 188px 0 0 550px;}
#contents03 .inner-Box h3.f-min {font-size: 28px;line-height: 1.89;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 29px;margin-right: -10px;position: relative;}
#contents03 .inner-Box h3.f-min span { color: #AE7A46; font-size: 16px; letter-spacing: 1.6px; font-weight: 400; display: block; }
#contents03 .inner-Box figure.photo01 {position: absolute;top: 172px;left: -410px;}
#contents03 .inner-Box figure.photo01 img{  }
#contents03 .inner-Box p.text {font-size: 16px;line-height: 2.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 41px;position: relative;}
#contents03 .inner-Box figure.photo02 {position: absolute;bottom: 0;right: -49px;}
#contents03 .inner-Box figure.photo02 img{  }


#contents04 {margin: 0 auto 220px;position: relative;background: #F6F4F2;}
#contents04 .inner-Box {margin: 1px auto;position: relative;min-height: 868px;width: 1100px;padding: 249px 550px 0 0;}
#contents04 .inner-Box figure.photo01 {position: absolute;top: 68px;right: -93px;}
#contents04 .inner-Box figure.photo01 img{  }
#contents04 .inner-Box p.text {font-size: 16px;line-height: 2.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 23px;position: relative;}
#contents04 .inner-Box h3{font-size: 18px;letter-spacing: 1.8px;font-weight: 500;line-height: 2.22;margin: 50px 0 29px;}
#contents04 .inner-Box figure.photo02 {position: absolute;top: -50px;left: -90px;}
#contents04 .inner-Box figure.photo02 img{  }


#contentsbottom{margin-bottom: -60px;}
#contentsbottom .banner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .banner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .banner-Box ul li {width: 522px;margin-right: 55px;}
#contentsbottom .banner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contentsbottom .banner-Box ul li figure {margin-bottom: 16px;}
#contentsbottom .banner-Box ul li a {  }
#contentsbottom .banner-Box ul li a:hover {  }
#contentsbottom .banner-Box p.ltext {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 46px;position: relative;}



}

@media screen and (max-width: 767px) {

    /* 背景アニメーション */
@keyframes bgSlide {
    from { background-position: 0 bottom; }
    to { background-position: 852.17vw bottom; } /* 画像の幅分だけ左に動かす */
  }
#contentsmain {margin: 14vw auto 19.31vw;position: relative;background: url('../images/promise/contentsmain-back01.png')repeat-x bottom center;animation: bgSlide 80s linear infinite;background-size: auto 59.18vw;padding-bottom: 67.3vw;}
#contentsmain .inner-Box {position: relative;text-align: center;padding:  0 0vw;}
#contentsmain .inner-Box h2 {margin: 0 11vw 10.67vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 2.29;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}

#contents01 {margin: 0 auto 14.86vw;position: relative;}
#contents01 h2 {text-align: center;margin: 0 5.2vw;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 4vw;position: relative;padding: 17.86vw 0 0 0vw;}
#contents01 .inner-Box h3.f-min {font-size: 4.83vw;line-height: 1.89;font-weight: 500;letter-spacing: 0.48vw;margin: 0 2.8vw 4.7vw;position: relative;}
#contents01 .inner-Box h3.f-min span {color: #AE7A46;font-size: 4.35vw;letter-spacing: 0vw;font-weight: 400;display: block;margin-bottom: 0vw;}
#contents01 .inner-Box figure.photo01 {position: relative;left: 0vw;margin-bottom: 5.2vw;}
#contents01 .inner-Box figure.photo01 img{  }
#contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 2.33;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.3vw 7.3vw;position: relative;}
#contents01 .inner-Box figure.photo02 {position: relative;top: -2vw;}
#contents01 .inner-Box figure.photo02 img{  }

#contents02 {margin: 0 auto -2.64vw;position: relative;background: #F6F4F2;}
#contents02 .inner-Box {margin: 0 4vw;position: relative;padding: 15.16vw 0 10vw 0vw;}
#contents02 .inner-Box h3.f-min {font-size: 4.83vw;line-height: 1.89;font-weight: 500;letter-spacing: 0.48vw;margin: 0 2.8vw 4.7vw;position: relative;}
#contents02 .inner-Box h3.f-min span {color: #AE7A46;font-size: 4.35vw;letter-spacing: 0vw;font-weight: 400;display: block;margin-bottom: 0vw;}
#contents02 .inner-Box figure.photo01 {position: relative;left: 0vw;margin-bottom: 5.2vw;}
#contents02 .inner-Box figure.photo01 img{  }
#contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 2.33;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.3vw 7.3vw;position: relative;}
#contents02 .inner-Box p.text2 {font-size: 3.86vw;line-height: 2.33;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.3vw 7.3vw;position: relative;}
#contents02 .inner-Box figure.photo02 {position: relative;top: -2vw;}
#contents02 .inner-Box figure.photo02 img{  }

#contents03 {margin: 0 auto 14.86vw;position: relative;}
#contents03 .inner-Box {margin: 0 4vw;position: relative;padding: 17.86vw 0 0 0vw;}
#contents03 .inner-Box h3.f-min {font-size: 4.83vw;line-height: 1.89;font-weight: 500;letter-spacing: 0.48vw;margin: 0 2.8vw 4.7vw;position: relative;}
#contents03 .inner-Box h3.f-min span {color: #AE7A46;font-size: 4.35vw;letter-spacing: 0vw;font-weight: 400;display: block;margin-bottom: 0vw;}
#contents03 .inner-Box figure.photo01 {position: relative;left: 0vw;margin-bottom: 5.2vw;}
#contents03 .inner-Box figure.photo01 img{  }
#contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 2.33;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.3vw 7.3vw;position: relative;}
#contents03 .inner-Box figure.photo02 {position: relative;top: -2vw;}
#contents03 .inner-Box figure.photo02 img{  }


#contents04 {margin: 0 auto 51.14vw;position: relative;padding: 4.5vw 0 0;background: #F6F4F2;}
#contents04 .inner-Box {margin: 0.24vw auto;position: relative;}
#contents04 .inner-Box figure.photo01 {position: relative;right: 0vw;margin: 0 4vw 7.6vw;}
#contents04 .inner-Box figure.photo01 img{  }
#contents04 .inner-Box p.text {font-size: 3.86vw;line-height: 2.33;font-weight: 400;letter-spacing: 0.19vw;margin: 0 6.2vw 4.36vw;position: relative;}
#contents04 .inner-Box h3{font-size: 3.86vw;letter-spacing: 0.43vw;font-weight: 500;line-height: 2.5;margin: -1.92vw 6.4vw 2.9vw;}
#contents04 .inner-Box figure.photo02 {position: relative;top: 4vw;left: 0vw;margin: 0 11.3vw 0;height: 25.2vw;}
#contents04 .inner-Box figure.photo02 img{  }

#contentsbottom .banner-Box {margin: 0 4vw;position: relative;}
#contentsbottom .banner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .banner-Box ul li {margin-bottom: -1.61vw;}
#contentsbottom .banner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contentsbottom .banner-Box ul li figure {margin-bottom: 1.86vw;}
#contentsbottom .banner-Box ul li a {  }
#contentsbottom .banner-Box ul li a:hover {  }
#contentsbottom .banner-Box p.ltext {font-size: 3.86vw;line-height: 1.57;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 11.11vw;position: relative;}

    
}