@charset "UTF-8";
@media screen and (min-width: 768px),print {


#contentsmain {margin: 0 auto 74px;position: relative;width: 1100px;}
#contentsmain h2.f-gara {font-size:77px;line-height: 1.8;letter-spacing: 3.85px;text-align: center;margin-bottom: 92px;color: #CC8400;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box ul{ position: relative; }
#contentsmain .inner-Box ul::before{content: "";background: #000;width: 1px;height: 5371px;position: absolute;left: 35.5%;top: 16px;}
#contentsmain .inner-Box ul li{position: relative;padding-left: 556px;}

#contentsmain .inner-Box figure.photo {position: absolute;top: -70px;left: 60px;}
#contentsmain .inner-Box ul li:nth-child(1) figure.photo {position: absolute;top: -74px;left: 0;}
#contentsmain .inner-Box ul li:nth-child(3) figure.photo {position: absolute;top: -78px;left: 60px;}
#contentsmain .inner-Box ul li:nth-child(4) figure.photo {position: absolute;top: -81px;left: 60px;}
#contentsmain .inner-Box ul li:nth-child(5) figure.photo {position: absolute;top: -110px;left: 60px;}

#contentsmain .inner-Box ul li:nth-child(1){margin-bottom: 232px;}
#contentsmain .inner-Box ul li:nth-child(2){margin-bottom: 260px;}
#contentsmain .inner-Box ul li:nth-child(3){margin-bottom: 228px;}
#contentsmain .inner-Box ul li:nth-child(4){margin-bottom: 185px;}
#contentsmain .inner-Box ul li:nth-child(5){margin-bottom: 224px;}
#contentsmain .inner-Box ul li:nth-child(6){margin-bottom: 224px;}
#contentsmain .inner-Box ul li:nth-child(7){margin-bottom: 255px;}
#contentsmain .inner-Box ul li:nth-child(8){margin-bottom: 192px;}
#contentsmain .inner-Box ul li:nth-child(9){margin-bottom: 255px;}
#contentsmain .inner-Box ul li:nth-child(10){margin-bottom: 254px;}
#contentsmain .inner-Box ul li:nth-child(11){margin-bottom: 252px;}
#contentsmain .inner-Box ul li:nth-child(12){margin-bottom: 257px;}
#contentsmain .inner-Box ul li:nth-child(13){margin-bottom: 222px;}
#contentsmain .inner-Box ul li:nth-child(14){margin-bottom: 195px;}
#contentsmain .inner-Box ul li:nth-child(15){margin-bottom: 254px;}
#contentsmain .inner-Box ul li:nth-child(16){margin-bottom: 254px;}
#contentsmain .inner-Box ul li:nth-child(17){margin-bottom: 254px;}
#contentsmain .inner-Box ul li:nth-child(18){margin-bottom: 254px;}
#contentsmain .inner-Box ul li:nth-child(19){margin-bottom: 253px;}

#contentsmain .inner-Box h3{font-size: 20px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;position: absolute;top: -2px;left: 423px;}
#contentsmain .inner-Box h3::before{content: "";background: #000;border-radius: 30px;width: 28px;height: 28px;position: absolute;left: -46px;bottom: 3px;}
#contentsmain .inner-Box p{font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}

#contentsbottom {margin: 0 auto 158px;position: relative;width: 1010px;padding: 96px 0 0;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1200px;left: -45px;}
#contentsbottom .inner-Box 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;}
#contentsbottom .inner-Box ul li {width: 320px;margin-right: 70px;text-align: center;margin-bottom: 7px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure{margin-bottom: 10px;}
#contentsbottom .inner-Box p.text { font-size: 16px; line-height: 1.6; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; }


}

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

    #contentsmain {margin: 0 auto 17.9vw;position: relative;padding-top: 15.3vw;}
    #contentsmain h2.f-gara {font-size: 12.07vw;line-height: 1.8;letter-spacing: 0.3vw;text-align: center;margin-bottom: 13.2vw;color: #CC8400;}
    #contentsmain .inner-Box { margin: 0 4vw; position: relative; }
    #contentsmain .inner-Box ul{ position: relative; }
    #contentsmain .inner-Box ul::before{content: "";background: #000;height: 872.3vw;position: absolute;left: 49.8%;top: 3.9vw;width: 1px;}
    #contentsmain .inner-Box ul li{position: relative;padding-left: 51.5vw;margin-bottom: 15vw;}
    
    #contentsmain .inner-Box figure.photo {position: absolute;top: -10vw;width: 41.062vw;left: 1vw;}
    #contentsmain .inner-Box ul li:nth-child(1) figure.photo {position: absolute;top: -6vw;}
    
    #contentsmain .inner-Box ul li:nth-child(1){
}

    
    #contentsmain .inner-Box h3{font-size: 4.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;position: relative;}
    #contentsmain .inner-Box h3::before{content: "";background: #000;border-radius: 7.2vw;height: 4.7vw;width: 4.7vw;position: absolute;left: -7.8vw;bottom: 1.7vw;}
    #contentsmain .inner-Box p{font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0.2vw;margin-bottom: 7.2vw;}
    


    #contentsbottom {margin: 0 auto 17.7vw;position: relative;padding: 23.2vw 0 0;}
    #contentsbottom .inner-Box {margin: 0 4vw;position: relative;}
    #contentsbottom .inner-Box 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 7vw;}
    #contentsbottom .inner-Box ul li {text-align: center;margin-bottom: 1.7vw;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure{margin-bottom: 1vw;}
    #contentsbottom .inner-Box p.text { font-size: 3.9vw; line-height: 1.6; font-weight: 500; letter-spacing: 0.3vw; margin-bottom: 7.2vw; }
    
}