@charset "UTF-8";
@media screen and (min-width: 768px),print {
.backk{background: url(../images/craftsmanship/common-back.png);padding: 80px 0 35px 0;}
#contentsmain { margin: 0 auto; position: relative; }
#contentsmain .inner-Box{margin: 0 auto 80px;position: relative;background: url('../images/craftsmanship/contentsmain-back01.png')no-repeat top 95px center;}
#contentsmain .inner-Box h2 {text-align: center;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box .innBox {margin: 0 auto;position: relative;padding: 85px 0 0 0;width: 1100px;}
#contentsmain .inner-Box .minBox {position: relative;width: 540px;height: 514px;background: #fff;left: 50%;margin-left: 100px;padding: 47px 47px 47px 59px;}
#contentsmain .inner-Box .minBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box2{color: #fff;margin: 0 auto 250px;position: relative;background: url('../images/craftsmanship/contentsmain-back02.png')no-repeat top center;padding: 17px 0 142px;}

#contentsmain .inner-Box2 .innBox {margin: 0 auto;position: relative;padding: 85px 0 0 0;width: 1100px;color: #fff;}
#contentsmain .inner-Box2 .minBox {position: relative;width: 540px;height: 514px;background: #fff;left: 50%;margin-left: 100px;padding: 47px 47px 47px 59px;}
#contentsmain .inner-Box2 .minBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box2 .innBox h3.f-min {font-size: 42px;line-height: 1.55;font-weight: 400;letter-spacing: 4.2px;margin-bottom: 44px;position: relative;}
#contentsmain .inner-Box2 .innBox figure.photo {position: absolute;top: 28px;right: -90px;}
#contentsmain .inner-Box2 .innBox figure.photo img{  }
#contentsmain .inner-Box2 .innBox h4.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 2.8px;margin-bottom: 40px;position: relative;}
#contentsmain .inner-Box2 .innBox p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 470px;}

#contentsmain .inner-Box3 {margin: 0 auto 75px;position: relative;width: 1280px;}
#contentsmain .inner-Box3 .innBox {margin: 0 0 0 auto;position: relative;padding: 95px 0 0 166px;width: 770px;height: 670px;background: #fff;}
#contentsmain .inner-Box3 .innBox h3.f-min {font-size: 42px;line-height: 1.55;font-weight: 400;letter-spacing: 4.2px;margin-bottom: 44px;position: relative;}
#contentsmain .inner-Box3 .innBox figure.photo {position: absolute;top: 60px;left: -510px;}
#contentsmain .inner-Box3 .innBox figure.photo img{  }
#contentsmain .inner-Box3 .innBox h4.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 2.8px;margin-bottom: 25px;position: relative;}
#contentsmain .inner-Box3 .innBox p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 470px;}

#contentsmain .inner-Box4{color: #fff;margin: 0 auto 165px;position: relative;background: url('../images/craftsmanship/contentsmain-back02.png')no-repeat top center;padding: 17px 0 112px;}
#contentsmain .inner-Box4 .innBox {margin: 0 auto;position: relative;padding: 85px 0 0 0;width: 1100px;color: #fff;}
#contentsmain .inner-Box4 .minBox {position: relative;width: 540px;height: 514px;background: #fff;left: 50%;margin-left: 100px;padding: 47px 47px 47px 59px;}
#contentsmain .inner-Box4 .minBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box4 .innBox h3.f-min {font-size: 42px;line-height: 1.55;font-weight: 400;letter-spacing: 4.2px;margin-bottom: 44px;position: relative;}
#contentsmain .inner-Box4 .innBox figure.photo {position: absolute;top: 28px;right: -50px;}
#contentsmain .inner-Box4 .innBox figure.photo img{  }
#contentsmain .inner-Box4 .innBox h4.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 2.8px;margin-bottom: 32px;position: relative;}
#contentsmain .inner-Box4 .innBox p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 470px;}

#contentsmain .inner-Box5 {margin: 0 auto 54px;position: relative;width: 1280px;}
#contentsmain .inner-Box5 .innBox {margin: 0 0 0 auto;position: relative;padding: 95px 0 0 166px;width: 770px;height: 670px;background: #fff;}
#contentsmain .inner-Box5 .innBox h3.f-min {font-size: 42px;line-height: 1.55;font-weight: 400;letter-spacing: 4.2px;margin-bottom: 44px;position: relative;}
#contentsmain .inner-Box5 .innBox figure.photo {position: absolute;top: 60px;left: -510px;}
#contentsmain .inner-Box5 .innBox figure.photo img{  }
#contentsmain .inner-Box5 .innBox h4.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 2.8px;margin-bottom: 25px;position: relative;}
#contentsmain .inner-Box5 .innBox p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 470px;}

#contents01 {margin: 0 auto;position: relative;background: #F2F2F2;padding: 80px 0 90px 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1200px;height: 927px;background: #fff;box-shadow: 0px 30px 60px #22222214;padding: 95px 0 0 52px;}
#contents01 .inner-Box h2.f-min {font-size: 36px;line-height: 1.71;font-weight: 400;letter-spacing: 3.6px;margin-bottom: 34px;position: relative;}
#contents01 .inner-Box h2.f-min span {font-size: 28px;letter-spacing: 2.8px;display: block;}
#contents01 .inner-Box figure.photo01 {position: absolute;top: 70px;right: -40px;}
#contents01 .inner-Box figure.photo01 img{  }
#contents01 .inner-Box h3.f-min {font-size: 26px;line-height: 1.71;font-weight: 400;letter-spacing: 2.6px;margin-bottom: 28px;position: relative;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 560px;}
#contents01 .inner-Box figure.photo02 {position: absolute;top: 470px;right: -40px;}
#contents01 .inner-Box figure.photo02 img{  }

#contentsbottom {margin: 0 auto 99px;position: relative;text-align: center;padding: 90px 0 0;}
#contentsbottom h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 28px;position: relative;}
#contentsbottom p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 57px;position: relative;}
#contentsbottom figure.photo {position: relative;top: 0;left: 0;margin-bottom: 90px;}
#contentsbottom figure.photo img{ width: 100%; height: auto; }
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .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;}
#contentsbottom .inner-Box ul li {margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }



}

