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

.seo_bread_list{margin-bottom: -72px;}
.seo_bread_list li{ }
.seo_bread_list a{  }

#contentsmain {margin: 0 auto 148px;position: relative;background: url('../images/support/contentsmain-back01.png')no-repeat bottom center #DEDEDE;color: #fff;text-align: center;padding: 126px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;padding-bottom: 45px;}
#contentsmain .inner-Box h2 {margin-bottom: 42px;position: relative;font-size: 50px;line-height: 1.48;letter-spacing: 8px;font-weight: 400;color: #1B1B1B;}
#contentsmain .inner-Box h2 span {display: block;font-size: 30px;line-height: 1.87;letter-spacing: 1.2px;font-weight: 400;text-align: center;margin-bottom: -3px;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 83px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {margin-bottom: 30px;position: relative;font-size: 30px;line-height: 1.87;letter-spacing: 1.2px;font-weight: 400;}
#contentsmain .inner-Box p.text span{ font-weight: 600;}

#contents01 {margin: 0 auto 100px;position: relative;background: url('../images/concept/contents01-back01.png')repeat-x bottom center;animation: scrollBackground3 60s linear infinite;padding-bottom: 145px;}
@keyframes scrollBackground3 { 0% { background-position: 0 bottom; } 100% { background-position: -4303px bottom; } }

#contents01 h2 {margin-bottom: 94px;position: relative;font-size: 44px;line-height: 1.68;letter-spacing: 7.17px;font-weight: 400;text-align: center;}
#contents01 .inner-Box1 {margin: 0 auto 136px;position: relative;width: 1100px;padding-left: 613px;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 10px;left: 0;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {margin-bottom: 35px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 10px;right: 0;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 h3 {margin-bottom: 64px;position: relative;font-size: 30px;line-height: 1.87;letter-spacing: 1.2px;font-weight: 400;}
#contents01 .inner-Box2 h3::before{content: "";width: 71px;height: 1px;display: block;background: #1B1B1B;position: absolute;left: 0;bottom: -31px;}

#contents01 .inner-Box2 p.text {margin-bottom: 37px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;width: 486px;}

#contents02 {margin: 0 auto 165px;position: relative;width: 1100px;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h2 {margin-bottom: 16px;position: relative;font-size: 44px;line-height: 1.68;letter-spacing: 5.28px;font-weight: 400;text-align: center;}
#contents02 .inner-Box p.text {margin-bottom: 72px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;text-align: center;}
#contents02 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 107px;}
#contents02 .inner-Box figure.img img{  }
#contents02 .inBox {margin: 0 auto 70px;position: relative;background: #FFFFFF;padding: 76px 60px 40px;}
#contents02 .inBox h3 {margin-bottom: 0px;position: absolute;font-size: 25px;line-height: 1.16;letter-spacing: -2px;font-weight: 400;top: 84px;left: 64px;}
#contents02 .inBox h3 span {display: inline-block;background: #4B555E;color: #fff;width: 232px;border-radius: 300px;text-align: center;padding: 13px 0;}
#contents02 .inBox p.text2 {margin-bottom: 39px;position: relative;border-bottom: #707070 1px solid;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;padding: 0 0 39px 309px;}
#contents02 .inBox h4 {margin-bottom: 0px;position: absolute;font-size: 25px;line-height: 1.16;letter-spacing: -2px;font-weight: 400;top: 236px;left: 65px;}
#contents02 .inBox h4 span {display: inline-block;width: 232px;height: 86px;background: #4B647D;color: #fff;text-align: left;border-radius: 70px;padding: 15px 0 0 32px;}
#contents02 .inBox p.text3 {margin-bottom: 36px;position: relative;padding-left: 310px;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;}
#contents02 .inner-Box2 {margin: 0 auto;position: relative;height: 425px;}
#contents02 .inner-Box2 figure.photo {position: absolute;top: 10px;right: 0;}
#contents02 .inner-Box2 figure.photo img{  }
#contents02 .inner-Box2 h5 {margin-bottom: 30px;position: relative;font-size: 30px;line-height: 1.87;letter-spacing: 1.2px;font-weight: 400;}
#contents02 .inner-Box2 p.text4 {margin-bottom: 35px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;width: 486px;}

#contents03 {margin: 0 auto 155px;position: relative;background: url('../images/support//contents03-back01.png')no-repeat top center;padding: 151px 0 0;height: 884px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;text-align: center;color: #fff;}
#contents03 .inner-Box h2 {margin-bottom: 79px;position: relative;font-size: 44px;line-height: 1;letter-spacing: 5.28px;font-weight: 400;text-align: center;}
#contents03 .inner-Box p.text {margin-bottom: 77px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;text-align: center;}
#contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents03 .inner-Box figure.img img{  }

