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

#message .main-title{ background: url(../images/message/h1.png)no-repeat top center;}

#contentsmain {margin: 0 auto;position: relative;background: #E6E6E6;padding: 160px 0 110px;}
#contentsmain .inner-Box1 {margin: 0 auto 91px;position: relative;width: 1200px;}
#contentsmain .inner-Box1 h2{font-size: 36px;line-height: 1.6;font-weight: 700;letter-spacing: 3.6px;margin: 0 0 20px 40px;}
#contentsmain .inner-Box1 h2 span{  }
#contentsmain .inner-Box1 h3{font-size: 26px;line-height: 46px;font-weight: 700;letter-spacing: 1.3px;position: relative;margin: 0 0 83px 40px;}
#contentsmain .inner-Box1 h3::before{content: "";background: #000000;height: 1px;width: 30px;position: absolute;bottom: -38px;left: 0;}
#contentsmain .inner-Box1 figure.photo {position: absolute;top: 89px;right: 0;}
#contentsmain .inner-Box1 p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin: 0 0 28px 40px;width: 500px;}
#contentsmain .inner-Box1 h4{font-size: 16px;line-height: 30px;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;text-align: right;width: 541px;position: relative;top: -7px;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1200px;height: 408px;background: #1A1E1F;color: #fff;}
#contentsmain .inner-Box2 h2 {text-align: center;padding: 50px 0 47px;}
#contentsmain .inner-Box2 h2 img{  }
#contentsmain .inner-Box2 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;padding: 0 0 0 158px;}
#contentsmain .inner-Box2 ul li{position: relative;width: 453px;}
#contentsmain .inner-Box2 ul li:nth-child(3n){ margin-right: 0px; }
#contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 0;left: -37px;}
#contentsmain .inner-Box2 p.litext {font-size: 18px;line-height: 1.6;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 16px;margin-right: -40px;}

#contents01 {margin: 0 auto;position: relative;width: 1030px;padding: 116px 0 118px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 42px 0 0 529px;}
#contents01  h2 {text-align: center;margin-bottom: 34px;}
#contents01  h2 img{  }
#contents01  h3{font-size: 26px;line-height: 1.6;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 127px;text-align: center;position: relative;}
#contents01  h3::before{content: "";background: #000000;height: 1px;width: 30px;position: absolute;bottom: -52px;left: 50%;transform: translateX(-50%);}
#contents01 .inner-Box figure.photo01 { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}

#contents02 { margin: 0 auto; position: relative; background: url('../images/message/contents02-back01.png')no-repeat top center; }
#contents02 .inner-Box {margin: 0 auto;position: relative;color: #fff;width: 1040px;padding: 184px 0 315px 0;}
#contents02 .inner-Box h2{font-size: 36px;line-height: 60px;font-weight: 700;letter-spacing: 3.6px;margin-bottom: 17px;position: relative;}
#contents02 .inner-Box h2::before{content: "";background: #fff;height: 2px;width: 60px;position: absolute;bottom: 85px;left: -99px;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;}
#contents02 .inner-Box2 {margin: 0 auto;position: relative;width: 725px;padding: 0 0 80px;}
#contents02 .inner-Box2 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;}
#contents02 .inner-Box2 ul li {  }
#contents02 .inner-Box2 ul li:nth-child(2n) {margin-right: 0px;position: relative;right: -65px;}
#contents02 .inner-Box2 ul li figure{  }


}
@media screen and (max-width: 767px) {
    #message .main-title{ background: url(../images/message/sp-h1.png)no-repeat top center;background-size: 100% auto;}

    #contentsmain {position: relative;background: #E6E6E6;padding: 17.5vw 0 16.9vw;}
    #contentsmain .inner-Box1 {margin: 0 auto 26.2vw;position: relative;}
    #contentsmain .inner-Box1 h2{font-size: 6.28vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.62vw;margin: 0 0 2.8vw;text-align: center;}
    #contentsmain .inner-Box1 h2 span{  }
    #contentsmain .inner-Box1 h3{font-size: 4.34vw;line-height: 8.69vw;font-weight: 700;letter-spacing: 0.2vw;position: relative;margin: 0 0 16vw 0vw;text-align: center;}
    #contentsmain .inner-Box1 h3::before{content: "";background: #000000;height: 0.2vw;position: absolute;bottom: -6.4vw;left: 50%;width: 7.3vw;transform: translateX(-50%);}
    #contentsmain .inner-Box1 figure.photo {position: relative;right: 0;margin: 0 6.5vw 8.2vw;}
    #contentsmain .inner-Box1 p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin: 0 6.5vw 7.3vw;}
    #contentsmain .inner-Box1 h4{font-size: 3.86vw;line-height: 7.24vw;font-weight: 700;letter-spacing: 0vw;margin: 0 6.4vw 0 7.2vw;text-align: right;position: relative;top: 2.8vw;}
    #contentsmain .inner-Box2 {margin: 0 6.5vw;position: relative;height: 126.7vw;background: #1A1E1F;color: #fff;}
    #contentsmain .inner-Box2 h2 {text-align: center;padding: 11vw 19vw 10.2vw 18vw;}
    #contentsmain .inner-Box2 h2 img{  }
    #contentsmain .inner-Box2 ul{padding: 0 0 0 10.7vw;}
    #contentsmain .inner-Box2 ul li{position: relative;display: block;}
    #contentsmain .inner-Box2 ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 0.8vw;left: -5.4vw;width: 3.6vw;}
    #contentsmain .inner-Box2 p.litext {font-size: 3.38vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.16vw;margin-bottom: 4vw;margin-right: -9.7vw;}
    
    #contents01 {margin: 0 4vw;position: relative;padding: 15.2vw 0 6.4vw;}
    #contents01 .inner-Box {position: relative;margin: 0 2.6vw;}
    #contents01  h2 {text-align: center;margin: 0 1vw 6.8vw 3vw;}
    #contents01  h2 img{  }
    #contents01  h3{font-size: 4.34vw;line-height: 8.69vw;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 15.5vw;text-align: center;position: relative;}
    #contents01  h3::before{content: "";background: #000000;height: 0.2vw;position: absolute;bottom: -5.9vw;left: 50%;transform: translateX(-50%);width: 7.6vw;}
    #contents01 .inner-Box figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 8.3vw;}
    #contents01 .inner-Box p.text {font-size: 3.9vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;}
    
    #contents02 {position: relative;background: url('../images/message/sp-contents02-back01.png') no-repeat top center;background-size: 100% auto;}
    #contents02 .inner-Box {margin: 0 6.7vw;position: relative;color: #fff;padding: 33.9vw 0 57.4vw 0;}
    #contents02 .inner-Box h2{font-size: 5.79vw;line-height:1.6;font-weight: 700;letter-spacing: 0.6vw;margin-bottom: 5.1vw;position: relative;}
    #contents02 .inner-Box h2::before{content: "";background: #fff;height: 0.5vw;position: absolute;bottom: 22.2vw;left: 0vw;width: 14.2vw;}
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.9;font-weight: 500;letter-spacing: 0vw;margin-bottom: 7.2vw;}
    #contents02 .inner-Box2 {margin: 0 9.9vw;position: relative;padding: 0 0 9.3vw;}
    #contents02 .inner-Box2 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;}
    #contents02 .inner-Box2 ul li {  }
    #contents02 .inner-Box2 ul li:nth-child(2n) {margin-right: 0.0vw;position: relative;}
    #contents02 .inner-Box2 ul li figure{margin-bottom: 4.6vw;}
    

}