@media screen and (max-width: 767px) {


    .backk{background: url(../images/craftsmanship/common-back.png);padding: 5.62vw 0 9.45vw 0;background-size: 100% auto;margin-top: 4.8vw;}
    #contentsmain {position: relative;}
    #contentsmain .inner-Box{margin: 0 auto 9.66vw;position: relative;background: url('../images/craftsmanship/sp-contentsmain-back01.png')no-repeat top 22.95vw center;background-size: 100% auto;}
    #contentsmain .inner-Box h2 {text-align: center;margin: 0 7.3vw 70.5vw 7.7vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inner-Box .innBox {position: relative;}
    #contentsmain .inner-Box .minBox {position: relative;background: #fff;margin: 0 2.9vw;padding: 6.6vw 8.6vw 1.6vw 8.6vw;}
    #contentsmain .inner-Box .minBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contentsmain .inner-Box2{color: #fff;margin: 0 auto 0vw;position: relative;padding: 4.11vw 0 1.7vw;background: rgba(0,0,0,0.2);}
    
    #contentsmain .inner-Box2 .innBox {margin: 0 7.7vw;position: relative;padding: 6.63vw 0 0 0;color: #fff;}
    #contentsmain .inner-Box2 .minBox {position: relative;height: 0vw;background: #fff;left: 50%;margin-left: 24.15vw;padding: 11.35vw 11.35vw 11.35vw 14.25vw;}
    #contentsmain .inner-Box2 .minBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contentsmain .inner-Box2 .innBox h3.f-min {font-size: 5.56vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 0.73vw;position: relative;}
    #contentsmain .inner-Box2 .innBox figure.photo {position: relative;top: 6.76vw;right: 0vw;margin-bottom: 12.9vw;}
    #contentsmain .inner-Box2 .innBox figure.photo img{  }
    #contentsmain .inner-Box2 .innBox h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.26vw;position: relative;}
    #contentsmain .inner-Box2 .innBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contentsmain .inner-Box3 {margin: 0 auto 3.92vw;position: relative;padding: 0vw 0vw;}
    #contentsmain .inner-Box3 .innBox {margin: 0 0 0 auto;position: relative;background: #fff;padding: 10.5vw 7.8vw 1.5vw 7.8vw;}
    #contentsmain .inner-Box3 .innBox h3.f-min {font-size: 5.56vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.53vw;position: relative;}
    #contentsmain .inner-Box3 .innBox figure.photo {position: relative;left: 0vw;margin-bottom: 6vw;}
    #contentsmain .inner-Box3 .innBox figure.photo img{  }
    #contentsmain .inner-Box3 .innBox h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.04vw;position: relative;}
    #contentsmain .inner-Box3 .innBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contentsmain .inner-Box4 .innBox {margin: 0 7.7vw;position: relative;padding: 6.63vw 0 0 0;color: #fff;}
    #contentsmain .inner-Box4 .minBox {position: relative;height: 0vw;background: #fff;left: 50%;margin-left: 24.15vw;padding: 11.35vw 11.35vw 11.35vw 14.25vw;}
    #contentsmain .inner-Box4 .minBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contentsmain .inner-Box4 .innBox h3.f-min {font-size: 5.56vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 1.63vw;position: relative;}
    #contentsmain .inner-Box4 .innBox figure.photo {position: relative;top: 6.76vw;right: 0vw;margin-bottom: 12.9vw;}
    #contentsmain .inner-Box4 .innBox figure.photo img{  }
    #contentsmain .inner-Box4 .innBox h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.26vw;position: relative;}
    #contentsmain .inner-Box4 .innBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contentsmain .inner-Box5 {margin: 0 auto 18.12vw;position: relative;padding: 0vw 0vw;}
    #contentsmain .inner-Box5 .innBox {margin: 0 0 0 auto;position: relative;background: #fff;padding: 10.5vw 7.8vw 1.5vw 7.8vw;}
    #contentsmain .inner-Box5 .innBox h3.f-min {font-size: 5.56vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.53vw;position: relative;}
    #contentsmain .inner-Box5 .innBox figure.photo {position: relative;left: 0vw;margin-bottom: 6vw;}
    #contentsmain .inner-Box5 .innBox figure.photo img{  }
    #contentsmain .inner-Box5 .innBox h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.04vw;position: relative;}
    #contentsmain .inner-Box5 .innBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    

    

    #contents01 {position: relative;background: #F2F2F2;padding: 9.52vw 0 10.74vw 0;}
    #contents01 .inner-Box {margin: 0 3vw;position: relative;background: #fff;box-shadow: 0.0vw 7.25vw 14.49vw #22222214;padding: 7.7vw 4.7vw;}
    #contents01 .inner-Box h2.f-min {font-size: 6.28vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.63vw;margin-bottom: 5.41vw;position: relative;}
    #contents01 .inner-Box h2.f-min span {font-size: 4.83vw;letter-spacing: 0.48vw;display: block;}
    #contents01 .inner-Box figure.photo01 {position: relative;right: 0vw;margin-bottom: 8.2vw;}
    #contents01 .inner-Box figure.photo01 img{  }
    #contents01 .inner-Box h3.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 6.36vw;position: relative;}
    #contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents01 .inner-Box figure.photo02 {position: relative;top: -1vw;right: 0vw;margin-bottom: 5.7vw;}
    #contents01 .inner-Box figure.photo02 img{  }
    
    #contentsbottom {margin: 0 auto 13.91vw;position: relative;text-align: center;padding: 12.84vw 0 0;}
    #contentsbottom h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.16vw;position: relative;}
    #contentsbottom p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8vw 8.77vw;position: relative;text-align: left;}
    #contentsbottom figure.photo {position: relative;top: 0;left: 0;margin-bottom: 14.64vw;}
    #contentsbottom figure.photo img{ width: 100%; height: auto; }
    #contentsbottom .inner-Box {margin: 0 9vw;position: relative;}
    #contentsbottom .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;}
    #contentsbottom .inner-Box ul li {margin-bottom: 9.66vw;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }

    
}