@charset "UTF-8";
@media screen and (min-width: 768px),print {
  .side-fix ul { width: 300px!important; }
  #contentsmain { margin: 0 auto; position: relative; background: url('../images/woodwork/contentsmain-back01.png')repeat-x bottom center; animation: bg-slide-horizontal 100s linear infinite; padding: 51px 0 210px; }
  #contentsmain .inner-Box { margin: 0 auto; position: relative; }
  #contentsmain .inner-Box h2.f-min { font-size: 30px; line-height: 1.75; font-weight: 400; letter-spacing: 2.25px; margin-bottom: 53px; text-align: center; position: relative; }
  #contentsmain .inner-Box h2.f-min span { font-size: 80px; display: block; margin-bottom: 21px; letter-spacing: 0px; }
  #contentsmain .inner-Box figure.photo { position: relative; top: 0; left: 0; margin-bottom: 44px; }
  #contentsmain .inner-Box figure.photo img { width: 100%; }
  #contentsmain .inner-Box h3.f-min { font-size: 23px; line-height: 1.75; font-weight: 400; letter-spacing: 1.73px; margin-bottom: 17px; position: relative; text-align: center; }
  #contentsmain .inner-Box p.text { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 46px; text-align: center; position: relative; }
  #contents00 { margin: 0 auto 41px; position: relative; background: url('../images/woodwork/contents00-back01.png')no-repeat top 160px center; }
  #contents00 .inner-Box { margin: 0 auto; position: relative; padding: 105px 0 0; }
  #contents00 .inner-Box h2.f-min { font-size: 30px; line-height: 1.75; font-weight: 400; letter-spacing: 2.25px; margin-bottom: 52px; position: relative; text-align: center; }
  #contents00 .inner-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; width: 1100px; margin: 0 auto; padding-bottom: 90px; }
  #contents00 .inner-Box ul li { position: relative; width: 230px; margin-right: 60px; }
  #contents00 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
  #contents00 .inner-Box span.notext { display: block; width: 40px; height: 40px; background: #303030; color: #fff; text-align: center; padding-top: 7px; font-size: 14px; font-weight: 400; margin: 0 auto 20px; }
  #contents00 .inner-Box h3.f-min { font-size: 21px; line-height: 1.76; font-weight: 400; letter-spacing: 1.57px; margin-bottom: 20px; position: relative; text-align: center; }
  #contents00 .inner-Box p.ltext { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 30px; position: relative; }
  #contents01 { margin: 0 auto 80px; position: relative; }
  #contents01 .inner-Box { margin: 0 auto; position: relative; width: 1000px; padding-top: 46px; height: 680px; }
  #contents01 .inner-Box h2.f-min { font-size: 30px; line-height: 1.75; font-weight: 400; letter-spacing: 2.25px; margin-bottom: 35px; position: relative; }
  #contents01 .inner-Box figure.photo { position: absolute; top: 0; right: -460px; }
  #contents01 .inner-Box p.text { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 26px; position: relative; }
  #contents01 .inner-Box p.text2 { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 26px; position: relative; }
  #contents01 figure.photo2 { position: relative; top: 0; left: 0; text-align: center; }
  #contents02 { margin: 0 auto 110px; position: relative; background: url('../images/woodwork/contents02-back01.png')no-repeat top center; padding: 76px 0 0; }
  #contents02 h2.f-min { font-size: 30px; line-height: 1.75; font-weight: 400; letter-spacing: 2.25px; margin-bottom: 82px; position: relative; text-align: center; }
  #contents02 .arr { display: block; width: 40px; height: 40px; border-radius: 50%; background: #fff; padding: 3px 0 0; line-height: 1; text-align: center; }
  #contents02 .arr2 { display: block; width: 40px; height: 40px; border-radius: 50%; background: #fff; padding: 6px 0 0; line-height: 1; text-align: center; position: absolute; bottom: 0; left: 500px; z-index: 3; transform: rotate(90deg); transform-origin: center; }
  #contents02 .inner-Box1 { margin: 0 auto; position: relative; width: 1040px; height: 515px; }
  #contents02 .inner-Box1 figure.img01 { top: 0; left: 0; }
  #contents02 .inner-Box1 .photo-Box { position: absolute; top: -41px; right: 0; text-align: right; z-index: 3; }
  #contents02 .inner-Box1 .photo-Box .link { font-size: 18px; padding: 0 49px 0 0; margin-bottom: 17px; }
  #contents02 .inner-Box1 .photo-Box .arr { position: absolute; top: -5px; right: 0px; }
  #contents02 .inner-Box1 p.text { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 26px; position: relative; }
  #contents02 .inner-Box1 p.text2 { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 21px; position: relative; }
  #contents02 .inner-Box2 { margin: 0 auto; position: relative; width: 1040px; padding: 45px 0 93px; }
  #contents02 .inner-Box2 h3.f-min { font-size: 30px; line-height: 1.75; font-weight: 400; letter-spacing: 2.25px; margin-bottom: 10px; position: relative; text-align: center; }
  #contents02 .inner-Box2 p.text { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 52px; position: relative; text-align: center; }
  #contents02 .inner-Box2 ul.list { 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; }
  #contents02 .inner-Box2 ul li { position: relative; margin-right: 37px; }
  #contents02 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
  #contents02 .inner-Box2 figure.img { position: absolute; top: 0; left: 0; }
  #contents02 .inner-Box2 ul li .link { font-size: 14px; padding: 0 49px 0 0; margin-bottom: 17px; text-align: right; }
  #contents02 .inner-Box2 ul li .arr { position: absolute; top: -11px; right: 0px; padding-top: 7px; }
  #contents03 { margin: 0 auto 80px; position: relative; }
  #contents03 .inner-Box { margin: 0 auto; position: relative; width: 1100px; padding: 105px 0 0 640px; height: 786px; }
  #contents03 .inner-Box h2.f-min { font-size: 30px; line-height: 1.75; font-weight: 400; letter-spacing: 2.25px; margin-bottom: 35px; position: relative; }
  #contents03 .inner-Box figure.photo { position: absolute; top: 0; left: -410px; }
  #contents03 .inner-Box p.text { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 41px; position: relative; }
  #contents03 .inner-Box p.text2 { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 39px; position: relative; }
  #contents03 figure.photo2 { position: relative; top: 0; left: 0; text-align: center; }
  #contents04 { margin: 0 auto; position: relative; background: url('../images/woodwork/contents04-back01.png')no-repeat top center; padding: 107px 0 107px; }
  #contents04 .inner-Box { margin: 0 auto; position: relative; width: 1100px; height: 266px; background: #fff; padding: 42px 0 0; }
  #contents04 .inner-Box h2.f-min { font-size: 26px; line-height: 1.75; font-weight: 400; letter-spacing: 1.95px; margin-bottom: 25px; padding-bottom: 8px; position: relative; text-align: center; border-bottom: #D0D0D0 1px solid; }
  #contents04 .inner-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; width: 800px; margin: 0 auto; }
  #contents04 .inner-Box ul li { position: relative; width: 380px; border-bottom: #D0D0D0 1px solid; margin-right: 40px; margin-bottom: 12px; }
  #contents04 .inner-Box ul li::before { position: absolute; top: 13px; left: 18px; content: ""; width: 6px; height: 6px; background: #303030; }
  #contents04 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
  #contents04 .inner-Box p.ltext { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; position: relative; padding: 0 0 12px 32px; }
  #contents05 { margin: 0 auto 90px; position: relative; background: url('../images/woodwork/contents05-back01.png')no-repeat bottom center; padding-bottom: 500px; text-align: center; }
  #contents05 .inner-Box { margin: 0 auto; position: relative; padding: 76px 0 0; }
  #contents05 .inner-Box h2.f-min { font-size: 30px; line-height: 1.75; font-weight: 400; letter-spacing: 2.25px; margin-bottom: 24px; position: relative; }
  #contents05 .inner-Box p.text { font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.75px; margin-bottom: 44px; position: relative; }
  #c1 { margin-top: 77px; margin-bottom: 75px; }
  #c1 .inner { width: 800px; margin: 0 auto; }
  #c1 .inner .ttl { font-weight: 500; font-size: 30px; letter-spacing: 0.08em; line-height: 49px; text-align: center; color: #303030; margin-bottom: 43px; }
  #c1 .inner .txt-box { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #303030; }
  #c1 .inner .txt-box .p-mb { margin-bottom: 30px; }
  #c2 { margin-bottom: 90px; }
  #c2 .inner { width: 1280px; margin: 0 auto; background: #eaeae9; padding-top: 53px; padding-bottom: 76px; }
  #c2 .inner .ttl { font-weight: 500; font-size: 30px; letter-spacing: 0.08em; line-height: 49px; text-align: center; color: #303030; margin-bottom: 24px; }
  #c2 .inner .list { width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 46px; }
  #c2 .inner .list >li { width: 520px; margin-right: 60px; }
  #c2 .inner .list >li:nth-child(2n) { margin-right: 0px; }
  #c2 .inner .txt-01 { width: 992px; margin: 0 auto; font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #303030; position: relative; left: -6px; }
  #c3 { margin-bottom: 85px; }
  #c3 .inner { width: 1000px; margin: 0 auto; }
  #c3 .inner .ttl { font-weight: 500; font-size: 30px; letter-spacing: 0.08em; line-height: 49px; text-align: center; color: #303030; margin-bottom: 47px; }
  #c3 .inner .pic-01 { margin-bottom: 46px; }
  #c3 .inner .txt-box { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #303030; }
  #c3 .inner .txt-box .p-mb { margin-bottom: 29px; }
  #c4 .inner { width: 1100px; margin: 0 auto; }
  #c4 .inner .list { display: flex; flex-wrap: wrap; }
  #c4 .inner .list >li { width: 520px; margin-right: 60px; }
  #c4 .inner .list >li:nth-child(2n) { margin-right: 0px; }
  #c4 .inner .list >li .ttl { font-weight: 500; font-size: 30px; letter-spacing: 0.08em; line-height: 49px; text-align: center; color: #303030; }
  #c4 .inner .list >li .txt-01 { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 30px; text-align: center; color: #303030; margin-bottom: 24px; margin-top: -8px; }
  #c4 .inner .list >li .pic { margin-bottom: 16px; }
  #c4 .inner .list >li .txt-02 { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #303030; }
}


