@charset "UTF-8";

body { opacity: 1; }
.ppd1{ display: none;}

@media screen and (min-width: 768px),print {  
  body { padding-top: 0; }
.fadein {opacity: 0;transform: translateY(10px);transition: opacity 1s ease, transform 1s ease;}
.fadein.show {opacity: 1;transform: translateY(0);}

#contentsmain {margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back01.jpg')no-repeat bottom center;z-index: 4;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;padding: 171px 0.6rem 0  2.6rem;max-width: 1420px;max-height: 903px;}
#contentsmain .inner-Box h1 {}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {position: relative;max-width: 1429px;}

#contents01 {margin: 0 auto -144px;position: relative;background: url('../images/index/contents01-back01.jpg')no-repeat top center;padding: 103px 0 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1337px;padding: 0 2.6rem 207px;}
#contents01 .inner-Box h2 {font-size: 2.8rem;line-height: 1.68;font-weight: 700;letter-spacing: 0rem;margin-bottom: 12px;position: relative;}
#contents01 .inner-Box h3 {font-size: 4.6rem;line-height: 1.43;font-weight: 900;letter-spacing: 0rem;margin-bottom: 16px;position: relative;}
#contents01 .inner-Box h3 span {color: #F09D00;}
#contents01 .inner-Box h4 {font-size: 4.6rem;line-height: 1.43;font-weight: 900;letter-spacing: 0rem;margin-bottom: 71px;position: relative;}
#contents01 .inner-Box h4 span {color: #F09D00;}
#contents01 .inner-Box figure.img {position: absolute;top: 88px;right: -13px;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box p.text {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0rem;margin-bottom: 32px;position: relative;}

#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;z-index: 3;padding: 202px 0 221px;}
#contents02 h2 {font-size: 5rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 58px;position: relative;color: #fff;text-align: center;}
#contents02 h2 span {display: block;font-size: 2rem;margin: -16px 0 0;}
#contents02 .inner-Box1 {margin: 0 auto 70px;position: relative;width: 1280px;background: #fff;border-radius: 20px;padding: 40px 37px 76px;}
#contents02 .inner-Box1 span.icon {display: block;line-height: 1;width: 66px;margin: 0 auto 10px;}
#contents02 .inner-Box1 span.icon img {  }
#contents02 .inner-Box1 h3 {font-size: 3rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 20px;position: relative;text-align: center;color: #F09D00;}
#contents02 .inner-Box1 p.text {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0rem;text-align: center;margin-bottom: 30px;position: relative;}
#contents02 .inner-Box1 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-Box1 ul li {position: relative;margin-right: 2px;}
#contents02 .inner-Box1 ul li:nth-child(4n) { margin-right: 0px; }
#contents02 .inner-Box1 ul li a {  }
#contents02 .inner-Box1 ul li a:hover {  }
#contents02 .inner-Box1 figure { position: relative; top: 0; left: 0; }
#contents02 .inner-Box1 figure img{  }

#contents02 .inner-Box2 {margin: 0 auto 70px;position: relative;width: 1280px;background: #fff;border-radius: 20px;padding: 40px 37px 76px;}
#contents02 .inner-Box2 span.icon {display: block;line-height: 1;width: 66px;margin: 0 auto 10px;}
#contents02 .inner-Box2 span.icon img {  }
#contents02 .inner-Box2 h3 {font-size: 3rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 20px;position: relative;text-align: center;color: #E07B5E;}
#contents02 .inner-Box2 p.text {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0rem;text-align: center;margin-bottom: 30px;position: relative;}
#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 {position: relative;margin-right: 2px;}
#contents02 .inner-Box2 ul li:nth-child(4n) { margin-right: 0px; }
#contents02 .inner-Box2 ul li a {  }
#contents02 .inner-Box2 ul li a:hover {  }
#contents02 .inner-Box2 figure { position: relative; top: 0; left: 0; }
#contents02 .inner-Box2 figure img{  }

#contents02 .inner-Box3 {margin: 0 auto 81px;position: relative;width: 1280px;background: #fff;border-radius: 20px;padding: 40px 37px 43px;}
#contents02 .inner-Box3 span.icon {display: block;line-height: 1;width: 66px;margin: 0 auto 10px;}
#contents02 .inner-Box3 span.icon img {  }
#contents02 .inner-Box3 h3 {font-size: 3rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 20px;position: relative;text-align: center;color: #20809D;}
#contents02 .inner-Box3 p.text {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0rem;text-align: center;margin-bottom: 30px;position: relative;}
#contents02 .inner-Box3 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-Box3 ul li {position: relative;margin-right: 2px;margin-bottom: 17px;}
#contents02 .inner-Box3 ul li:nth-child(4n) { margin-right: 0px; }
#contents02 .inner-Box3 ul li:nth-child(5) { margin-left: 156px; }
#contents02 .inner-Box3 ul li a {  }
#contents02 .inner-Box3 ul li a:hover {  }
#contents02 .inner-Box3 figure { position: relative; top: 0; left: 0; }
#contents02 .inner-Box3 figure img{  }


#contents03 {margin: 0 auto -47px;position: relative;padding: 110px 0 0;z-index: 3;}
#contents03 h2 {font-size: 5rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 29px;position: relative;text-align: center;}
#contents03 h2 span {display: block;font-size: 2rem;margin-top: -16px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;padding: 0 2.6rem 0;max-width: 1330px;}
#contents03 .inner-Box ul.system-list {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: 22px;}
#contents03 .inner-Box ul li {position: relative;width: 23.4%;margin-right: 2.1%;margin-bottom: 50px;}
#contents03 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contents03 .inner-Box ul li a {  }
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box figure.photo {border-radius: 10px;position: relative;top: 0;left: 0;overflow: hidden;margin-bottom: 6px;}
#contents03 .inner-Box figure.photo img{ width: 100%; height: 218px;transition: transform 0.3s ease; }
#contents03 .inner-Box li a:hover figure.photo img { transform: scale(1.05); /* 103%ズーム */ }
#contents03 .inner-Box p.cate {font-size: 1.6rem;line-height: 1.7;font-weight: 500;letter-spacing: 0rem;margin-bottom: 11px;position: relative;text-align: center;}
#contents03 .inner-Box p.cate span {  }
#contents03 .inner-Box h3 {font-size: 1.8rem;line-height: 1.44;font-weight: 700;letter-spacing: 0rem;margin-bottom: 15px;position: relative;border-bottom: 1px dotted #707070;padding-bottom: 14px;}
#contents03 .inner-Box li a span.more {display: block;line-height: 1;margin: 0 0 0 230px;position: relative; left: 0;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box li a:hover span.more { left: -5px;}
#contents03 .inner-Box span.more img {  }

#contents04 {margin: 0 auto -262px;position: relative;background: url('../images/index/contents04-back01.jpg')no-repeat top center;padding: 139px 0 460px;}
#contents04 h2 {font-size: 5rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 62px;position: relative;text-align: center;}
#contents04 h2 span {display: block;font-size: 2rem;margin-top: -6px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1280px;}
#contents04 .inner-Box ul{ margin-right: 630px; }
#contents04 .inner-Box ul li {position: relative;margin-bottom: 4px;}
#contents04 .inner-Box p.notext {font-size: 2.5rem;line-height: 1.7;font-weight: 900;letter-spacing: 0rem;margin-bottom: 1px;position: relative;color: #F09D00;}
#contents04 .inner-Box p.notext span.no {font-size: 4.5rem;line-height: 1;margin: 0 17px 0 5px;}
#contents04 .inner-Box span.arr {display: inline-block;line-height: 1;top: -4px;position: relative;}
#contents04 .inner-Box span.arr img {  }
#contents04 .inner-Box h3 {font-size: 2.4rem;line-height: 1.68;font-weight: 700;letter-spacing: 0rem;margin-bottom: 0px;position: relative;background: #fff;border-radius: 10px;padding: 12px 20px;}
#contents04 .inner-Box h3 span {  }
#contents04 .inner-Box figure.img {position: absolute;bottom: -25px;left: 344px;}
#contents04 .inner-Box figure.img img{  }
#contents04 .inner-Box figure.photo {position: absolute;top: 21px;right: 0;}
#contents04 .inner-Box figure.photo img{  }



}

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



}