#contents04 {margin: 0 auto 90px;position: relative;}
#contents04 .inner-Box {margin: 0 auto 77px;position: relative;}
#contents04 .inner-Box h2 {margin-bottom: 64px;position: relative;font-size: 44px;line-height: 1.68;letter-spacing: 7.17px;font-weight: 400;text-align: center;}
#contents04 .inner-Box p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;text-align: center;}
#contents04 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;height: 590px;background: #fff;padding: 65px 100px;}
#contents04 .inner-Box2 ul{}
#contents04 .inner-Box2 ul li {position: relative;height: 231px;border-bottom: 1px solid #707070;padding: 45px 0 0 564px;margin-bottom: 35px;}
#contents04 .inner-Box2 ul li:last-child { border-bottom: none;}
#contents04 .inner-Box2 figure.img {position: absolute;top: 0;left: 44px;}
#contents04 .inner-Box2 figure.img img{  }
#contents04 .inner-Box2 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;}

#contentsbottom {margin: 0 auto 94px;position: relative;background: url('../images/support/contentsbottom-back01.png')no-repeat top 165px center;width: 1100px;}
#contentsbottom p.subttl {margin-bottom: 0px;position: relative;padding: 0 0 0;font-size: 30px;line-height: 1.87;letter-spacing: 3.6px;font-weight: 400;text-align: center;}

#contentsbottom .inner-Box {margin: 0 auto 150px;position: relative;height: 484px;}
#contentsbottom .inner-Box h2 {margin-bottom: 0px;position: relative;color: #fff;padding: 212px 0 0;font-size: 35px;line-height: 1.71;letter-spacing: 6.13px;font-weight: 600;text-align: center;}
#contentsbottom .inner-Box2 { margin: 0 auto; position: relative; }
#contentsbottom .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;}
#contentsbottom .inner-Box2 ul li {width: 340px;margin-right: 39px;}
#contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box2 ul li figure {margin-bottom: 17px;}
#contentsbottom .inner-Box2 ul li a {  }
#contentsbottom .inner-Box2 ul li a:hover {  }
#contentsbottom .inner-Box2 p.ltext {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.81;letter-spacing: 0.64px;font-weight: 400;}


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

#contentsmain {margin: -4.1vw 0vw 15.5vw;position: relative;background: url('../images/support/sp-contentsmain-back01.png')no-repeat top center;color: #fff;text-align: center;padding: 20.58vw 0 0;background-size: 100% auto;}
#contentsmain .inner-Box {position: relative;padding-bottom: 13.76vw;}
#contentsmain .inner-Box h2 {margin-bottom: 7.33vw;position: relative;color: #000;font-size: 8.21vw;line-height: 1.29;letter-spacing: 1.31vw;font-weight: 400;text-align: center;}
#contentsmain .inner-Box h2 span{display: block;margin-bottom: 1.2vw;font-size: 4.59vw;line-height: 2.16;letter-spacing: 0.18vw;font-weight: 400;text-align: center;}
#contentsmain .inner-Box figure.photo {position: relative;top: 1vw;left: 0;margin-bottom: 11.85vw;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {margin-bottom: -2.55vw;position: relative;font-size: 3.86vw;line-height: 1.94;letter-spacing: 0.15vw;font-weight: 400;text-align: center;}

#contents01 {position: relative;background: url('../images/concept/contents01-back01.png')repeat-x bottom 14.3vw center;animation: scrollBackground3 160s linear infinite;background-size: auto 19vw;padding-bottom: 26.5vw;}
@keyframes scrollBackground3 { 0% { background-position:left 0 bottom 14.3vw; } 100% { background-position:left -1039.37vw bottom 14.3vw; } }

#contents01 h2 {margin-bottom: 11.01vw;position: relative;font-size: 5.31vw;line-height: 1.23;letter-spacing: 0.74vw;font-weight: 400;text-align: center;}
#contents01 .inner-Box1 {margin: 0 9vw 8.85vw;position: relative;padding-left: 0vw;}
#contents01 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 10.4vw;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {margin-bottom: 7.45vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;}
#contents01 .inner-Box2 {margin: 0 8.9vw;position: relative;}
#contents01 .inner-Box2 figure.photo {position: relative;top: 2.42vw;right: 0;margin-bottom: 7.3vw;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 h3 {margin-bottom: 9.76vw;position: relative;font-size: 5.31vw;line-height: 1.82;letter-spacing: 0.21vw;font-weight: 400;}
#contents01 .inner-Box2 h3::before{content: "";width: 10.15vw;height: 0.24vw;display: block;background: #1B1B1B;position: absolute;left: 0;bottom: -5.1vw;}

#contents01 .inner-Box2 p.text {margin-bottom: 7.34vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;}

