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

#contentsmain {margin: 0 auto 124px;position: relative;text-align: center;padding: 50px 0 0 0;}
#contentsmain h2.ttl01 {margin: 0 0 30px;}
#contentsmain h2.ttl01 span{  }
#contentsmain h2.ttl01 img {  }
#contentsmain p.text {font-size: 15px;line-height: 1.73;font-weight: 400;letter-spacing: 0;margin-bottom: 70px;position: relative;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;}
#contentsmain .inner-Box h3 {margin-bottom: 50px;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {  }
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.img img{  }

#contents01 {margin: 0 auto 0px;position: relative;padding-bottom: 40px;}
#contents01 h2 {text-align: center;margin: 0 0 35px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box{margin: 0 auto;position: relative;background: url('../images/credo/contents01-back01.png')no-repeat top center;padding: 237px 0 150px;}
#contents01 .inner-Box .inBox{width: 800px;height: 650px;background: #fff;margin: 0 auto;text-align: center;padding: 42px 0 0;}
#contents01 .inner-Box h3 {font-size: 40px;line-height: 1.38;font-weight: 900;letter-spacing: 0;margin-bottom: 18px;position: relative;}
#contents01 .inner-Box p.text {font-size: 15px;line-height: 1.8;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents01 .inner-Box figure.img img{  }

#contents02 {margin: 0 auto 357px;position: relative;width: 1100px;padding: 95px 0 0;}
#contents02 h2 {text-align: center;padding: 0 0 0;position: relative;left: -5px;margin-bottom: 52px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h3 {font-size: 40px;line-height: 1.38;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;}
#contents02 .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-bottom: 71px;}
#contents02 .inner-Box ul li {position: relative;width: 510px;margin-right: 80px;margin-bottom: -50px;}
#contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents02 .inner-Box span.no{font-size: 92px;font-weight: 600;color: #F2F2F2;letter-spacing: 0;line-height: 1;margin-bottom: -10px;display: block;}
#contents02 .inner-Box h4 {font-size: 44px;line-height: 1.38;font-weight: 900;letter-spacing: 0;margin-bottom: 13px;position: relative;border-bottom: #333 1px solid;padding-bottom: 10px;}
#contents02 .inner-Box p.litext {font-size: 15px;line-height: 1.73;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;text-align: center;}
#contents02 .inner-Box figure.photo img{  }

#contents03 {margin: 0 auto 148px;position: relative;background: #F2F2F2;padding-bottom: 161px;}
#contents03 h2 {text-align: center;margin-bottom: 6px;position: relative;top: -204px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .backk-Box {margin: 0 auto;position: relative;background: #FFf;width: 1100px;padding: 68px 0 98px;}
#contents03 .backk-Box h3 {font-size: 39px;line-height: 1.38;font-weight: 900;letter-spacing: 0px;margin-bottom: 24px;position: relative;text-align: center;}
#contents03 .backk-Box p.subtext {font-size: 15px;line-height: 1.8;font-weight: 400;letter-spacing: 0px;margin-bottom: 48px;position: relative;text-align: center;}
#contents03 .inner-Box {margin: 0 auto 45px;position: relative;width: 880px;,: 0;}
#contents03 h4 {background: url(../images/credo/contents03-ttl00.png)no-repeat top center,url(../images/credo/contents03-ttl00.png)no-repeat bottom center;font-size: 26px;line-height: 1.38;font-weight: 900;letter-spacing: 0;margin-bottom: 26px;position: relative;text-align: center;padding: 15px 0;}
#contents03 .inner-Box figure.img {position: relative;text-align: center;left: -14px;}
#contents03 .inner-Box figure.img img{  }
#contents03 .inner-Box2 { margin: 0 auto; position: relative; }
#contents03 .inner-Box2 ul{ margin: 0 0 -8px 231px; padding-top: 19px; }
#contents03 .inner-Box2 ul li { position: relative; }
#contents03 .inner-Box2 p.litext {font-size: 20px;line-height: 1.88;font-weight: 700;letter-spacing: 0px;margin-bottom: 8px;position: relative;}
#contents03 .inner-Box2 p.litext span {  }
#contents03 .inner-Box2 p.text2 {font-size: 15px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 66px;position: relative;text-align: center;left: 20px;}
#contents03 .inner-Box3 { margin: 0 auto; position: relative; }
#contents03 .inner-Box3 ul{ margin: 0 0 67px 205px; padding-top: 19px; }
#contents03 .inner-Box3 ul li { position: relative; }
#contents03 .inner-Box3 ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box3 p.litext {font-size: 20px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 2.2px;position: relative;}
#contents03 .inner-Box3 p.litext span {font-weight: bold;display: inline-block;margin-right: 9px;}
#contents03 .inner-Box4 { margin: 0 auto; position: relative; }
#contents03 .inner-Box4 figure.img {position: absolute;top: 114px;right: 112px;}
#contents03 .inner-Box4 figure.img img{  }
#contents03 .inner-Box4 p.text4 {font-size: 15px;line-height: 1.8;font-weight: 400;letter-spacing: 0;margin: 0 543px 116px 109px;position: relative;padding-top: 19px;}
#contents03 .inner-Box5 { margin: 0 auto; position: relative; }
#contents03 .inner-Box5 p.text5 {font-size: 15px;line-height: 1.8;font-weight: 400;letter-spacing: 0px;margin: 0 110px 17px;position: relative;padding-top: 20px;}
#contents03 .inner-Box5 figure.name {width: 288px;position: relative;top: 0;left: 0;margin: 0 0 70px auto;display: block;}
#contents03 .inner-Box5 figure.name img{  }
#contents03 .inner-Box6 { margin: 0 auto; position: relative; }
#contents03 .inner-Box6 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 106px 0 156px;padding: 19px 0 0;}
#contents03 .inner-Box6 ul li { position: relative; }
#contents03 .inner-Box6 ul li:nth-child(1),#contents03 .inner-Box6 ul li:nth-child(4),#contents03 .inner-Box6 ul li:nth-child(7) {margin-right: 0px;width: 160px;}
#contents03 .inner-Box6 ul li:nth-child(2),#contents03 .inner-Box6 ul li:nth-child(5),#contents03 .inner-Box6 ul li:nth-child(8) {margin-right: 0px;width: 244px;}
#contents03 .inner-Box6 ul li:nth-child(3),#contents03 .inner-Box6 ul li:nth-child(6),#contents03 .inner-Box6 ul li:nth-child(9) {margin-right: 0px;width: 394px;}

