@charset "UTF-8";

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

#contentsmain {margin: 6px auto 0 auto;position: relative;padding: 80px 0 90px;background: url('../images/construction/contentsmain-back01.png')no-repeat top center;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {text-align: center;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }

.backkk{background: #F2F2F2;padding: 40px 0 10px;}

#contents0 {margin: 0 auto 108px;position: relative;padding: 33px 0 0;}
#contents0 .inner-Box {margin: 0 auto;position: relative;width: 760px;}
#contents0 .inner-Box h2.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 28px;position: relative;text-align: center;}
#contents0 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 {margin: 0 auto 133px;position: relative;width: 1200px;padding: 0 70px 7px;background: #fff;box-shadow: 0px 3px 6px #00000029;}
#contents01 h2 {text-align: center;position: relative;top: -53px;margin-bottom: -10px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box1 {margin: 0 auto 64px;position: relative;min-height: 500px;padding: 0 0 0 506px;}
#contents01 .inner-Box1 h3.f-min {font-size: 26px;line-height: 1.73;font-weight: 400;letter-spacing: 2.86px;margin-bottom: 24px;position: relative;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 7px;left: 0;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 15px;position: relative;}
#contents01 .inner-Box1 ul.list1 {background: #F2F0E9;border-radius: 10px;padding: 14px 30px 16px 30px;margin-bottom: 14px;}
#contents01 .inner-Box1 ul li {position: relative;padding: 0 0 0 16px;}
#contents01 .inner-Box1 ul li::before{content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #A58569;position: absolute;top: 10px;left: -3px;}
#contents01 .inner-Box1 p.ltext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 0px;position: relative;}
#contents01 .inner-Box2 { margin: 0 auto; position: relative; }
#contents01 .inner-Box2 ul.list2 {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-bottom: -27px;}
#contents01 .inner-Box2 ul li {position: relative;width: 510px;margin-right: 40px;padding-bottom: 50px;margin-bottom: 58px;}
#contents01 .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }
#contents01 .inner-Box2 ul li:nth-child(3) {margin-right: 0px;margin-left: 275px;}
#contents01 .inner-Box2 h3.f-min {font-size: 24px;line-height: 2.03;font-weight: 400;letter-spacing: 2.64px;margin-bottom: 19px;position: relative;color: #fff;background: #A58569;text-align: center;padding: 15px 0 12px;}
#contents01 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
#contents01 .inner-Box2 figure.img img{  }
#contents01 .iBox {position: absolute;width: 288px;height: 244px;box-shadow: 0px 3px 6px #00000029;background: rgba(255,255,255,0.9);bottom: 0;right: 0;padding: 8px 22px;}
#contents01 .iBox h4 {font-size: 20px;line-height: 2.03;font-weight: 500;letter-spacing: 1px;margin-bottom: 7px;position: relative;border-bottom: #A58569 1px solid;}
#contents01 .iBox p.lltext {font-size: 15px;line-height: 1.87;font-weight: 500;letter-spacing: 0.75px;margin-bottom: 30px;position: relative;}
#contents01 .iBox ul li { position: relative; }
#contents01 .iBox ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .iBox h3.f-min { font-size: 30px; line-height: 2.03; font-weight: 400; letter-spacing: 3.3px; margin-bottom: 0px; position: relative; }
#contents01 .iBox figure.img { position: absolute; top: 0; left: 0; }
#contents01 .iBox figure.img img{  }

#contents02 {margin: 0 auto 132px;position: relative;width: 1200px;padding: 0 70px 80px;background: #fff;box-shadow: 0px 3px 6px #00000029;}
#contents02 h2 {text-align: center;position: relative;top: -53px;margin-bottom: -10px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box1 {margin: 0 auto 57px;position: relative;min-height: 500px;padding: 0 0 0 506px;}
#contents02 .inner-Box1 h3.f-min {font-size: 26px;line-height: 1.73;font-weight: 400;letter-spacing: 2.86px;margin-bottom: 24px;position: relative;}
#contents02 .inner-Box1 figure.photo {position: absolute;top: 7px;left: 0;}
#contents02 .inner-Box1 figure.photo img{  }
#contents02 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents02 .inner-Box2 { margin: 0 auto; position: relative; }
#contents02 .inner-Box2 h4.f-min {font-size: 24px;line-height: 2.03;font-weight: 400;letter-spacing: 2.64px;margin-bottom: 40px;position: relative;color: #fff;background: #A58569;text-align: center;padding: 15px 0 12px;}
#contents02 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
#contents02 .inner-Box2 figure.img img{  }

#contents03 {margin: 0 auto 100px;position: relative;width: 1200px;padding: 0 70px 80px;background: #fff;box-shadow: 0px 3px 6px #00000029;}
#contents03 h2 {text-align: center;position: relative;top: -53px;margin-bottom: -10px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .inner-Box1 {margin: 0 auto -51px;position: relative;min-height: 500px;padding: 0 0 0 506px;}
#contents03 .inner-Box1 h3.f-min {font-size: 26px;line-height: 1.73;font-weight: 400;letter-spacing: 2.86px;margin-bottom: 24px;position: relative;}
#contents03 .inner-Box1 figure.photo {position: absolute;top: 7px;left: 0;}
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contentsbottom {margin: 0 auto;position: relative;padding: 96px 0 0;}
#contentsbottom .ttl-Box {margin: 0 auto 33px;position: relative;text-align: center;}
#contentsbottom .ttl-Box h2.f-min {font-size: 32px;line-height: 2.03;font-weight: 400;letter-spacing: 3.52px;margin-bottom: 7px;position: relative;}
#contentsbottom .ttl-Box h3.f-min {font-size: 23px;line-height: 1.78;font-weight: 400;letter-spacing: 2.53px;margin-bottom: 31px;position: relative;}
#contentsbottom .ttl-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsbottom .ttl-Box figure.photo img{width: 100%;height: auto;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 69px;position: relative;text-align: center;}
#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;width: 720px;margin: 0 auto;}
#contentsbottom .inner-Box ul li {width: 340px;margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(2) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {margin-bottom: 6px;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;padding: 6px;}


}

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



    #contentsmain {margin: 9.7vw auto 0 auto;position: relative;padding: 16.33vw 0 16vw;background: url('../images/construction/sp-contentsmain-back01.png')no-repeat top center;background-size: 100% auto;}
    #contentsmain .inner-Box {margin: 0 2.4vw;position: relative;}
    #contentsmain .inner-Box h2 {text-align: center;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    
    .backkk{background: #F2F2F2;padding: 10.67vw 0 2.67vw;}
    
    #contents0 {margin: 0 auto 20.7vw;position: relative;}
    #contents0 .inner-Box {position: relative;}
    #contents0 .inner-Box h2.f-min {font-size: 5.31vw;line-height: 1.64;font-weight: 400;letter-spacing: 0.58vw;margin-bottom: 6.47vw;position: relative;text-align: center;}
    #contents0 .inner-Box p.text {font-size: 3.62vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.18vw;margin: 0 7.6vw 6.9vw;position: relative;}
    
    #contents01 {margin: 0 auto 26.47vw;position: relative;padding: 0 7.67vw 4.57vw;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;}
    #contents01 h2 {text-align: center;position: relative;top: -12.4vw;margin-bottom: -8.9vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 .inner-Box1 {margin: 0 auto 9.27vw;position: relative;padding: 0 0 0 0vw;}
    #contents01 .inner-Box1 h3.f-min {font-size: 5.07vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 4.6vw;position: relative;text-align: center;}
    #contents01 .inner-Box1 figure.photo {position: relative;left: 0;margin-bottom: 5vw;}
    #contents01 .inner-Box1 figure.photo img{  }
    #contents01 .inner-Box1 p.text {font-size: 3.62vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 6vw;position: relative;}
    #contents01 .inner-Box1 ul.list1 {background: #F2F0E9;border-radius: 2.67vw;padding: 2.83vw 8.0vw 4.27vw 8.0vw;margin-bottom: 3.73vw;}
    #contents01 .inner-Box1 ul li {position: relative;padding: 0 0 0 3.17vw;}
    #contents01 .inner-Box1 ul li::before{content: "";display: block;width: 2.67vw;height: 2.67vw;border-radius: 50%;background: #A58569;position: absolute;top: 2.67vw;left: -1.6vw;}
    #contents01 .inner-Box1 p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 0.0vw;position: relative;}
    #contents01 .inner-Box2 {position: relative;}
    #contents01 .inner-Box2 ul.list2 {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-bottom: 0vw;}
    #contents01 .inner-Box2 ul li {position: relative;margin-bottom: 7.17vw;width: 100%;}
    #contents01 .inner-Box2 ul li:nth-child(2) {}
    #contents01 .inner-Box2 ul li:nth-child(3) {}
    #contents01 .inner-Box2 h3.f-min {font-size: 4.83vw;line-height: 2.03;font-weight: 400;letter-spacing: 0.7vw;margin-bottom: 5.07vw;position: relative;color: #fff;background: #A58569;text-align: center;padding: 1.4vw 0 1.1vw;}
    #contents01 .inner-Box2 figure.img {position: relative;top: 0;left: 0;margin-right: 18vw;margin-bottom: -24vw;}
    #contents01 .inner-Box2 figure.img img{  }
    #contents01 .iBox {position: relative;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;background: rgba(255,255,255,0.9);bottom: 0;right: 0;padding: 2.93vw 4.07vw 3.93vw 4.07vw;margin: 0 0 0 auto;width: 57.7vw;}
    #contents01 .iBox h4 {font-size: 3.86vw;line-height: 2.03;font-weight: 500;letter-spacing: 0.27vw;margin-bottom: 1.87vw;padding-bottom: 1.5vw;position: relative;border-bottom: #A58569 0.27vw solid;}
    #contents01 .iBox p.lltext {font-size: 3.62vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.18vw;position: relative;}
    #contents01 .iBox ul li { position: relative; }
    #contents01 .iBox ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents01 .iBox h3.f-min { font-size: 8.0vw; line-height: 2.03; font-weight: 400; letter-spacing: 0.88vw; margin-bottom: 0.0vw; position: relative; }
    #contents01 .iBox figure.img { position: relative; top: 0; left: 0; }
    #contents01 .iBox figure.img img{  }
    
    #contents02 {margin: 0 auto 26.97vw;position: relative;padding: 0 7.67vw 13.47vw;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;}
    #contents02 h2 {text-align: center;position: relative;top: -12.4vw;margin-bottom: -8.9vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 .inner-Box1 h3.f-min {font-size: 5.07vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 4.6vw;position: relative;text-align: center;}
    #contents02 .inner-Box1 {margin: 0 auto 12.27vw;position: relative;padding: 0 0 0 0vw;}
    #contents02 .inner-Box1 figure.photo {position: relative;left: 0;margin-bottom: 5vw;}
    #contents02 .inner-Box1 figure.photo img{  }
    #contents02 .inner-Box1 p.text {font-size: 3.62vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 6vw;position: relative;}
    
    #contents02 .inner-Box2 {position: relative;}
    #contents02 .inner-Box2 h4.f-min {font-size: 4.83vw;line-height: 2.03;font-weight: 400;letter-spacing: 0.7vw;margin-bottom: 7.37vw;position: relative;color: #fff;background: #A58569;text-align: center;padding: 1.4vw 0 1.1vw;}
    #contents02 .inner-Box2 figure.img {position: relative;top: 0;left: 0;}
    #contents02 .inner-Box2 figure.img img{  }

    #contents03 {margin: 0 auto 35.47vw;position: relative;padding: 0 7.67vw 13.47vw;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;}
    #contents03 h2 {text-align: center;position: relative;top: -12.4vw;margin-bottom: -8.9vw;}
    #contents03 h2 span{  }
    #contents03 h2 img {  }
    #contents03 .inner-Box1 h3.f-min {font-size: 5.07vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 4.6vw;position: relative;text-align: center;}
    #contents03 .inner-Box1 {margin: 0 auto 12.27vw;position: relative;padding: 0 0 0 0vw;}
    #contents03 .inner-Box1 figure.photo {position: relative;left: 0;margin-bottom: 5vw;}
    #contents03 .inner-Box1 figure.photo img{  }
    #contents03 .inner-Box1 p.text {font-size: 3.62vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 6vw;position: relative;}
    


    #contentsbottom {position: relative;padding: 13.6vw 0 0;}
    #contentsbottom .ttl-Box {margin: 0 auto 8.8vw;position: relative;text-align: center;}
    #contentsbottom .ttl-Box h2.f-min {font-size: 6.04vw;line-height: 2.03;font-weight: 400;letter-spacing: 0.94vw;margin-bottom: 1.87vw;position: relative;}
    #contentsbottom .ttl-Box h3.f-min {font-size: 4.35vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.67vw;margin-bottom: 8.27vw;position: relative;}
    #contentsbottom .ttl-Box figure.photo {position: relative;top: 0;left: 0;}
    #contentsbottom .ttl-Box figure.photo img{width: 100%;height: auto;}
    #contentsbottom .inner-Box {margin: 0 7.5vw;position: relative;}
    #contentsbottom .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 12.8vw;position: relative;text-align: left;}
    #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;margin: 0 1.3vw;}
    #contentsbottom .inner-Box ul li {}
    #contentsbottom .inner-Box ul li:nth-child(2) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {margin-bottom: 1.6vw;}
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }
    #contentsbottom .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.78;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 8.0vw;position: relative;padding-top: 1.4vw;}
    




    
}