@media screen and (max-width: 767px) {
  #contentsmain { position: relative; background: url('../images/woodwork/contentsmain-back01.png')repeat-x bottom center; animation: bg-slide-horizontal 100s linear infinite; padding: 4.32vw 0 21.52vw; background-size: auto 26.57vw; }
  #contentsmain .inner-Box { position: relative; }
  #contentsmain .inner-Box h2.f-min { font-size: 4.11vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.31vw; margin-bottom: 6.2vw; text-align: center; position: relative; }
  #contentsmain .inner-Box h2.f-min span { font-size: 8.70vw; display: block; margin-bottom: -1.53vw; letter-spacing: 0.0vw; }
  #contentsmain .inner-Box figure.photo { position: relative; top: 0; left: 0; margin-bottom: 5.83vw; }
  #contentsmain .inner-Box figure.photo img { width: 100%; }
  #contentsmain .inner-Box h3.f-min { font-size: 4.35vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.33vw; margin-bottom: 3.11vw; position: relative; text-align: center; }
  #contentsmain .inner-Box p.text { font-size: 3.38vw; line-height: 2; font-weight: 400; letter-spacing: 0.18vw; margin-bottom: 11.11vw; text-align: center; position: relative; }
  #contents00 { margin: 0 auto -20.4vw; position: relative; background: url('../images/woodwork/sp-contents00-back01.png')no-repeat top 27.65vw center; background-size: 85vw auto; }
  #contents00 .inner-Box {position: relative;padding: 0.52vw 0 0;margin-bottom: -4vw;}
  #contents00 .inner-Box h2.f-min { font-size: 5.07vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.38vw; margin-bottom: 17.76vw; position: relative; text-align: center; }
  #contents00 .inner-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; margin: 0 4vw; padding-bottom: 21.74vw; }
  #contents00 .inner-Box ul li { position: relative; margin: 0 13vw 19.7vw; min-height: 55vw; }
  #contents00 .inner-Box ul li:nth-child(2) { padding-top: 5vw; }
  #contents00 .inner-Box ul li:nth-child(3) { padding-top: 4vw; }
  #contents00 .inner-Box ul li:nth-child(4) { padding-top: 6vw; }
  #contents00 .inner-Box span.notext { display: block; width: 9.66vw; height: 9.66vw; background: #303030; color: #fff; text-align: center; padding-top: 1.69vw; font-size: 3.38vw; font-weight: 400; margin: 0 auto 2.83vw; }
  #contents00 .inner-Box h3.f-min { font-size: 4.59vw; line-height: 1.76; font-weight: 400; letter-spacing: 0.38vw; margin-bottom: 2.33vw; position: relative; text-align: center; }
  #contents00 .inner-Box p.ltext { font-size: 3.38vw; line-height: 1.86; font-weight: 400; letter-spacing: 0.17vw; margin-bottom: 7.25vw; position: relative; }
  #contents01 { margin: 0 auto 2.32vw; position: relative; }
  #contents01 .inner-Box { margin: 0 4vw; position: relative; padding-top: 11.11vw; }
  #contents01 .inner-Box h2.f-min { font-size: 5.07vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.38vw; margin-bottom: 8.45vw; position: relative; text-align: center; }
  #contents01 .inner-Box figure.photo { position: relative; top: 0; right: 0vw; margin: 0 -4vw; margin-bottom: 6.6vw; }
  #contents01 .inner-Box p.text { font-size: 3.38vw; line-height: 1.9; font-weight: 400; letter-spacing: 0.18vw; margin: 0 1.2vw 4.98vw; position: relative; }
  #contents01 .inner-Box p.text2 { font-size: 3.38vw; line-height: 1.86; font-weight: 400; letter-spacing: 0.17vw; margin-bottom: 4.58vw; position: relative; }
  #contents01 figure.photo2 { position: relative; top: 0; left: 0; text-align: center; margin: 0 2.3vw; padding-top: 2.8vw; }
  #contents02 { margin: 0 auto 3.07vw; position: relative; background: #EAEAE9; padding: 12.56vw 0 0; background-size: 100% auto; }
  #contents02 h2.f-min { font-size: 5.07vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.54vw; margin-bottom: 7.11vw; position: relative; text-align: center; }
  #contents02 .arr { display: block; width: 9.66vw; height: 9.66vw; border-radius: 50%; background: #fff; padding: 0.97vw 3vw 0; line-height: 1; text-align: center; }
  #contents02 .arr2 { display: block; width: 9.66vw; height: 9.66vw; border-radius: 50%; background: #fff; padding: 1.45vw 3vw 0; line-height: 1; text-align: center; position: absolute; bottom: -4.8vw; left: 41.2vw; z-index: 3; transform: rotate(90deg); transform-origin: center; }
  #contents02 .inner-Box1 { margin: 0 4vw; position: relative; border-bottom: #0000001A 1px solid; padding-bottom: 14.01vw; }
  #contents02 .inner-Box1 figure.img01 { top: 0; left: 0; margin: 0 1.2vw 4.4vw; }
  #contents02 .inner-Box1 .photo-Box { position: relative; top: 0vw; right: 0; text-align: right; z-index: 3; }
  #contents02 .inner-Box1 .photo-Box .link { font-size: 4.35vw; padding: 1.5vw 13.74vw 0 0; margin-bottom: 4.11vw; }
  #contents02 .inner-Box1 .photo-Box .arr { position: absolute; top: 0vw; right: 1.2vw; }
  #contents02 .inner-Box1 p.text { font-size: 3.38vw; line-height: 2; font-weight: 400; letter-spacing: 0.18vw; margin: 0 1.2vw 5.08vw; position: relative; }
  #contents02 .inner-Box1 p.text2 { font-size: 3.38vw; line-height: 1.86; font-weight: 400; letter-spacing: 0.18vw; margin-bottom: 3.07vw; position: relative; }
  #contents02 .inner-Box2 { position: relative; padding: 12.27vw 0 3.66vw; }
  #contents02 .inner-Box2 h3.f-min { font-size: 5.07vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.38vw; margin-bottom: 2.42vw; position: relative; text-align: center; }
  #contents02 .inner-Box2 p.text { font-size: 3.38vw; line-height: 2; font-weight: 400; letter-spacing: 0.18vw; margin-bottom: 13.16vw; position: relative; text-align: center; }
  #contents02 .inner-Box2 ul.list { 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; margin: 0 5.2vw; }
  #contents02 .inner-Box2 ul li { position: relative; margin-bottom: 8.94vw; }
  #contents02 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents02 .inner-Box2 figure.img { position: relative; top: 0; left: 0; }
  #contents02 .inner-Box2 ul li .link { font-size: 3.38vw; padding: 0 12.44vw 0 0; margin-bottom: 4.11vw; text-align: right; }
  #contents02 .inner-Box2 ul li .arr { position: absolute; top: -2.2vw; right: 0.0vw; padding-top: 1.6vw; }
  #contents03 { margin: 0 auto 10.52vw; position: relative; }
  #contents03 .inner-Box { margin: 0 4vw; position: relative; padding-top: 11.11vw; }
  #contents03 .inner-Box h2.f-min { font-size: 5.07vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.38vw; margin-bottom: 8.45vw; position: relative; text-align: center; }
  #contents03 .inner-Box figure.photo { position: relative; top: 0; right: 0vw; margin: 0 -4vw; margin-bottom: 6.6vw; }
  #contents03 .inner-Box p.text { font-size: 3.38vw; line-height: 1.9; font-weight: 400; letter-spacing: 0.18vw; margin: 0 1.2vw 4.98vw; position: relative; }
  #contents03 .inner-Box p.text2 { font-size: 3.38vw; line-height: 1.86; font-weight: 400; letter-spacing: 0.17vw; margin-bottom: 4.58vw; position: relative; }
  #contents03 figure.photo2 { position: relative; top: 0; left: 0; text-align: center; margin: 0 2.3vw; padding-top: 2.8vw; }
  #contents04 { position: relative; background: url('../images/woodwork/sp-contents04-back01.png')no-repeat top center; padding: 27.65vw 0 25.85vw; background-size: 100% auto; }
  #contents04 .inner-Box { margin: 0 3vw; position: relative; height: 64.25vw; background: #fff; padding: 6.64vw 0 0; }
  #contents04 .inner-Box h2.f-min { font-size: 4.59vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.47vw; margin-bottom: 3.94vw; padding-bottom: 3.93vw; position: relative; text-align: center; border-bottom: #D0D0D0 0.24vw solid; }
  #contents04 .inner-Box ul { margin: 0 12vw; }
  #contents04 .inner-Box ul li { position: relative; border-bottom: #D0D0D0 0.24vw solid; margin-bottom: 3.6vw; }
  #contents04 .inner-Box ul li::before { position: absolute; top: 3.14vw; left: 2.35vw; content: ""; width: 1.45vw; height: 1.45vw; background: #303030; }
  #contents04 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents04 .inner-Box p.ltext { font-size: 3.38vw; line-height: 2; font-weight: 400; letter-spacing: 0.18vw; position: relative; padding: 0 0 3.3vw 5.63vw; }
  #contents05 { margin: 0 auto 13.74vw; position: relative; background: url('../images/woodwork/sp-contents05-back01.png')no-repeat bottom center; padding-bottom: 57.97vw; text-align: center; background-size: 100% auto; }
  #contents05 .inner-Box { position: relative; padding: 2.6vw 0 0; }
  #contents05 .inner-Box h2.f-min { font-size: 4.59vw; line-height: 1.75; font-weight: 400; letter-spacing: 0.54vw; margin-bottom: 5.8vw; position: relative; }
  #contents05 .inner-Box p.text { font-size: 3.38vw; line-height: 1.86; font-weight: 400; letter-spacing: 0.17vw; margin-bottom: 3.93vw; position: relative; }

  #c1 {margin-top: 7.246vw;margin-bottom: 8.937vw;}
  #c1 .inner { width: 100%; margin: 0 auto; }
  #c1 .inner .ttl {font-weight: 500;text-align: center;color: #303030;margin-bottom: 9.903vw;font-size: 5.072vw;letter-spacing: 0.08em;line-height: 8.696vw;}
  #c1 .inner .txt-box {width: 89.372vw;margin: 0 auto;font-weight: normal;text-align: left;color: #303030;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 6.28vw;}
  #c1 .inner .txt-box .p-mb {margin-bottom: 6.28vw;}
  #c2 {margin-bottom: 10.87vw;}
  #c2 .inner {width: 94.203vw;margin: 0 auto;background: #eaeae9;padding-top: 9.42vw;padding-bottom: 11.836vw;}
  #c2 .inner .ttl {font-weight: 500;text-align: center;color: #303030;margin-bottom: 7.246vw;font-size: 5.314vw;letter-spacing: 0.08em;line-height: 8.696vw;}
  #c2 .inner .list {width: 89.372vw;margin: 0 auto;display: flex;flex-wrap: wrap;margin-bottom: -0.242vw;}
  #c2 .inner .list >li {width: 100%;margin-bottom: 7.488vw;}
  #c2 .inner .list >li:nth-child(2n) { margin-right: 0px; }
  #c2 .inner .txt-01 {width: 77.295vw;margin: 0 auto;font-weight: normal;font-size: 3.623vw;letter-spacing: 0.05em;line-height: 7.246vw;text-align: left;color: #303030;position: relative;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 6.28vw;}

  #c2 .inner .txt-01 .ss{
    margin-bottom: 6.28vw;
    display: block;
  }

  #c3 {margin-bottom: 10.87vw;}
  #c3 .inner { width: 100%; margin: 0 auto; }
  #c3 .inner .ttl {font-weight: 500;text-align: center;color: #303030;margin-bottom: 7.246vw;font-size: 6.763vw;letter-spacing: 0.08em;line-height: 8.696vw;}
  #c3 .inner .pic-01 {width: 89.372vw;margin: 0 auto;margin-bottom: 7.488vw;}
  #c3 .inner .txt-box {width: 89.372vw;margin: 0 auto;font-weight: normal;text-align: left;color: #303030;position: relative;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 6.28vw;}
  #c3 .inner .txt-box .p-mb { margin-bottom: 7.005vw; }
  #c4 .inner {width: 89.372vw;margin: 0 auto;}
  #c4 .inner .list { display: flex; flex-wrap: wrap; }
  #c4 .inner .list >li {width: 100%;margin-bottom: 13.527vw;}
  #c4 .inner .list >li:nth-child(2n) { margin-right: 0px; }
  #c4 .inner .list >li .ttl {font-weight: 500;text-align: center;color: #303030;font-size: 6.763vw;letter-spacing: 0.08em;line-height: 11.836vw;}
  #c4 .inner .list >li .txt-01 {font-weight: normal;font-size: 3.623vw;letter-spacing: 0.05em;line-height: 7.246vw;text-align: center;color: #303030;margin-bottom: 6.763vw;margin-top: -1.932vw;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 6.28vw;}
  #c4 .inner .list >li .pic { margin-bottom: 3.865vw; }
  #c4 .inner .list >li .txt-02 {width: 89.372vw;margin: 0 auto;font-weight: normal;text-align: left;color: #303030;position: relative;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 6.28vw;}
}



@media screen and (min-width: 768px),print {
  @keyframes bg-slide-horizontal {
    0% { background-position: 0px bottom; }
    100% { background-position: -2580px bottom; }
  }
}
@media screen and (max-width: 767px) {
  @keyframes bg-slide-horizontal {
    0% { background-position: 0.0vw bottom; }
    100% { background-position: 623.19vw bottom; }
  }
}