@media screen and (max-width: 767px) {
.fadein {opacity: 0;transform: translateY(10px);transition: opacity 1s ease, transform 1s ease;}
.fadein.show {opacity: 1;transform: translateY(0);}

#contentsmain {position: relative;background: url('../images/index/sp-contentsmain-back01.jpg')no-repeat top center;background-size: 100% auto;margin: 0 0 -34.2vw;z-index: 3;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box h1 {}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {position: relative;}

#contents01 {margin: 0 auto -10.5vw;position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center;padding: 16.68vw 0 0;background-size: 100% auto;}
#contents01 .inner-Box {position: relative;padding-bottom: 35vw;}
#contents01 .inner-Box h2 {font-size: 3.86vw;line-height: 1.48;font-weight: 700;letter-spacing: 0.0vw;margin: 0 4.2vw 3.4vw;position: relative;}
#contents01 .inner-Box h3 {font-size: 6.28vw;line-height: 1.43;font-weight: 900;letter-spacing: 0.0vw;margin: 0 4.2vw 3.06vw;position: relative;}
#contents01 .inner-Box h3 span {color: #F09D00;}
#contents01 .inner-Box h4 {font-size: 6.28vw;line-height: 1.43;font-weight: 900;letter-spacing: 0.0vw;margin: 0 4.3vw 7.15vw;position: relative;}
#contents01 .inner-Box h4 span {color: #F09D00;}
#contents01 .inner-Box figure.img {position: relative;right: 0vw;margin: 0 4.3vw 6.6vw;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.0vw;margin: 0 6.6vw 7.73vw;position: relative;}

#contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center;z-index: 3;padding: 22.99vw 0 27.78vw;background-size: 100% auto;}
#contents02 h2 {font-size: 7.49vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 14.01vw;position: relative;color: #fff;text-align: center;}
#contents02 h2 span {display: block;font-size: 2.90vw;margin: -2vw 0 0;}
#contents02 .inner-Box1 {margin: 0 auto 10vw;position: relative;background: #fff;border-radius: 4.83vw;padding: 4.16vw 0vw 7.36vw;}
#contents02 .inner-Box1 span.icon {display: block;line-height: 1;width: 9.74vw;margin: 0 auto 0.12vw;}
#contents02 .inner-Box1 span.icon img {  }
#contents02 .inner-Box1 h3 {font-size: 5.31vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 4.23vw;position: relative;text-align: center;color: #F09D00;}
#contents02 .inner-Box1 p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.0vw;margin: 0 6.5vw 8.65vw;position: relative;}
#contents02 .inner-Box1 .prev-arrow{width: 9.66vw;position: absolute;top: 30.1vw;right: 8.7vw;z-index: 3;transform: scale(-1, 1);}
#contents02 .inner-Box1 .next-arrow{width: 9.66vw;position: absolute;top: 30.1vw;left: 8.6vw;}
#contents02 .inner-Box1 ul{ position: relative;}
#contents02 .inner-Box1 ul li {width: 71.63vw;position: relative;margin-right: 0.48vw;}
#contents02 .inner-Box1 ul li a {  }
#contents02 .inner-Box1 ul li a:hover {  }
#contents02 .inner-Box1 figure { position: relative; top: 0; left: 0; }
#contents02 .inner-Box1 figure img{  }

#contents02 .inner-Box2 {margin: 0 auto 10.91vw;position: relative;background: #fff;border-radius: 4.83vw;padding: 4.16vw 0vw 7.36vw;}
#contents02 .inner-Box2 span.icon {display: block;line-height: 1;width: 9.74vw;margin: 0 auto 0.12vw;}
#contents02 .inner-Box2 span.icon img {  }
#contents02 .inner-Box2 h3 {font-size: 5.31vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 4.23vw;position: relative;text-align: center;color: #E07B5E;}
#contents02 .inner-Box2 p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.0vw;margin: 0 6.5vw 8.65vw;position: relative;}
#contents02 .inner-Box2 .prev-arrow{width: 9.66vw;position: absolute;top: 30.1vw;right: 8.7vw;z-index: 3;transform: scale(-1, 1);}
#contents02 .inner-Box2 .next-arrow{width: 9.66vw;position: absolute;top: 30.1vw;left: 8.6vw;}
#contents02 .inner-Box2 ul{ position: relative;}
#contents02 .inner-Box2 ul li {width: 71.63vw;position: relative;margin-right: 0.48vw;}
#contents02 .inner-Box2 ul li a {  }
#contents02 .inner-Box2 ul li a:hover {  }
#contents02 .inner-Box2 figure { position: relative; top: 0; left: 0; }
#contents02 .inner-Box2 figure img{  }

#contents02 .inner-Box3 {margin: 0 auto 16.91vw;position: relative;background: #fff;border-radius: 4.83vw;padding: 4.16vw 0vw 7.36vw;}
#contents02 .inner-Box3 span.icon {display: block;line-height: 1;width: 9.74vw;margin: 0 auto 0.12vw;}
#contents02 .inner-Box3 span.icon img {  }
#contents02 .inner-Box3 h3 {font-size: 5.31vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 4.23vw;position: relative;text-align: center;color: #20809D;}
#contents02 .inner-Box3 p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.0vw;margin: 0 6.5vw 8.65vw;position: relative;}
#contents02 .inner-Box3 .prev-arrow{width: 9.66vw;position: absolute;top: 30.1vw;right: 8.7vw;z-index: 3;transform: scale(-1, 1);}
#contents02 .inner-Box3 .next-arrow{width: 9.66vw;position: absolute;top: 30.1vw;left: 8.6vw;}
#contents02 .inner-Box3 ul{ position: relative;}
#contents02 .inner-Box3 ul li {width: 71.63vw;position: relative;margin-right: 0.48vw;}
#contents02 .inner-Box3 ul li a {  }
#contents02 .inner-Box3 ul li a:hover {  }
#contents02 .inner-Box3 figure { position: relative; top: 0; left: 0; }
#contents02 .inner-Box3 figure img{  }

#contents03 {margin: 0 auto -8vw;position: relative;padding: 11.47vw 0 0;z-index: 3;}
#contents03 h2 {font-size: 7.49vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 6vw;position: relative;text-align: center;}
#contents03 h2 span {display: block;font-size: 3.03vw;margin-top: -2.5vw;}
#contents03 .inner-Box {margin: 0 2.4vw;position: relative;}
#contents03 .inner-Box ul.system-list {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: 5.31vw;}
#contents03 .inner-Box ul li {position: relative;width: 48%;margin-right: 4%;margin-bottom: 6.48vw;}
#contents03 .inner-Box ul li:nth-child(2n){margin-right: 0;}
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box figure.photo {border-radius: 2.42vw;position: relative;top: 0;height: 33.06vw;left: 0;overflow: hidden;margin-bottom: 1.45vw;}
#contents03 .inner-Box figure.photo img{width: 100%;height: 133.06vw;transition: transform 0.3s ease;}
#contents03 .inner-Box li a:hover figure.photo img { transform: scale(1.05); /* 103%ズーム */ }
#contents03 .inner-Box p.cate {font-size: 3.42vw;line-height: 1.7;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.26vw;position: relative;text-align: center;}
#contents03 .inner-Box p.cate span {  }
#contents03 .inner-Box h3 {font-size: 3.66vw;line-height: 1.44;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 2.12vw;position: relative;border-bottom: 0.24vw dotted #707070;padding-bottom: 2.58vw;}
#contents03 .inner-Box li a span.more {display: block;line-height: 1;margin: 0 0 0 35.06vw;position: relative;left: 0;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box li a:hover span.more { left: 0vw;}
#contents03 .inner-Box span.more img {  }

#contents04 {margin: 0 auto -55.9vw;position: relative;background: url('../images/index/sp-contents04-back01.jpg')no-repeat top center;padding: 26.27vw 0vw 69vw;background-size: cover;}
#contents04 h2 {font-size: 7.49vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 10.98vw;position: relative;text-align: center;}
#contents04 h2 span {display: block;font-size: 2.90vw;margin-top: -2.3vw;}
#contents04 .inner-Box {margin: 0 7.2vw;position: relative;}
#contents04 .inner-Box ul{margin-right: 0vw;margin-bottom: -34.3vw;}
#contents04 .inner-Box ul li {position: relative;margin-bottom: 0.07vw;}
#contents04 .inner-Box p.notext {font-size: 4.11vw;line-height: 1.7;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 0.24vw;position: relative;color: #F09D00;}
#contents04 .inner-Box p.notext span.no {font-size: 7.73vw;line-height: 1;margin: 0 2.71vw 0 1.21vw;}
#contents04 .inner-Box span.arr {display: inline-block;line-height: 1;top: 0vw;position: relative;width: 9.2vw;}
#contents04 .inner-Box span.arr img {  }
#contents04 .inner-Box h3 {font-size: 3.86vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 0.0vw;position: relative;background: #fff;border-radius: 2.42vw;padding: 2.5vw 0.43vw 2.5vw 3.43vw;}
#contents04 .inner-Box h3 span {  }
#contents04 .inner-Box figure.img {position: relative;bottom: 0vw;right: -4vw;width: 55.4vw;margin: 0 0 7.9vw auto;}
#contents04 .inner-Box figure.img img{  }
#contents04 .inner-Box figure.photo {position: relative;top: 5.07vw;right: 0;}
#contents04 .inner-Box figure.photo img{  }




}