@charset "UTF-8";
@media screen and (min-width: 768px),print {
    #craft .main-title{ background: url(../images/craft/h1.png)no-repeat top center;}

    #contentsmain {margin: 0 auto 120px;position: relative;}
    #contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 65px 0 0;}
    #contentsmain .inner-Box h2 {  }
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: absolute;top: 125px;right: 0;width: 500px;}
    #contentsmain .inner-Box h3 {position: relative;left: -165px;}
    #contentsmain .inner-Box h3 img{  }

    #contents01 {margin: 0 auto 75px;position: relative;background: url('../images/craft/contents01-back01.png')no-repeat bottom center;padding-bottom: 100px;}
    #contents01 .inner-Box {margin: 0 auto;position: relative;width: 1280px;padding: 85px 0 0;}
    #contents01 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
    #contents01 .inBox {margin: 0px 30px 0 auto;position: relative;width: 680px;height: 684px;background: #fff;border: 2px solid #1A1E1F;padding: 74px 71px 74px 79px;}
    #contents01 .inBox h2{font-size: 27px;line-height: 44px;font-weight: 700;letter-spacing: 2.7px;margin-bottom: 48px;}
    #contents01 .inBox h2 span{font-size: 37px;letter-spacing: 3.7px;position: relative;left: -26px;top: 4px;margin-right: -42px;}
    #contents01 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}

    #contents02 {margin: 0 auto;position: relative;padding-bottom: 180px;}
    #contents02 .inner-Box {margin: 0 auto;position: relative;width: 1280px;padding: 85px 0 0;}
    #contents02 .inner-Box figure.photo {position: absolute;top: 115px;right: 0;}
    #contents02 .inBox {margin: 0px 30px 0;position: relative;width: 680px;height: 684px;background: #fff;border: 2px solid #1A1E1F;padding: 74px 71px 74px 79px;}
    #contents02 .inBox h2{font-size: 27px;line-height: 44px;font-weight: 700;letter-spacing: 2.7px;margin-bottom: 48px;}
    #contents02 .inBox h2 span{font-size: 37px;letter-spacing: 3.7px;position: relative;left: -1px;top: 4px;}
    #contents02 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}

    #contents03 {margin: 0 auto 85px;position: relative;background: url('../images/craft/contents03-back01.png')no-repeat bottom center;padding-bottom: 100px;}
    #contents03 .inner-Box {margin: 0 auto;position: relative;width: 1280px;padding: 95px 0 0;}
    #contents03 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
    #contents03 .inBox {margin: 0px 30px 0 auto;position: relative;width: 680px;height: 594px;background: #fff;border: 2px solid #1A1E1F;padding: 74px 71px 74px 79px;}
    #contents03 .inBox h2{font-size: 27px;line-height: 44px;font-weight: 700;letter-spacing: 2.7px;margin-bottom: 48px;}
    #contents03 .inBox h2 span{font-size: 37px;letter-spacing: 3.7px;position: relative;top: 6px;margin-right: -42px;}
    #contents03 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}

    #contents04 {margin: 0 auto 146px;position: relative;padding-bottom: 100px;}
    #contents04 .inner-Box {margin: 0 auto;position: relative;width: 1280px;padding: 85px 0 0;}
    #contents04 .inner-Box figure.photo {position: absolute;top: 85px;right: 0;}
    #contents04 .inBox {margin: 0px 30px 0;position: relative;width: 680px;height: 595px;background: #fff;border: 2px solid #1A1E1F;padding: 74px 92px 74px 79px;}
    #contents04 .inBox h2{font-size: 27px;line-height: 44px;font-weight: 700;letter-spacing: 2.7px;margin-bottom: 48px;}
    #contents04 .inBox h2 span{font-size: 37px;letter-spacing: 3.7px;position: relative;left: -1px;top: 4px;}
    #contents04 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}

    #contents05 {margin: 0 auto;position: relative;background: url('../images/craft/contents05-back01.png')no-repeat top center;text-align: center;padding: 70px 0;}
    #contents05 .inner-Box { margin: 0 auto; position: relative; }
    #contents05 .inner-Box p.btn{  }
    #contents05 .inner-Box p.btn img{  }


}
@media screen and (min-width:768px) and ( max-width:1450px) {
	
    #contentsmain .inner-Box h3 {left:0; padding: 0 20px;}
    #contentsmain .inner-Box h3 img{ width: 100%; height: auto;  }


	
}




