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

.seo_bread_list{margin-bottom: -96px!important;}
    
    #contentsmain {margin: 0 auto;position: relative;background: url('../images/message/contentsmain-back01.png')repeat top center;padding: 170px 0 160px;}
    #contentsmain figure.img {position: absolute;top: 140px;left: 50%;transform: translateX(-50%);margin-left: 20px;}
    #contentsmain figure.img img{  }
    #contentsmain h2 {text-align: center;font-size: 36px;line-height: 1.68;font-weight: 400;letter-spacing: 0.36px;margin-bottom: 97px;position: relative;}
    #contentsmain .inner-Box1 {margin: 0 auto 76px;position: relative;width: 1100px;padding: 0 0 0 615px;}
    #contentsmain .inner-Box1 h3 {font-size: 28px;line-height: 1.68;font-weight: 400;letter-spacing: 0rem;margin-bottom: 24px;position: relative;}
    #contentsmain .inner-Box1 figure.photo {position: absolute;top: 7px;left: 0;}
    #contentsmain .inner-Box1 figure.photo img{  }
    #contentsmain .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 13px;position: relative;}

    #contentsmain .inner-Box2 {margin: 0 auto 85px;position: relative;width: 1100px;padding: 0 615px 0 0;}
    #contentsmain .inner-Box2 h3 {font-size: 28px;line-height: 1.68;font-weight: 400;letter-spacing: 0rem;margin-bottom: 24px;position: relative;}
    #contentsmain .inner-Box2 figure.photo {position: absolute;top: 7px;right: 0;}
    #contentsmain .inner-Box2 figure.photo img{  }
    #contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 13px;position: relative;}

    #contentsmain .inner-Box3 {margin: 0 auto 76px;position: relative;width: 1100px;padding: 0 0 0 615px;}
    #contentsmain .inner-Box3 h3 {font-size: 28px;line-height: 1.68;font-weight: 400;letter-spacing: 0rem;margin-bottom: 24px;position: relative;}
    #contentsmain .inner-Box3 figure.photo {position: absolute;top: 7px;left: 0;}
    #contentsmain .inner-Box3 figure.photo img{  }
    #contentsmain .inner-Box3 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 13px;position: relative;}

    #contentsmain .inner-Box4 {margin: 0 auto 174px;position: relative;width: 1100px;padding: 0 615px 0 0;}
    #contentsmain .inner-Box4 h3 {font-size: 28px;line-height: 1.68;font-weight: 400;letter-spacing: 0rem;margin-bottom: 24px;position: relative;}
    #contentsmain .inner-Box4 figure.photo {position: absolute;top: 7px;right: 0;}
    #contentsmain .inner-Box4 figure.photo img{  }
    #contentsmain .inner-Box4 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 13px;position: relative;}

    #contentsmain .inner-Box5 {margin: 0 auto;position: relative;width: 1100px;background: #fff;padding: 70px 0 100px;text-align: center;box-shadow: 10px 10px 20px #0000000A;}
    #contentsmain .inner-Box5 h4 {font-size: 36px;line-height: 1.68;font-weight: 400;letter-spacing: 0rem;margin-bottom: 33px;position: relative;}
    #contentsmain .inner-Box5 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 45px;}
    #contentsmain .inner-Box5 figure.photo img{  }
    #contentsmain .inner-Box5 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 35px;position: relative;}
    #contentsmain .inner-Box5 figure.name {position: relative;top: 0;left: 263px;}
    #contentsmain .inner-Box5 figure.name img{  }

    #contentsbottom {margin: 0 auto 155px;position: relative;background: #F5F5F5;padding: 130px 0 100px;}
    #contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
    #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;}
    #contentsbottom .inner-Box ul li {width: 347px;margin-right: 29px;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {}
    #contentsbottom .inner-Box ul li a:hover {  }
    #contentsbottom .inner-Box p.litext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;padding-top: 17px;}

}


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


