@charset "UTF-8";
#popup-bnr{display: none;}
@media screen and (min-width: 768px),print {

    #contentsmain {margin: 80px auto -32px auto;position: relative;background: url('../images/catalog/contentsmain-back01.png')no-repeat top center;padding-top: 129px;}

    #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;animation: 0;left: 50%;margin-left: -362px;top: -50px;}
    #contentsmain .inner-Box h2{font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 30px;text-align: center;position: relative;top: -84px;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .innBox { margin: 0 auto; position: relative; }

    #contents01 {margin: 0 auto 70px;width: 1100px;position: relative;}
    #contents01 h2 {text-align: center;position: relative;top: -45px; left: 4px;margin-bottom: 54px;}
    #contents01 h2 img{  }
    #contents01 .inner-Box1 { margin: 0 auto; position: relative; }
    #contents01 .inBox {margin: 0 auto 59px;position: relative;background: #F4F4F5;padding: 66px 0 66px 590px;}
    #contents01 .inner-Box1 p.text {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin: 0 80px 0 0px;}
    #contents01 .inner-Box1 h3{font-size: 22px;line-height: 40px;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 46px;position: relative;}
    #contents01 .inner-Box1 h3::before{content: "";background: #C41729;width: 520px;height: 1px;position: absolute;left: -90px;bottom: -18px;/* transform: translateX(-50%); */}
    #contents01 .inner-Box1 figure.photo {position: absolute;top: 23px;left: 78px;}
    #contents01 .inner-Box1 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;}
    #contents01 .inner-Box1 ul li{position: relative;width: 320px;margin-right: 70px;border: 1px solid #DEDEDE;text-align: center;padding: 16px 0 0;}
    #contents01 .inner-Box1 ul li:nth-child(3n){ margin-right: 0px; }
    #contents01 .inner-Box1 figure.img {position: relative;top: 0;left: 0;margin-bottom: 10px;}
    #contents01 .inner-Box1 h4{font-size: 18px;line-height: 30px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 6px;color: #666666;}
    #contents01 .inner-Box1 p.litext {font-size: 14px;line-height: 24.5px;font-weight: 400;letter-spacing: 0.7px;margin: 0 28px 30px;text-align: left;}
    #contents01 .inner-Box1 span.arr {display: block;line-height: 1;position: absolute;top: 143px;right: -60px;}


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


    #contentsmain {margin: 9.92vw auto -7.73vw auto;position: relative;background: url('../images/catalog/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;height: 42.00vw;padding-top: 33.36vw;}

    #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;animation: 0;left: 12.1vw;margin-left: 0vw;top: -5.8vw;width: 21.1vw;}
    #contentsmain .inner-Box h2{font-size: 5.55vw;line-height: 9.42vw;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 7.25vw;text-align: center;position: relative;top: -22.99vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .innBox { margin: 0 4vw; position: relative; }
    
    #contents01 {margin: 0 auto 1.91vw;position: relative;}
    #contents01 h2 {text-align: center;position: relative;margin: 0 9.9vw 10.24vw 10.9vw;}
    #contents01 h2 img{  }
    #contents01 .inner-Box1 {position: relative;}
    #contents01 .inBox {margin: 0 auto 9.75vw;position: relative;background: #F4F4F5;padding: 8.9vw 0 9.1vw;}
    #contents01 .inner-Box1 p.text {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin: 0 8vw;}
    #contents01 .inner-Box1 h3{font-size: 5.31vw;line-height: 9.66vw;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 11.81vw;position: relative;text-align: center;}
    #contents01 .inner-Box1 h3::before{content: "";background: #C41729;height: 0.24vw;position: absolute;left: 50%;bottom: -4.05vw;transform: translateX(-50%);width: 84.6vw;}
    #contents01 .inner-Box1 figure.photo {position: relative;margin: 0 15.9vw 7.4vw;}
    #contents01 .inner-Box1 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 11.4vw;}
    #contents01 .inner-Box1 ul li{position: relative;margin-bottom: 14.71vw;border: 0.24vw solid #DEDEDE;text-align: center;padding: 3.86vw 0 0;}
    #contents01 .inner-Box1 ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents01 .inner-Box1 figure.img {position: relative;top: 0;left: 0;margin: 0 19.7vw 2.42vw;}
    #contents01 .inner-Box1 h4{font-size: 4.35vw;line-height: 7.25vw;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 1.45vw;color: #666666;}
    #contents01 .inner-Box1 p.litext {font-size: 3.38vw;line-height: 5.92vw;font-weight: 400;letter-spacing: 0.17vw;margin: 0 6.76vw 9.25vw;text-align: left;}
    #contents01 .inner-Box1 span.arr {display: block;line-height: 1;position: absolute;bottom: -12.96vw;left: 50%;transform: translateX(-9%);width: 3.5vw;}
    

}