#contents02 {margin: 0 auto 16.16vw;position: relative;}
#contents02 .inner-Box { margin: 0 4vw; position: relative; }
#contents02 .inner-Box h2 {margin-bottom: 6.56vw;position: relative;font-size: 5.31vw;line-height: 1.82;letter-spacing: 0.74vw;font-weight: 400;text-align: center;}
#contents02 .inner-Box p.text {margin-bottom: 10.29vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;text-align: center;}
#contents02 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 18.4vw 15.05vw;}
#contents02 .inner-Box figure.img img{  }
#contents02 .inBox {margin: 0 1.2vw 14.61vw;position: relative;background: #FFFFFF;padding: 8.3vw 8vw 2.5vw 8vw;}
#contents02 .inBox h3 {margin-bottom: 0.0vw;position: relative;font-size: 6.04vw;line-height: 1.16;letter-spacing: 0vw;font-weight: 400;margin: 0 5.5vw 4.5vw;}
#contents02 .inBox h3 span {display: block;background: #4B555E;color: #fff;border-radius: 72.46vw;text-align: center;padding: 0.84vw 0;font-size: 4.35vw;line-height: 1.94;letter-spacing: 0vw;font-weight: 400;text-align: center;}
#contents02 .inBox p.text2 {margin-bottom: 7.72vw;position: relative;border-bottom: #707070 0.24vw solid;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;padding-bottom: 7.6vw;}
#contents02 .inBox h4 {margin: 0 6vw 4.9vw;position: relative;font-size: 6.04vw;line-height: 1.16;letter-spacing: 0vw;font-weight: 400;}
#contents02 .inBox h4 span {display: block;background: #4B647D;color: #fff;text-align: left;border-radius: 16.91vw;padding: 2.52vw 0 2.7vw 7.73vw;font-size: 4.35vw;}
#contents02 .inBox p.text3 {margin-bottom: 7vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;}
#contents02 .inner-Box2 {margin: 0 9vw;position: relative;}
#contents02 .inner-Box2 figure.photo {position: relative;right: 0;margin-bottom: 11.7vw;}
#contents02 .inner-Box2 figure.photo img{  }
#contents02 .inner-Box2 h5 {margin-bottom: 3.05vw;position: relative;font-size: 4.35vw;line-height: 1.5;letter-spacing: 0.61vw;font-weight: 400;}
#contents02 .inner-Box2 p.text4 {margin-bottom: 7.25vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;}

#contents03 {margin: 0 auto 14.04vw;position: relative;background: url('../images/support/sp-contents03-back01.png')no-repeat top center;padding: 14.87vw 0 0;background-size: 100% auto;}
#contents03 .inner-Box {margin: 0 4vw;position: relative;text-align: center;color: #fff;padding-bottom: 15.2vw;}
#contents03 .inner-Box h2 {margin-bottom: 8.28vw;position: relative;font-size: 5.31vw;line-height: 1.82;letter-spacing: 0.74vw;font-weight: 400;text-align: center;}
#contents03 .inner-Box p.text {margin: 0 5vw 10.7vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;text-align: center;}
#contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 5vw;}
#contents03 .inner-Box figure.img img{  }

#contents04 {margin: 0 auto 13vw;position: relative;}
#contents04 .inner-Box {margin: 0 auto 9.4vw;position: relative;}
#contents04 .inner-Box h2 {margin-bottom: 6.76vw;position: relative;font-size: 5.31vw;line-height: 1.82;letter-spacing: 0.74vw;font-weight: 400;text-align: center;}
#contents04 .inner-Box p.text {margin: 0 9vw 7.25vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;text-align: center;}
#contents04 .inner-Box2 {margin: 0 5.1vw;position: relative;background: #fff;padding: 10.9vw 3.95vw 0.9vw 3.95vw;}
#contents04 .inner-Box2 ul{}
#contents04 .inner-Box2 ul li {position: relative;border-bottom: 0.24vw solid #707070;margin-bottom: 11.05vw;}
#contents04 .inner-Box2 ul li:last-child {border-bottom: none;margin-bottom: 8vw;}
#contents04 .inner-Box2 figure.img {position: relative;top: 0;margin: 0 3vw;}
#contents04 .inner-Box2 figure.img img{  }
#contents04 .inner-Box2 p.text {margin-bottom: 5.35vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;padding: 8vw 0 0 10vw;}




#contentsbottom {margin: 0 auto 5.11vw;position: relative;background: url('../images/support/sp-contentsbottom-back01.png')no-repeat top 36.1vw center;background-size: 100% auto;}
#contentsbottom p.subttl {margin-bottom: 0.0vw;position: relative;padding: 0 0 0;font-size: 3.86vw;line-height: 1.94;letter-spacing: 0.15vw;font-weight: 400;text-align: center;}
#contentsbottom .inner-Box {margin: 0 auto 3.42vw;position: relative;height: 72.2vw;}
#contentsbottom .inner-Box h2 {margin-bottom: 0.0vw;position: relative;color: #fff;text-align: center;padding: 25.92vw 0 0;font-size: 4.83vw;line-height: 2;letter-spacing: 0.19vw;font-weight: 600;}
#contentsbottom .inner-Box2 {margin: 0 9.1vw;position: relative;}
#contentsbottom .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;}
#contentsbottom .inner-Box2 ul li {margin-bottom: 8.42vw;}
#contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box2 ul li figure {margin-bottom: 3.72vw;}
#contentsbottom .inner-Box2 ul li a {  }
#contentsbottom .inner-Box2 ul li a:hover {  }
#contentsbottom .inner-Box2 p.ltext {position: relative;font-size: 3.86vw;line-height: 1.81;letter-spacing: 0.15vw;font-weight: 400;}


    
}