#contentsmain {position: relative;background: url('../images/message/contentsmain-back01.png')repeat top center;padding: 1.06vw 0 19.65vw;background-size: 100% auto;}
#contentsmain figure.img {position: relative;margin: 0 30vw 4.6vw;padding-top: 12vw;}
#contentsmain figure.img img{  }
#contentsmain h2 {text-align: center;font-size: 6.76vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.09vw;margin-bottom: 14.43vw;position: relative;}
#contentsmain .inner-Box1 {margin: 0 auto 13.36vw;position: relative;padding: 0 8.2vw;}
#contentsmain .inner-Box1 h3 {font-size: 5.80vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.58vw;margin-bottom: 2.8vw;position: relative;}
#contentsmain .inner-Box1 figure.photo {position: relative;top: 1.69vw;left: 0;margin-bottom: 7vw;}
#contentsmain .inner-Box1 figure.photo img{  }
#contentsmain .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.14vw;position: relative;}

#contentsmain .inner-Box2 {margin: 0 auto 14.36vw;position: relative;padding: 0 8.2vw;}
#contentsmain .inner-Box2 h3 {font-size: 5.80vw;line-height: 1.48;font-weight: 400;letter-spacing: 0.58vw;margin-bottom: 2.8vw;position: relative;}
#contentsmain .inner-Box2 figure.photo {position: relative;top: 1.69vw;left: 0;margin-bottom: 7vw;}
#contentsmain .inner-Box2 figure.photo img{  }
#contentsmain .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.14vw;position: relative;}

#contentsmain .inner-Box3 {margin: 0 auto 14.26vw;position: relative;padding: 0 8.2vw;}
#contentsmain .inner-Box3 h3 {font-size: 5.80vw;line-height: 1.38;font-weight: 400;letter-spacing: 0.58vw;margin-bottom: 2.8vw;position: relative;}
#contentsmain .inner-Box3 figure.photo {position: relative;top: 1.69vw;left: 0;margin-bottom: 7vw;}
#contentsmain .inner-Box3 figure.photo img{  }
#contentsmain .inner-Box3 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.14vw;position: relative;}

#contentsmain .inner-Box4 {margin: 0 auto 18.36vw;position: relative;padding: 0 8.2vw;}
#contentsmain .inner-Box4 h3 {font-size: 5.80vw;line-height: 1.48;font-weight: 400;letter-spacing: 0.58vw;margin-bottom: 2.8vw;position: relative;}
#contentsmain .inner-Box4 figure.photo {position: relative;top: 1.69vw;left: 0;margin-bottom: 7vw;}
#contentsmain .inner-Box4 figure.photo img{  }
#contentsmain .inner-Box4 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.14vw;position: relative;}

#contentsmain .inner-Box5 {margin: 0 8vw;position: relative;background: #fff;padding: 12.01vw 0 16.75vw;text-align: center;box-shadow: 2.42vw 2.42vw 4.83vw #0000000A;}
#contentsmain .inner-Box5 h4 {font-size: 6.76vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.97vw;position: relative;}
#contentsmain .inner-Box5 figure.photo {position: relative;top: 0;left: 0;margin: 0 6.1vw 5.67vw;}
#contentsmain .inner-Box5 figure.photo img{  }
#contentsmain .inner-Box5 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin: 0 6vw 4.95vw;position: relative;text-align: left;}
#contentsmain .inner-Box5 figure.name {position: relative;top: 0;margin: 0 5.7vw 0 33.4vw;}
#contentsmain .inner-Box5 figure.name img{  }

#contentsbottom {margin: 0 auto 24.44vw;position: relative;background: #F5F5F5;padding: 19.2vw 0 8.15vw;}
#contentsbottom .inner-Box {margin: 0 8vw;position: relative;}
#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;}
#contentsbottom .inner-Box ul li {margin-bottom: 4vw;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {}
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.litext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;padding-top: 4.11vw;}



}