@charset "UTF-8";

@media screen and (min-width: 768px),print {


#contentsmain {margin: 0 auto 64px;position: relative;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box figure {position: relative;top: 0;left: 0;margin-bottom: 54px;}
#contentsmain .inner-Box figure img{ width: 100%; height: auto;}
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contentsss{background: url(../images/common/common-back.jpg);padding: 100px 0 100px;margin-bottom: 100px;}
#contentsss .inner-Box {margin: 0 auto;position: relative;text-align: center;width: 1100px;}

.notext{position: absolute;top: 0;left: 0;background: #3F7340;color: #fff;z-index: 3;padding: 6px 12px;}
}

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


    #contentsmain {margin: 0 auto 17.07vw;position: relative;}
    #contentsmain .inner-Box {margin: `;position: relative;text-align: center;}
    #contentsmain .inner-Box figure {position: relative;top: 0;left: 0;margin-bottom: 14.4vw;}
    #contentsmain .inner-Box figure img{ width: 100%; height: auto;}
    #contentsmain .inner-Box p.text {font-size: 4.27vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 8.0vw;position: relative;text-align: left;margin: 0 6vw 0;}
    
    #contentsss .inner-Box {margin: 0 4vw;position: relative;text-align: center;}
    
    .notext{position: absolute;top: 0;left: 0;background: #3F7340;color: #fff;z-index: 3;padding: 1.6vw 3.2vw;}
    



#contentsss{background: url(../images/common/common-back.jpg);padding: 10.67vw 0 24.0vw;margin-bottom: 26.67vw;background-size: 100% auto;}


}