@charset "UTF-8";
@media screen and (min-width: 770px) {
  body #wrapper .mv {
    background: -webkit-gradient(linear, left top, right top, color-stop(1, #47addc), color-stop(0.65, #8fc663), color-stop(0.3, #efaf07), color-stop(0, #8dc666));
    background: -webkit-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -moz-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -o-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -ms-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: linear-gradient(to right, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    height: 932px;
    width: auto;
  }
  body #wrapper .mv .container {
    background: url("../../images/pc/bg-mv.jpg") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    display: block;
    height: 922px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  body #wrapper .mv .container .banner {
    display: none;
  }
  body #wrapper .mv .container .title {
    margin: 10px 0 0 0;
    position: absolute;
    z-index: 1000;
    width: 45vw;
  }

  body #wrapper .mv .container .title .str01,body #wrapper .mv .container .title .str02,body #wrapper .mv .container .title .str03 {
  	color: #fff;
    font-weight: bold;
    font-size: 4vw;
    padding: .3em 1em .3em 2em;
    background: #2CB6C1;
    margin-top: .4em;
    display: inline-block;
  }
  body #wrapper .mv .container .title .str01 {
    /*background: #2CB6C1;
    padding: 30px 0;
    width: 451px;*/
    margin: 323px 0 0 0;
  }

  body #wrapper .mv .container .title .str01 span {
    /*background: url("../../images/pc/mv-text-01.png") transparent no-repeat;
    background-size: 100% auto;
    display: block;
    height: 43px;
    margin: 0 0 0 80px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 291px;*/
  }
  body #wrapper .mv .container .title .str02 {
    /*background: #2CB6C1;
    margin: 32px 0 0 0;
    padding: 30px 0;
    width: 545px;*/
  }
  body #wrapper .mv .container .title .str02 span {
    /*background: url("../../images/pc/mv-text-02.png") transparent no-repeat;*/
    /*background-size: 100% auto;*/
    /*display: block;*/
    /*height: 43px;*/
    /*margin: 0 0 0 80px;*/
    /*overflow: hidden;*/
    /*text-indent: 200%;*/
    /*white-space: nowrap;*/
    /*width: 417px;*/
  }
  body #wrapper .mv .container .title .str03 {
    /*background: #2CB6C1;
    margin: 32px 0 0 0;
    padding: 1em 3em 1em 2em;*/
    /*width: 480px;*/
  }
  body #wrapper .mv .container .title .str03 span {
    /*background: url("../../images/pc/mv-text-03.png") transparent no-repeat;
    background-size: 100% auto;
    display: block;
    height: 43px;
    margin: 0 0 0 80px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 350px;*/
  }
  body #wrapper .mv .container .decoLT {
    background: url("../../images/pc/mv-decoration-lt.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    height: 166px;
    left: 35px;
    position: absolute;
    top: 25px;
    width: 119px;
    z-index: 1000;
  }
  body #wrapper .mv .container .decoRB {
    background: url("../../images/pc/mv-decoration-rb.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    bottom: 25px;
    height: 166px;
    position: absolute;
    right: 35px;
    width: 119px;
    z-index: 1000;
  }
  body #wrapper .entryBanner {
    height: auto;
    margin: -107px auto 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1100;
    width: 100%;
  }
  body #wrapper .entryBanner .banner {
    background: #fff;
    display: block;
    float: right;
    height: 153px;
    margin: 0 200px 0 0;
    width: 615px;
  }
  body #wrapper .entryBanner .banner a {
    background: url("../../images/pc/mv-banner.jpg") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    display: block;
    height: 153px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 615px;
  }
  body #wrapper .entryBanner .banner a:hover {
    opacity: 0.9;
  }
  body #wrapper .entryBanner .banner a:active {
    opacity: 1;
  }
  body #wrapper .entryBanner .banner a:visited {
    opacity: 1;
  }
  body #wrapper .jobCategoryList {
    background: url("../../images/pc/bg-job-category.jpg") transparent no-repeat;
    background-position: right bottom;
    width: 100%;
  }
  body #wrapper .jobCategoryList .container {
    margin: 0 auto;
    max-width: 1080px;
    padding-top: 0;
    width: 92%;
  }
  body #wrapper .jobCategoryList .container .title {
    font-size: 2.25em;
    font-weight: bold;
    letter-spacing: 0.05em;
    overflow: hidden;
    margin-bottom: 1em;
  }
  body #wrapper .jobCategoryList .container .title:before {
    background: url("../../images/pc/ico-title.png") transparent no-repeat;
    background-position: center top;
    content: " ";
    display: block;
    float: left;
    height: 37px;
    margin: 5px 20px 0 0;
    width: 29px;
  }
  body #wrapper .jobCategoryList .container .lede {
    background: url("../../images/pc/title-job-category.png") transparent no-repeat;
    background-position: center top;
    background-size: cover;
    display: block;
    height: 236px;
    margin: 2em 0 0 0;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 421px;
  }
  body #wrapper .jobCategoryList .container .desc {
    font-size: 1.25em;
    line-height: 1.8em;
    margin: 2em 0 65px 0;
  }

  body #wrapper .jobCategoryList .container .topDesc p:first-child {
    padding-top: 1em;
  }
  body #wrapper .jobCategoryList .container .topDesc a {
    font-weight: bold !important;
    text-decoration: underline !important;
  }
   body #wrapper .jobCategoryList .container .topDesc a:visited {
    font-weight: bold !important;
    text-decoration: underline !important;
  }
   body #wrapper .jobCategoryList .container .topDesc a:hover {
    color: #46ADDC;
    font-weight: bold !important;
    text-decoration: underline !important;
  }

  body #wrapper .jobCategoryList .container .nav ul {
    display: block;
    overflow: hidden;
    width: 100%;
  }
  body #wrapper .jobCategoryList .container .nav ul li {
    display: block;
    float: left;
    margin: 0 2% 2% 0;
    width: 31%;
  }
  body #wrapper .jobCategoryList .container .nav ul li:hover {
    opacity: 0.9;
  }
  body #wrapper .jobCategoryList .container .nav ul li a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #47addd;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 1.4em 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
  body #wrapper .jobCategoryList .container .nav ul li a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
  }
  body #wrapper .jobCategoryList .container .nav ul li a:active {
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }
  body #wrapper .jobCategoryList .container .nav ul li a:visited {
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }
  body #wrapper .jobCategoryList .container .nav ul li a:after {
    background: url("../../images/pc/arrow-white-01.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    content: " ";
    display: block;
    height: 28px;
    margin: 20px 13px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
  }
  body #wrapper .conceptEyecatch {
    background: url("../../images/pc/eyecatch-concept.jpg") transparent no-repeat;
    background-position: center top;
    background-size: cover;
    height: 598px;
    margin: 50px 0 0 0;
    overflow: hidden;
    width: 100%;
  }
  body #wrapper .conceptEyecatch:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(1, #47addc), color-stop(0.65, #8fc663), color-stop(0.3, #efaf07), color-stop(0, #8dc666));
    background: -webkit-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -moz-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -o-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -ms-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: linear-gradient(to right, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    display: block;
    content: " ";
    height: 10px;
    position: absolute;
    top: 588px;
    width: 100%;
    z-index: 1000;
  }
  body #wrapper .concept {
    background: url("../../images/pc/bg-bird.jpg") transparent no-repeat;
    background-position: right top;
    width: 100%;
  }
  body #wrapper .concept .container {
    margin: 0 auto;
    max-width: 1080px;
    padding-top: 65px;
    width: 92%;
  }
  body #wrapper .concept .container .title {
    font-size: 2.25em;
    font-weight: bold;
    letter-spacing: 0.05em;
    overflow: hidden;
  }
  body #wrapper .concept .container .title:before {
    background: url("../../images/pc/ico-title.png") transparent no-repeat;
    background-position: center top;
    content: " ";
    display: block;
    float: left;
    height: 37px;
    margin: 5px 20px 0 0;
    width: 29px;
  }
  body #wrapper .concept .container .lede {
    background: url("../../images/pc/title-concept.png") transparent no-repeat;
    background-position: center top;
    background-size: cover;
    display: block;
    height: 148px;
    margin: 85px 0 65px 0;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 815px;
  }
  body #wrapper .concept .container .desc {
    font-size: 1.25em;
    line-height: 1.8em;
    margin: 0 0 65px 0;
    width: 65%;
  }
  body #wrapper .concept .container .movie {
    margin: 0 auto;
    width: 100%;
  }
  body #wrapper .concept .container .movie iframe {
    height: 600px;
    width: 100%;
  }
  body #wrapper .concept .container .movie a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #47addd;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin: 40px auto 0 auto;
    padding: 1.4em 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 420px;
  }
  body #wrapper .concept .container .movie a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
  }
  body #wrapper .concept .container .movie a:active {
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }
  body #wrapper .concept .container .movie a:visited {
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }
  body #wrapper .concept .container .movie a:after {
    background: url("../../images/pc/arrow-white-01.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    content: " ";
    display: block;
    height: 28px;
    margin: 20px 13px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
  }
  body #wrapper .ideaEyecatch {
    background: url("../../images/pc/eyecatch-idea.jpg") transparent no-repeat;
    background-position: center top;
    background-size: cover;
    height: 503px;
    margin: 70px 0 0 0;
    overflow: hidden;
    width: 100%;
  }
  body #wrapper .ideaEyecatch:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(1, #47addc), color-stop(0.65, #8fc663), color-stop(0.3, #efaf07), color-stop(0, #8dc666));
    background: -webkit-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -moz-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -o-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -ms-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: linear-gradient(to right, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    display: block;
    content: " ";
    height: 10px;
    position: absolute;
    top: 493px;
    width: 100%;
    z-index: 1000;
  }
  body #wrapper .idea {
    background: url("../../images/pc/bg-bird.jpg") transparent no-repeat;
    background-position: -550px 45px;
    width: 100%;
  }
  body #wrapper .idea .container {
    margin: 0 auto;
    max-width: 1080px;
    padding-top: 65px;
    width: 92%;
  }
  body #wrapper .idea .container .title {
    font-size: 2.25em;
    font-weight: bold;
    letter-spacing: 0.05em;
    overflow: hidden;
  }
  body #wrapper .idea .container .title:before {
    background: url("../../images/pc/ico-title.png") transparent no-repeat;
    background-position: center top;
    content: " ";
    display: block;
    float: left;
    height: 37px;
    margin: 5px 20px 0 0;
    width: 29px;
  }
  body #wrapper .idea .container .lede {
    background: url("../../images/pc/title-idea.png") transparent no-repeat;
    background-position: center top;
    background-size: cover;
    display: block;
    height: 148px;
    margin: 85px 0 65px 0;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 882px;
  }
  body #wrapper .idea .container .desc {
    font-size: 1.25em;
    line-height: 1.8em;
    margin: 0 0 65px 0;
    width: 85%;
  }
  body #wrapper .idea .container .point {
    overflow: hidden;
  }
  body #wrapper .idea .container .point li {
    border: 1px #c9c9c9 solid;
    display: block;
    float: left;
    height: auto;
    margin: 0 2.5% 2.5% 0;
    min-height: 220px;
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    width: 48%;
  }
  body #wrapper .idea .container .point li:nth-child(even) {
    margin-right: 0;
  }
  body #wrapper .idea .container .point li:nth-child(3), body #wrapper .idea .container .point li:nth-child(4) {
    margin-bottom: 5%;
  }
  body #wrapper .idea .container .point li.diapers {
    background: url("../../images/pc/bg-idea-point-01.png") transparent no-repeat;
    background-position: 8% 90px;
    background-size: 35% auto;
  }
  body #wrapper .idea .container .point li.walk {
    background: url("../../images/pc/bg-idea-point-02.png") transparent no-repeat;
    background-position: 8% 90px;
    background-size: 35% auto;
  }
  body #wrapper .idea .container .point li.eat {
    background: url("../../images/pc/bg-idea-point-03.png") transparent no-repeat;
    background-position: 8% 90px;
    background-size: 35% auto;
  }
  body #wrapper .idea .container .point li.cognition {
    background: url("../../images/pc/bg-idea-point-04.png") transparent no-repeat;
    background-position: 8% 90px;
    background-size: 35% auto;
  }
  body #wrapper .idea .container .point li .title {
    color: #f7ad00;
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0 auto;
    width: 87%;
  }
  body #wrapper .idea .container .point li .title:before {
    display: none;
  }
  body #wrapper .idea .container .point li .desc {
    font-size: 0.93em;
    margin: 50px 0 0 50%;
    width: 45%;
  }
  body #wrapper .idea .container a.btn {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #47addd;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 auto 0 auto;
    padding: 1.4em 0;
    position: relative;
    text-align: center;
    width: 420px;
  }
  body #wrapper .idea .container a.btn:after {
    background: url("../../images/pc/arrow-white-01.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    content: " ";
    display: block;
    height: 28px;
    margin: 20px 13px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
  }
  body #wrapper .idea .container a.btn:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
  }
  body #wrapper .idea .container a.btn:active {
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }
  body #wrapper .idea .container a.btn:visited {
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }
  body #wrapper .contentsBottomImage {
    background: url("../../images/pc/bg-family.jpg") transparent no-repeat;
    background-position: right top;
    background-size: 65%;
    height: auto;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 21.5% 0;
    width: 100%;
  }
}
@media screen and (min-width: 770px) and (max-width: 1500px) {
  body #wrapper .jobCategoryList {
    background-size: 65% auto;
    background-position: right top;
  }
}
@media screen and (min-width: 770px) and (max-width: 1200px) {
  body #wrapper .mv .container .title .str01 {
    margin-top: 276px;
    width: 386px;
  }
  body #wrapper .mv .container .title .str01 span {
    height: 50px;
    width: 249px;
  }
  body #wrapper .mv .container .title .str02 {
    margin-top: 27px;
    width: 494px;
  }
  body #wrapper .mv .container .title .str02 span {
    height: 50px;
    width: 357px;
  }
  body #wrapper .mv .container .title .str03 {
    margin-top: 27px;
    width: 733px;
  }
  body #wrapper .mv .container .title .str03 span {
    height: 51px;
    width: 597px;
  }
  body #wrapper .mv .container .decoLT {
    height: 142px;
    width: 101px;
  }
  body #wrapper .mv .container .decoRB {
    height: 142px;
    width: 101px;
  }
}
@media screen and (min-width: 770px) and (max-width: 1079px) {
  body #wrapper .mv .container .title .str01 {
    margin-top: 242px;
    width: 338px;
  }
  body #wrapper .mv .container .title .str01 span {
    height: 43.5px;
    width: 218px;
  }
  body #wrapper .mv .container .title .str02 {
    margin-top: 24px;
    width: 494px;
  }
  body #wrapper .mv .container .title .str02 span {
    height: 43.5px;
    width: 313px;
  }
  body #wrapper .mv .container .title .str03 {
    margin-top: 24px;
    width: 642px;
  }
  body #wrapper .mv .container .title .str03 span {
    height: 45px;
    width: 523px;
  }
  body #wrapper .mv .container .decoLT {
    height: 124.5px;
    width: 89px;
  }
  body #wrapper .mv .container .decoRB {
    height: 124.5px;
    width: 89px;
  }
  body #wrapper .entryBanner .banner {
    margin-right: 150px;
  }
  body #wrapper .jobCategoryList {
    background-size: 65% auto;
    background-position: right 8%;
  }
  body #wrapper .jobCategoryList .container .lede {
    height: 187.3px;
    width: 334px;
  }
  body #wrapper .jobCategoryList .container .desc {
    width: 100%;
  }
  body #wrapper .concept {
    background-size: 75%;
  }
  body #wrapper .concept .container .lede {
    height: 120px;
    width: 674px;
  }
  body #wrapper .concept .container .desc {
    width: 80%;
  }
  body #wrapper .idea {
    background-position: -180% 8%;
    background-size: 75%;
  }
  body #wrapper .idea .container .lede {
    height: 117.5px;
    width: 700px;
  }
  body #wrapper .idea .container .desc {
    width: 90%;
  }
}
@media screen and (max-width: 769px) {
  body {
    font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Helvetica Neue, Helvetica, Hiragino Sans, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    font-size: 14px;
  }
  body #wrapper .mv {
    height: auto;
    width: 100%;
  }
  body #wrapper .mv .container {
    background: url("../../images/sp/bg-mv.jpg") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    display: block;
    height: auto;
    margin: 75px auto 0 auto;
    overflow: hidden;
    padding: 28% 0 10% 0;
    position: relative;
    width: 100%;
    z-index: 500;
  }
  body #wrapper .mv .container .title {
    font-size: 1.35em;
    font-weight: bold;
    margin: 23% 0 0 0;
    position: relative;
    z-index: 1000;
  }
  body #wrapper .mv .container .title .str01,body #wrapper .mv .container .title .str02,body #wrapper .mv .container .title .str03 {
  	font-size:7vw;
  }
  body #wrapper .mv .container .title .str01 {
    display: block;
    margin: 0 0 0 0;
    width: auto;
  }
  body #wrapper .mv .container .title .str01 span {
    background: #2CB6C1;
    color: #fff;
    display: inline-block;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px;
    width: auto;
  }
  body #wrapper .mv .container .title .str02 {
    display: block;
    margin: 12px 0 0 0;
    width: auto;
  }
  body #wrapper .mv .container .title .str02 span {
    background: #2CB6C1;
    color: #fff;
    display: inline-block;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px;
    width: auto;
  }
  body #wrapper .mv .container .title .str03 {
    display: block;
    margin: 12px 0 0 0;
    width: auto;
  }
  body #wrapper .mv .container .title .str03 span {
    background: #2CB6C1;
    color: #fff;
    display: inline-block;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px;
    width: auto;
  }
  body #wrapper .mv .container .decoLT {
    background: url("../../images/sp/mv-decoration-lt.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    height: 75px;
    left: 3%;
    position: absolute;
    top: 3%;
    width: 54px;
    z-index: 1000;
  }
  body #wrapper .mv .container .decoRB {
    background: url("../../images/sp/mv-decoration-rb.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    bottom: 30%;
    height: 75px;
    position: absolute;
    right: 3%;
    width: 54px;
    z-index: 1000;
  }
  body #wrapper .mv .container .banner {
    display: block;
    margin: 60px auto 0 auto;
    position: relative;
    width: 94%;
    max-width: 480px;
  }
  body #wrapper .mv .container .banner img {
    width: 100%;
  }
  body #wrapper .entryBanner {
    display: none;
  }
  body #wrapper .jobCategoryList {
    background: url("../../images/pc/bg-job-category.jpg") #fff no-repeat;
    background-position: right 2%;
    background-size: 59% auto;
    margin: -20px auto 0 auto;
    position: relative;
    width: 92%;
    z-index: 1100;
  }
  body #wrapper .jobCategoryList:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(1, #47addc), color-stop(0.65, #8fc663), color-stop(0.3, #efaf07), color-stop(0, #8dc666));
    background: -webkit-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -moz-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -o-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -ms-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: linear-gradient(to right, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    display: block;
    content: " ";
    height: 5px;
    position: absolute;
    width: 100%;
  }
  body #wrapper .jobCategoryList .container {
    margin: 0 auto;
    padding-top: 35px;
    width: 92%;
  }
  body #wrapper .jobCategoryList .container .title {
    font-size: 1.375em;
    font-weight: bold;
    overflow: visible;
    width: 100%;
  }
  body #wrapper .jobCategoryList .container .title:before {
    background: url("../../images/sp/ico-title-01.png") transparent no-repeat;
    background-position: center top;
    background-size: 100% auto;
    content: " ";
    display: block;
    float: left;
    height: 23.5px;
    margin: 2px 10px 0 5px;
    width: 17.5px;
  }
  body #wrapper .jobCategoryList .container .lede {
    background: url("../../images/sp/title-job-category.png") transparent no-repeat;
    background-position: center top;
    background-size: contain;
    display: block;
    height: auto;
    margin: 35px 0 0 0;
    overflow: hidden;
    padding: 16% 0;
    text-indent: 200%;
    white-space: nowrap;
    width: 62%;
  }
  body #wrapper .jobCategoryList .container .desc {
    font-size: 1em;
    line-height: 1.8em;
    margin: 25px 0 18px 0;
  }

  body #wrapper .jobCategoryList .container .topDesc p:first-child {
    padding-top: 0 !important;
  }

  body #wrapper .jobCategoryList .container .topDesc a {
    font-weight: bold !important;
    text-decoration: underline !important;
  }
   body #wrapper .jobCategoryList .container .topDesc a:visited {
    font-weight: bold !important;
    text-decoration: underline !important;
  }

  body #wrapper .jobCategoryList .container .nav {
    clear: both;
    overflow: hidden;
    padding: 0 0 25px 0;
    width: 100%;
  }
  body #wrapper .jobCategoryList .container .nav ul {
    margin: 10px 0 0 0;
  }
  body #wrapper .jobCategoryList .container .nav ul li {
    display: block;
    float: left;
    margin: 0 2% 2% 0;
    width: 49%;
  }
  body #wrapper .jobCategoryList .container .nav ul li:nth-child(even) {
    margin-right: 0;
  }
  body #wrapper .jobCategoryList .container .nav ul li:hover {
    opacity: 0.9;
  }
  body #wrapper .jobCategoryList .container .nav ul li a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #47addd;
    color: #fff;
    display: block;
    font-size: 0.875em;
    font-weight: bold;
    padding: 1.5em 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
  body #wrapper .jobCategoryList .container .nav ul li a:hover {
    color: #fff;
    text-decoration: underline;
  }
  body #wrapper .jobCategoryList .container .nav ul li a:active {
    color: #fff;
    text-decoration: none;
  }
  body #wrapper .jobCategoryList .container .nav ul li a:visited {
    color: #fff;
    text-decoration: none;
  }
  body #wrapper .jobCategoryList .container .nav ul li a:after {
    background: url("../../images/sp/arrow-white-01.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    content: " ";
    display: block;
    height: 16px;
    margin: 11px 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
  }
  body #wrapper .conceptEyecatch {
    background: url("../../images/sp/eyecatch-concept.jpg") transparent no-repeat;
    background-position: center top;
    background-size: cover;
    height: auto;
    margin: 30px 0 0 0;
    overflow: hidden;
    padding: 30% 0;
    width: 100%;
  }
  body #wrapper .concept {
    background: #fff;
    margin: -20px auto 0 auto;
    padding-bottom: 1%;
    position: relative;
    width: 92%;
    z-index: 1100;
  }
  body #wrapper .concept:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(1, #47addc), color-stop(0.65, #8fc663), color-stop(0.3, #efaf07), color-stop(0, #8dc666));
    background: -webkit-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -moz-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -o-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -ms-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: linear-gradient(to right, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    display: block;
    content: " ";
    height: 5px;
    position: absolute;
    width: 100%;
  }
  body #wrapper .concept .container {
    margin: 0 auto;
    padding-top: 35px;
    width: 92%;
  }
  body #wrapper .concept .container .title {
    font-size: 1.375em;
    font-weight: bold;
    overflow: visible;
    width: 100%;
  }
  body #wrapper .concept .container .title:before {
    background: url("../../images/sp/ico-title-01.png") transparent no-repeat;
    background-position: center top;
    background-size: 100% auto;
    content: " ";
    display: block;
    float: left;
    height: 23.5px;
    margin: 2px 10px 0 5px;
    width: 17.5px;
  }
  body #wrapper .concept .container .lede {
    background: url("../../images/sp/title-concept.png") transparent no-repeat;
    background-position: center top;
    background-size: contain;
    display: block;
    height: auto;
    margin: 10% 0;
    overflow: hidden;
    padding: 10% 0;
    text-indent: 200%;
    white-space: nowrap;
    width: 95%;
  }
  body #wrapper .concept .container .desc {
    font-size: 1em;
    line-height: 1.8em;
    margin: 10% 0;
  }
  body #wrapper .concept .container .movie {
    margin: 0 auto;
    width: 100%;
  }
  body #wrapper .concept .container .movie iframe {
    height: 180px;
    width: 100%;
  }
  body #wrapper .concept .container .movie a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #47addd;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 10% auto;
    padding: 1.2em 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
  body #wrapper .concept .container .movie a:hover {
    color: #fff;
    text-decoration: underline;
  }
  body #wrapper .concept .container .movie a:active {
    color: #fff;
    text-decoration: none;
  }
  body #wrapper .concept .container .movie a:visited {
    color: #fff;
    text-decoration: none;
  }
  body #wrapper .concept .container .movie a:after {
    background: url("../../images/sp/arrow-white-01.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    content: " ";
    display: block;
    height: 23px;
    margin: 13px 11px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 9px;
  }
  body #wrapper .ideaEyecatch {
    background: url("../../images/sp/eyecatch-idea.jpg") transparent no-repeat;
    background-position: center top;
    background-size: cover;
    height: auto;
    margin: 30px 0 0 0;
    overflow: hidden;
    padding: 30% 0;
    width: 100%;
  }
  body #wrapper .idea {
    background: #fff;
    margin: -20px auto 0 auto;
    padding-bottom: 1%;
    position: relative;
    width: 92%;
    z-index: 1100;
  }
  body #wrapper .idea:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(1, #47addc), color-stop(0.65, #8fc663), color-stop(0.3, #efaf07), color-stop(0, #8dc666));
    background: -webkit-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -moz-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -o-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: -ms-linear-gradient(left, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    background: linear-gradient(to right, #8dc666 0%, #efaf07 30%, #8fc663 65%, #47addc 100%);
    display: block;
    content: " ";
    height: 5px;
    position: absolute;
    width: 100%;
  }
  body #wrapper .idea .container {
    margin: 0 auto;
    padding-top: 35px;
    width: 92%;
  }
  body #wrapper .idea .container .title {
    font-size: 1.375em;
    font-weight: bold;
    overflow: visible;
    width: 100%;
  }
  body #wrapper .idea .container .title:before {
    background: url("../../images/sp/ico-title-01.png") transparent no-repeat;
    background-position: center top;
    background-size: 100% auto;
    content: " ";
    display: block;
    float: left;
    height: 23.5px;
    margin: 2px 10px 0 5px;
    width: 17.5px;
  }
  body #wrapper .idea .container .lede {
    background: url("../../images/sp/title-idea.png") transparent no-repeat;
    background-position: center top;
    background-size: contain;
    display: block;
    height: auto;
    margin: 13% 0 8% 0;
    overflow: hidden;
    padding: 8% 0;
    text-indent: 200%;
    white-space: nowrap;
    width: 95%;
  }
  body #wrapper .idea .container .desc {
    font-size: 1em;
    line-height: 1.8em;
    margin: 10% 0;
  }
  body #wrapper .idea .container .point {
    overflow: hidden;
  }
  body #wrapper .idea .container .point li {
    border: 1px #c9c9c9 solid;
    display: block;
    float: left;
    height: auto;
    margin: 0 2.5% 2.5% 0;
    overflow: hidden;
    padding: 6% 0;
    position: relative;
    width: 48%;
  }
  body #wrapper .idea .container .point li:nth-child(even) {
    margin-right: 0;
  }
  body #wrapper .idea .container .point li:nth-child(3), body #wrapper .idea .container .point li:nth-child(4) {
    margin-bottom: 5%;
  }
  body #wrapper .idea .container .point li.diapers {
    background: url("../../images/sp/bg-idea-point-01.png") transparent no-repeat;
    background-position: center 30%;
    background-size: 95% auto;
  }
  body #wrapper .idea .container .point li.diapers .desc {
    margin-top: 100%;
  }
  body #wrapper .idea .container .point li.walk {
    background: url("../../images/sp/bg-idea-point-02.png") transparent no-repeat;
    background-position: center 25%;
    background-size: 95% auto;
  }
  body #wrapper .idea .container .point li.eat {
    background: url("../../images/sp/bg-idea-point-03.png") transparent no-repeat;
    background-position: center 25%;
    background-size: 95% auto;
  }
  body #wrapper .idea .container .point li.cognition {
    background: url("../../images/sp/bg-idea-point-04.png") transparent no-repeat;
    background-position: center 30%;
    background-size: 95% auto;
  }
  body #wrapper .idea .container .point li .title {
    color: #f7ad00;
    display: block;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.6em;
    margin: 0 auto;
    text-align: center;
    width: 87%;
  }
  body #wrapper .idea .container .point li .title:before {
    display: none;
  }
  body #wrapper .idea .container .point li .desc {
    font-size: 0.875em;
    font-weight: normal;
    line-height: 1.6em;
    margin: 85% auto 0 auto;
    width: 90%;
  }
  body #wrapper .idea .container a.btn {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #47addd;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 3.5% auto 0 auto;
    padding: 1.2em 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
  body #wrapper .idea .container a.btn:hover {
    color: #fff;
    text-decoration: underline;
  }
  body #wrapper .idea .container a.btn:active {
    color: #fff;
    text-decoration: none;
  }
  body #wrapper .idea .container a.btn:visited {
    color: #fff;
    text-decoration: none;
  }
  body #wrapper .idea .container a.btn:after {
    background: url("../../images/sp/ico-new-window-white.png") transparent no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    content: " ";
    display: block;
    height: 17px;
    margin: 15px 11px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
  }
  body #wrapper .contentsBottomImage {
    background: url("../../images/sp/bg-family.jpg") #fff no-repeat;
    background-position: center top;
    background-size: 95%;
    height: auto;
    margin: 0 auto 0 auto;
    overflow: hidden;
    padding: 33.5% 0;
    width: 92%;
  }
}