#contents03 .inner-Box6 p.litext {font-size: 20px;line-height: 1.88;font-weight: 700;letter-spacing: 0px;margin-bottom: 7px;position: relative;padding: 0 0 0 25px;}
#contents03 .inner-Box6 p.litext span {position: absolute;top: 0;left: 0;}

#contentsbottom {margin: 0 auto 147px;position: relative;text-align: center;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box p.btn {margin-bottom: 17px;}
#contentsbottom .inner-Box p.btn img {  }
#contentsbottom .inner-Box p.text {font-size: 17px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}

}

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


    #contentsmain {margin: -1vw auto 24.55vw;position: relative;text-align: center;padding:  0 0 0;}
    #contentsmain h2.ttl01 {margin: 0 6.8vw 6.25vw;}
    #contentsmain h2.ttl01 span{  }
    #contentsmain h2.ttl01 img {  }
    #contentsmain p.text {font-size: 3.62vw;line-height: 1.73;font-weight: 400;letter-spacing: 0;margin: 0 4.3vw 10.21vw;position: relative;text-align: left;}
    #contentsmain .inner-Box {position: relative;}
    #contentsmain .inner-Box h3 {margin: 0 8.2vw 3.58vw;}
    #contentsmain .inner-Box h3 span{  }
    #contentsmain .inner-Box h3 img {  }
    #contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 0 0 7.7vw;}
    #contentsmain .inner-Box figure.img img{width: 186.1vw;}
    
    #contents01 {margin: 0 auto 0.0vw;position: relative;padding-bottom: 5.66vw;}
    #contents01 h2 {text-align: center;margin: 0 19vw 6.85vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 .inner-Box{position: relative;background: url('../images/credo/sp-contents01-back01.png')no-repeat top center;padding: 23.35vw 0 17.03vw;background-size: 100% auto;}
    #contents01 .inner-Box .inBox{background: #fff;margin: 0 8vw;text-align: center;padding: 10.14vw 0 5.2vw;}
    #contents01 .inner-Box h3 {font-size: 4.83vw;line-height: 1.38;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 3.05vw;position: relative;}
    #contents01 .inner-Box p.text {font-size: 3.62vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.0vw;margin: 0 8vw 7.25vw;position: relative;text-align: left;}
    #contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 7.1vw 0 6.1vw;}
    #contents01 .inner-Box figure.img img{  }
    
    #contents02 {margin: 0 auto 44.53vw;position: relative;padding-top: 4vw;}
    #contents02 h2 {text-align: center;padding: 0 0 0;position: relative;left: 0vw;margin: 0 25.3vw 10.46vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 .inner-Box { margin: 0 4vw; position: relative; }
    #contents02 .inner-Box h3 {font-size: 6.04vw;line-height: 1.38;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 5.65vw;position: relative;text-align: center;}
    #contents02 .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 3.4vw 13.45vw;}
    #contents02 .inner-Box ul li {position: relative;margin-bottom: 0vw;}
    #contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents02 .inner-Box span.no{font-size: 11.35vw;font-weight: 600;color: #F2F2F2;letter-spacing: 0;line-height: 1;margin-bottom: -0.7vw;display: block;}
    #contents02 .inner-Box h4 {font-size: 5.31vw;line-height: 1.38;font-weight: 900;letter-spacing: 0.27vw;margin-bottom: 2.44vw;position: relative;border-bottom: #333 0.24vw solid;padding-bottom: 2.42vw;padding-left: 1vw;}
    #contents02 .inner-Box p.litext {font-size: 3.62vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.0vw;margin: 0 0.8vw 3.35vw;position: relative;}
    #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;text-align: center;}
    #contents02 .inner-Box figure.photo img{  }
    
    #contents03 {margin: 0 auto 9.45vw;position: relative;background: #F2F2F2;padding-bottom: 12.99vw;}
    #contents03 h2 {text-align: center;margin-bottom: 1.45vw;position: relative;top: -22.7vw;margin: 0 27.1vw -7.6vw;}
    #contents03 h2 span{  }
    #contents03 h2 img {  }
    #contents03 .backk-Box {margin: 0 8vw;position: relative;background: #FFf;padding: 9.13vw 0 6.67vw;}
    #contents03 .backk-Box h3 {font-size: 6.52vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.33vw;margin-bottom: 3.7vw;position: relative;text-align: center;}
    #contents03 .backk-Box p.subtext {font-size: 3.62vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;position: relative;margin: 0 5.8vw 7.8vw;}
    #contents03 .inner-Box {margin: 0 5.5vw 10.87vw;position: relative;,: 0;}
    #contents03 h4 {background: url(../images/credo/sp-contents03-ttl00.png)no-repeat top center,url(../images/credo/sp-contents03-ttl00.png)no-repeat bottom center;font-size: 4.83vw;line-height: 1.38;font-weight: 900;letter-spacing: 0;margin-bottom: 6.28vw;position: relative;text-align: center;padding: 3.62vw 0;background-size: 100% auto;}
    #contents03 .inner-Box figure.img {position: relative;text-align: center;left: 0vw;margin: 0 3.7vw;}
    #contents03 .inner-Box figure.img img{  }
    #contents03 .inner-Box2 {margin: 0 5.6vw;position: relative;}
    #contents03 .inner-Box2 ul{margin: -2vw 0 -3vw 1.8vw;}
    #contents03 .inner-Box2 ul li { position: relative; }
    #contents03 .inner-Box2 p.litext {font-size: 4.35vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 2.93vw;position: relative;padding: 0 0 0 9vw;margin-right: -3vw;}
    #contents03 .inner-Box2 p.litext span {position: absolute;top: 0;left: 0;}
    #contents03 .inner-Box2 p.text2 {font-size: 3.62vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 12.74vw;position: relative;left: 10.23vw;margin-right: 11vw;text-align: left;}
    #contents03 .inner-Box3 {margin: 0 5.6vw;position: relative;}
    #contents03 .inner-Box3 ul{
    margin: -1.2vw 0 14.5vw 0;
}
    #contents03 .inner-Box3 ul li {position: relative;margin-bottom: 4.6vw;}
    #contents03 .inner-Box3 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents03 .inner-Box3 p.litext {font-size: 4.35vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 0.53vw;position: relative;padding: 0 0 0 6.3vw;}
    #contents03 .inner-Box3 p.litext span {font-weight: bold;display: inline-block;margin-right: 2.17vw;position: absolute;top: 0;left: 0;}
    #contents03 .inner-Box4 {margin: 0 5.6vw;position: relative;}
    #contents03 .inner-Box4 figure.img {
    margin: 0 0 2vw;
}
    #contents03 .inner-Box4 figure.img img{  }
    #contents03 .inner-Box4 p.text4 {font-size: 3.62vw;line-height: 1.8;font-weight: 400;letter-spacing: 0;position: relative;margin-bottom: 12.6vw;}
    #contents03 .inner-Box5 {margin: 0 5.6vw;position: relative;}
    #contents03 .inner-Box5 p.text5 {font-size: 3.62vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;position: relative;margin: -2.3vw 0 0;}
    #contents03 .inner-Box5 figure.name {position: relative;top: 0;left: 0;margin: 5.2vw 0 16.91vw 29vw;display: block;}
    #contents03 .inner-Box5 figure.name img{  }
    #contents03 .inner-Box6 { margin: 0 4vw; position: relative; }
    #contents03 .inner-Box6 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: -3vw 0 0 8.7vw;}
    #contents03 .inner-Box6 ul li {position: relative;margin-right: 0vw;}
    #contents03 .inner-Box6 ul li:nth-child(1),#contents03 .inner-Box6 ul li:nth-child(4),#contents03 .inner-Box6 ul li:nth-child(7) {}
    #contents03 .inner-Box6 ul li:nth-child(2),#contents03 .inner-Box6 ul li:nth-child(5),#contents03 .inner-Box6 ul li:nth-child(8) {}
    #contents03 .inner-Box6 ul li:nth-child(3),#contents03 .inner-Box6 ul li:nth-child(6),#contents03 .inner-Box6 ul li:nth-child(9) {}
    
    #contents03 .inner-Box6 p.litext {font-size: 4.35vw;line-height: 1.88;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1.69vw;position: relative;padding: 0 0 0 5.14vw;margin-right: 4vw;}
    #contents03 .inner-Box6 p.litext span {position: absolute;top: 0;left: 0;}






#contentsbottom {margin: 0 auto 14.81vw;position: relative;text-align: center;}
#contentsbottom .inner-Box {margin: 0 4vw;position: relative;}
#contentsbottom .inner-Box p.btn {margin-bottom: 6.41vw;}
#contentsbottom .inner-Box p.btn img {  }
#contentsbottom .inner-Box p.text {font-size: 3.41vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}

}