@charset "UTF-8";

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

#contentsmain {margin: 59px auto 0 auto;position: relative;background: url('../images/about/contentsmain-back01.png')no-repeat top center #F2F2F2;padding-bottom: 160px;}
#contentsmain .inner-Box1 {margin: 0 auto 123px;position: relative;}
#contentsmain .inner-Box1 h2 {text-align: center;padding: 251px 0;}
#contentsmain .inner-Box1 h2 span{  }
#contentsmain .inner-Box1 h2 img {  }
#contentsmain .inner-Box2 {margin: 0 auto 183px;position: relative;width: 1100px;padding: 0px 0 0;}
#contentsmain .inner-Box2 h3 {font-size: 30px;line-height: 1.87;font-weight: 500;letter-spacing: 1.5px;margin-bottom: 38px;position: relative;}
#contentsmain .inner-Box2 h3 span {display: inline-block;text-decoration: underline;}
#contentsmain .inner-Box2 figure.photo {position: absolute;top: 0;right: -90px;}
#contentsmain .inner-Box2 figure.photo img{  }
#contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 23px;position: relative;padding-top: 13px;}
#contentsmain .inner-Box3 {margin: 0 auto;position: relative;background: #fff;max-width: 1400px;padding-bottom: 84px;}
#contentsmain .inner-Box3 h4 {text-align: center;position: relative;top: -24px;margin-bottom: 70px;}
#contentsmain .inner-Box3 h4 span{  }
#contentsmain .inner-Box3 h4 img {  }
#contentsmain .inner-Box3 figure.img {position: relative;top: 0;left: 0;text-align: center;}
#contentsmain .inner-Box3 figure.img img{  }

#contents01 {margin: 0 auto;position: relative;background: url('../images/about/contents01-back01.png')no-repeat top center;color: #fff;text-align: center;padding: 140px 0 90px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2 {margin-bottom: 74px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box h3 {font-size: 28px;line-height: 2.07;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 40px;position: relative;}
#contents01 .inner-Box p.text {font-size: 19px;line-height: 2.63;font-weight: 400;letter-spacing: 0.95px;margin-bottom: 50px;position: relative;}

#contents02 {margin: 0 auto -30px;position: relative;background: #F2F2F2;padding: 114px 0 131px;}
#contents02 h2 {text-align: center;margin-bottom: -22px;position: relative;z-index: 3;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box1 {margin: 0 auto 80px;position: relative;max-width: 1400px;background: #fff;padding: 42px 0 70px;}
#contents02 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: bold;letter-spacing: 0.8px;margin-bottom: 57px;position: relative;text-align: center;}
#contents02 .inner-Box1 ul.list1 {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 0 0 230px;}
#contents02 .inner-Box1 ul li {margin: 0 20px 20px 0;}
#contents02 .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box1 ul li figure {  }
#contents02 .inner-Box1 ul li a {  }
#contents02 .inner-Box1 ul li a:hover {  }
#contents02 .inner-Box2 {margin: 0 auto;position: relative;width: 1000px;}
#contents02 .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;}
#contents02 .inner-Box2 ul li {margin-right: 40px;}
#contents02 .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }
#contents02 .inner-Box2 ul li figure {  }
#contents02 .inner-Box2 ul li a {  }
#contents02 .inner-Box2 ul li a:hover {  }


}
@media screen and (min-width:768px) and ( max-width:1400px) {






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



    #contentsmain {margin: 5.05vw auto 0 auto;position: relative;background: url('../images/about/sp-contentsmain-back01.png')no-repeat top center #F2F2F2;padding-bottom: 14.65vw;background-size: 100% auto;}
    #contentsmain .inner-Box1 {margin: 0 auto 26.81vw;position: relative;}
    #contentsmain .inner-Box1 h2 {text-align: center;padding: 16.5vw 0 0;margin: 0 18.5vw 0;}
    #contentsmain .inner-Box1 h2 span{  }
    #contentsmain .inner-Box1 h2 img {  }
    #contentsmain .inner-Box2 {margin: 0 5.4vw 19vw;position: relative;padding: 0.0vw 0 0;}
    #contentsmain .inner-Box2 h3 {font-size: 4.59vw;line-height: 1.87;font-weight: 500;letter-spacing: 0.23vw;margin-bottom: 4.28vw;position: relative;}
    #contentsmain .inner-Box2 h3 span {display: inline-block;text-decoration: underline;}
    #contentsmain .inner-Box2 figure.photo {position: relative;top: 0;right: 0vw;padding: 2vw 0 0 0;margin-bottom: 3vw;}
    #contentsmain .inner-Box2 figure.photo img{  }
    #contentsmain .inner-Box2 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 4.36vw;position: relative;padding-top: 3.14vw;}
    #contentsmain .inner-Box3 {margin: 0 3vw;position: relative;background: #fff;padding-bottom: 11.29vw;}
    #contentsmain .inner-Box3 h4 {text-align: center;position: relative;top: -3.3vw;margin: 0 15.6vw 6.01vw;}
    #contentsmain .inner-Box3 h4 span{  }
    #contentsmain .inner-Box3 h4 img {  }
    #contentsmain .inner-Box3 figure.img {position: relative;top: 0;left: 0;text-align: center;margin: 0 2.6vw;}
    #contentsmain .inner-Box3 figure.img img{  }
    
    #contents01 {position: relative;background: url('../images/about/sp-contents01-back01.png')no-repeat top center;color: #fff;text-align: center;padding: 19.12vw 0 21.74vw;background-size: 100% auto;}
    #contents01 .inner-Box { margin: 0 4vw; position: relative; }
    #contents01 .inner-Box h2 {margin: 0 4.8vw 10.87vw 4.1vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .inner-Box h3 {font-size: 4.59vw;line-height: 2;font-weight: 700;letter-spacing: 0.23vw;margin-bottom: 7.26vw;position: relative;}
    #contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2.21;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.5vw 0.08vw;position: relative;text-align: left;}
    
    #contents02 {margin: 0 auto 0vw;position: relative;background: #F2F2F2;padding: 13.54vw 0 9.64vw;}
    #contents02 h2 {text-align: center;margin: 0 18.6vw -4.3vw;position: relative;z-index: 3;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 .inner-Box1 {margin: 0 3vw 14.32vw;position: relative;background: #fff;padding: 5.64vw 0 7.91vw;}
    #contents02 .inner-Box1 p.text {font-size: 3.14vw;line-height: 2.18;font-weight: bold;letter-spacing: 0.16vw;margin-bottom: 4.37vw;position: relative;text-align: center;}
    #contents02 .inner-Box1 ul.list1 {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 0 0 2.26vw;}
    #contents02 .inner-Box1 ul li {margin: 0 2.33vw 2.23vw 0;width: 43.5vw;}
    #contents02 .inner-Box1 ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents02 .inner-Box1 ul li figure {  }
    #contents02 .inner-Box1 ul li a {  }
    #contents02 .inner-Box1 ul li a:hover {  }
    #contents02 .inner-Box2 {margin: 0 5.2vw;position: relative;}
    #contents02 .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;}
    #contents02 .inner-Box2 ul li {margin-bottom: 7.26vw;}
    #contents02 .inner-Box2 ul li:nth-child(2) { margin-right: 0.0vw; }
    #contents02 .inner-Box2 ul li figure {  }
    #contents02 .inner-Box2 ul li a {  }
    #contents02 .inner-Box2 ul li a:hover {  }





}