@media screen and (max-width: 767px) {
    #craft .main-title{ background: url(../images/craft/sp-h1.png)no-repeat top center;background-size: 100% auto;}

    #contentsmain {margin: 0 auto 13.1vw;position: relative;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;padding: 12vw 0 0;}
    #contentsmain .inner-Box h2 {margin: 0 3.8vw 8.7vw;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin: 0 2.7vw 9vw;right: 0;}
    #contentsmain .inner-Box h3 {position: relative;margin: 0 11.3vw;}
    #contentsmain .inner-Box h3 img{  }
    
    #contents01 {margin: 0 auto 12.2vw;position: relative;background: url('../images/craft/sp-contents01-back01.png') no-repeat bottom center;background-size: 100% auto;padding-bottom: 14.2vw;}
    #contents01 .inner-Box {margin: 0 6.6vw;position: relative;}
    #contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-right: -0.6vw;margin-bottom: 7.4vw;}
    #contents01 .inBox {position: relative;background: #fff;border: 0.5vw solid #1A1E1F;padding: 5.6vw 5.7vw 8.6vw 6.6vw;}
    #contents01 .inBox h2{font-size: 6.52vw;line-height:1.6;font-weight: 700;letter-spacing: 0.65vw;margin-bottom: 5.6vw;padding-left: 3.3vw;}
    #contents01 .inBox h2 span{font-size: 8.93vw;letter-spacing: 0.89vw;position: relative;left: -6.3vw;top: 1.0vw;margin-right: -20.1vw;width: 89vw;display: block;}
    #contents01 .inBox p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;}
    
    #contents02 {margin: 0 auto 18.1vw;position: relative;padding-bottom: 14.2vw;}
    #contents02 .inner-Box {margin: 0 6.6vw;position: relative;}
    #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-right: -0.6vw;margin-bottom: 7.4vw;}
    #contents02 .inBox {position: relative;background: #fff;border: 0.5vw solid #1A1E1F;padding: 5.6vw 5.7vw 8.6vw 6.6vw;}
    #contents02 .inBox h2{font-size: 6.52vw;line-height:1.6;font-weight: 700;letter-spacing: 0.65vw;margin-bottom: 5.6vw;padding-left: 3.3vw;}
    #contents02 .inBox h2 span{font-size: 8.93vw;letter-spacing: 0.89vw;position: relative;left: -6.3vw;top: 1.0vw;margin-right: -20.1vw;width: 89vw;display: block;}
    #contents02 .inBox p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;}

    #contents03 {margin: 0 auto 12.2vw;position: relative;background: url('../images/craft/sp-contents03-back01.png') no-repeat bottom -34vw center;background-size: 100% auto;padding-bottom: 14.2vw;}
    #contents03 .inner-Box {margin: 0 6.6vw;position: relative;}
    #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-right: -0.6vw;margin-bottom: 7.4vw;}
    #contents03 .inBox {position: relative;background: #fff;border: 0.5vw solid #1A1E1F;padding: 5.6vw 5.7vw 8.6vw 6.6vw;}
    #contents03 .inBox h2{font-size: 5.42vw;line-height:1.6;font-weight: 700;letter-spacing: 0.65vw;margin-bottom: 5.6vw;position: relative;left: 3vw;}
    #contents03 .inBox h2 span{font-size: 8.93vw;letter-spacing: 0.89vw;position: relative;left: -6.3vw;top: 1.0vw;margin-right: -20.1vw;width: 89vw;display: block;}
    #contents03 .inBox p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;}
    
    #contents04 {margin: 0 auto 18.1vw;position: relative;padding-bottom: 14.2vw;}
    #contents04 .inner-Box {margin: 0 6.6vw;position: relative;}
    #contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-right: -0.6vw;margin-bottom: 7.4vw;}
    #contents04 .inBox {position: relative;background: #fff;border: 0.5vw solid #1A1E1F;padding: 5.6vw 5.7vw 8.6vw 6.6vw;}
    #contents04 .inBox h2{font-size: 6.52vw;line-height:1.6;font-weight: 700;letter-spacing: 0.65vw;margin-bottom: 5.6vw;}
    #contents04 .inBox h2 span{font-size: 8.93vw;letter-spacing: 0.89vw;position: relative;top: 1.0vw;width: 89vw;display: block;}
    #contents04 .inBox p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;}

    #contents05 {position: relative;background: url('../images/craft/sp-contents05-back01.png') no-repeat top center;background-size: 100% auto;text-align: center;padding: 19.2vw 2.6vw;}
    #contents05 .inner-Box { margin: 0 4vw; position: relative; }
    #contents05 .inner-Box p.btn{  }
    #contents05 .inner-Box p.btn img{  }

}